.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]{--otf-campaign-width: var(--otf-guapi-card-width, var(--otf-brand-card-width));--otf-campaign-control-inset: 0px;position:relative}.template-index #MainContent .otf-guapi-shopping-rail[data-story-product-rail][data-uniform-campaign]{--otf-campaign-control-inset: 20px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track>.otf-story-item[data-campaign-item]{flex:0 0 min(320px,var(--otf-campaign-width));width:min(320px,var(--otf-campaign-width));max-width:320px;align-self:flex-start;min-height:0}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track>.otf-story-item[data-campaign-item]>.otf-campaign-card{box-sizing:border-box;display:flex;flex-direction:column;position:relative;width:100%;min-width:0;min-height:0;height:auto;border:1px solid rgba(var(--color-foreground),.18);border-radius:20px;overflow:hidden;background:#fff;color:#171717}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] [data-campaign-item]>.otf-campaign-card>.otf-story-media{order:1;position:relative;flex:none;width:100%;max-width:none;min-width:0;min-height:0;height:auto;margin:0;aspect-ratio:var(--otf-campaign-native-ratio);overflow:hidden;background:#f3f3f3}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card>.otf-story-media>:is(img,video){position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track:has(>:is(.otf-guapi-shopping-rail__product,.otf-brand-shopping-rail__product))>.otf-story-item[data-campaign-item]{contain:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track:has(>:is(.otf-guapi-shopping-rail__product,.otf-brand-shopping-rail__product))>.otf-story-item[data-campaign-item]>.otf-campaign-card{height:auto}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track:has(>:is(.otf-guapi-shopping-rail__product,.otf-brand-shopping-rail__product))>.otf-story-item[data-campaign-item]>.otf-campaign-card>.otf-story-media{flex:0 0 auto;aspect-ratio:9 / 16}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card>.otf-campaign-card__link{box-sizing:border-box;order:3;position:static;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:48px;margin:0;padding:8px 10px;border:0;background:#fff;color:#171717;font-size:12px;font-weight:600;line-height:20px;text-decoration:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:19px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__link:focus-visible{outline:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__link:focus-visible:after{outline:3px solid #171717;outline-offset:-4px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__brand{box-sizing:border-box;display:inline-flex;align-items:center;flex:0 1 auto;max-width:45%;padding:3px 4px;background:#111;color:#fff}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__brand img{display:block;width:clamp(48px,16vw,72px);max-width:100%;max-height:24px;height:auto;object-fit:contain}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__cue{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;min-width:0}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__cue svg{flex:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card>[data-story-video-status]:not(:empty){order:2;flex:0 0 auto;position:relative;z-index:2;margin:0;padding:6px 10px;font-size:13px;line-height:1.4;overflow-wrap:anywhere;pointer-events:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card [data-story-video-controls]{position:absolute;z-index:3}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card [data-story-play]:focus-visible{outline:3px solid #171717;outline-offset:2px;box-shadow:0 0 0 2px #fff}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls{--otf-pilot-card-size: var(--otf-pilot-desktop-card-size);position:absolute;inset-inline:var(--otf-campaign-control-inset);top:0;z-index:4;display:block;container-type:inline-size;height:0;margin:0;pointer-events:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls[hidden]{display:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.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 .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls [data-story-next]{inset-inline-start:auto;inset-inline-end:0}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls button:disabled{opacity:.45;cursor:default}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls button:focus-visible{outline:2px solid #171717;outline-offset:2px}@media(max-width:749px){.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track>.otf-story-item[data-campaign-item]{flex-basis:calc((100% - 12px)/2);width:calc((100% - 12px)/2);max-width:calc((100% - 12px)/2)}.template-index #MainContent .otf-guapi-shopping-rail[data-story-product-rail][data-uniform-campaign]{--otf-campaign-control-inset: 12px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls{--otf-pilot-card-size: calc((100cqw - 12px)/2) }}@media(max-width:374px){.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card>.otf-campaign-card__link{gap:4px;padding-inline:6px;font-size:11.5px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__brand img{width:48px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__cue svg{width:12px;height:12px}}@media(forced-colors:active){.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card [data-story-play]:focus-visible{outline-color:Highlight;box-shadow:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card{border-color:CanvasText;background:Canvas;color:CanvasText}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card>.otf-campaign-card__link{background:Canvas;color:LinkText}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__link:focus-visible:after{outline-color:Highlight}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__brand{forced-color-adjust:none}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls button{border-color:ButtonText;background:Canvas;color:ButtonText}}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]{--otf-mobile-campaign-card-width: min(320px, 64%)}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-card{--otf-card-frame-radius: 12px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track>.otf-story-item[data-campaign-item]>.otf-campaign-card{border-radius:12px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__link:after{border-radius:11px}@media(max-width:749px){.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-story-track>.otf-story-item[data-campaign-item],.template-index #MainContent .otf-story-carousel.otf-guapi-shopping-rail[data-story-product-rail][data-uniform-campaign]>.otf-story-track>.otf-story-item.otf-guapi-shopping-rail__product,.template-index #MainContent .otf-story-carousel.otf-brand-shopping-rail[data-story-product-rail][data-uniform-campaign]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__product{flex-basis:var(--otf-mobile-campaign-card-width);width:var(--otf-mobile-campaign-card-width);max-width:var(--otf-mobile-campaign-card-width)}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign]>.otf-campaign-edge-controls{--otf-pilot-card-size: min(320px, 64cqw)}}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card{container-type:inline-size;container-name:otf-campaign-card}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card>.otf-campaign-card__link{flex:0 0 auto;min-height:48px;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__brand{justify-content:center;flex:0 1 auto;width:72px;max-width:45%;min-width:0;padding:3px 4px}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__brand img{width:100%;max-width:100%;max-height:24px;height:auto}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card__cue{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:4px;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font-size:12px;line-height:20px;white-space:nowrap}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card[data-campaign-fit=cover]>.otf-story-media>img{object-fit:cover;object-position:var(--otf-campaign-object-position, 50% 50%)}.template-index #MainContent .otf-story-carousel[data-story-product-rail][data-uniform-campaign] .otf-campaign-card>[data-story-video-status]:not(:empty){position:absolute;z-index:3;inset-inline:8px;top:calc(100cqw * 16 / 9 - 8px);transform:translateY(-100%);padding:6px 8px;border-radius:4px;background:#fffffff5;color:#171717}
/*# sourceMappingURL=/cdn/shop/t/155/assets/otf-uniform-campaign-card.css.map */