.video-block{position:relative}.mute-btn{position:absolute;z-index:100;bottom:1.5rem;left:1.5rem}.play-mobile{display:none}.mute-btn.muted svg:last-of-type,.mute-btn svg:first-of-type{display:block}.video-block[x-data] .mute-btn>span,.video-block[x-data] .play-mobile>span{position:relative}.video-block[x-data] .mute-btn>span>svg:last-child,.video-block[x-data] .play-mobile>span>svg:last-child{position:absolute;inset:auto;opacity:0}.video-block[x-data] .mute-btn:not(.muted)>span>svg:first-child,.video-block[x-data].playing .play-mobile>span>svg:first-child{opacity:0}.video-block[x-data] .mute-btn:not(.muted)>span>svg:last-child,.video-block[x-data].playing .play-mobile>span>svg:last-child{opacity:1}.video-block__play{position:absolute;top:50%;left:50%;z-index:2;display:none;width:4.5rem;height:4.5rem;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-50);border:1px solid var(--border);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);color:var(--text);transform:translate(-50%,-50%);pointer-events:none}.video-block__play svg{width:40%;translate:10% 0}.video-block--no-cursor:not(.playing) .video-block__play{display:flex}@media(max-width:768px),(hover:none){.video-block:not(.playing) .video-block__play{display:flex}}@media screen and (max-width:768px){.mute-btn{bottom:1rem;left:1rem}.play-mobile{position:absolute;display:flex;z-index:100;right:1rem;bottom:1rem}.play-mobile .play,.play-mobile .pause{opacity:0;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%}.play-mobile .play{transform:translate(-40%,-50%)}}