@charset "UTF-8";.custom-video-2-2>div{display:flex;flex-direction:column;text-align:center}.custom-video-2-2__intro{align-items:center;display:flex;flex-direction:column}.custom-video-2-2 .video-container{border-radius:var(--radius-s);overflow:hidden;position:relative}.custom-video-2-2 .video-container:focus-within .overlay,.custom-video-2-2 .video-container:focus-within h3,.custom-video-2-2 .video-container:focus-within .controls-container{opacity:1}@media(hover:hover){.custom-video-2-2 .video-container:hover .controls-container{opacity:1}}.custom-video-2-2 .toggle{cursor:default;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.custom-video-2-2 .overlay{background-color:#0006;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0}.custom-video-2-2 h3{color:var(--text-inverse);margin:0;opacity:0;padding-left:var(--spacing-m);position:absolute;right:var(--spacing-m);top:var(--spacing-m)}.custom-video-2-2 .controls-container{background-color:#0009;border-radius:var(--radius-s);bottom:var(--spacing-m);display:flex;gap:var(--spacing-m);left:50%;opacity:0;padding:var(--spacing-s) var(--spacing-m);position:absolute;transform:translate(-50%);z-index:2}.custom-video-2-2 .controls-container>div{display:grid}.custom-video-2-2 .js-lazyload~*{transition:opacity .5s ease-in-out}.custom-video-2-2 video{display:block;height:auto;opacity:0;width:100%}.custom-video-2-2 .poster{height:100%;left:0;position:absolute;top:0;width:100%}.custom-video-2-2 .poster img{height:100%;left:0;object-fit:cover;position:absolute;width:100%;top:0}.custom-video-2-2 .controls-container button{border-radius:50%;grid-area:1/1;transition:opacity .5s ease-in-out,background-color .25s ease-in-out}.custom-video-2-2 .controls-container button svg{pointer-events:none}.custom-video-2-2 .controls-container button.pause,.custom-video-2-2 .controls-container button.mute{opacity:0;pointer-events:none}.custom-video-2-2 .controls-container button:focus-visible{border-radius:50%;outline:var(--border-width-m) solid var(--text-inverse);outline-offset:var(--spacing-3xs)}.custom-video-2-2.no-autoplay .lazyloaded~.overlay,.custom-video-2-2.no-autoplay .lazyloaded~h3,.custom-video-2-2.no-autoplay .lazyloaded~.controls-container{opacity:1}.custom-video-2-2.active .poster{opacity:0}.custom-video-2-2.active video{opacity:1}.custom-video-2-2.active .controls-container button.play{opacity:0;pointer-events:none}.custom-video-2-2.active .controls-container button.pause{opacity:1;pointer-events:all}@media(hover:hover){.custom-video-2-2:not(.active) .video-container:hover .overlay,.custom-video-2-2:not(.active) .video-container:hover h3{opacity:1}}.custom-video-2-2.paused h3,.custom-video-2-2.paused .overlay,.custom-video-2-2.paused .controls-container{opacity:1}.custom-video-2-2.paused .controls-container button.play{opacity:1;pointer-events:all}.custom-video-2-2.paused .controls-container button.pause{opacity:0;pointer-events:none}.custom-video-2-2.unmuted .controls-container button.mute{opacity:1;pointer-events:all}.custom-video-2-2.unmuted .controls-container button.unmute{opacity:0;pointer-events:none}.platform-mobile .custom-video-2-2:not(.initialised) .overlay,.platform-mobile .custom-video-2-2:not(.initialised) .controls-container,.platform-mobile .custom-video-2-2:not(.initialised) h3{opacity:1}.platform-mobile .custom-video-2-2.initialised:not(.show-controls) .controls-container button,.platform-mobile .custom-video-2-2.initialised:not(.show-controls) .controls-container{pointer-events:none}.platform-mobile .custom-video-2-2.show-controls .controls-container,.platform-mobile .custom-video-2-2.show-overlay .overlay,.platform-mobile .custom-video-2-2.show-overlay h3{opacity:1}
