#meter{position:absolute;top:5px;right:50%;margin-right:-45px}#average,#hold-max,.reset-icon,.settings-icon{-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}#average:active,#hold-max:active,.reset-icon:active,.settings-icon:active{color:#b4b4b4}.settings-icon{font-size:48px}#settings_button{position:absolute;top:15px;right:50%;margin-right:-130px;color:#fff;background:rgba(250,128,84,0);border:none;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent}#readout{position:absolute;top:400px;width:200px;right:50%;margin-right:-100px;color:#fff;font-size:24px;background:rgba(84,128,250,1);border:none;border-radius:29px;padding:5px 0 5px 0;outline:0}#loudness_text{position:absolute;margin-top:365px;width:200px;right:50%;margin-right:-100px;color:#fff;font-size:16px;text-align:center;padding:5px 0 5px 0;outline:0}.readout-group{position:absolute;top:90px;right:50%;margin-right:-160px;width:120px;outline:0;-webkit-tap-highlight-color:transparent}#label-average{position:relative;top:0;width:100%;color:#fff;font-weight:400;font-size:20px;background:0 0;border:none;outline:0}#average{position:relative;top:0;width:100%;color:#fff;font-size:20px;background:rgba(39,202,183,0);border:none;cursor:pointer;outline:0}#label-hold-max{position:relative;top:20px;width:100%;color:#fff;font-weight:400;font-size:20px;background:0 0;border:none;outline:0}#hold-max{position:relative;top:20px;width:100%;color:#fff;font-size:20px;background:rgba(39,202,183,0);border:none;cursor:pointer;outline:0}#reset{position:relative;top:40px;margin-left:35px;color:transparent;background:rgba(255,255,255,0);border:none;cursor:pointer;outline:0}.reset-icon{position:relative;top:1px;color:#fff;font-size:48px}#pause{position:relative;top:55px;margin-left:35px;color:transparent;background:rgba(255,255,255,0);border:none;cursor:pointer;outline:0}.pause-icon{position:relative;top:1px;color:#fff;font-size:48px}.settings-group{position:absolute;top:10px;right:50%;width:180px;margin-right:-130px;display:inline-block;padding:15px 20px 10px 20px;text-align:left;color:#fff;vertical-align:top;background:rgba(84,128,250,1);box-shadow:0 0 20px rgba(0,0,0,.1);border-radius:5px;-webkit-tap-highlight-color:transparent}.control{font-size:18px;position:relative;display:block;margin-bottom:15px;padding-left:30px;cursor:pointer}.control input{position:absolute;z-index:-1;opacity:0}.control__indicator{position:absolute;top:2px;left:0;width:20px;height:20px;background:#f7f7f7}.control--radio .control__indicator{border-radius:50%}.control input:focus~.control__indicator,.control:hover input~.control__indicator{background:#ccc}.control input:checked~.control__indicator{background:#87cefa}.control--radio .control__indicator:after{top:7px;left:7px;width:6px;height:6px;border-radius:50%;background:#fff}.control__indicator:after{position:absolute;display:none;content:''}.control input:checked~.control__indicator:after{display:block}hr{display:block;height:1.5px;border:0;border-top:1px solid;margin:1em 0;padding:0;color:#fff}h1{font-size:28px;color:#fff}textarea{position:absolute;top:100px;right:50%;width:300px;height:310px;margin-right:-150px;border:none;background-color:#333;resize:none;outline:0;color:#fff;font-size:15px;padding:10px 10px}.progress{position:absolute;top:67px;right:50%;width:145px;margin-right:5px;height:1rem;font-size:18px}.analyze-text{text-align:left;color:#fff}.spinner{position:relative;top:-1.3rem;left:155px;text-align:right;color:#fff;font-size:18px}.spinner>div{width:1rem;height:1rem;background-color:#fff;border-radius:50%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.button-style{cursor:pointer;overflow:hidden;position:absolute;color:#fff;display:inline-block;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;font-size:20px;text-align:center}.button-style:active{background:#ffc2c2}.use-mic{position:absolute;top:190px;right:50%;margin-right:-140px;cursor:pointer;outline:0;border-radius:40px;background-color:rgba(84,128,250,1)}#audio-from-mic{width:275px;padding:10px 20px;background:0 0;outline:0;border:none;font-size:20px;color:#fff;cursor:pointer}