.c-news-common-video-feature{padding-block:var(--3xl-spacing);padding-inline:max(var(--lg-gutter),(100% - var(--page-width, 120rem)) / 2);background:var(--c-news-common-video-feature-bg, var(--color-white));display:grid;grid-template-columns:1fr;gap:var(--3xl-spacing);align-items:center}.c-news-common-video-feature__media{position:relative;width:100%;margin-inline:auto;aspect-ratio:16 / 9;transform:rotate(-3deg)}.c-news-common-video-feature__media:before,.c-news-common-video-feature__media:after{content:"";position:absolute;z-index:0;width:6rem;height:6rem;pointer-events:none}.c-news-common-video-feature__media:before{inset-block-start:-1rem;inset-inline-start:-1rem;background:var(--color-primary)}.c-news-common-video-feature__media:after{inset-block-end:-1rem;inset-inline-end:-1rem;background:var(--color-accent)}.c-news-common-video-feature__media:not([data-expanded]):hover{transform:rotate(0)}.c-news-common-video-feature__embed{position:relative;z-index:1;display:block;inline-size:100%;block-size:100%;border:0;object-fit:cover;box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-shadow) 28%,transparent)}.c-news-common-video-feature__expand{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border:0;padding:0;background:transparent;cursor:pointer}.c-news-common-video-feature__content{display:flex;flex-direction:column;gap:var(--md-spacing)}.c-news-common-video-feature__title{margin:0;font-family:var(--font-body);font-weight:var(--bold-font-weight);text-transform:uppercase;letter-spacing:var(--letter-spacing-uppercase);line-height:1.15;font-size:var(--xl-font-size);color:var(--c-news-common-video-feature-title-fg, var(--color-primary))}.c-news-common-video-feature__body{font-size:var(--md-font-size);line-height:1.65;color:var(--c-news-common-video-feature-body-fg, var(--color-text-mid))}.c-news-common-video-feature__body p{margin:0 0 1em}.c-news-common-video-feature__body p:last-child{margin-bottom:0}.c-news-common-video-feature__cta{margin-block-start:var(--sm-spacing)}.c-news-common-video-feature__media[data-expanded]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);inline-size:100vw;block-size:100dvh;aspect-ratio:auto;margin:0;animation:none;transform:none}.c-news-common-video-feature__media[data-expanded] .c-news-common-video-feature__expand{display:none}.c-news-common-video-feature__media[data-expanded]:before,.c-news-common-video-feature__media[data-expanded]:after,.c-news-common-video-feature__media[data-morphing]:before,.c-news-common-video-feature__media[data-morphing]:after{display:none}.c-news-common-video-feature__media[data-expanded] .c-news-common-video-feature__embed,.c-news-common-video-feature__media[data-morphing] .c-news-common-video-feature__embed{box-shadow:none;object-fit:contain}.c-news-common-video-feature__media[data-morphing]:not([data-expanded]){z-index:var(--z-modal)}.c-news-common-video-feature__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-common-video-feature__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-common-video-feature__media[data-expanded]~.c-news-common-video-feature__close{display:flex}html[data-js] .c-news-common-video-feature__media{opacity:0;scale:.95;transition:opacity .8s ease-in-out,scale .8s ease-in-out,transform .5s ease}html[data-js] .c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__media{opacity:1;scale:1}.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__title{animation:u-animation-fade-in 1.2s ease-in-out .2s forwards}.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__body,.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__cta{animation:u-animation-slide-up 1.2s ease-in-out .35s forwards}html[data-js] .c-news-common-video-feature__media:before{transform:translate(1rem,1rem)}html[data-js] .c-news-common-video-feature__media:after{transform:translate(-1rem,-1rem)}.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__media:before{animation:c-news-video-feature-square-tl .6s ease-in-out .8s forwards}.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__media:after{animation:c-news-video-feature-square-br .6s ease-in-out .8s forwards}@keyframes c-news-video-feature-square-tl{0%{transform:translate(1rem,1rem)}to{transform:translate(0)}}@keyframes c-news-video-feature-square-br{0%{transform:translate(-1rem,-1rem)}to{transform:translate(0)}}html:not([data-js]) .c-news-common-video-feature__title,html:not([data-js]) .c-news-common-video-feature__body,html:not([data-js]) .c-news-common-video-feature__cta{opacity:1;transform:none}@media(min-width:900px){.c-news-common-video-feature{grid-template-columns:1fr 1fr}.c-news-common-video-feature__title{font-size:var(--3xl-font-size)}.c-news-common-video-feature[data-image-side=right] .c-news-common-video-feature__media{order:1}}@media(prefers-reduced-motion:reduce){html[data-js] .c-news-common-video-feature__media{opacity:1;scale:1;transition:none}.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__title,.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__body,.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__cta,.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__media:before,.c-news-common-video-feature[data-revealed=true] .c-news-common-video-feature__media:after{animation:none}html[data-js] .c-news-common-video-feature__media:before,html[data-js] .c-news-common-video-feature__media:after{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-news-common-video-feature.css.map */