media-controller{--media-control-background: transparent;--media-button-padding: 0 2px;--media-button-background: rgb(20 20 30 / .7)}media-controller media-control-bar{padding:0 32px;background-color:var(--media-button-background)}media-controller[mediapaused]:not(:hover) media-control-bar{opacity:0}media-controller:not([mediahasplayed]) media-control-bar{opacity:0}media-controller media-time-display{padding:0 6px}media-controller .main-play-button{position:absolute;left:50%;top:50%;translate:-50% -50%;width:48px;height:48px;padding:8px;border:3px solid white;border-radius:100%;background-color:var(--media-button-background)}media-controller .main-muted-indicator{position:absolute;top:0;right:0;width:72px;height:72px;opacity:1;scale:1.5}media-controller .main-muted-indicator:hover{background-color:transparent}media-controller[mediahasplayed]:hover .main-play-button{display:none}media-controller:is([mediapaused],media-controller:not([mediavolumelevel=off])) .main-muted-indicator{display:none}media-controller[mediaisfullscreen] video{width:100vw;height:100vh;max-width:initial;max-height:initial;object-fit:contain;object-position:center}