.video-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:var(--banner-height);padding-block:40px;color:var(--color-on-photo);background:var(--color-surface)}.video-banner__media,.video-banner__shade{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.video-banner__viewport{position:absolute;top:0;right:0;bottom:0;left:0}.video-banner__mobile-only{display:none}.video-banner__media img,.video-banner__media>.placeholder{display:block;width:100%;height:100%;object-fit:cover}.video-banner__shade{background:rgb(0 0 0 / var(--banner-overlay));pointer-events:none}.video-banner__content{position:relative;margin-inline:40px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}.video-banner h1{font-size:calc(34px * var(--font-heading-scale));line-height:calc(39px * var(--font-heading-scale) * var(--line-height-heading-scale));max-width:1080px}.video-banner__text{font:400 calc(18px * var(--font-body-scale))/calc(26px * var(--font-body-scale) * var(--line-height-body-scale)) var(--font-body)}.video-banner .button{width:310px;max-width:100%;height:auto;min-height:45px;padding:14px 16px;border:0;font:400 calc(12px * var(--font-interface-scale))/calc(17px * var(--font-interface-scale) * var(--line-height-interface-scale)) var(--font-mono)}.video-banner__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px}.video-banner__play img{display:block;max-width:none}@media(max-width:989px){.video-banner__desktop-only{display:none}.video-banner__mobile-only{display:block}.video-banner{min-height:var(--banner-mobile-height);padding-block:24px}.video-banner__media img{transform:scale(var(--banner-mobile-zoom))}.video-banner__content{margin-inline:20px}.video-banner h1{font-size:calc(28px * var(--font-heading-scale));line-height:calc(32px * var(--font-heading-scale) * var(--line-height-heading-scale))}.video-banner__text{font-size:calc(15px * var(--font-body-scale));line-height:calc(22px * var(--font-body-scale) * var(--line-height-body-scale))}.video-banner__play{top:calc(50% + var(--banner-play-offset))}}.video-banner p{text-wrap:wrap}.video-banner h1,.video-banner__text,.video-banner .button>span{position:relative;top:1px}@media(max-width:989px){.video-banner h1,.video-banner__text{top:0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/video-banner.css.map */