media-controller{--media-background-color:transparent;--media-text-background:transparent;--media-text-color:var(--color-hd-primary-black);--media-range-padding-left:0;--media-range-padding-right:0;--media-tooltip-background-color:#f3f2f2;overflow:visible}media-controller::part(vertical-layer){width:100%;position:static}media-control-bar{--media-control-bar-display:grid;--media-control-background:transparent;--media-control-hover-background:transparent;--media-font-weight:400;--media-text-color:var(--color-hd-primary-grey-600);opacity:1;grid-template-columns:repeat(3,1fr)}media-time-range{--media-range-track-background:var(--color-hd-primary-grey-300);--media-range-bar-color:var(--color-hd-primary-grey-600);--media-range-thumb-background:var(--color-hd-primary-grey-600);--media-range-track-border-radius:2px;--media-control-height:4px;--media-range-padding:4px;--media-preview-time-text-shadow:none;--media-time-range-buffered-color:var(--color-hd-primary-grey-500);--media-preview-time-margin:0 0 -9px;--media-text-color:var(--color-hd-primary-black);grid-column:1/-1;width:100%}media-time-display{justify-self:start}media-duration-display{grid-column:3/4;justify-self:end}media-play-button{--media-text-color:var(--color-hd-primary-black);--media-control-hover-background:var(--color-hd-primary-grey-200);border:1px solid var(--color-hd-primary-black);border-radius:50%;padding:12px}media-mute-button{--media-text-color:var(--color-hd-primary-grey-600)}media-play-button:hover,media-seek-backward-button:hover,media-seek-forward-button:hover,media-playback-rate-button:hover,media-mute-button:hover{--media-text-color:var(--color-hd-primary-black);border-color:currentColor}media-playback-rate-button>*{display:none}media-playback-rate-button[mediaplaybackrate="1"]>[data-rate="1"],media-playback-rate-button[mediaplaybackrate="1.5"]>[data-rate="1.5"],media-playback-rate-button[mediaplaybackrate="2"]>[data-rate="2"]{display:flex}media-volume-range{--media-range-track-background:var(--color-hd-primary-grey-300);--media-range-bar-color:var(--color-hd-primary-grey-600);--media-range-thumb-background:var(--color-hd-primary-grey-600);--media-range-track-border-radius:2px;--media-control-height:2px;--media-range-padding:2px}media-playback-rate-button{-webkit-user-select:none;-moz-user-select:none;user-select:none}