:host{container:media-chrome/inline-size;width:100%}media-controller{--media-range-thumb-background:rgba(255,255,255,1);--media-range-track-height:3px;--media-range-track-transition:height 0.2s ease;--media-range-track-background:rgba(255,255,255,0.3);--media-range-bar-color:#fff;--media-control-hover-background:none;--media-control-background:none;--media-button-icon-height:35px;--media-button-icon-transform:scale(1);--media-button-icon-transition:transform 0.2s ease;border-radius:100%}media-time-range{height:auto;--media-range-thumb-border:0px solid transparent;--media-range-thumb-height:14px;--media-range-thumb-width:14px;--media-range-thumb-border-radius:9999px;--media-time-range-buffered-color:rgba(255,255,255,0.2);--media-range-track-pointer-border-right:2px solid #fff;transition:all .5s ease}media-time-display{--media-text-color:#fff}media-control-bar{display:flex;flex-direction:column;width:calc(100% - 40px);padding:0 20px 24px}media-fullscreen-button,media-mute-button,media-play-button,media-seek-backward-button,media-seek-forward-button{--media-button-icon-height:24px;padding:0}media-fullscreen-button{--media-button-icon-height:24px}media-loading-indicator{position:absolute;inset:0}media-cast-button[mediacastunavailable]{display:none}@container (max-width: 500px){media-control-bar{display:none}media-controller{--media-button-icon-height:50px}}