.lhv {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: hidden; --overscan: 1px; --overscan-x: var(--overscan, 1px);
--overscan-y: 0px; } .lhv__poster{
position: absolute;
top: 0;
left: 0; width: calc(100% + var(--overscan-x));
height: calc(100% + var(--overscan-y));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
transition: opacity .35s ease;
z-index: 2;
pointer-events: none; backface-visibility: hidden;
transform: translateZ(0);
}
.lhv.is-playing .lhv__poster{ opacity: 0; } .lhv__video{
position: absolute;
top: 0;
left: 0;
width: calc(100% + var(--overscan-x));
height: calc(100% + var(--overscan-y));
object-fit: cover;
border: 0;
display: block;
pointer-events: none;
backface-visibility: hidden;
transform: translateZ(0);
} .lhv__spinner {
position: absolute;
top: 10px;
left: 10px;
color: #fff;
font-size: 20px;
opacity: 0;
transition: opacity .25s ease;
z-index: 3;
pointer-events: none;
}
.lhv.is-loading .lhv__spinner { opacity: 1; } .lhv__overlaylink {
position: absolute;
inset: 0;
z-index: 4;
display: block;
pointer-events: auto;
background: transparent;
text-indent: -9999px;
}