.video-banner{position:relative;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.video-banner__wrapper{flex:1;display:grid;grid-template-areas:"top-left top-center top-right" "center-left center center-right" "bottom-left bottom-center bottom-right";grid-template-rows:1fr auto 1fr;grid-template-columns:1fr auto 1fr;align-items:stretch}.video-banner__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.video-banner__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay);z-index:1;pointer-events:none}.video-banner__video{width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-banner__placeholder{background-color:#f0f0f0}.video-banner__placeholder .placeholder-svg{width:100%;height:100%;object-fit:cover;padding:0}.video-banner__video video-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-banner__video video-media>:is(video,iframe){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}.video-banner__content-wrapper{position:relative;z-index:1;width:100%;grid-area:center}@media only screen and (min-width: 768px){.video-banner--desktop-top-left .video-banner__content-wrapper{grid-area:top-left}.video-banner--desktop-top-center .video-banner__content-wrapper{grid-area:top-center}.video-banner--desktop-top-right .video-banner__content-wrapper{grid-area:top-right}.video-banner--desktop-center-left .video-banner__content-wrapper{grid-area:center-left}.video-banner--desktop-center-center .video-banner__content-wrapper,.video-banner--desktop-center .video-banner__content-wrapper{grid-area:center}.video-banner--desktop-center-right .video-banner__content-wrapper{grid-area:center-right}.video-banner--desktop-bottom-left .video-banner__content-wrapper{grid-area:bottom-left}.video-banner--desktop-bottom-center .video-banner__content-wrapper{grid-area:bottom-center}.video-banner--desktop-bottom-right .video-banner__content-wrapper{grid-area:bottom-right}.video-banner--desktop-top-left .video-banner__content,.video-banner--desktop-center-left .video-banner__content,.video-banner--desktop-bottom-left .video-banner__content{align-items:flex-start;text-align:left}.video-banner--desktop-top-center .video-banner__content,.video-banner--desktop-center-center .video-banner__content,.video-banner--desktop-bottom-center .video-banner__content{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.video-banner--desktop-top-right .video-banner__content,.video-banner--desktop-center-right .video-banner__content,.video-banner--desktop-bottom-right .video-banner__content{align-items:flex-end;text-align:right;margin-left:auto}.video-banner--desktop-stretch-left .video-banner__content-wrapper,.video-banner--desktop-stretch-center .video-banner__content-wrapper,.video-banner--desktop-stretch-right .video-banner__content-wrapper{grid-area:1 / 1 / -1 / -1;width:100%;height:100%;display:flex}.video-banner--desktop-stretch-left .video-banner__content-wrapper{justify-content:flex-start}.video-banner--desktop-stretch-center .video-banner__content-wrapper{justify-content:center}.video-banner--desktop-stretch-right .video-banner__content-wrapper{justify-content:flex-end}.video-banner--desktop-stretch-left .video-banner__content,.video-banner--desktop-stretch-center .video-banner__content,.video-banner--desktop-stretch-right .video-banner__content{height:100%;justify-content:space-between;max-width:800px}.video-banner--desktop-stretch-left .video-banner__content{align-items:flex-start;text-align:left}.video-banner--desktop-stretch-center .video-banner__content{align-items:center;text-align:center}.video-banner--desktop-stretch-right .video-banner__content{align-items:flex-end;text-align:right}}@media only screen and (max-width: 767px){.video-banner--mobile-top-left .video-banner__content-wrapper{grid-area:top-left}.video-banner--mobile-top-center .video-banner__content-wrapper{grid-area:top-center}.video-banner--mobile-top-right .video-banner__content-wrapper{grid-area:top-right}.video-banner--mobile-center-left .video-banner__content-wrapper{grid-area:center-left}.video-banner--mobile-center-center .video-banner__content-wrapper,.video-banner--mobile-center .video-banner__content-wrapper{grid-area:center}.video-banner--mobile-center-right .video-banner__content-wrapper{grid-area:center-right}.video-banner--mobile-bottom-left .video-banner__content-wrapper{grid-area:bottom-left}.video-banner--mobile-bottom-center .video-banner__content-wrapper{grid-area:bottom-center}.video-banner--mobile-bottom-right .video-banner__content-wrapper{grid-area:bottom-right}.video-banner--mobile-top-left .video-banner__content,.video-banner--mobile-center-left .video-banner__content,.video-banner--mobile-bottom-left .video-banner__content{align-items:flex-start;text-align:left}.video-banner--mobile-top-center .video-banner__content,.video-banner--mobile-center-center .video-banner__content,.video-banner--mobile-bottom-center .video-banner__content{align-items:center;text-align:center;margin-left:auto;margin-right:auto}.video-banner--mobile-top-right .video-banner__content,.video-banner--mobile-center-right .video-banner__content,.video-banner--mobile-bottom-right .video-banner__content{align-items:flex-end;text-align:right;margin-left:auto}.video-banner--mobile-stretch-left .video-banner__content-wrapper,.video-banner--mobile-stretch-center .video-banner__content-wrapper,.video-banner--mobile-stretch-right .video-banner__content-wrapper{grid-area:1 / 1 / -1 / -1;width:100%;height:100%;display:flex}.video-banner--mobile-stretch-left .video-banner__content-wrapper{justify-content:flex-start}.video-banner--mobile-stretch-center .video-banner__content-wrapper{justify-content:center}.video-banner--mobile-stretch-right .video-banner__content-wrapper{justify-content:flex-end}.video-banner--mobile-stretch-left .video-banner__content,.video-banner--mobile-stretch-center .video-banner__content,.video-banner--mobile-stretch-right .video-banner__content{height:100%;justify-content:space-between;max-width:100%}.video-banner--mobile-stretch-left .video-banner__content{align-items:flex-start;text-align:left}.video-banner--mobile-stretch-center .video-banner__content{align-items:center;text-align:center}.video-banner--mobile-stretch-right .video-banner__content{align-items:flex-end;text-align:right}}.video-banner__content{display:flex;flex-direction:column;gap:48px;align-items:flex-start;text-align:left;max-width:800px}.video-banner__heading{margin:0}.video-banner__button{display:inline-flex;align-items:center;gap:8px}.video-banner__pause-button{position:absolute;bottom:0;right:0;padding:20px;z-index:2;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;height:fit-content;width:fit-content}.video-banner__pause-button:focus{outline:2px solid var(--color-focus);outline-offset:-6px}.video-banner__pause-icon,.video-banner__play-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.video-banner__pause-icon svg,.video-banner__play-icon svg{width:100%;height:100%;color:var(--color-text)}.video-banner[data-video-paused=true] .video-banner__pause-icon{display:none}.video-banner[data-video-paused=true] .video-banner__play-icon{display:flex}@media only screen and (max-width: 767px){.video-banner__content{gap:1rem}.video-banner__button{width:100%}.video-banner__pause-button{top:0;right:0;padding:8px}}@media (prefers-reduced-motion: reduce){.video-banner__video video-media>video{display:none}.video-banner__pause-button{display:none}}.video-banner__modal-trigger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease}.video-banner__modal-trigger:hover{transform:translate(-50%,-50%) scale(1.1)}.video-banner__modal-trigger:focus{outline:none}.video-banner__modal-trigger:focus-visible{outline:2px solid var(--color-focus, #007bff);outline-offset:4px;border-radius:50%}.video-banner__modal-trigger-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;color:#fffffff2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));transition:color .3s ease}.video-banner__modal-trigger-icon svg{width:100%;height:100%}@media only screen and (max-width: 767px){.video-banner__modal-trigger-icon{width:60px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/385/assets/content-block-video-banner.css.map */