body{background-color:silver;font-family:Betatron-Regular;color:#a5a5a5;text-shadow:0 4px 8px -4px rgba(0,0,0,.124)}.audio-container{width:66vw;height:40vh;display:flex;justify-self:center;align-items:center;background-color:#a5a5a570;box-shadow:0 4px 8px -4px #00000020;font-family:Betatron-Regular;margin-bottom:5%}.center{width:100%;height:100%;display:flex;justify-self:center;align-items:center;align-content:center;color:silver;translate:30%;margin-top:0}#knob_1{justify-self:center;justify-content:center}#knob_2,#knob_3{justify-content:center}.knob_title p{display:flex;flex-direction:column-reverse;align-items:center;text-align:center;margin-top:0rem;color:#a5a5a5}.slider{width:10vw;height:10vw;min-width:100px;display:flex;align-items:center;justify-content:center;position:relative}.knob{width:8.5vw;height:8.5vw;background:#a5a5a5;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.knob .rotator{width:8vw;height:8vw;background:#ebebeb;border-radius:50%;box-shadow:3px 3px 3px #0003 inset 1px 2px 1px #fff,2px 1px;display:flex;align-items:center;position:relative;z-index:1}.knob .text{width:1vw;height:1vw;min-width:10px;margin:0 15px;font-size:1.5vw;color:#a5a5a5;display:flex;align-items:center;justify-content:center}.pointer{position:absolute;width:4vw;height:20px;top:calc(50%-10px);left:0;display:flex;align-items:center;justify-content:flex-start;transform-origin:4.25vw 10px;transform:rotate(-45deg)}.pointer span{font-size:1.5vw;min-height:20px;transform:rotate(180deg) translate(.4vw);color:#000}