.media-video{position:relative}.media-video video{display:block;height:100%;width:100%}.media-video{-webkit-tap-highlight-color:transparent}.media-video:focus:not(:focus-visible){outline:none}.media-video:active .media-video-controls,.media-video:focus-visible .media-video-controls,.media-video:hover .media-video-controls{opacity:1}.media-video-controls{--controls-color:var(--color-charcoal);align-items:center;color:var(--controls-color);display:flex;gap:.125rem;opacity:0;padding:.75rem 1rem;position:absolute;transition:opacity .3s ease;z-index:2}.media-video-controls>*{flex:1 1 auto}.media-video-controls.center{bottom:0;gap:.75rem;left:0;padding-left:.25rem;width:100%}.media-video-controls.center .media-video-slider{display:flex}.media-video-controls.top-left,.media-video-controls.top-right{top:0}.media-video-controls.bottom-left,.media-video-controls.bottom-right{bottom:0}.media-video-controls.bottom-left,.media-video-controls.top-left{left:0}.media-video-controls.bottom-right,.media-video-controls.top-right{right:0}.media-video-controls.variant-inverse{--controls-color:var(--color-white)}.media-video-controls label{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.media-video-controls input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:currentColor;cursor:pointer;height:.25rem;opacity:.4;transition:opacity .3s ease;width:100%;-webkit-tap-highlight-color:transparent}.media-video-controls input[type=range]:focus:not(:focus-visible){outline:none}.media-video-controls input[type=range]:active,.media-video-controls input[type=range]:focus-visible,.media-video-controls input[type=range]:hover{opacity:.7}.media-video-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:none;box-shadow:none;height:15px;outline:none;width:5px}.media-video-controls button{opacity:.4;padding:.25rem;transition:transform .3s ease,opacity .3s ease}.media-video-controls button svg{display:block;padding:.1875rem}.media-video-controls button{-webkit-tap-highlight-color:transparent}.media-video-controls button:focus:not(:focus-visible){outline:none}.media-video-controls button:active,.media-video-controls button:focus-visible,.media-video-controls button:hover{opacity:.7;transform:scale(1.1)}.media-video-controls button .icon-on{display:none}.media-video-controls button .icon-off,.media-video-controls button.on .icon-on{display:block}.media-video-controls button.on .icon-off{display:none}.media-video-controls .media-video-slider{align-items:center;display:none}.media-video-controls .media-video-slider.progress{width:100%}.media-video-controls .media-video-slider.volume{flex-shrink:0;width:5rem}