.otf-story-carousel{display:block;min-width:0}.otf-story-carousel .otf-story-carousel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.otf-story-carousel .otf-story-carousel__title{margin:0;min-width:0;color:#171717;font-family:inherit;font-size:28px;font-weight:600;line-height:1.15;letter-spacing:-.02em;text-transform:none}.otf-story-carousel .otf-story-carousel__controls{display:flex;align-items:center;flex:0 0 auto;gap:8px}.otf-story-carousel .otf-story-carousel__controls[hidden]{display:none}.otf-story-carousel .otf-story-carousel__controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #171717;border-radius:4px;background:#fff;color:#171717;font-size:24px;line-height:1;cursor:pointer}.otf-story-carousel .otf-story-carousel__controls button:disabled{opacity:.4;cursor:default}.otf-story-carousel .otf-story-carousel__status{min-width:40px;text-align:center;font-size:13px;line-height:1.4}.otf-story-carousel .otf-story-track{display:flex;gap:16px;padding:0 0 6px;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:1px;overscroll-behavior-inline:contain;list-style:none;scrollbar-width:thin}.otf-story-carousel:has([data-story-controls]:not([hidden])) .otf-story-track{scrollbar-width:none}.otf-story-carousel:has([data-story-controls]:not([hidden])) .otf-story-track::-webkit-scrollbar{display:none}.otf-story-carousel .otf-story-track:focus-visible,.otf-story-carousel a:focus-visible,.otf-story-carousel button:focus-visible{outline:2px solid #171717;outline-offset:3px}.otf-story-carousel .otf-story-item{flex:0 0 85%;min-width:0;scroll-snap-align:start;display:flex}.otf-story-carousel .otf-story-track[data-single]{overflow:visible;padding-bottom:0}.otf-story-carousel .otf-story-track[data-single] .otf-story-item{flex-basis:100%}.otf-story-carousel .otf-story-card{display:flex;flex-direction:column;width:100%;min-width:0;border:1px solid #282828;border-radius:8px;overflow:hidden;background:#f2f2f2;color:#171717}.otf-story-carousel .otf-story-card--lead{background:#fff;color:#171717}.otf-story-carousel .otf-story-media{display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:3 / 4;background:#121515;overflow:hidden}.otf-story-carousel .otf-story-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.otf-story-carousel .otf-story-media--uncropped img{object-fit:contain}.otf-story-carousel .otf-story-card{background:#fff;border-color:#dedede}.otf-story-carousel .otf-story-card__copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;padding:22px}.otf-story-carousel .otf-story-card__kicker{margin:0 0 8px;font-size:12px;line-height:1.4;letter-spacing:.04em}.otf-story-carousel .otf-story-card__title{margin:0;color:inherit;font-family:inherit;font-size:28px;font-weight:600;line-height:1.1;letter-spacing:-.02em;text-transform:none}.otf-story-carousel .otf-story-card__title span{font:inherit;letter-spacing:inherit}.otf-story-carousel .otf-story-card__summary{margin:12px 0 14px;font-size:14px;line-height:1.5;color:inherit}.otf-story-carousel .otf-story-card__actions{display:flex;flex-wrap:wrap;align-items:center;gap:2px 16px;width:100%;margin-top:auto}.otf-story-carousel .otf-story-card__shop{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #171717;background:#171717;color:#fff;font-size:14px;line-height:1.5;text-decoration:none}.otf-story-carousel .otf-story-card--lead .otf-story-card__shop{background:#171717;color:#fff;border-color:#171717}.otf-story-carousel .otf-story-card__link{display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}.otf-story-carousel .otf-story-card--lead a:focus-visible{outline-color:#171717}.otf-story-carousel .otf-story-card__note{margin:9px 0 0;font-size:12px;line-height:1.5;color:inherit}@media(max-width:749px){.otf-story-carousel .otf-story-card__actions{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:4px;margin-top:0}.otf-story-carousel .otf-story-card__actions a{max-width:100%}}@media(max-width:374px){.otf-story-carousel .otf-story-carousel__title{font-size:24px}.otf-story-carousel .otf-story-carousel__header{gap:10px}.otf-story-carousel .otf-story-carousel__controls{gap:4px}.otf-story-carousel .otf-story-carousel__status{min-width:36px}.otf-story-carousel .otf-story-card__copy{padding:18px}.otf-story-carousel .otf-story-card__title{font-size:26px}}@media(min-width:750px){.otf-story-carousel .otf-story-carousel__title{font-size:32px}.otf-story-carousel .otf-story-track{gap:24px}.otf-story-carousel .otf-story-item{flex-basis:calc((100% - 24px)/2)}.otf-story-carousel .otf-story-track[data-count="3"] .otf-story-item{flex-basis:calc((100% - 48px) / 3)}.otf-story-carousel .otf-story-card__copy{padding:26px}}@media(prefers-reduced-motion:reduce){.otf-story-carousel .otf-story-track{scroll-behavior:auto}}.otf-story-carousel .otf-story-card__actions a{scroll-margin-block:130px 160px}.otf-streetwear-stories .otf-story-media{position:relative}.otf-streetwear-stories [data-story-video]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.otf-streetwear-stories .otf-story-media--uncropped [data-story-video]{object-fit:contain}.otf-streetwear-stories [data-story-playing] [data-story-video]{opacity:1}.otf-story-carousel .otf-story-video-controls{align-self:flex-end;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:-12px 0 4px}.otf-story-carousel .otf-story-video-controls[hidden]{display:none}.otf-story-carousel .otf-story-video-controls button{min-height:44px;min-width:44px;padding:8px;border:0;background:transparent;color:#171717;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}.otf-story-carousel .otf-story-video-controls [data-story-play]{font-size:20px}.otf-story-carousel .otf-story-video-controls button:disabled{opacity:.65;cursor:default}.otf-story-carousel .otf-story-video-controls button:focus-visible{outline:2px solid #171717;outline-offset:2px}.otf-story-carousel .otf-story-video-status{margin:0 0 8px;color:#171717;font-size:13px;line-height:1.4}.otf-story-carousel .otf-story-video-status:empty{display:none}.otf-story-carousel:has([data-story-heading]) .otf-story-carousel__header{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:8px}.otf-story-carousel [data-story-heading]{min-block-size:3.45em;overflow-wrap:anywhere}.otf-story-carousel:has([data-story-heading]) .otf-story-carousel__controls{justify-self:end}.otf-story-carousel [data-story-card-title]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:750px){.otf-story-carousel [data-story-heading]{min-block-size:2.3em}}.otf-story-carousel:has([data-story-heading]) .otf-story-card{position:relative}.otf-story-carousel--homepage-shopping .otf-story-track{align-items:flex-start}.otf-story-carousel--homepage-shopping .otf-story-item{align-self:flex-start}.otf-story-carousel--homepage-shopping .otf-story-card{flex:none}.otf-story-carousel--homepage-shopping .otf-story-card__shop{align-self:flex-start;margin:12px 16px}.otf-story-carousel--homepage-shopping .otf-story-video-status:not(:empty){margin:0 16px 8px}@media screen and (max-width:749px){.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-track{gap:12px}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item{flex-basis:76%}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item:has(.otf-story-media--ryan){flex-basis:82%}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item:has([data-story-video]){flex-basis:60%}.template-index #MainContent .otf-story-carousel--homepage-shopping:not(.otf-editorial-campaigns) .otf-story-item:has(.otf-story-media--sugarhill){flex-basis:86%}.template-index #MainContent .otf-editorial-campaigns.otf-story-carousel--homepage-shopping .otf-story-item{flex-basis:80%}.template-index #MainContent .otf-editorial-campaigns.otf-story-carousel--homepage-shopping .otf-story-card{border-radius:4px}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media{--otf-campaign-ratio: 3 / 4;height:auto;min-height:0;aspect-ratio:var(--otf-campaign-ratio);background:transparent}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media img{object-fit:contain}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media--ryan{--otf-campaign-ratio: 1320 / 1318}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media:has([data-story-video]){--otf-campaign-ratio: 101 / 180}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media:has(>img[src*=otf-syair-saihara-brand-spotlight]){--otf-campaign-ratio: 600 / 899}.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-media--sugarhill{--otf-campaign-ratio: 1512 / 515}.template-index #MainContent .otf-editorial-campaigns.otf-story-carousel--homepage-shopping .otf-story-media--lifestyle{--otf-campaign-ratio: 53 / 60}}@media screen and (max-width:749px){.template-index #MainContent .otf-story-carousel--homepage-shopping .otf-story-track[data-single]>.otf-story-item{flex-basis:100%}}.otf-story-carousel .otf-story-media-track{display:flex;align-items:flex-start;gap:12px;min-width:0;width:100%;margin:0;padding:0 0 6px;list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:0;scrollbar-width:thin}.otf-story-carousel .otf-story-media-item{display:block;flex:0 0 100%;min-width:0;scroll-snap-align:start}.otf-story-carousel .otf-story-media-track:focus-visible{outline:2px solid #171717;outline-offset:-4px}.otf-story-carousel .otf-story-media-track:focus-within{scroll-snap-type:none}.otf-story-carousel .otf-story-media--silent-film [data-story-video]{object-fit:contain}.otf-story-carousel .otf-story-media--silent-film .otf-story-video-controls{position:absolute;right:8px;bottom:8px;z-index:1;margin:0}.otf-story-carousel .otf-story-media--silent-film .otf-story-video-controls button{width:44px;height:44px;min-width:44px;min-height:44px;padding:8px;border-radius:4px;background:#fffffff0;color:#171717}@media(prefers-reduced-motion:reduce){.otf-story-carousel .otf-story-media-track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/otf-story-carousel.css.map */