@media all and (min-width: 990px){.with--dropdown__menu-animation details[open]>*:not(summary){animation:openMenu .35s ease-in-out}.with--dropdown__menu-animation details[closing]>*:not(summary){overflow-y:hidden;animation:closeMenu .75s ease-in-out}.with--dropdown__menu-animation .dropdown-inner.full-width.with--layout-width{width:clamp(990px,100%,1200px);left:50%;transform:translate(-50%) translateY(0);will-change:transform}.with--dropdown__menu-animation details[open] .dropdown-inner.full-width.with--layout-width{animation:openMenuWithLayoutWidth .35s ease-in-out}.with--dropdown__menu-animation details[closing] .dropdown-inner.full-width.with--layout-width{overflow-y:hidden;animation:closeMenuWithLayoutWidth .75s ease-in-out}@keyframes closeMenu{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.5rem)}}@keyframes openMenu{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes closeMenuWithLayoutWidth{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-.5rem)}}@keyframes openMenuWithLayoutWidth{0%{opacity:0;transform:translate(-50%) translateY(-.5rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/component-menu-dropdown-animation.css.map */