:is(.kwsub,#kwsub){--kwsub-gap: 1.2rem;--kwsub-surface: #f8f8f8;--kwsub-surface-hover: #f1f1f1;--kwsub-line: #eaeaea;--kwsub-title: #232323;--kwsub-text: #676767;position:relative;margin:0 0 2.8rem}:is(.kwsub,#kwsub) .kwsub-head{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.4rem}:is(.kwsub,#kwsub) .kwsub-intro{margin:0;font-size:1.4rem;line-height:1.4;color:var(--kwsub-text)}:is(.kwsub,#kwsub) .kwsub-nav{display:none;gap:.6rem;margin-left:auto}:is(.kwsub,#kwsub).is-scrollable .kwsub-nav{display:flex}:is(.kwsub,#kwsub) .kwsub-nav button{display:flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;padding:0;border:0;border-radius:0;background:var(--kwsub-surface);color:var(--kwsub-title);cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease}:is(.kwsub,#kwsub) .kwsub-nav button:hover{background:var(--kwsub-accent);color:#fff}:is(.kwsub,#kwsub) .kwsub-nav button[disabled]{opacity:.35;cursor:default;background:var(--kwsub-surface);color:var(--kwsub-title)}:is(.kwsub,#kwsub) .kwsub-track{margin:0;padding:0;list-style:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}:is(.kwsub,#kwsub) .kwsub-track::-webkit-scrollbar{display:none}:is(.kwsub,#kwsub) .kwsub-link{display:flex;height:100%;color:inherit;text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}:is(.kwsub,#kwsub) .kwsub-name{margin:0;font-size:1.3rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;line-height:1.35;color:var(--kwsub-title);overflow-wrap:anywhere;transition:color .15s ease}:is(.kwsub,#kwsub) .kwsub-desc{margin:.5rem 0 0;font-size:1.3rem;line-height:1.45;color:var(--kwsub-text);transition:color .15s ease}:is(.kwsub,#kwsub) .kwsub-media{position:relative;background:var(--kwsub-media-bg);overflow:hidden}:is(.kwsub,#kwsub) .kwsub-media img,:is(.kwsub,#kwsub) .kwsub-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:1rem;transition:transform .35s ease}:is(.kwsub,#kwsub) .kwsub-link:hover .kwsub-media img{transform:scale(1.06)}:is(.kwsub,#kwsub) .kwsub-bands{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,1fr);grid-auto-columns:100%;gap:var(--kwsub-gap)}:is(.kwsub,#kwsub) .kwsub-bands>li{scroll-snap-align:start;min-width:0}:is(.kwsub,#kwsub) .kwsub-bands .kwsub-link{align-items:stretch}:is(.kwsub,#kwsub) .kwsub-bands .kwsub-media{flex:0 0 auto;width:9.6rem;background:#fff}:is(.kwsub,#kwsub) .kwsub-bands .kwsub-body{display:flex;flex-direction:column;justify-content:center;padding:1.4rem 1.6rem;min-width:0}:is(.kwsub,#kwsub) .kwsub-cards{display:flex;gap:var(--kwsub-gap)}:is(.kwsub,#kwsub) .kwsub-cards>li{flex:0 0 auto;width:calc(100% / (var(--kwsub-cols-mobile) + .25));scroll-snap-align:start}:is(.kwsub,#kwsub) .kwsub-cards .kwsub-link{flex-direction:column}:is(.kwsub,#kwsub) .kwsub-cards .kwsub-media{width:100%;padding-top:100%}:is(.kwsub,#kwsub).is-soft .kwsub-bands .kwsub-link{background:var(--kwsub-surface)}:is(.kwsub,#kwsub).is-soft .kwsub-bands .kwsub-link:hover,:is(.kwsub,#kwsub).is-soft .kwsub-bands .kwsub-link:focus-visible,:is(.kwsub,#kwsub).is-soft .kwsub-bands .is-current .kwsub-link{background:var(--kwsub-surface-hover)}:is(.kwsub,#kwsub).is-soft .kwsub-bands .kwsub-body:after{content:"";display:block;width:2.4rem;height:2px;margin-top:1rem;background:var(--kwsub-accent);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}:is(.kwsub,#kwsub).is-soft .kwsub-bands .kwsub-link:hover .kwsub-body:after,:is(.kwsub,#kwsub).is-soft .kwsub-bands .is-current .kwsub-body:after{transform:scaleX(1)}:is(.kwsub,#kwsub).is-soft .kwsub-bands .kwsub-link:hover .kwsub-name,:is(.kwsub,#kwsub).is-soft .kwsub-bands .is-current .kwsub-name{color:var(--kwsub-accent)}:is(.kwsub,#kwsub).is-line .kwsub-bands{row-gap:0}:is(.kwsub,#kwsub).is-line .kwsub-bands .kwsub-link{background:#fff;border-bottom:1px solid var(--kwsub-line);border-left:3px solid transparent}:is(.kwsub,#kwsub).is-line .kwsub-bands .kwsub-media{background:var(--kwsub-media-bg)}:is(.kwsub,#kwsub).is-line .kwsub-bands .kwsub-link:hover,:is(.kwsub,#kwsub).is-line .kwsub-bands .kwsub-link:focus-visible,:is(.kwsub,#kwsub).is-line .kwsub-bands .is-current .kwsub-link{border-left-color:var(--kwsub-accent)}:is(.kwsub,#kwsub).is-line .kwsub-bands .kwsub-link:hover .kwsub-name,:is(.kwsub,#kwsub).is-line .kwsub-bands .is-current .kwsub-name{color:var(--kwsub-accent)}:is(.kwsub,#kwsub).is-bold .kwsub-bands .kwsub-link{background:var(--kwsub-surface)}:is(.kwsub,#kwsub).is-bold .kwsub-bands .kwsub-link:hover,:is(.kwsub,#kwsub).is-bold .kwsub-bands .kwsub-link:focus-visible,:is(.kwsub,#kwsub).is-bold .kwsub-bands .is-current .kwsub-link{background:var(--kwsub-accent)}:is(.kwsub,#kwsub).is-bold .kwsub-bands .kwsub-link:hover .kwsub-name,:is(.kwsub,#kwsub).is-bold .kwsub-bands .kwsub-link:hover .kwsub-desc,:is(.kwsub,#kwsub).is-bold .kwsub-bands .kwsub-link:focus-visible .kwsub-name,:is(.kwsub,#kwsub).is-bold .kwsub-bands .is-current .kwsub-name,:is(.kwsub,#kwsub).is-bold .kwsub-bands .is-current .kwsub-desc{color:#fff}:is(.kwsub,#kwsub).is-flat .kwsub-cards .kwsub-body{padding:1.2rem 0 0}:is(.kwsub,#kwsub).is-flat .kwsub-cards .kwsub-media:after{content:"";position:absolute;left:0;bottom:0;z-index:1;width:100%;height:3px;background:var(--kwsub-accent);transform:scaleX(0);transform-origin:left center;transition:transform .2s ease}:is(.kwsub,#kwsub).is-flat .kwsub-cards .kwsub-link:hover .kwsub-media:after,:is(.kwsub,#kwsub).is-flat .kwsub-cards .is-current .kwsub-media:after{transform:scaleX(1)}:is(.kwsub,#kwsub).is-flat .kwsub-cards .kwsub-link:hover .kwsub-name,:is(.kwsub,#kwsub).is-flat .kwsub-cards .is-current .kwsub-name{color:var(--kwsub-accent)}:is(.kwsub,#kwsub).is-tile .kwsub-cards .kwsub-media{background:#fff}:is(.kwsub,#kwsub).is-tile .kwsub-cards .kwsub-body{flex:1 0 auto;padding:1.1rem 1.2rem;background:var(--kwsub-surface-hover);transition:background-color .15s ease}:is(.kwsub,#kwsub).is-tile .kwsub-cards .kwsub-link:hover .kwsub-body,:is(.kwsub,#kwsub).is-tile .kwsub-cards .kwsub-link:focus-visible .kwsub-body,:is(.kwsub,#kwsub).is-tile .kwsub-cards .is-current .kwsub-body{background:var(--kwsub-accent)}:is(.kwsub,#kwsub).is-tile .kwsub-cards .kwsub-link:hover .kwsub-name,:is(.kwsub,#kwsub).is-tile .kwsub-cards .kwsub-link:hover .kwsub-desc,:is(.kwsub,#kwsub).is-tile .kwsub-cards .kwsub-link:focus-visible .kwsub-name,:is(.kwsub,#kwsub).is-tile .kwsub-cards .is-current .kwsub-name,:is(.kwsub,#kwsub).is-tile .kwsub-cards .is-current .kwsub-desc{color:#fff}:is(.kwsub,#kwsub).is-stack .kwsub-cards .kwsub-link{background:var(--kwsub-surface);padding:1rem;border-bottom:3px solid transparent}:is(.kwsub,#kwsub).is-stack .kwsub-cards .kwsub-media{background:#fff}:is(.kwsub,#kwsub).is-stack .kwsub-cards .kwsub-body{padding:1.1rem 0 .2rem}:is(.kwsub,#kwsub).is-stack .kwsub-cards .kwsub-link:hover,:is(.kwsub,#kwsub).is-stack .kwsub-cards .kwsub-link:focus-visible,:is(.kwsub,#kwsub).is-stack .kwsub-cards .is-current .kwsub-link{border-bottom-color:var(--kwsub-accent)}:is(.kwsub,#kwsub).is-stack .kwsub-cards .kwsub-link:hover .kwsub-name,:is(.kwsub,#kwsub).is-stack .kwsub-cards .is-current .kwsub-name{color:var(--kwsub-accent)}@media screen and (min-width:750px){:is(.kwsub,#kwsub) .kwsub-bands{grid-auto-columns:calc(50% - var(--kwsub-gap) / 2)}:is(.kwsub,#kwsub).is-line .kwsub-bands{grid-auto-columns:50%;column-gap:var(--kwsub-gap)}:is(.kwsub,#kwsub) .kwsub-cards>li{width:calc((100% - (var(--kwsub-cols-tablet) - 1) * var(--kwsub-gap)) / var(--kwsub-cols-tablet))}}@media screen and (min-width:990px){:is(.kwsub,#kwsub) .kwsub-cards>li{width:calc((100% - (var(--kwsub-cols) - 1) * var(--kwsub-gap)) / var(--kwsub-cols))}}@media(prefers-reduced-motion:reduce){:is(.kwsub,#kwsub) .kwsub-track{scroll-behavior:auto}:is(.kwsub,#kwsub) .kwsub-media img,:is(.kwsub,#kwsub) .kwsub-link,:is(.kwsub,#kwsub) .kwsub-name,:is(.kwsub,#kwsub) .kwsub-desc,:is(.kwsub,#kwsub) .kwsub-body,:is(.kwsub,#kwsub) .kwsub-body:after,:is(.kwsub,#kwsub) .kwsub-media:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-kw-subcollections.css.map */