.cat-menu-wrapper{padding-block:1rem;opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.cat-menu-wrapper.is-visible{opacity:1;transform:translateY(0)}.cat-menu-horizontal-top{border:1px solid rgba(var(--color-foreground),.08);overflow:hidden}.cat-menu-horizontal-top>ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}.cat-menu-horizontal__item{position:relative;opacity:0;transform:translateY(-8px);animation:catMenuFadeDown .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i, 0) * .06s + .15s)}@keyframes catMenuFadeDown{to{opacity:1;transform:translateY(0)}}.cat-menu-horizontal__row{display:flex;align-items:center}.cat-menu-horizontal__link{position:relative;display:block;padding:1.4rem 1.2rem;text-decoration:none;color:rgb(var(--color-foreground));font-weight:600;font-size:1.3rem;text-transform:uppercase;letter-spacing:.01em;transition:color .25s ease}.cat-menu-horizontal__link:after{content:"";position:absolute;left:1.2rem;right:1.2rem;bottom:.9rem;height:2px;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1)}.cat-menu-horizontal__link:hover{color:rgb(var(--color-button))}.cat-menu-horizontal__link:hover:after{transform:scaleX(1)}.cat-menu-horizontal__toggle{background:none;border:none;cursor:pointer;padding:1.4rem 1rem 1.4rem 0;color:rgb(var(--color-foreground));opacity:.6;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.cat-menu-horizontal__toggle:hover{opacity:1}.cat-menu-horizontal__item.is-open .cat-menu-horizontal__toggle{transform:rotate(180deg)}.cat-menu-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);box-shadow:0 14px 28px #00000024;z-index:25;padding:.6rem 0;visibility:hidden;opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top left;pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.cat-menu-horizontal__item.has-dropdown:hover>.cat-menu-dropdown,.cat-menu-horizontal__item.is-open>.cat-menu-dropdown{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.cat-menu-dropdown ul{list-style:none;margin:0;padding:0}.cat-menu-dropdown a{display:block;padding:.7rem 1.6rem;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.3rem;transition:color .2s ease,padding-left .2s ease}.cat-menu-dropdown a:hover{color:rgb(var(--color-button));padding-left:2rem}.cat-menu-lower{display:flex;align-items:stretch;border:1px solid rgba(var(--color-foreground),.08)}.cat-menu-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.cat-menu-content .cat-menu-horizontal-top{border-top:none;border-left:none;border-right:none}.cat-menu-content .cat-menu-banner{flex:1 1 auto}.cat-menu-sidebar{flex:0 0 260px;max-width:260px;position:relative;z-index:5;border-right:1px solid rgba(var(--color-foreground),.08)}.cat-menu-toggle{position:relative;overflow:hidden;width:100%;display:flex;align-items:center;gap:.6rem;padding:1.4rem 1.6rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;cursor:pointer;font-weight:600;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em;transition:filter .25s ease}.cat-menu-toggle:before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(115deg,transparent,rgba(255,255,255,.35),transparent);transform:skew(-20deg);transition:left .7s ease}.cat-menu-toggle:hover:before{left:130%}.cat-menu-toggle:hover{filter:brightness(1.08)}.cat-menu-toggle__icon svg{display:block;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.cat-menu-toggle[aria-expanded=false] .cat-menu-toggle__icon svg{transform:rotate(-90deg)}.cat-menu-vertical{list-style:none;margin:0;padding:0;background:rgb(var(--color-background));transition:opacity .3s ease,visibility 0s linear 0s}.cat-menu-vertical.is-collapsed{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .3s}.cat-menu-vertical__item{position:relative;border-bottom:1px solid rgba(var(--color-foreground),.06);opacity:0;transform:translate(-12px);animation:catMenuFadeRight .5s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i, 0) * .05s + .25s)}@keyframes catMenuFadeRight{to{opacity:1;transform:translate(0)}}.cat-menu-vertical__row{display:flex;align-items:center;justify-content:space-between;position:relative}.cat-menu-vertical__row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:rgb(var(--color-button));transform:scaleY(0);transition:transform .3s cubic-bezier(.16,1,.3,1)}.cat-menu-vertical__item:hover .cat-menu-vertical__row:before{transform:scaleY(1)}.cat-menu-vertical__link{flex:1;display:block;padding:1.1rem 1.6rem;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.4rem;transition:background-color .25s ease,color .25s ease,padding-left .25s ease}.cat-menu-vertical__toggle{flex-shrink:0;background:none;border:none;cursor:pointer;padding:1.1rem 1.6rem 1.1rem .6rem;color:rgb(var(--color-foreground));opacity:.6;transition:opacity .25s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.cat-menu-vertical__toggle:hover{opacity:1}.cat-menu-vertical__item.is-open .cat-menu-vertical__toggle{transform:rotate(90deg)}.cat-menu-vertical__link:hover,.cat-menu-vertical__toggle:hover{color:rgb(var(--color-button))}.cat-menu-vertical__link:hover{background:rgba(var(--color-button),.08);padding-left:2.1rem}.cat-menu-flyout{position:absolute;top:0;left:100%;min-width:260px;max-height:480px;overflow-y:auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);box-shadow:6px 6px 24px #00000024;z-index:30;padding:.8rem 0;visibility:hidden;opacity:0;transform:translate(-10px);pointer-events:none;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear .3s}.cat-menu-vertical__item.has-flyout:hover>.cat-menu-flyout,.cat-menu-vertical__item.is-open>.cat-menu-flyout{visibility:visible;opacity:1;transform:translate(0);pointer-events:auto;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1),visibility 0s linear 0s}.cat-menu-flyout ul{list-style:none;margin:0;padding:0}.cat-menu-flyout>ul>li>a{display:block;padding:.7rem 1.6rem;text-decoration:none;color:rgb(var(--color-foreground));font-size:1.35rem;font-weight:600;transition:color .2s ease,padding-left .2s ease}.cat-menu-flyout>ul>li>a:hover{color:rgb(var(--color-button));padding-left:2rem}.cat-menu-flyout__sublevel{padding-left:1.6rem!important}.cat-menu-flyout__sublevel li a{display:block;padding:.4rem 1.6rem;font-size:1.25rem;font-weight:400;color:rgba(var(--color-foreground),.75);text-decoration:none;transition:color .2s ease,padding-left .2s ease}.cat-menu-flyout__sublevel li a:hover{color:rgb(var(--color-button));padding-left:2.1rem}.cat-menu-banner{flex:1 1 auto;min-width:0;position:relative;z-index:1;background:rgba(var(--color-foreground),.03);opacity:0;transform:scale(.97);animation:catMenuFadeScale .6s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.35s}@keyframes catMenuFadeScale{to{opacity:1;transform:scale(1)}}.cat-menu-banner__viewport{position:relative;height:100%;overflow:hidden}.cat-menu-banner__track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-menu-banner__track::-webkit-scrollbar{display:none}.cat-menu-banner__slide{position:relative;flex:0 0 100%;scroll-snap-align:start;min-height:340px;overflow:hidden}.cat-menu-banner__slide>a{display:block;width:100%;height:100%}.cat-menu-banner__img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;transform:scale(1);transition:transform 6s cubic-bezier(.16,1,.3,1)}.cat-menu-banner__viewport:hover .cat-menu-banner__img{transform:scale(1.08);transition-duration:6s}.cat-menu-banner__placeholder,.cat-menu-banner__empty{width:100%;height:100%;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;color:rgba(var(--color-foreground),.4)}.cat-menu-banner__placeholder-svg{width:60px;height:60px}.cat-menu-banner__caption{position:absolute;left:0;bottom:0;right:0;padding:1.4rem 1.8rem;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent);color:#fff;font-weight:700;font-size:1.6rem;transform:translateY(12px);opacity:0;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}.cat-menu-banner__slide:hover .cat-menu-banner__caption{transform:translateY(0);opacity:1}.cat-menu-banner__nav{position:absolute;top:50%;transform:translateY(-50%) scale(1);width:38px;height:38px;border-radius:50%;border:none;background:#ffffffd9;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;opacity:0;transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.cat-menu-banner__viewport:hover .cat-menu-banner__nav{opacity:1}.cat-menu-banner__nav:hover{background:#fff;transform:translateY(-50%) scale(1.12)}.cat-menu-banner__nav:active{transform:translateY(-50%) scale(.94)}.cat-menu-banner__nav--prev{left:14px}.cat-menu-banner__nav--next{right:14px}.cat-menu-banner__dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.cat-menu-banner__dot{width:8px;height:8px;border-radius:50%;background:#ffffff8c;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .3s ease,width .3s ease}.cat-menu-banner__dot:hover{background:#ffffffd9}.cat-menu-banner__dot.is-active{background:#fff;width:20px;border-radius:4px;transform:scale(1)}@media screen and (max-width:749px){.cat-menu-wrapper{display:none!important}.cat-menu-horizontal-top>ul{flex-direction:column}.cat-menu-dropdown{position:static;box-shadow:none;border:none;max-height:0;overflow:hidden;visibility:visible;opacity:1;transform:none;padding:0;transition:max-height .35s cubic-bezier(.16,1,.3,1)}.cat-menu-horizontal__item.is-open>.cat-menu-dropdown{max-height:600px;padding:.6rem 0}.cat-menu-lower{flex-direction:column}.cat-menu-sidebar{flex:1 1 auto;max-width:none;width:100%;border-right:none}.cat-menu-vertical{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1)}.cat-menu-vertical.is-open{max-height:2000px}.cat-menu-flyout{position:static;box-shadow:none;border:none;background:rgba(var(--color-foreground),.03);max-height:0;overflow:hidden;visibility:visible;opacity:1;transform:none;padding:0;transition:max-height .35s cubic-bezier(.16,1,.3,1)}.cat-menu-vertical__item.is-open>.cat-menu-flyout{max-height:800px;padding:.8rem 0}.cat-menu-banner__slide,.cat-menu-banner__img,.cat-menu-banner__placeholder,.cat-menu-banner__empty{min-height:220px}}@media(prefers-reduced-motion:reduce){.cat-menu-wrapper,.cat-menu-horizontal__item,.cat-menu-vertical__item,.cat-menu-banner,.cat-menu-banner__img,.cat-menu-toggle:before,.cat-menu-dropdown,.cat-menu-flyout,.cat-menu-banner__caption,.cat-menu-banner__nav,.cat-menu-banner__dot{animation:none!important;transition-duration:.01ms!important}.cat-menu-wrapper,.cat-menu-horizontal__item,.cat-menu-vertical__item,.cat-menu-banner{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-category-menu.css.map */