.video-overlay{--overlay-inset: 40px;--overlay-inset-x: 40px;position:relative;display:block;background:#000}@media(max-width:719px){.video-overlay{--overlay-inset: 20px;--overlay-inset-x: 20px}}.video-overlay--full{--overlay-inset-x: var(--outer-margin)}.video-overlay__media{position:relative;overflow:hidden;aspect-ratio:var(--video-aspect, 1.777);background:#000}@media(max-width:719px){.video-overlay__media{aspect-ratio:var(--video-aspect-mobile, var(--video-aspect, 1.777))}}.video-overlay__media video,.video-overlay__media iframe{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover}.video-overlay__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;transition:opacity .3s ease}.video-overlay__cover img{width:100%;height:100%;object-fit:cover}.video-overlay.is-playing .video-overlay__cover{opacity:0;pointer-events:none}.video-overlay__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;flex-direction:column;padding:var(--overlay-inset) var(--overlay-inset-x);pointer-events:none}.video-overlay__content{width:100%;max-width:var(--overlay-content-width, 720px);pointer-events:auto;color:var(--overlay-text, #fff)}.video-overlay__content h1,.video-overlay__content h2,.video-overlay__content h3,.video-overlay__content h4,.video-overlay__content .h1,.video-overlay__content .h2,.video-overlay__content .h3,.video-overlay__content .h4,.video-overlay__content p,.video-overlay__content a:not(.button){color:inherit}.video-overlay__block+.video-overlay__block{margin-top:var(--padding-xs)}.video-overlay__block--button{display:flex;flex-wrap:wrap;gap:var(--padding-xxs)}.video-overlay__block+.video-overlay__block--button{margin-top:var(--padding-small)}.video-overlay__block--button+.video-overlay__block--button{margin-top:var(--padding-xxs)}@media(min-width:720px){.video-overlay__overlay--v-top{justify-content:flex-start}.video-overlay__overlay--v-middle{justify-content:center}.video-overlay__overlay--v-bottom{justify-content:flex-end}.video-overlay__overlay--h-left{align-items:flex-start}.video-overlay__overlay--h-center{align-items:center}.video-overlay__overlay--h-right{align-items:flex-end}.video-overlay__content--align-left{text-align:left}.video-overlay__content--align-center{text-align:center}.video-overlay__content--align-right{text-align:right}.video-overlay__content--align-left .video-overlay__block--button{justify-content:flex-start}.video-overlay__content--align-center .video-overlay__block--button{justify-content:center}.video-overlay__content--align-right .video-overlay__block--button{justify-content:flex-end}}@media(max-width:719px){.video-overlay__overlay--mv-top{justify-content:flex-start}.video-overlay__overlay--mv-middle{justify-content:center}.video-overlay__overlay--mv-bottom{justify-content:flex-end}.video-overlay__overlay--mh-left{align-items:flex-start}.video-overlay__overlay--mh-center{align-items:center}.video-overlay__overlay--mh-right{align-items:flex-end}.video-overlay__content--malign-left{text-align:left}.video-overlay__content--malign-center{text-align:center}.video-overlay__content--malign-right{text-align:right}.video-overlay__content--malign-left .video-overlay__block--button{justify-content:flex-start}.video-overlay__content--malign-center .video-overlay__block--button{justify-content:center}.video-overlay__content--malign-right .video-overlay__block--button{justify-content:flex-end}}.video-overlay__placeholder{display:flex;align-items:center;justify-content:center;min-height:240px;aspect-ratio:var(--video-aspect, 16 / 9);background:var(--background-muted, #f5f5f5);color:var(--text-body);text-align:center;padding:var(--padding-small)}.video-overlay__controls{position:absolute;left:var(--padding-xs);bottom:var(--padding-xs);z-index:4;display:flex;align-items:center;gap:8px}.video-overlay--full .video-overlay__controls{left:var(--outer-margin);bottom:var(--padding-small)}@media(min-width:720px){.video-overlay--controls-right .video-overlay__controls{left:auto;right:var(--padding-xs)}.video-overlay--full.video-overlay--controls-right .video-overlay__controls{left:auto;right:var(--outer-margin)}}@media(max-width:719px){.video-overlay--mcontrols-right .video-overlay__controls{left:auto;right:var(--padding-xs)}.video-overlay--full.video-overlay--mcontrols-right .video-overlay__controls{left:auto;right:var(--outer-margin)}}.video-overlay__button{width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#000;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #00000029;transition:opacity var(--time, .2s) var(--ease, ease),transform var(--time, .2s) var(--ease, ease)}.video-overlay__button:hover{opacity:.88}.video-overlay__button:focus-visible{outline:1px solid #fff;outline-offset:3px}.video-overlay__button svg{display:block}.video-overlay__icon--play{margin-left:2px}.video-overlay.is-playing .video-overlay__icon--play,.video-overlay:not(.is-playing) .video-overlay__icon--pause,.video-overlay.is-muted .video-overlay__icon--volume,.video-overlay:not(.is-muted) .video-overlay__icon--volume-off{display:none}@media(max-width:719px){.video-overlay[data-controls=true] .video-overlay__overlay--mv-bottom .video-overlay__content{padding-bottom:calc(44px + var(--padding-xs))}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/video-with-overlay.css.map */