.template-index #MainContent .otf-brand-campaign-row{box-sizing:border-box;width:100%;max-width:1440px;margin:20px auto 28px;padding-inline:20px}.template-index #MainContent .otf-brand-campaign-row__banner{display:block;position:relative;width:100%;max-width:var(--otf-brand-banner-max, 560px);margin:0 auto 8px;color:#fff;text-decoration:none}.template-index #MainContent .otf-brand-campaign-row__banner>img{display:block;width:100%;height:auto;object-fit:contain}.template-index #MainContent .otf-brand-campaign-row__banner:focus-visible{outline:3px solid #171717;outline-offset:3px}.template-index #MainContent .otf-brand-campaign-row__banner-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 .otf-brand-campaign-row__banner-cue svg{flex:none}.template-index #MainContent .otf-brand-campaign-row .otf-brand-campaign-row__carousel.otf-brand-shopping-rail[data-story-product-rail]{margin:0}.template-index #MainContent .otf-brand-campaign-row .otf-brand-campaign-row__carousel.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-campaign-row .otf-brand-campaign-row__carousel.otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__product{flex:0 0 min(320px,var(--otf-brand-card-width));width:min(320px,var(--otf-brand-card-width));max-width:320px}.template-index #MainContent .otf-brand-campaign-row .otf-brand-campaign-row__carousel[data-uniform-campaign] .otf-campaign-card .otf-campaign-card__brand--light,.template-index #MainContent .otf-brand-campaign-row .otf-brand-campaign-row__carousel[data-uniform-campaign] .otf-campaign-card .otf-campaign-card__brand--text{background:transparent;color:#171717}.template-index #MainContent .otf-brand-campaign-row .otf-brand-campaign-row__carousel[data-uniform-campaign] .otf-campaign-card .otf-campaign-card__brand--text{padding:0;font-weight:700;overflow-wrap:anywhere}.template-index #MainContent .otf-brand-campaign-row .otf-campaign-card [data-story-video-controls]{position:absolute;z-index:3;top:8px;right:8px;bottom:auto;margin:0;border-radius:50%;background:transparent}.template-index #MainContent .otf-brand-campaign-row .otf-campaign-card [data-story-play]{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#0f0f0fd1;color:#fff;font-size:0}.template-index #MainContent .otf-brand-campaign-row .otf-campaign-card [data-story-play]:before{content:"";box-sizing:border-box;display:block;width:13px;height:16px;margin-inline-start:3px;border-block:8px solid transparent;border-inline-start:13px solid currentColor}.template-index #MainContent .otf-brand-campaign-row .otf-campaign-card :is([data-story-playing],[aria-busy=true]) [data-story-play]:before{width:13px;height:16px;margin:0;border-block:0;border-inline:4px solid currentColor}.template-index #MainContent .otf-brand-campaign-row .otf-brand-shopping-rail__product :where(a,button):focus-visible{outline:2px solid currentColor;outline-offset:4px}.template-index #MainContent .otf-brand-campaign-row .otf-brand-shopping-rail__product .card-product-size:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.template-index #MainContent .otf-brand-campaign-row .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}.template-index #MainContent .otf-brand-campaign-row .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}.template-index #MainContent .otf-brand-campaign-row .otf-brand-shopping-rail__product .media-full-unstyled-link:focus-visible{outline-offset:-2px}@media(max-width:749px){.template-index #MainContent .otf-brand-campaign-row{padding-inline:12px}.template-index #MainContent .otf-brand-campaign-row .otf-brand-campaign-row__carousel.otf-brand-shopping-rail[data-story-product-rail]>.otf-story-track>.otf-story-item.otf-brand-shopping-rail__product{flex-basis:var(--otf-mobile-campaign-card-width, calc((100% - 12px)/2) );width:var(--otf-mobile-campaign-card-width, calc((100% - 12px)/2) );max-width:var(--otf-mobile-campaign-card-width, calc((100% - 12px)/2) )}.template-index #MainContent .otf-brand-campaign-row .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){.template-index #MainContent .otf-brand-campaign-row__banner-cue{border:1px solid ButtonText;background:Canvas;color:LinkText}.template-index #MainContent .otf-brand-campaign-row__banner:focus-visible{outline-color:Highlight}.template-index #MainContent .otf-brand-campaign-row .otf-campaign-card [data-story-play]{border-color:ButtonText;background:Canvas;color:ButtonText}.template-index #MainContent .otf-brand-campaign-row .otf-brand-shopping-rail__product :is(.button,.shopify-payment-button__button--unbranded,.shopify-payment-button [role=button]):focus-visible{outline:solid transparent 1px}}.template-index #MainContent .otf-brand-campaign-row__brand-banner{display:block;position:relative;max-width:var(--otf-brand-banner-max, 560px);margin:0 auto 8px;overflow:hidden;border-radius:12px;color:#171717;background:var(--otf-page, #f7f7f7);text-decoration:none}.template-index #MainContent .otf-brand-campaign-row__brand-banner--paired{display:grid;grid-template-columns:1fr .95fr 1fr;align-items:center}.template-index #MainContent .otf-brand-campaign-row__banner-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.template-index #MainContent .otf-brand-campaign-row__banner-identity{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:10px 14px}.template-index #MainContent .otf-brand-campaign-row__brand-banner--paired .otf-brand-campaign-row__banner-identity{flex-direction:column;justify-content:center;min-height:0;padding:10px;gap:8px}.template-index #MainContent .otf-brand-campaign-row__banner-logo{display:inline-flex;align-items:center;justify-content:center;max-width:160px}.template-index #MainContent .otf-brand-campaign-row__banner-logo--dark{padding:5px 8px;border-radius:4px;background:#111}.template-index #MainContent .otf-brand-campaign-row__banner-logo img{display:block;width:100%;max-height:42px;height:auto;object-fit:contain}.template-index #MainContent .otf-brand-campaign-row__banner-button{display:inline-flex;flex:none;justify-content:center;align-items:center;gap:5px;min-height:28px;padding:4px 8px;border-radius:3px;background:#111;color:#fff;font-size:12px;font-weight:600;line-height:20px;white-space:nowrap}.template-index #MainContent .otf-brand-campaign-row__brand-banner--paired .otf-brand-campaign-row__banner-button{position:absolute;left:8px;bottom:8px;width:auto}.template-index #MainContent .otf-brand-campaign-row__brand-banner:focus-visible{outline:3px solid #171717;outline-offset:3px}@media(forced-colors:active){.template-index #MainContent .otf-brand-campaign-row__banner-button{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}}@media(max-width:749px){.template-index #MainContent .otf-brand-campaign-row{margin-block:12px 16px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/otf-brand-campaign-row.css.map */