.drawer__brands-trigger{-webkit-appearance:none;appearance:none;background-color:transparent;border:0;color:inherit;text-align:start}.drawer__brands-trigger:after{content:"";display:block;width:10px;height:10px;position:absolute;inset-block-start:50%;inset-inline-end:var(--sp-7);opacity:.4;transform:rotate(calc(45deg * var(--transform-logical))) translateY(-50%);border-block-start:1.5px solid currentColor;border-inline-end:1.5px solid currentColor;transition:opacity var(--animation-primary)}.drawer__brands-trigger[aria-expanded=true]:after{opacity:1}.drawer__menu.active>li>.drawer__brands-trigger{transform:translate(calc(-30% * var(--transform-logical)))}.drawer__brands{--color-foreground: var(--color-drawer-text);--color-background: var(--color-drawer-background);--color-border-light: var(--color-foreground)/ .06;--drawer-brands-inset: 25rem;--drawer-brands-media-width: 0rem;z-index:calc(var(--menu-drawer-layer, 30) + 1);inset-inline-start:0;max-width:var(--drawer-brands-inset);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));visibility:hidden;pointer-events:none;transform:translate(calc(100% * var(--transform-logical)));transition:transform .4s cubic-bezier(.7,0,.2,1),visibility 0s .4s}.drawer__brands.is-open{visibility:visible;pointer-events:auto;transform:translate(0);transition:transform .4s cubic-bezier(.7,0,.2,1),visibility 0s}[data-rounded-block=round] .drawer__brands{border-end-end-radius:var(--sp-8d5);border-start-end-radius:var(--sp-8d5)}@media screen and (max-width:639px){html.js .drawer__brands{inset-block-start:auto;inset-block-end:0;height:100%;max-height:calc(100% - 60px);max-width:none}html.js [data-rounded-block=round] .drawer__brands{border-end-end-radius:0;border-start-end-radius:var(--sp-5);border-start-start-radius:var(--sp-5)}}@media screen and (min-width:1024px){.menu-drawer .drawer__inner{inset-block-start:var(--menu-drawer-top, 0px);inset-block-end:0;height:auto}[data-rounded-block=round] .menu-drawer .drawer__inner{border-end-end-radius:0;border-start-end-radius:0}.menu-drawer:before{content:"";z-index:20;position:fixed;inset-inline:0;inset-block-start:var(--menu-drawer-top, 0px);height:1px;background-color:rgb(var(--color-foreground) / .1);opacity:0;pointer-events:none;transition:opacity var(--animation-primary)}.menu-drawer[active]:before{opacity:1}.menu-drawer .drawer__close,.menu-drawer .drawer__header{display:none}.menu-drawer .drawer__scrollable,.menu-drawer .drawer__menu{padding-block-start:var(--sp-4)}.menu-drawer-button__icons{position:relative}.menu-drawer-button__icon-open,.menu-drawer-button__icon-close{transition:opacity var(--animation-primary),transform var(--animation-primary)}.menu-drawer-button__icon-close{display:block;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:rotate(calc(-90deg * var(--transform-logical)))}[aria-expanded=true] .menu-drawer-button__icon-open{opacity:0;transform:rotate(calc(90deg * var(--transform-logical)))}[aria-expanded=true] .menu-drawer-button__icon-close{opacity:1;transform:rotate(0)}.menu-drawer-button__labels{display:grid;align-items:center;justify-items:start}.menu-drawer-button__label-open,.menu-drawer-button__label-close{grid-area:1 / 1;transition:opacity var(--animation-primary),transform var(--animation-primary)}.menu-drawer-button__label-close{display:block;opacity:0;transform:translateY(var(--sp-1))}[aria-expanded=true] .menu-drawer-button__label-open{opacity:0;transform:translateY(calc(var(--sp-1) * -1))}[aria-expanded=true] .menu-drawer-button__label-close{opacity:1;transform:translateY(0)}.menu-drawer>.overlay{inset-block-start:var(--menu-drawer-top, 0px);height:auto;background:none}.drawer__brands{z-index:calc(var(--menu-drawer-layer, 26) - 1);inset-block-start:var(--menu-drawer-top, 0px);inset-block-end:0;height:auto;max-height:none;max-width:none;border-radius:0;opacity:0;transform:none;transition:opacity .25s ease,visibility 0s .25s}[data-rounded-block=round] .drawer__brands{border-radius:0}.drawer__brands.is-open{opacity:1;transform:none;transition:opacity .25s ease,visibility 0s}}@media screen and (min-width:1024px){.menu-drawer.drawer[open]{pointer-events:none}.menu-drawer.drawer[open] .drawer__inner,.menu-drawer.drawer[open]>.overlay{pointer-events:auto}.has-brand-flyout .menu-drawer.drawer[active]>.overlay{pointer-events:none}}@media screen and (min-width:1024px){.drawer__brands:before{content:"";position:absolute;inset-block:0;inset-inline-start:var(--drawer-brands-inset);width:var(--sp-6);background:linear-gradient(to var(--transform-origin-end),rgb(var(--color-foreground) / .07),transparent);pointer-events:none}}.drawer-scrolling-container .marquee.with-dot .scrolling-text__item:first-child:before,.drawer-scrolling-container .scrolling-text__item.with-text+.scrolling-text__item.with-text:before{width:var(--sp-1);height:var(--sp-1);margin-inline-end:var(--sp-7);border:0;background-color:currentColor;opacity:.45}.drawer__brands-media{display:none}@media screen and (min-width:1280px){.drawer__brands--has-media{--drawer-brands-media-width: clamp(11rem, 16vw, 24rem)}.drawer__brands--has-media .drawer__brands-media{display:block;inset-inline-end:0;width:var(--drawer-brands-media-width);-webkit-mask-image:linear-gradient(to var(--transform-origin-end),transparent,#000 65%);mask-image:linear-gradient(to var(--transform-origin-end),transparent,#000 65%)}.drawer__brands-media img{width:100%;height:100%;object-fit:cover;object-position:center}}.drawer__brands-back{height:50px;border-block-end:1px solid rgb(var(--color-border-light));padding-inline-start:var(--sp-5);color:rgb(var(--color-foreground) / .4)}.drawer__brands-back:before{content:"";display:block;border-inline-start:2px solid currentColor;border-block-start:2px solid currentColor;width:var(--sp-2);height:var(--sp-2);transform:rotate(calc(-45deg * var(--transform-logical)))}.drawer__brands-back:focus-visible{outline-offset:-3px}.drawer__brands-scroll{overflow-y:auto;overscroll-behavior-y:contain;padding:var(--sp-5) var(--sp-5) var(--sp-10)}.drawer__brands-title{display:none}.drawer__brands-grid{--drawer-brands-gap: var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--drawer-brands-gap)}@media screen and (min-width:1024px){.drawer__brands-back{display:none}.drawer__brands-scroll{padding-block-start:max(var(--sp-10),var(--menu-drawer-list-top, 0px));padding-block-end:var(--sp-12);padding-inline:calc(var(--drawer-brands-inset) + var(--sp-12)) calc(var(--sp-12) + var(--drawer-brands-media-width))}.drawer__brands-grid{--drawer-brands-gap: var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(max(7.5rem,calc((100% - 3 * var(--drawer-brands-gap)) / 4)),1fr));max-width:60rem;row-gap:var(--sp-5)}.drawer__brands-title{display:block;margin-block-end:var(--sp-5)}}button.drawer__brand-card{-webkit-appearance:none;appearance:none;width:100%;border-width:1px;color:inherit;cursor:pointer;font:inherit}.drawer__brand-card{aspect-ratio:7 / 5;padding:var(--sp-5) var(--sp-6);border:1px solid transparent;border-radius:var(--rounded-card);background-color:rgb(var(--color-foreground) / .04);transition:background-color .25s ease}.drawer__brand-card:hover,.drawer__brand-card.is-active{background-color:rgb(var(--color-highlight) / .12)}.drawer__brand-card--all .icon{opacity:.5;transition:transform var(--animation-primary),opacity var(--animation-primary)}.drawer__brand-card--all:hover .icon{opacity:1;transform:translate(calc(var(--sp-1) * var(--transform-logical)))}.drawer__brands-level[hidden]{display:none}.drawer__brands-level.is-entering{animation:drawer-brands-level-in .28s cubic-bezier(.7,0,.2,1) both}@keyframes drawer-brands-level-in{0%{opacity:0;transform:translateY(var(--sp-2))}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.drawer__brands-level.is-entering{animation:none}}.drawer__brands.is-switching{transition:none}.drawer__brands-up{display:none;margin-block-end:var(--sp-4);color:rgb(var(--color-foreground) / .45);transition:color var(--animation-primary)}@media screen and (min-width:1024px){.drawer__brands-up{display:flex}}.drawer__brands-up:hover{color:rgb(var(--color-foreground))}.drawer__brands--menu .drawer__brand-card{aspect-ratio:auto;flex-direction:column;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4);min-height:10.5rem;text-align:center}.drawer__brands--menu .menu-item-image{width:76px!important;height:76px!important}.drawer__brands--menu .drawer__brand-card-label{display:block;min-width:0}.brand-logo{width:100%;height:100%}.brand-logo--text{height:auto;overflow:hidden;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/15/assets/header-brands.css.map */