.sbu,.sbu *,.sbu *:before,.sbu *:after{box-sizing:border-box}.sbu{--sbu-black: #191a1b;--sbu-grey: #666768;--sbu-white: #ffffff;--sbu-dot: #c9c9c9;--sbu-radius: 10px;--sbu-gutter: 20px;--sbu-pad: clamp(20px, 4.1667vw, 60px);--sbu-gap: clamp(16px, 2.0833vw, 30px);--sbu-card-w: min(220px, 56.41vw);background:var(--sbu-white);padding-block:var(--sbu-pt-m) var(--sbu-pb-m);font-family:Inter,Inter-regular,sans-serif}.sbu__inner{max-width:1440px;margin-inline:auto}.sbu__head{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:28px;padding-inline:var(--sbu-gutter);text-align:center}.sbu__heading{margin:0;color:var(--sbu-black);font-size:30px;font-weight:600;line-height:normal}.sbu__sub{margin:0;color:var(--sbu-grey);font-size:14px;font-weight:400;line-height:1.6}.sbu__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-inline:var(--sbu-gutter);padding-block:4px;margin-block:-4px}.sbu__track::-webkit-scrollbar{display:none}.sbu-card{position:relative;display:flex;flex:0 0 var(--sbu-card-w);flex-direction:column;justify-content:flex-end;width:var(--sbu-card-w);aspect-ratio:22 / 27;padding:0 14px 14px;overflow:hidden;border-radius:var(--sbu-radius);scroll-snap-align:center;text-decoration:none}.sbu-card:focus-visible{outline:3px solid var(--sbu-black);outline-offset:2px}.sbu-card__media{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;background:#e9e9e9}.sbu-card__img{display:block;width:100%;height:100%;object-fit:cover}.sbu-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to top,#000c,#0000 30%);pointer-events:none}.sbu-card__row{position:relative;display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%}.sbu-card__label{color:var(--sbu-white);font-size:16px;font-weight:600;line-height:normal}.sbu-card__arrow{display:grid;flex:0 0 auto;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff3;color:var(--sbu-white);transition:background-color .2s ease}.sbu-card__arrow-glyph{display:block;width:24px;height:24px}.sbu-card:hover .sbu-card__arrow,.sbu-card:focus-visible .sbu-card__arrow{background:#ffffff59}.sbu__dots{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:28px}.sbu__dot{width:6px;height:6px;border-radius:50%;background:var(--sbu-dot);transition:background-color .2s ease}.sbu__dot.is-active{background:var(--sbu-black)}@media screen and (min-width:1024px){.sbu{padding-block:var(--sbu-pt) var(--sbu-pb)}.sbu__inner{padding-inline:var(--sbu-pad)}.sbu__head{gap:20px;max-width:795px;margin-inline:auto;margin-bottom:40px;padding-inline:0}.sbu__heading{font-size:40px}.sbu__sub{font-size:16px;line-height:1.4}.sbu__track{display:grid;gap:var(--sbu-gap);align-items:start;margin-inline:auto;margin-block:0;overflow:visible;padding:0}.sbu-card{width:auto;aspect-ratio:24 / 29;padding:0 16px 18px}.sbu-card__label{font-size:18px}.sbu-card__arrow{width:24px;height:24px}.sbu__dots{display:none}}@media(prefers-reduced-motion:reduce){.sbu__dot,.sbu-card__arrow{transition:none}.sbu__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/225/assets/shop-by-use.css.map */