.c-news-product-video{position:relative;display:grid;grid-template-columns:1fr;gap:var(--2xl-spacing);align-items:center;padding-block:var(--2xl-spacing) var(--3xl-spacing);padding-inline:var(--md-gutter);background-color:var(--color-white)}.c-news-product-video .c-wave-divider{bottom:100%}.c-news-product-video__content{position:relative;z-index:1}.c-news-product-video__frame{justify-self:center;position:relative;inline-size:30dvh;aspect-ratio:9 / 16;transform:perspective(5000px) rotateY(20deg) rotateX(20deg)}.c-news-product-video__frame:not([data-expanded]):hover{transform:perspective(5000px) rotateY(0) rotateX(0)}.c-news-product-video__frame:before{content:"";position:absolute;inset-block-end:-2.5rem;inset-inline-end:-2.5rem;inline-size:12rem;block-size:12rem;border-radius:var(--pill-border-radius);background:var(--color-accent);opacity:.22;filter:blur(2.5rem);z-index:-1;pointer-events:none}.c-news-product-video__frame[data-badge=true]:after{content:"";position:absolute;inset-block-end:-1rem;inset-inline-end:-1rem;z-index:2;inline-size:4.5rem;block-size:4.5rem;background-color:var(--color-accent);background-image:var(--c-news-product-video-badge-icon, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230A2240'%3E%3Cpath d='M20.38 8.57l-1.23 1.85a8 8 0 0 1-.22 7.58H5.07A8 8 0 0 1 15.58 6.85l1.85-1.23A10 10 0 0 0 3.35 19a2 2 0 0 0 1.72 1h13.85a2 2 0 0 0 1.74-1 10 10 0 0 0-.27-10.44z'/%3E%3Cpath d='M10.59 15.41a2 2 0 0 0 2.83 0l5.66-8.49-8.49 5.66a2 2 0 0 0 0 2.83z'/%3E%3C/svg%3E"));background-repeat:no-repeat;background-position:center;background-size:2.5rem;box-shadow:0 .75rem 1.5rem color-mix(in srgb,var(--color-shadow) 30%,transparent)}.c-news-product-video__video{display:block;position:relative;z-index:1;inline-size:100%;block-size:100%;border:0;padding:var(--sm-spacing);background:var(--color-white);box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-shadow) 22%,transparent)}.c-news-product-video__expand{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;background:transparent;cursor:pointer}.c-news-product-video__frame[data-expanded]{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;z-index:var(--z-modal);inline-size:100vw;animation:none;transform:none}.c-news-product-video__frame[data-expanded] .c-news-product-video__expand{display:none}.c-news-product-video__frame[data-expanded]:before,.c-news-product-video__frame[data-expanded]:after,.c-news-product-video__frame[data-morphing]:before,.c-news-product-video__frame[data-morphing]:after{display:none}.c-news-product-video__frame[data-expanded] .c-news-product-video__video,.c-news-product-video__frame[data-morphing] .c-news-product-video__video{padding:0;background:none;box-shadow:none}.c-news-product-video__frame[data-morphing]:not([data-expanded]){position:relative;z-index:var(--z-modal)}.c-news-product-video__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);border:0;background:color-mix(in srgb,var(--color-shadow) 65%,transparent);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);cursor:pointer}.c-news-product-video__close{display:none;position:fixed;inset-block-start:var(--md-spacing);inset-inline-end:var(--md-spacing);z-index:var(--z-toast);align-items:center;justify-content:center;inline-size:3rem;block-size:3rem;border:0;border-radius:var(--pill-border-radius);background-color:var(--color-white);color:var(--color-primary);font-family:var(--font-body);font-size:var(--2xl-font-size);line-height:1;cursor:pointer;box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--color-shadow) 30%,transparent)}.c-news-product-video__frame[data-expanded]~.c-news-product-video__close{display:flex}.c-news-product-video__content{display:flex;flex-direction:column;gap:var(--lg-spacing)}.c-news-product-video__heading{margin:0;font-family:var(--font-heading);font-weight:var(--bold-font-weight);font-size:clamp(var(--3xl-font-size),4vw,var(--4xl-font-size));line-height:1.1;color:var(--c-news-product-video-heading, var(--color-primary))}.c-news-product-video__lead{font-family:var(--font-body);font-size:var(--md-font-size);line-height:1.6;color:var(--c-news-product-video-lead, var(--color-text))}.c-news-product-video__lead p{margin:0}.c-news-product-video__features{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--lg-spacing)}.c-news-product-video__feature{display:flex;gap:var(--md-spacing);align-items:flex-start}.c-news-product-video__feature-icon{flex-shrink:0;inline-size:var(--2xl-spacing);block-size:var(--2xl-spacing);display:flex;align-items:center;justify-content:center}.c-news-product-video__feature-icon img{inline-size:100%;block-size:100%;object-fit:contain}.c-news-product-video__feature-text{display:flex;flex-direction:column;gap:var(--xsm-spacing)}.c-news-product-video__feature-header{font-family:var(--font-body);font-weight:var(--bold-font-weight);font-size:var(--xsm-font-size);letter-spacing:var(--letter-spacing-uppercase);text-transform:uppercase;color:var(--c-news-product-video-feature, var(--color-primary))}.c-news-product-video__feature-body{font-family:var(--font-body);font-size:var(--sm-font-size-plus);line-height:1.4;color:var(--c-news-product-video-body, var(--color-text-mid))}.c-news-product-video[data-revealed=true] .c-news-product-video__heading{animation:u-animation-fade-in 1s ease-in-out .1s forwards}.c-news-product-video[data-revealed=true] .c-news-product-video__lead{animation:u-animation-slide-up 1s ease-in-out .25s forwards}.c-news-product-video[data-revealed=true] .c-news-product-video__feature{animation:u-animation-slide-up 1s ease-in-out forwards}.c-news-product-video[data-revealed=true] .c-news-product-video__feature:nth-child(1){animation-delay:.4s}.c-news-product-video[data-revealed=true] .c-news-product-video__feature:nth-child(2){animation-delay:.55s}.c-news-product-video[data-revealed=true] .c-news-product-video__feature:nth-child(3){animation-delay:.7s}.c-news-product-video[data-revealed=true] .c-news-product-video__feature:nth-child(4){animation-delay:.85s}html[data-js] .c-news-product-video__frame{opacity:0;transition:opacity .8s ease-in-out,transform .4s ease}html[data-js] .c-news-product-video[data-revealed=true] .c-news-product-video__frame{opacity:1}@media(min-width:900px){.c-news-product-video{grid-template-columns:1fr 1fr;gap:var(--xl-spacing-plus);padding-block:var(--3xl-spacing) var(--5xl-spacing)}.c-news-product-video__frame{inline-size:30dvh}.c-news-product-video__frame[data-expanded]{inline-size:auto;block-size:100dvh}}@media(prefers-reduced-motion:reduce){html[data-js] .c-news-product-video__frame{opacity:1;transition:none}.c-news-product-video[data-revealed=true] .c-news-product-video__heading,.c-news-product-video[data-revealed=true] .c-news-product-video__lead,.c-news-product-video[data-revealed=true] .c-news-product-video__feature{animation:none}}@media(min-width:1600px){.c-news-product-video{padding-inline:var(--xl-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-news-product-video.css.map */