.mk-vzoom{background:var(--color-bg);color:var(--color-text)}mk-video-zoom{position:relative;display:block}.mk-vzoom__pin{display:flex;align-items:center;justify-content:center;overflow:hidden;padding-block:var(--spacing-48)}.mk-vzoom__stage{position:relative;width:min(68vw,1100px);aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface-well);transform-origin:50% 50%;will-change:transform}.mk-vzoom__stage picture{display:contents}.mk-vzoom__stage img,.mk-vzoom__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.mk-vzoom__video{opacity:0;transition:opacity .2s linear}@media(prefers-reduced-motion:reduce){.mk-vzoom__video{transition:none}}.mk-vzoom__video.is-playing{opacity:1}.mk-vzoom__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,#0e140cbf,#0e140c61 46%,#0e140c80)}.mk-vzoom__copy{position:absolute;top:50%;left:50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-24);width:100%;max-width:48rem;padding-inline:var(--spacing-32);text-align:center;transform:translate(-50%,-50%) scale(var(--mk-vz-inv, 1));color:var(--color-text-on-media)}.mk-vzoom__eyebrow{margin:0;color:var(--color-text-on-media)}.mk-vzoom__title{margin:0;text-wrap:balance}.mk-vzoom__lead{margin:0;max-width:34rem;color:#ffffffdb;text-wrap:pretty}.mk-vzoom__link{display:inline-flex;gap:var(--spacing-8);padding:var(--spacing-16) var(--spacing-24);border:1px solid rgb(255 255 255 / .3);color:var(--color-text-on-media);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);font-weight:var(--font-weight-medium);text-transform:uppercase;text-decoration:none;transition:border-color .4s cubic-bezier(.22,1,.36,1)}.mk-vzoom__link:hover{border-color:var(--color-text-on-media)}mk-video-zoom.is-live{height:240vh}mk-video-zoom.is-live .mk-vzoom__pin{position:sticky;top:0;height:100vh;padding:0}@media screen and (max-width:991px){.mk-vzoom__stage{width:82vw}}@media screen and (max-width:767px){mk-video-zoom.is-live{height:200vh}.mk-vzoom__stage{width:90vw;aspect-ratio:4 / 5}.mk-vzoom__copy{padding-inline:var(--spacing-20, 20px);gap:var(--spacing-16)}.mk-vzoom__scrim{background:#0e140c8c}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-video-zoom.css.map */