.c-list-menu-left{width:100vw;position:fixed;top:0;left:0;z-index:9999999;transform:translate(-100%);visibility:hidden;height:100%}.c-list-menu-left.open{transform:translate(0);visibility:visible}.c-list-menu-left__overlay{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;background:#0000004d}.c-list-menu-left__wrapper{width:310px;height:100%;box-shadow:0 3px 25px #00000040;transform:translate(-100%);-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.c-list-menu-left.open .c-list-menu-left__wrapper{transform:translate(0)}.c-list-menu-left__close{display:block;position:absolute;top:50%;right:10px;z-index:100;margin-top:-12px;color:var(--color-foreground)}.c-list-menu-left__close:hover{color:var(--gradient-base-accent-2)}.c-list-menu-left__heading{position:relative;padding:20px;background:var(--color-base-background-2);border-bottom:1px solid #d8d8d8;font-weight:600;color:var(--color-base-accent-1)}@media (min-width: 768px){.c-list-menu-left__heading{background:var(--color-base-background-1)}}.c-list-menu-left__box{height:100%;overflow-y:auto;background:var(--color-base-background-2)}.c-list-menu-left__ul-top{padding:10px 10px 4px}.c-list-menu-left__ul-bottom{border-top:1px solid #d8d8d8;padding:10px 0 0 10px}.c-list-menu-left__li{position:relative;padding:15px 10px;margin-bottom:2px;border-radius:5px;border-left:3px solid transparent;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}.c-list-menu-left__li:hover{background:#f5f5f5;border-left:3px solid var(--color-base-accent-2)}.c-list-menu-left__ul-bottom .c-list-menu-left__li{padding:12px 10px 12px 4px}.c-list-menu-left__ul-bottom .c-list-menu-left__li:hover{background:#f5f5f5;border-left:3px solid transparent}.c-list-menu-left__li.open .c-list-menu-left__child,.c-list-menu-left__child-li.open .c-list-menu-left__grandchild{visibility:visible;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}@media (min-width: 768px){.c-list-menu-left__li.open .c-list-menu-left__child,.c-list-menu-left__child-li.open .c-list-menu-left__grandchild{visibility:inherit;-moz-transition:none;-o-transition:none;-webkit-transition:none;transition:none}.c-list-menu-left__li:hover .c-list-menu-left__child,.c-list-menu-left__child-li:hover .c-list-menu-left__grandchild{visibility:visible;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}}.c-list-menu-left__link{display:block;position:relative;opacity:0;padding-right:14px;vertical-align:middle;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in;text-decoration:none;color:#333}.no-sub-menu{display:flex;flex-direction:row}.c-list-menu-left__link img{vertical-align:middle}.c-list-menu-left__link span{vertical-align:middle;margin-left:5px}.c-list-menu-left.open .c-list-menu-left__link{opacity:1}.c-list-menu-left__link .icon-caret{position:absolute;top:0;right:-10px;z-index:1;transform:rotate(-90deg)}.c-list-menu-left__child,.c-list-menu-left__grandchild{width:100%;position:fixed;top:0;left:0;z-index:2;overflow:hidden;visibility:hidden;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}@media (min-width: 768px){.c-list-menu-left__child{width:70vw;height:inherit;top:66px;left:100%}.c-list-menu-left__grandchild{width:inherit;position:relative;top:inherit;left:inherit;z-index:inherit;overflow:inherit;visibility:inherit;-moz-transition:inherit;-o-transition:inherit;-webkit-transition:inherit;transition:inherit}}.c-list-menu-left__child-back,.c-list-menu-left__grandchild-back{display:flex;align-items:center;border-top:2px solid var(--color-base-accent-1);padding:18px 20px;vertical-align:middle}.c-list-menu-left__child-back svg,.c-list-menu-left__grandchild-back svg{margin-right:12px}.c-list-menu-left__child-title,.c-list-menu-left__grandchild-title{transform:translate(-80%);opacity:0;padding:12px;vertical-align:middle;-moz-transition:all 50ms ease-in;-o-transition:all 50ms ease-in;-webkit-transition:all 50ms ease-in;transition:all 50ms ease-in}.c-list-menu-left__child-title span,.c-list-menu-left__grandchild-title span{vertical-align:middle}.c-list-menu-left__child-title img,.c-list-menu-left__grandchild-title img{width:24px;height:24px;object-fit:contain;vertical-align:middle;margin-right:5px}.c-list-menu-left__li:hover .c-list-menu-left__child .c-list-menu-left__child-title,.c-list-menu-left__child-li:hover .c-list-menu-left__grandchild .c-list-menu-left__grandchild-title{transform:translate(0);opacity:1;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}@media (min-width: 768px){.c-list-menu-left__child-heading,.c-list-menu-left__grandchild-heading{display:flex;justify-content:space-between;align-items:center;padding-right:20px;border-radius:0 10px 0 0}.c-list-menu-left__child-title,.c-list-menu-left__grandchild-title{padding:20px 30px 20px 20px;border-radius:0 300px 300px 0}}.c-list-menu-left__child-ul-wrapper,.c-list-menu-left__grandchild-ul-wrapper{height:calc(100vh - 120px);border-radius:0 0 10px;padding:25px 20px 20px;background:#fff;border-left:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;overflow-y:auto}.c-list-menu-left__child-view{display:block;border-top:1px solid #dddddd;padding:25px 0;margin-top:25px;text-decoration:none;font-weight:600;color:var(--color-base-text-1)}.c-list-menu-left__child-ul:has(.c-list-menu-left__child-li.has-image){display:flex;flex-wrap:wrap;justify-content:start}.c-list-menu-left__child-li.has-image{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}@media (min-width: 768px){.c-list-menu-left__child-li.has-image{margin-bottom:50px}}.c-list-menu-left__child-li.has-image .c-list-menu-left__child-link{text-transform:none;text-align:center}.c-list-menu-left__child-li.has-image .c-list-menu-left__child-link.has-child-links{text-transform:uppercase;text-align:left}.c-list-menu-left__child-li.has-image .c-list-menu-left__child-link span{display:block}.c-list-menu-left__child-li.has-image .c-list-menu-left__child-link img{border-radius:15px;margin:0 auto 10px}@media (min-width: 768px){.c-list-menu-left__child-ul-wrapper{height:calc(100vh - 130px)}.c-list-menu-left__grandchild-ul-wrapper{height:inherit;border-left:inherit;border-right:inherit;border-bottom:inherit;padding:0}.c-list-menu-left__child-ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:30px 10px}.c-list-menu-left__child-ul-wrapper.banner{max-height:80vh;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px 10px}.c-list-menu-left__child-ul-wrapper.banner .c-list-menu-left__child-ul{-ms-flex:0 0 65%;flex:0 0 65%;max-width:65%}.c-list-menu-left__child-ul-banner{-ms-flex:0 0 32%;flex:0 0 32%;max-width:32%;position:relative;height:0;padding-bottom:44%}.c-list-menu-left__child-ul-banner img{position:absolute;top:0;left:0;z-index:1;object-fit:cover;border-radius:10px}.c-list-menu-left__child-view{display:block;border-top:none;padding:15px 0;margin-top:0;text-decoration:underline;text-underline-offset:.3rem;font-weight:400;color:var(--color-base-text-1)}.c-list-menu-left__child-li{-ms-flex:0 0 32.333333%;flex:0 0 32.333333%;max-width:32.333333%}.c-list-menu-left__child-ul-wrapper.banner .c-list-menu-left__child-li{-ms-flex:0 0 49%;flex:0 0 49%;max-width:49%}.c-list-menu-left__child-li.has-image{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;margin-bottom:50px}}.c-list-menu-left__child-link{display:flex;align-items:center;justify-content:space-between;position:relative;text-decoration:none;color:var(--color-foreground);padding-bottom:30px}.c-list-menu-left__child-link svg{min-width:24px}@media (min-width: 768px){.c-list-menu-left__child-link{padding-right:0;color:var(--color-base-accent-2);text-transform:uppercase;font-weight:600}}.c-list-menu-left__child-link .icon-caret{position:absolute;top:0;right:-15px;z-index:1;transform:rotate(-90deg)}.c-list-menu-left__child-li:last-child .c-list-menu-left__child-link{padding-bottom:0}@media (min-width: 768px){.c-list-menu-left__child-li:last-child .c-list-menu-left__child-link{padding-bottom:12px}}.c-list-menu-left__grandchild-link{display:block;padding-bottom:30px;color:var(--color-foreground);text-decoration:none}.c-list-menu-left__grandchild-link:hover{color:var(--color-base-accent-1)}@media (min-width: 768px){.c-list-menu-left__grandchild-link{padding-bottom:12px}.c-list-menu-left__li:hover .c-list-menu-left__grandchild-link{-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;-webkit-transition:all .3s ease-in;transition:all .3s ease-in}}.c-list-menu-left__grandchild-li:last-child .c-list-menu-left__grandchild-link{padding-bottom:0}.tag-container{display:flex;justify-content:flex-start}.tag-badge{padding:0 15px;margin:0 30px 12px;display:inline-block;height:20px;font-size:12px;line-height:20px;border-radius:25px;font-weight:600;color:#fff}.menu-list-container{display:flex;flex-direction:row;align-items:center}.menu-list-icons{width:30px;height:30px;margin-right:8px}.menu-list-text-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.menu-list-text-container svg{min-width:24px}.menu-list-arrow-icon{width:24px;height:24px}.menu-icon-spacing{padding:12px 8px}.menu-arrow-spacing{padding-right:0}
/*# sourceMappingURL=/cdn/shop/t/262/assets/c-list-menu-left.css.map */