:root{--player-back-fullscreen-color:color-mod(#000 alpha(75%));--player-meter-color:#08d;--player-range-color:#ccc;--player-fill-fullscreen-color:#fff;--player-enter-color:color-mod(#99f alpha(25%))}.media-player{width:100%}.media-toolbar{flex-wrap:wrap;align-items:center;cursor:default;direction:ltr;display:flex;@nest :fullscreen &{inset-block-end:0;inset-inline:0;color:var(--player-fill-fullscreen-color);position:absolute;opacity:.8;background-color:var(--player-back-fullscreen-color)}}.media-hidden{display:none}.media-media{margin-inline:auto;position:relative;max-width:100%;max-height:100vh;display:block}.media-control,.media-slider{-webkit-tap-highlight-color:transparent;overflow:visible;padding:0;-webkit-touch-callout:none;color:inherit;font:inherit;border-style:none;background-color:transparent;margin:0;-webkit-user-select:none}.media-slider{height:2.5em;padding:.625em .5em;&:focus{background-color:var(--player-enter-color)}}.media-time{flex-grow:1;flex-shrink:1}.media-volume{flex-basis:5em}.media-range{height:1em;font-size:75%;background-color:var(--player-range-color);width:100%;display:block}.media-meter{height:100%;overflow:hidden;background-color:var(--player-meter-color);width:100%;display:block}.media-text{font-size:75%;padding-inline:.5em;width:2.5em}.media-control{padding:1.16667em;font-size:75%;text-decoration:none;line-height:1;&:matches(:hover,:focus){background-color:var(--player-enter-color)}}.media-symbol{height:1em;fill:currentColor;width:1em;display:block;&:matches([aria-hidden=true]){display:none}}