body,html{background-color:#000}body{font-family:Arial,sans-serif;margin:0}#container{display:flex;height:auto;width:auto}#video-player{background-color:#000;display:block;height:100%;overflow:hidden;text-align:center;width:100%}#peak-meter{display:block;flex:0 0 50px;width:50px}#loudness-meter.meter--hidden,#peak-meter.meter--hidden{display:none}#loudness-meter{background-color:#000;box-sizing:border-box;color:#ddd;display:flex;flex:0 0 50px;flex-direction:column;font-size:9px;min-height:0;padding:2px;width:50px}.loudness-meter__label,.loudness-meter__value{flex:0 0 13.5px;line-height:13.5px;text-align:center}.loudness-meter__value{font-variant-numeric:tabular-nums}.loudness-meter__body{display:flex;flex:1 1 auto;min-height:0}.loudness-meter__bar{background:#111;flex:1 1 auto;min-width:12px;overflow:hidden}.loudness-meter__fill{background-image:linear-gradient(180deg,red 1%,#ff0 16%,lime 45%,#080);clip-path:inset(100% 0 0);height:100%;transition:clip-path .1s;width:100%}.loudness-meter__ticks{flex:0 0 20px;position:relative}.loudness-meter__tick{position:absolute;right:0;transform:translateY(-50%)}.loudness-meter--unavailable{opacity:.65}