.video-banner{display:block}.video-banner__frame{position:relative;height:var(--vb-height);overflow:hidden;border-radius:var(--vb-radius);background-color:var(--vb-bg, #2a2a2a)}.video-banner__video,.video-banner__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.video-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit}.video-banner__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background-color:#00000038;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.video-banner__frame.is-paused:after{opacity:1}.video-banner__content-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;padding:var(--vb-content-padding);pointer-events:none}.video-banner__content{display:flex;flex-direction:column;width:100%}.video-banner__content>*{pointer-events:auto}.video-banner__frame[data-vb-position^=left] .video-banner__content-wrap{justify-content:flex-start}.video-banner__frame[data-vb-position^=center] .video-banner__content-wrap{justify-content:center}.video-banner__frame[data-vb-position^=right] .video-banner__content-wrap{justify-content:flex-end}.video-banner__frame[data-vb-position$=top] .video-banner__content-wrap{align-items:flex-start}.video-banner__frame[data-vb-position$=middle] .video-banner__content-wrap{align-items:center}.video-banner__frame[data-vb-position$=bottom] .video-banner__content-wrap{align-items:flex-end}.video-banner__frame[data-vb-position^=left] .video-banner__content{align-items:flex-start;text-align:left}.video-banner__frame[data-vb-position^=center] .video-banner__content{align-items:center;text-align:center}.video-banner__frame[data-vb-position^=right] .video-banner__content{align-items:flex-end;text-align:right}.video-banner__subtitle{margin:0;max-width:var(--vb-subtitle-max-width, 100%);font-size:var(--vb-subtitle-size);font-weight:var(--vb-subtitle-weight);color:var(--vb-subtitle-color, #ffffff);letter-spacing:.04em}.video-banner__heading{margin:0;max-width:var(--vb-heading-max-width, 100%);font-family:var(--font-heading);font-size:var(--vb-heading-size);font-weight:var(--vb-heading-weight);line-height:var(--heading-line-height);color:var(--vb-heading-color, #ffffff)}.video-banner__description{margin:0;max-width:var(--vb-description-max-width, 100%);font-size:var(--vb-description-size);font-weight:var(--vb-description-weight);line-height:var(--vb-description-line-height, 1.5);color:var(--vb-description-color, #ffffff)}.video-banner__button{display:inline-block;width:var(--vb-button-width);max-width:100%;padding:var(--vb-button-padding-y, 14px) var(--vb-button-padding-x, 32px);border:1px solid var(--vb-button-border, #ffffff);border-radius:var(--vb-button-radius);background-color:var(--vb-button-bg, #ffffff);font-size:var(--vb-button-size);font-weight:var(--vb-button-weight);line-height:1.2;color:var(--vb-button-text, #121212);text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.video-banner__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.video-banner__play{position:absolute;top:50%;left:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:var(--vb-play-size, 76px);height:var(--vb-play-size, 76px);padding:0;border:0;border-radius:50%;background-color:var(--vb-play-bg, #ffffff);color:var(--vb-play-color, #121212);transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease}.video-banner__play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--vb-play-bg, #ffffff);opacity:.7;pointer-events:none;animation:vb-play-pulse 2.4s ease-out infinite}.video-banner__play:hover{transform:translate(-50%,-50%) scale(1.08)}.video-banner__play .icon{position:relative;width:36%;height:36%}@keyframes vb-play-pulse{0%{transform:scale(1);opacity:.7}70%{opacity:0}to{transform:scale(1.7);opacity:0}}.video-banner__frame:not(.is-paused) .video-banner__play{opacity:0;visibility:hidden;pointer-events:none}.video-banner__sound{position:absolute;right:16px;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background-color:#0000008c;color:#fff;transition:background-color .2s ease,opacity .2s ease}.video-banner__sound:hover{background-color:#000000bf}.video-banner__sound-icon{display:inline-flex}.video-banner__sound-icon--on{display:none}.video-banner.is-unmuted .video-banner__sound-icon--on{display:inline-flex}.video-banner.is-unmuted .video-banner__sound-icon--off{display:none}.video-banner__sound .icon{width:20px;height:20px}@media(prefers-reduced-motion:reduce){.video-banner__play,.video-banner__button{transition:none}.video-banner__play:before{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-video-banner.css.map */