.video-z-pattern{background:var(--video-z-pattern-section-bg)}.video-z-pattern__items{display:flex;flex-direction:column;gap:var(--video-z-pattern-gap)}.video-z-pattern__item{display:flex;flex-direction:column}.video-z-pattern__media,.video-z-pattern__content{width:100%}.video-z-pattern__media{position:relative;overflow:hidden;height:var(--video-z-pattern-item-mobile-media-height, var(--video-z-pattern-mobile-media-height));background:var(--video-z-pattern-media-bg);border-radius:var(--video-z-pattern-radius)}.video-z-pattern__media picture,.video-z-pattern__media img,.video-z-pattern__media video,.video-z-pattern__media .video-z-pattern__video,.video-z-pattern__image-surface,.video-z-pattern__media .deferred-media,.video-z-pattern__placeholder,.video-z-pattern__placeholder svg{display:block;width:100%;height:100%}.video-z-pattern__image,.video-z-pattern__video,.video-z-pattern__media video{width:100%;height:100%;object-position:var(--video-z-pattern-media-position-mobile, 50% 50%)}.video-z-pattern__image-surface{background-image:var(--video-z-pattern-image-mobile, var(--video-z-pattern-image-desktop));background-repeat:no-repeat;background-position:var(--video-z-pattern-media-position-mobile, 50% 50%)}.video-z-pattern__media--cover .video-z-pattern__image,.video-z-pattern__media--cover .video-z-pattern__video,.video-z-pattern__media--cover video,.video-z-pattern__media--cover .video-z-pattern__image-surface{object-fit:cover}.video-z-pattern__media--contain .video-z-pattern__image,.video-z-pattern__media--contain .video-z-pattern__video,.video-z-pattern__media--contain video{object-fit:contain}.video-z-pattern__media--cover .video-z-pattern__image-surface{background-size:cover}.video-z-pattern__media--contain .video-z-pattern__image-surface{background-size:contain}.video-z-pattern__content{display:flex;background:var(--video-z-pattern-panel-bg);color:var(--video-z-pattern-text-color);border-radius:var(--video-z-pattern-radius)}.video-z-pattern__content-inner{display:flex;flex-direction:column;gap:1.6rem;width:100%;padding:var(--video-z-pattern-content-padding-mobile)}.video-z-pattern__items--content-top .video-z-pattern__content{align-items:flex-start}.video-z-pattern__items--content-center .video-z-pattern__content{align-items:center}.video-z-pattern__items--content-bottom .video-z-pattern__content{align-items:flex-end}.video-z-pattern__items--text-center .video-z-pattern__content-inner{text-align:center}.video-z-pattern__eyebrow{font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.72}.video-z-pattern__heading{margin:0;color:var(--video-z-pattern-heading-color);font-size:var(--video-z-pattern-heading-mobile);line-height:1.1}.video-z-pattern__text{font-size:var(--video-z-pattern-text-mobile);line-height:1.45}.video-z-pattern__text p{margin:0}.video-z-pattern__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:4.4rem;padding:1.2rem 2rem;background:var(--video-z-pattern-button-bg);color:var(--video-z-pattern-button-color);border-radius:999px;text-decoration:none;transition:opacity var(--duration-default)}.video-z-pattern__button:hover{opacity:.88}.video-z-pattern__media-toggle{position:absolute;right:2rem;bottom:2rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;color:#fff;background:transparent;border:0;border-radius:999px;cursor:pointer;transition:transform var(--duration-default),opacity var(--duration-default)}.video-z-pattern__media-toggle:hover{transform:scale(1.05)}.video-z-pattern__media-toggle-icon{display:inline-flex;align-items:center;justify-content:center}.video-z-pattern__media-toggle-icon--play{display:none}.video-z-pattern__media-toggle.is-paused .video-z-pattern__media-toggle-icon--play{display:inline-flex}.video-z-pattern__media-toggle.is-paused .video-z-pattern__media-toggle-icon--pause{display:none}.video-z-pattern__media-toggle .icon-play{width:1.6rem;height:1.6rem}.video-z-pattern__placeholder{background:rgba(var(--color-foreground),.04)}.video-z-pattern__placeholder svg{fill:currentColor}@media screen and (min-width:990px){.video-z-pattern__item{flex-direction:row;min-height:var(--video-z-pattern-desktop-media-height)}.video-z-pattern__item--video{min-height:0}.video-z-pattern__item--right{flex-direction:row-reverse}.video-z-pattern__media{flex:0 0 var(--video-z-pattern-media-width);max-width:var(--video-z-pattern-media-width);height:var(--video-z-pattern-item-desktop-media-height, var(--video-z-pattern-desktop-media-height))}.video-z-pattern__content{flex:1 1 auto}.video-z-pattern__content-inner{justify-content:center;padding:var(--video-z-pattern-content-padding-desktop)}.video-z-pattern__heading{font-size:var(--video-z-pattern-heading-desktop)}.video-z-pattern__text{font-size:var(--video-z-pattern-text-desktop);max-width:42rem}.video-z-pattern__items--text-center .video-z-pattern__text{margin-left:auto;margin-right:auto}.video-z-pattern__image,.video-z-pattern__video,.video-z-pattern__media video{object-position:var(--video-z-pattern-media-position-desktop, 50% 50%)}.video-z-pattern__image-surface{background-image:var(--video-z-pattern-image-desktop);background-position:var(--video-z-pattern-media-position-desktop, 50% 50%)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-video-z-pattern.css.map */