.ac-campaign-film{--u: var(--ac-ref-rem);--g: calc(3.5 * var(--u));--film-stage-height: max(100dvh, 580px);--film-scene-height: var(--film-stage-height);--film-preview-height: var(--film-stage-height);--film-frame-inset: calc(7.2 * var(--u)) calc(12.8 * var(--u));--film-title-top: calc(16.9 * var(--u));--film-label-top: auto;--film-label-bottom: calc(15.5 * var(--u));--film-copy-top: calc(9.1 * var(--u));--film-copy-clearance: var(--ac-header-safe-block-start);--film-copy-inset: calc(14.77 * var(--u));--film-copy-width: calc(34.7 * var(--u));--film-copy-max-width: calc(100% - 2 * var(--g));--film-reveal-ease: cubic-bezier(.333333, .666667, .666667, 1);--film-hide-ease: cubic-bezier(.333333, 0, .666667, .333333);display:block;position:relative;background:var(--ac-ref-page, #fff9f7);color:var(--ac-ref-ink, #000)}.ac-campaign-film :where(h1,h2,p){margin:0}.ac-campaign-film__stage{position:relative;padding:calc(12 * var(--u)) var(--g) calc(6 * var(--u))}.ac-campaign-film__label{text-align:right}.ac-campaign-film__panel{position:relative;margin-top:calc(6 * var(--u))}.ac-campaign-film__background{display:none}.ac-campaign-film__frame,.ac-campaign-film__empty{width:100%;aspect-ratio:16/9;margin-inline:auto;overflow:hidden}.ac-campaign-film__video,.ac-campaign-film__empty :where(img,svg){display:block;width:100%;height:100%;object-fit:cover}.ac-campaign-film__copy{display:flex;flex-direction:column;gap:calc(1.2 * var(--u));max-width:calc(34.7 * var(--u));margin:calc(3 * var(--u)) 0;text-align:justify}.ac-campaign-film__copy :where(strong,b){color:var(--ac-ref-red, #ed3833)}.ac-campaign-film__controls,.ac-campaign-film__actions{display:none}.ac-campaign-film.is-enhanced .ac-campaign-film__stage{height:var(--film-stage-height);min-height:var(--film-stage-height);padding:0;overflow:clip}.ac-campaign-film.is-enhanced .ac-campaign-film__title{position:absolute;top:var(--film-title-top);left:var(--g);max-width:calc(100% - 2 * var(--g));overflow-wrap:anywhere}.ac-campaign-film.is-enhanced .ac-campaign-film__label{position:absolute;top:var(--film-label-top);bottom:var(--film-label-bottom);right:var(--g)}.ac-campaign-film.is-enhanced .ac-campaign-film__scene{position:absolute;inset:0 0 auto;height:var(--film-scene-height);isolation:isolate;background:#111;color:#fff}.ac-campaign-film.is-enhanced .ac-campaign-film__panel{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;visibility:hidden;pointer-events:none}.ac-campaign-film.is-enhanced:where([data-film-switching]) .ac-campaign-film__panel{transition:visibility 0s 1s}.ac-campaign-film.is-enhanced .ac-campaign-film__panel.is-active{visibility:visible;pointer-events:auto;transition-delay:0s}.ac-campaign-film.is-enhanced .ac-campaign-film__scene:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:#0009;pointer-events:none}.ac-campaign-film.is-enhanced .ac-campaign-film__background{display:block;position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ac-campaign-film.is-enhanced .is-active .ac-campaign-film__background{z-index:1}.ac-campaign-film.is-enhanced .ac-campaign-film__frame{position:absolute;z-index:3;inset:var(--film-frame-inset);width:auto;aspect-ratio:auto;margin:0;transition:inset .6s cubic-bezier(.75,0,.25,1),scale .8s var(--film-reveal-ease)}.ac-campaign-film.is-enhanced .is-active .ac-campaign-film__frame{z-index:4}.ac-campaign-film.is-enhanced .ac-campaign-film__video{position:absolute;left:50%;top:50%;translate:-50% -50%}.ac-campaign-film.is-enhanced :where(.ac-campaign-film__video,.ac-campaign-film__background){transform:scaleY(0);transition:transform .5s ease .5s}.ac-campaign-film.is-enhanced .is-active :where(.ac-campaign-film__video,.ac-campaign-film__background){transform:scaleY(1);transition-delay:0s}.ac-campaign-film.is-enhanced .ac-campaign-film__video{transition:transform .5s ease .5s,width .6s cubic-bezier(.75,0,.25,1),height .6s cubic-bezier(.75,0,.25,1)}.ac-campaign-film.is-enhanced .is-active .ac-campaign-film__video{transition-delay:0s}.ac-campaign-film.is-enhanced .ac-campaign-film__copy{position:absolute;top:max(var(--film-copy-top),var(--film-copy-clearance));left:var(--film-copy-inset);width:var(--film-copy-width);max-width:var(--film-copy-max-width);margin:0}.ac-campaign-film.is-enhanced .ac-campaign-film__copy :where(.ac-campaign-film__text,strong,b){display:inline-block;position:relative;z-index:5;max-width:100%;vertical-align:top;transform-origin:top;transition:opacity .25s,scale .8s var(--film-reveal-ease)}.ac-campaign-film.is-enhanced .ac-campaign-film__text{color:#fff}.ac-campaign-film.is-enhanced .ac-campaign-film__panel:not(.is-active) .ac-campaign-film__copy :where(.ac-campaign-film__text,strong,b){opacity:0;scale:1 0;transition:none}.ac-campaign-film.is-enhanced .ac-campaign-film__panel:nth-child(2) .ac-campaign-film__copy{left:auto;right:var(--film-copy-inset);text-align:right}.ac-campaign-film.is-enhanced .ac-campaign-film__fallback-heading{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ac-campaign-film.is-enhanced .ac-campaign-film__controls{display:block;position:absolute;inset:auto calc(14.77 * var(--u)) calc(8.2 * var(--u))}.ac-campaign-film__choices{display:flex;position:relative;z-index:6;align-items:end;justify-content:space-between;gap:calc(2 * var(--u))}.ac-campaign-film__choice{display:flex;flex-direction:column;align-items:start;gap:calc(1.2 * var(--u));min-height:44px;min-width:44px;padding:0;border:0;background:none;color:inherit;cursor:pointer;opacity:.25;transform-origin:left bottom}.ac-campaign-film__choice[aria-pressed=true]{opacity:1}.ac-campaign-film__choice:last-child:not(:first-child){align-items:end;transform-origin:right bottom}.ac-campaign-film__choice img{width:calc(1.7 * var(--u));height:calc(1.7 * var(--u));margin-inline:calc(.7 * var(--u));object-fit:contain}.ac-campaign-film__choice[aria-pressed=false] img{visibility:hidden}.ac-campaign-film.is-motion.is-revealed.is-playing .ac-campaign-film__choice[aria-pressed=true] img{animation:ac-campaign-film-dot .4s linear infinite alternate}@keyframes ac-campaign-film-dot{0%{opacity:1}to{opacity:0}}.ac-campaign-film__choice-label{display:flex;align-items:end;gap:calc(.4 * var(--u));white-space:nowrap}.ac-campaign-film__choice:last-child:not(:first-child) .ac-campaign-film__choice-label{flex-direction:row-reverse}.ac-campaign-film__choice:hover{opacity:1}.ac-campaign-film__choice strong{display:block;margin-bottom:calc(.9 * var(--u))}.ac-campaign-film__progress{--film-progress: 0;display:block;position:absolute;z-index:6;bottom:calc(1.2 * var(--u) - 22px);left:50%;transform:translate(-50%);width:min(calc(44.3 * var(--u)),100%);height:44px;margin:0}.ac-campaign-film__progress:after{content:"";position:absolute;top:calc(50% - .1 * var(--u));left:0;width:100%;transform:scaleX(var(--film-progress));transform-origin:left;height:calc(.2 * var(--u));background:url(ac-campaign-film-track.webp) left center / 100% 100% no-repeat;filter:invert(1);pointer-events:none}.ac-campaign-film__progress input{display:block;width:100%;height:44px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;color:#fff;cursor:pointer}.ac-campaign-film__progress input::-webkit-slider-runnable-track{height:1px;background:#fff8}.ac-campaign-film__progress input::-moz-range-track{height:1px;background:#fff8}.ac-campaign-film__progress input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1px;height:1px;border:0;background:#fff}.ac-campaign-film__progress input::-moz-range-thumb{width:1px;height:1px;border:0;background:#fff}.ac-campaign-film.is-enhanced .ac-campaign-film__actions{display:contents}.ac-campaign-film__cursor{position:absolute;z-index:10;top:calc(var(--film-preview-height) / 2);left:50%;translate:-50% -50%;padding:8px;min-height:44px;border:0;background:none;color:#fff;cursor:pointer;transition:opacity .1s}.ac-campaign-film:not(.is-revealed) .ac-campaign-film__cursor,.ac-campaign-film.is-idle .ac-campaign-film__cursor{opacity:0;pointer-events:none}.ac-campaign-film__cursor:focus-visible{opacity:1;pointer-events:auto}@media(hover:none),(pointer:coarse){.ac-campaign-film{--film-copy-clearance: 0px}.ac-campaign-film.is-full .ac-campaign-film__cursor{top:calc(var(--film-preview-height) / 2 - 28 * var(--u))}}@media(hover:hover)and (pointer:fine){.ac-campaign-film.is-revealed .ac-campaign-film__frame{cursor:none}.ac-campaign-film__cursor{position:fixed;left:var(--cursor-x, 50vw);top:var(--cursor-y, 50vh);pointer-events:none;opacity:0}.ac-campaign-film.has-pointer.is-revealed:not(.is-idle) .ac-campaign-film__cursor{opacity:1}}.ac-campaign-film.is-full{z-index:100}.ac-campaign-film.is-enhanced.is-full .ac-campaign-film__scene{height:100dvh;-webkit-mask:none;mask:none}.ac-campaign-film.is-full .is-active .ac-campaign-film__frame{top:0;right:0;bottom:0;left:0;background:#000;scale:1}.ac-campaign-film.is-full .is-active .ac-campaign-film__video{width:min(100vw,calc(100dvh * var(--film-native-ratio, 1.777778)));height:min(100dvh,calc(100vw / var(--film-native-ratio, 1.777778)))}.ac-campaign-film.is-enhanced.is-full.is-revealed :where(.ac-campaign-film__copy .ac-campaign-film__text,.ac-campaign-film__copy strong,.ac-campaign-film__copy b,.ac-campaign-film__choices){opacity:0;pointer-events:none}.ac-campaign-film.is-enhanced.is-full.is-idle .ac-campaign-film__progress{opacity:0}body:has(.ac-campaign-film.is-full.is-idle) ac-reference-header{opacity:0;pointer-events:none}.ac-campaign-film.is-motion{height:400svh}.ac-campaign-film.is-motion .ac-campaign-film__scene{-webkit-mask:var(--film-mask) 50% 50% / 30% auto no-repeat;mask:var(--film-mask) 50% 50% / 30% auto no-repeat}.ac-campaign-film.is-motion :where(.ac-campaign-film__choices,.ac-campaign-film__progress){opacity:0;scale:1 0;transition:opacity .8s var(--film-hide-ease),scale .8s var(--film-hide-ease)}.ac-campaign-film.is-motion .ac-campaign-film__choices{transform-origin:center bottom}.ac-campaign-film.is-motion .ac-campaign-film__progress{transform-origin:center}.ac-campaign-film.is-motion .ac-campaign-film__copy :where(.ac-campaign-film__text,strong,b){scale:1 0}.ac-campaign-film.is-motion.is-revealed :where(.ac-campaign-film__choices,.ac-campaign-film__progress){opacity:1;scale:1 1;transition-timing-function:var(--film-reveal-ease)}.ac-campaign-film.is-motion.is-revealed .is-active .ac-campaign-film__copy :where(.ac-campaign-film__text,strong,b){scale:1 1}.ac-campaign-film.is-motion .ac-campaign-film__frame{scale:1.3}.ac-campaign-film.is-motion.is-revealed .ac-campaign-film__frame{scale:1;transition-timing-function:var(--film-reveal-ease)}.ac-campaign-film.is-enhanced .ac-campaign-film__empty{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;margin:auto}.ac-campaign-film :where(button,input):focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:1023px){.ac-campaign-film{--film-copy-clearance: 9.6rem}.ac-campaign-film__progress{width:100%;bottom:-22px}}@media(min-width:768px)and (max-width:1023px){.ac-campaign-film{--g: calc(3.2 * var(--u));--film-frame-inset: calc(5.7 * var(--u)) calc(3.2 * var(--u)) calc(3.2 * var(--u));--film-title-top: calc(12.5 * var(--u));--film-label-bottom: calc(11.5 * var(--u));--film-copy-top: calc(7.2 * var(--u));--film-copy-inset: calc(4.7 * var(--u))}.ac-campaign-film.is-enhanced .ac-campaign-film__controls{inset:auto calc(4.7 * var(--u)) calc(5 * var(--u));height:1px}.ac-campaign-film__choices{position:absolute;inset:auto 0 calc(2 * var(--u))}.ac-campaign-film.is-motion .ac-campaign-film__scene{-webkit-mask-size:60% auto;mask-size:60% auto}}@media(max-width:767px){.ac-campaign-film{--g: calc(1.6 * var(--u));--film-preview-height: calc(var(--film-stage-height) - 10 * var(--u));--film-frame-inset: calc(5.7 * var(--u)) calc(1.6 * var(--u)) calc(11.6 * var(--u));--film-title-top: calc(var(--film-stage-height) * .15);--film-label-top: calc(var(--film-stage-height) * .65);--film-label-bottom: auto;--film-copy-top: calc(7.3 * var(--u));--film-copy-inset: calc(3.2 * var(--u));--film-copy-width: auto;--film-copy-max-width: none}.ac-campaign-film.is-enhanced .ac-campaign-film__copy,.ac-campaign-film.is-enhanced .ac-campaign-film__panel:nth-child(2) .ac-campaign-film__copy{right:var(--film-copy-inset);left:var(--film-copy-inset)}.ac-campaign-film.is-enhanced .ac-campaign-film__controls{inset:auto calc(3.2 * var(--u)) calc(15 * var(--u));height:1px}.ac-campaign-film__choices{display:block}.ac-campaign-film__choice{position:absolute;bottom:calc(8 * var(--u));left:0;transform-origin:top left;transition:transform .4s}.ac-campaign-film__choice img{margin:0}.ac-campaign-film__choice:last-child:not(:first-child){bottom:calc(3.2 * var(--u));align-items:start;transform-origin:bottom left}.ac-campaign-film__choice-label,.ac-campaign-film__choice:last-child:not(:first-child) .ac-campaign-film__choice-label{display:block}.ac-campaign-film__choice strong{display:inline;margin:0}.ac-campaign-film__choice[aria-pressed=false]{transform:scale(.5)}.ac-campaign-film.is-motion .ac-campaign-film__scene{-webkit-mask-position:50% 40%;mask-position:50% 40%;-webkit-mask-size:90% auto;mask-size:90% auto}}@media(prefers-reduced-motion:reduce){.ac-campaign-film.is-enhanced .ac-campaign-film__panel,.ac-campaign-film.is-enhanced :where(.ac-campaign-film__frame,.ac-campaign-film__video,.ac-campaign-film__background,.ac-campaign-film__text,.ac-campaign-film__copy strong,.ac-campaign-film__copy b,.ac-campaign-film__choice){transition:none}}.ac-campaign-film.is-enhanced[data-motion=false] :where(.ac-campaign-film__frame,.ac-campaign-film__video,.ac-campaign-film__background,.ac-campaign-film__panel,.ac-campaign-film__text,.ac-campaign-film__copy strong,.ac-campaign-film__copy b,.ac-campaign-film__choice),body[data-ac-motion=reduced] .ac-campaign-film.is-enhanced :where(.ac-campaign-film__frame,.ac-campaign-film__video,.ac-campaign-film__background,.ac-campaign-film__panel,.ac-campaign-film__text,.ac-campaign-film__copy strong,.ac-campaign-film__copy b,.ac-campaign-film__choice){transition:none}@media(scripting:enabled){.ac-campaign-film:not(:defined) .ac-campaign-film__stage{padding:0;min-height:var(--film-stage-height)}.ac-campaign-film:not(:defined) .ac-campaign-film__title{position:absolute;top:var(--film-title-top);left:var(--g);max-width:calc(100% - 2 * var(--g));overflow-wrap:anywhere}.ac-campaign-film:not(:defined) .ac-campaign-film__label{position:absolute;top:var(--film-label-top);bottom:calc(100% - var(--film-stage-height) + var(--film-label-bottom));right:var(--g)}.ac-campaign-film:not(:defined) .ac-campaign-film__panel{min-height:var(--film-stage-height);margin:0;padding-block-start:var(--film-stage-height)}.ac-campaign-film:not(:defined) .ac-campaign-film__frame{position:absolute;inset:var(--film-frame-inset);width:auto;aspect-ratio:auto;margin:0}.ac-campaign-film:not(:defined) .ac-campaign-film__copy{margin-inline:var(--g);max-width:min(calc(34.7 * var(--u)),calc(100% - 2 * var(--g)))}.ac-campaign-film:not(:defined) .ac-campaign-film__fallback-heading{margin-inline:var(--g)}}.ac-campaign-film__status{position:absolute;right:0;bottom:calc(100% + 8px);width:max-content;max-width:min(320px,calc(100vw - 32px));background:var(--ac-ref-page);color:var(--ac-ref-ink)}.ac-campaign-film__status:not(:empty){padding:8px}.ac-campaign-film.is-motion-pending .ac-campaign-film__copy{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/107/assets/ac-campaign-film.css.map */
