.menu-drawer__submenu--accordion{position:static!important;transform:none!important;visibility:visible!important;max-height:0;overflow:hidden;opacity:0;margin-left:2rem;max-width:fit-content;transition:max-height .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1),padding .3s ease;background-color:transparent!important;padding:0;border:none;will-change:max-height,opacity,padding}.menu-drawer__submenu--accordion.is-open{max-height:2000px;opacity:1;padding-top:.5rem;padding-bottom:.5rem;min-width:95%!important;width:95%!important}.menu-drawer__submenu--accordion .menu-drawer__menu>li{opacity:0;transform:translateY(8px);transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}.menu-drawer__submenu--accordion .menu-drawer__menu>li.menu-item-entering{animation:accordionItemBounce .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.05s * var(--submenu-order, 0))}.menu-drawer__submenu--accordion .menu-drawer__menu>li.menu-item-exiting{animation:fadeOut .4s ease-in-out forwards;animation-delay:calc(.03s * (10 - var(--submenu-order, 0)))}@keyframes accordionItemBounce{0%{opacity:0;transform:translateY(8px)}70%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(1){--submenu-order: 1}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(2){--submenu-order: 2}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(3){--submenu-order: 3}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(4){--submenu-order: 4}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(5){--submenu-order: 5}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(6){--submenu-order: 6}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(7){--submenu-order: 7}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(8){--submenu-order: 8}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(9){--submenu-order: 9}.menu-drawer__submenu--accordion.is-open .menu-drawer__menu>li:nth-child(10){--submenu-order: 10}.menu-drawer__submenu--accordion:not(.is-open) .menu-drawer__menu>li{transition-delay:0s!important}details.accordion-menu-item>summary{border-bottom:1px solid rgba(var(--color-foreground),.08);position:relative;padding-right:3.5rem!important;transition:background-color .2s ease,transform .3s ease;will-change:transform,background-color}details.accordion-menu-item>summary:hover{background-color:rgba(var(--color-foreground),.03);transform:translate(5px)}.accordion-icon{display:flex;align-items:center;justify-content:center;position:absolute;right:1.5rem;top:36%;transform:translateY(-50%);z-index:1;width:1.2rem;height:1.2rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);will-change:transform}.accordion-icon img{width:100%;height:100%;display:block;object-fit:contain;transition:opacity .3s ease}.accordion-icon .icon-closed{display:none;opacity:0;transition:opacity .4s cubic-bezier(.34,1.56,.64,1)}.accordion-icon .icon-open{display:block;opacity:1;transition:opacity .4s cubic-bezier(.34,1.56,.64,1)}details[open]>summary .accordion-icon .icon-closed{display:block;opacity:1}details[open]>summary .accordion-icon .icon-open{display:none;opacity:0}details[open]>summary .accordion-icon{transform:translateY(-50%) rotate(180deg)}.menu-drawer__submenu--accordion .menu-drawer__close-button{display:none}.js .menu-drawer__submenu--accordion{z-index:0}.menu-drawer__menu-item--accordion+.menu-drawer__submenu--accordion .menu-drawer__menu{padding-left:0}.menu-drawer__submenu--accordion .menu-drawer__submenu--accordion{margin-left:1rem}.menu-drawer__submenu--accordion{top:auto;bottom:auto;left:auto;width:auto}.menu-drawer__submenu--accordion .menu-drawer__menu{padding:0 0 0 1rem}.menu-drawer__submenu--accordion .accordion-menu-item>summary{border-bottom:1px solid rgba(var(--color-foreground),.08)}details.accordion-menu-item{position:relative;transition:margin-bottom .3s ease}details.accordion-menu-item>summary{list-style:none}details.accordion-menu-item>summary::-webkit-details-marker{display:none}.menu-drawer__menu>li>a.menu-drawer__menu-item{border-bottom:1px solid rgba(var(--color-foreground),.08);display:block;transition:background-color .2s ease,transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;will-change:transform,opacity,background-color}.menu-drawer__menu>li>a.menu-drawer__menu-item:hover{background-color:rgba(var(--color-foreground),.03);transform:translate(5px)}.menu-drawer__slider-container{display:block!important;width:100%;max-width:100%;overflow:hidden;margin-bottom:1rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.menu-drawer__menu>li{opacity:1;transform:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1),margin-top .3s ease}.menu-drawer__navigation>.menu-drawer__menu>li{transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s cubic-bezier(.34,1.56,.64,1),margin-top .3s ease}.menu-drawer__menu-item{transition:opacity .4s cubic-bezier(.34,1.56,.64,1),transform .4s cubic-bezier(.34,1.56,.64,1),background-color .3s ease;will-change:transform,opacity}.menu-drawer__navigation>.menu-drawer__menu>li{opacity:1!important;transform:none!important}.menu-drawer__menu>li{animation:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}70%{opacity:1;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.menu-drawer__submenu--accordion.is-open{animation:fadeIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.menu-drawer__submenu--accordion:not(.is-open){animation:fadeOut .3s ease forwards;max-height:0!important;padding:0;transition:max-height .4s cubic-bezier(.55,.055,.675,.19),opacity .4s cubic-bezier(.55,.055,.675,.19),padding .3s ease}.menu-drawer__navigation>.menu-drawer__menu>li.is-shifting{transition:transform .4s cubic-bezier(.34,1.56,.64,1),margin-top .3s ease}.js details[open].menu-opening>.menu-drawer .menu-drawer__inner-container{animation:drawerContainerIn .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes drawerContainerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.js details[open].menu-opening>.menu-drawer .menu-drawer__navigation ul li{animation:menuItemBounce .7s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(.07s * var(--animation-order, 0))}.menu-drawer__menu-item:hover{transform:translate(5px)}
/*# sourceMappingURL=/cdn/shop/t/14/assets/menu-drawer-accordion.css.map */