auto-video{outline:none;position:relative;width:100%}auto-video:focus-visible{box-shadow:0 0 0 3px var(--color-outtie,#000);outline:none}@media(min-width:1024px){auto-video button[mute],auto-video progress{opacity:0;transition:opacity .2s}auto-video:focus-within button[mute],auto-video:focus-within progress,auto-video:hover button[mute],auto-video:hover progress{opacity:1}}auto-video video{bottom:0;height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;width:100%}auto-video progress{accent-color:var(--color-mutant);border:none;bottom:1rem;left:1rem;pointer-events:none;position:absolute;right:1rem;top:auto;width:auto}auto-video progress::-webkit-progress-bar{background-color:hsla(0,0%,100%,.66);border-radius:10px;overflow:hidden}auto-video progress::-webkit-progress-value{background-color:var(--color-mutant);border-bottom-left-radius:10px;border-top-left-radius:10px}auto-video [scrubber]{bottom:1rem;left:1rem;opacity:0;position:absolute;right:1rem;top:auto;width:auto}auto-video [scrubber]:focus-visible+progress{border-radius:10px;box-shadow:0 0 0 2px #fff}auto-video button[mute]{align-items:center;aspect-ratio:1/1;background:rgba(0,0,0,.5);border:none;border-radius:100%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:absolute;right:1rem;top:1rem;width:56px}auto-video button[mute]:focus-visible{box-shadow:0 0 0 2px #fff;outline:none}auto-video button[mute] svg:first-of-type{display:block}auto-video button[mute] svg:last-of-type{display:none}auto-video:has(video[muted]) button svg:first-of-type{display:none}auto-video:has(video[muted]) button svg:last-of-type{display:block}.swiper-wrapper:has(auto-video){padding:2px 0}