:root{--anim-instant: 50ms;--anim-fast: .1s;--anim-normal: .15s;--anim-medium: .2s;--anim-slow: .3s;--anim-slower: .4s;--anim-slowest: .5s;--desktop-menu-slide: .15s;--desktop-menu-fade: .15s;--ease-smooth: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--ease-sharp: cubic-bezier(.4, 0, .2, 1);--ease-crossfade: cubic-bezier(.4, 0, .6, 1);--ease-in-out: ease-in-out;--ease-out: ease-out}#site-header{transition:all var(--anim-normal) var(--ease-smooth);background-color:transparent;color:#fff}#site-header.scrolled{background-color:#fff;color:#000}#logo{transition:all var(--anim-normal) var(--ease-smooth)}#site-header.mobile-menu-open #logo{color:#fff}.menu-container{transform:translateY(-100%);pointer-events:none;transition:transform var(--desktop-menu-slide) var(--ease-smooth),height var(--desktop-menu-slide) var(--ease-smooth);overflow:hidden;height:auto;min-height:0}.menu-container.is-open{transform:translateY(0);pointer-events:auto;transition:transform var(--desktop-menu-slide) var(--ease-smooth),height var(--desktop-menu-slide) var(--ease-smooth)}.menu-content{opacity:0;visibility:hidden;position:absolute;top:0;left:0;right:0}.menu-content.is-visible{opacity:1;visibility:visible;position:relative}.menu-content ul,.menu-content li,.menu-content a{opacity:inherit}.level-3-submenu{transition:max-height var(--anim-medium) var(--ease-smooth)}.level-3-expandable[data-expanded=true] .level-3-submenu{max-height:500px}.overlay-animated{transition:opacity var(--anim-normal) var(--ease-smooth)}#menu-overlay{opacity:0;pointer-events:none;transition:opacity var(--anim-fast) var(--ease-out)}#menu-overlay.active{opacity:1;pointer-events:auto}.mobile-menu-container{width:300%;display:flex;transition:transform var(--anim-medium) var(--ease-smooth)}.mobile-menu-container.level-2{transform:translate(-33.333%)}.mobile-menu-container.level-3{transform:translate(-66.666%)}.mobile-menu{opacity:0;pointer-events:none;transition:opacity var(--anim-slow) var(--ease-out)}.mobile-menu.active{opacity:1;pointer-events:auto}#cart-menu{transform:translate(100%);transition:transform var(--anim-slow) var(--ease-smooth)}#cart-menu.active{transform:translate(0)}#filters-drawer{transform:translate(-100%);transition:transform var(--anim-slow) var(--ease-smooth)}#filters-drawer:not(.-translate-x-full){transform:translate(0)}.confirmation-dialog{opacity:0;transform:scale(.95);transition:opacity var(--anim-slow) var(--ease-out),transform var(--anim-slow) var(--ease-out)}.confirmation-dialog.show{opacity:1;transform:scale(1)}.notification{transition:transform var(--anim-slowest) var(--ease-in-out),opacity var(--anim-slowest) var(--ease-in-out);transform:translateY(100%);opacity:0}.notification.show{transform:translateY(0);opacity:1}.facets__summary span,.mobile-facets__open-label{transition:text-decoration var(--anim-normal) var(--ease-smooth)}.mobile-facets__overlay{opacity:0;transition:opacity var(--anim-normal) var(--ease-smooth)}.mobile-facets__overlay.active{opacity:1}.mobile-facets__main{transition:transform var(--anim-slow) var(--ease-smooth)}.facet-checkbox__text{opacity:.65;transition:opacity var(--anim-medium) var(--ease-smooth),transform var(--anim-medium) var(--ease-smooth)}.cart-addon-add-btn,.hover-transition{transition:all var(--anim-medium) var(--ease-smooth)}.color-transition{transition:color var(--anim-normal) var(--ease-smooth)}.background-transition{transition:background-color var(--anim-medium) var(--ease-smooth)}.marquee-content{animation:marquee-scroll linear infinite;animation-duration:var(--marquee-duration, 20s)}@keyframes marquee-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes animateMenuOpen{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.facets__disclosure[open] .facets__display,.facets__disclosure-vertical[open] .facets__display-vertical{animation:animateMenuOpen var(--anim-slow) var(--ease-smooth)}.z-45{z-index:45}.fade-in{animation:fadeIn var(--anim-normal) var(--ease-smooth) forwards}.fade-out{animation:fadeOut var(--anim-normal) var(--ease-smooth) forwards}.slide-down{animation:slideDown var(--anim-slow) var(--ease-smooth) forwards}.slide-up{animation:slideUp var(--anim-slow) var(--ease-smooth) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-100%)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/animations.css.map */