.template-index #MainContent .otf-brand-shopping{box-sizing:border-box;max-width:720px;min-width:0;margin:0 auto;padding-inline:20px}.template-index #MainContent .otf-brand-shopping__banner{max-width:560px;margin-inline:auto}.template-index #MainContent .otf-brand-shopping__banner img{display:block;width:100%;height:auto;object-fit:contain}.template-index #MainContent .otf-brand-shopping__collection{display:inline-flex;align-items:center;min-width:44px;min-height:44px;margin:4px 0;padding:8px 4px;color:#171717;font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:4px}.template-index #MainContent .otf-brand-shopping__collection:focus-visible{outline:2px solid #171717;outline-offset:-2px}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail]{margin-block:0}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:12px;height:auto;min-height:0;padding-block:4px;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:4px;overscroll-behavior-inline:contain}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__media{flex:0 0 min(400px,calc(100% - 40px));width:min(400px,calc(100% - 40px));max-width:400px}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__product{flex:0 0 var(--otf-brand-card-width);width:var(--otf-brand-card-width);max-width:var(--otf-brand-card-width)}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail] .otf-brand-shopping-rail__media>.otf-story-card{border:0;border-radius:0;overflow:visible;background:transparent}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail] .otf-brand-shopping-rail__media .otf-brand-shopping-rail__stage{position:relative;width:100%;max-width:400px;height:auto;min-height:0;aspect-ratio:4 / 5;background:#121515}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail] .otf-brand-shopping-rail__media .otf-brand-shopping-rail__stage>img,.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail] .otf-brand-shopping-rail__media .otf-brand-shopping-rail__stage>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail] .otf-browse-controls{margin:0}.otf-brand-shopping-rail .otf-brand-shopping-rail__product :where(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}.otf-brand-shopping-rail .otf-brand-shopping-rail__product .card-product-size:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.otf-brand-shopping-rail .otf-brand-shopping-rail__product :is(.card-product-sizes__add,.card-product-sizes__change):focus-visible{outline:2px solid rgb(var(--color-background));outline-offset:-4px}.otf-brand-shopping-rail .otf-brand-shopping-rail__product :is(.button,.shopify-payment-button__button--unbranded,.shopify-payment-button [role=button]):focus-visible{outline:-webkit-focus-ring-color auto 1px}.otf-brand-shopping-rail .otf-brand-shopping-rail__product .media-full-unstyled-link:focus-visible{outline-offset:-2px}@media(max-width:749px){.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__product{flex-basis:calc((100% - 12px)/2);width:calc((100% - 12px)/2);max-width:calc((100% - 12px)/2)}.otf-brand-shopping-rail .otf-brand-shopping-rail__product .card-product-sizes__next:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:-3px}}@media(forced-colors:active){.otf-brand-shopping-rail .otf-brand-shopping-rail__product :is(.button,.shopify-payment-button__button--unbranded,.shopify-payment-button [role=button]):focus-visible{outline:solid transparent 1px}}@media(max-width:749px){.template-index #MainContent .otf-brand-shopping{padding-inline:12px}}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail] .otf-brand-shopping-rail__media .otf-story-card__shop{box-sizing:border-box;display:inline-flex;align-items:center;align-self:flex-start;min-width:44px;min-height:44px;height:auto;margin:4px 0;padding:8px 4px;border:0;border-radius:0;background:transparent;color:#171717;font-size:14px;font-weight:500;line-height:1.4;text-decoration:underline;text-underline-offset:4px}.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail] .otf-brand-shopping-rail__media .otf-story-card__shop:focus-visible{outline-offset:-2px}.template-index #MainContent [data-brand-rail=syair-saihara] .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__media{flex-basis:min(330px,calc(100% - 40px));width:min(330px,calc(100% - 40px));max-width:330px}.template-index #MainContent [data-brand-rail=syair-saihara] .otf-brand-shopping-rail[data-story-product-rail] .otf-brand-shopping-rail__media .otf-brand-shopping-rail__stage{max-width:330px;aspect-ratio:600 / 899}@media(max-width:749px){.template-index #MainContent .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__media{flex-basis:min(330px,calc(100% - 40px));width:min(330px,calc(100% - 40px));max-width:330px}.template-index #MainContent [data-brand-rail=syair-saihara] .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__media{flex-basis:min(280px,calc(100% - 40px));width:min(280px,calc(100% - 40px));max-width:280px}}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-brand-shopping__campaign{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr);align-items:start;gap:12px;width:100%;margin:0 0 8px}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-brand-shopping__campaign-photo{display:block;min-width:0}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-brand-shopping__campaign-photo>img{display:block;width:100%;height:auto;object-fit:contain}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-source-film{display:block;position:relative;width:100%;min-width:0}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-source-film__stage{width:100%;aspect-ratio:9 / 16;background:#121515}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-source-film__video{display:block;width:100%;height:100%;aspect-ratio:9 / 16;object-fit:contain;background:#121515}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-source-film__video[hidden]{display:none}.template-index #MainContent [data-brand-rail=mixed-emotion] [data-native-presentation] .otf-stacy-film__toolbar{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.template-index #MainContent [data-brand-rail=mixed-emotion] [data-native-presentation] .otf-stacy-film__toolbar:focus-within{z-index:2;top:6px;right:6px;width:calc(100% - 12px);height:auto;margin:0;overflow:visible;clip-path:none;white-space:normal}.template-index #MainContent [data-brand-rail=mixed-emotion] [data-native-presentation] .otf-stacy-film__toggle{box-sizing:border-box;min-width:44px;min-height:44px;max-width:100%;height:auto;margin:0;padding:8px;border:1px solid #171717;border-radius:4px;background:#fff;color:#171717;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.template-index #MainContent [data-brand-rail=mixed-emotion] [data-native-presentation] [data-film-toggle-icon]{display:none}.template-index #MainContent [data-brand-rail=mixed-emotion] [data-native-presentation]:not([data-playback-state=failed]) .otf-stacy-film__status{display:none}.template-index #MainContent [data-brand-rail=mixed-emotion] [data-native-presentation][data-playback-state=failed] .otf-stacy-film__toolbar{position:static;width:auto;height:auto;margin:8px 0 0;overflow:visible;clip-path:none;white-space:normal;gap:8px}.template-index #MainContent [data-brand-rail=mixed-emotion] [data-native-presentation][data-playback-state=failed] .otf-stacy-film__status{flex-basis:100%;max-width:100%;margin:0;color:inherit;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.template-index #MainContent [data-brand-rail=mixed-emotion] :is(.otf-stacy-film__toggle,.otf-source-film__video):focus-visible{outline:2px solid #171717;outline-offset:2px}.template-index #MainContent [data-brand-rail=mixed-emotion] .otf-source-film__video:focus-visible{outline-color:#fff;outline-offset:-3px}.template-index #MainContent [data-brand-rail=syair-saihara] .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-brand-shopping-rail__media{align-self:flex-start}@media(forced-colors:active){.template-index #MainContent [data-brand-rail=mixed-emotion] :is(.otf-stacy-film__toggle,.otf-source-film__video):focus-visible{outline-color:Highlight}}.template-index #MainContent .otf-brand-shopping[data-brand-rail=sugarhill]{width:100%;max-width:1440px;padding-inline:20px}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping__banner{margin-bottom:16px}.template-index #MainContent [data-brand-rail=sugarhill] .otf-browse-header{padding-block:12px 8px;border-top:2px solid var(--otf-ink,#202020);gap:8px 12px}.template-index #MainContent [data-brand-rail=sugarhill] .otf-browse-header>.otf-browse-heading{font-family:var(--heading-font-family,inherit);font-size:clamp(22px,2.5vw,36px);font-weight:700;line-height:1.1;letter-spacing:-.035em}.template-index #MainContent [data-brand-rail=sugarhill] .otf-browse-heading>.otf-browse-link{padding-inline:0;font:inherit;letter-spacing:inherit;text-decoration-thickness:1px;text-underline-offset:5px}@media(min-width:750px){.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__product{flex-basis:min(320px,var(--otf-brand-card-width));width:min(320px,var(--otf-brand-card-width));max-width:320px}}@media(max-width:749px){.template-index #MainContent .otf-brand-shopping[data-brand-rail=sugarhill]{padding-inline:12px}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping__banner{margin-bottom:8px}}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping__banner{position:relative;display:block}.template-index #MainContent [data-brand-rail=sugarhill] .otf-campaign-shop-cue{position:absolute;inset-inline-start:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;max-width:calc(100% - 16px);min-height:28px;padding:4px 8px;border-radius:3px;background:#0f0f0fe6;color:#fff;font-size:12px;font-weight:600;line-height:20px}.template-index #MainContent [data-brand-rail=sugarhill] .otf-campaign-shop-cue svg{flex:none}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping__banner:focus-visible{outline:3px solid #171717;outline-offset:3px}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail{position:relative}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls{--otf-pilot-card-size: var(--otf-pilot-desktop-card-size);position:absolute;inset-inline:0;top:0;z-index:3;display:block;container-type:inline-size;height:0;margin:0;pointer-events:none}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls[hidden]{display:none}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls button{position:absolute;inset-inline-start:0;top:calc(var(--otf-pilot-card-size) * .625 + 4px);transform:translateY(-22px);display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;margin:0;padding:0;border:1px solid rgba(23,23,23,.25);border-radius:50%;background:#fffffff5;color:#171717;box-shadow:0 1px 5px #0000001f;pointer-events:auto}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls [data-story-next]{inset-inline-start:auto;inset-inline-end:0}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls button:disabled{opacity:.45;cursor:default}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls button:focus-visible{outline:2px solid #171717;outline-offset:2px}@media(max-width:749px){.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls{--otf-pilot-card-size: calc((100cqw - 12px)/2) }}@media(forced-colors:active){.template-index #MainContent [data-brand-rail=sugarhill] .otf-campaign-shop-cue{border:1px solid ButtonText;background:Canvas;color:LinkText}.template-index #MainContent [data-brand-rail=sugarhill] .otf-brand-shopping-rail>.otf-campaign-edge-controls button{border-color:ButtonText;background:Canvas;color:ButtonText}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/otf-brand-shopping-rail.css.map */