@import"https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap";.ice-cream-video{--icv-text: #2d395b;--icv-font-display: "Luckiest Guy", sans-serif;display:block;width:100%;color:var(--icv-text)}.ice-cream-video__inner{display:flex;flex-direction:column;align-items:center;gap:21px;width:100%;max-width:1568px;margin:0 auto;padding:24px 16px 16px;box-sizing:border-box}.ice-cream-video__video-heading{width:100%;margin:0;font-family:var(--icv-font-display);font-size:32px;font-weight:400;line-height:1.1em;text-align:center;color:var(--icv-text)}.ice-cream-video__player{position:relative;width:100%;max-width:1440px;aspect-ratio:1.80168;border-radius:24px;overflow:hidden;cursor:pointer;background:#000}.ice-cream-video__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.ice-cream-video__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;display:none}.ice-cream-video__player.is-playing .ice-cream-video__poster,.ice-cream-video__player.is-playing .ice-cream-video__play{display:none}.ice-cream-video__player.is-playing .ice-cream-video__iframe{display:block}.ice-cream-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;padding:0;border:none;background:transparent;cursor:pointer}.js-ice-cream-video-animate .js-ice-cream-video-target{opacity:0;transform:translateY(24px) scale(.8);will-change:transform,opacity}.js-ice-cream-video-animate .ice-cream-video__video-heading.js-ice-cream-video-target{transform:translateY(24px) scale(.5)}.js-ice-cream-video-animate .js-ice-cream-video-target.is-inview{animation:iceCreamVideoIn .75s cubic-bezier(.22,1,.36,1) forwards}.js-ice-cream-video-animate .ice-cream-video__video-heading.js-ice-cream-video-target.is-inview{animation:iceCreamVideoTitleIn .75s cubic-bezier(.22,1,.36,1) forwards}.js-ice-cream-video-animate .ice-cream-video__player.js-ice-cream-video-target.is-inview{animation-delay:.08s}@keyframes iceCreamVideoIn{0%{opacity:0;transform:translateY(24px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iceCreamVideoTitleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.js-ice-cream-video-animate .js-ice-cream-video-target{opacity:1;transform:none;animation:none}}@media(min-width:993px){.ice-cream-video__inner{gap:38px;padding:64px 64px 0}.ice-cream-video__video-heading{font-size:48px;line-height:1.5em}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/ice-cream-video.css.map */