body{background-color:silver;opacity:100%;font-family:Betatron-Regular;color:#fff;text-shadow:0 4px 8px -4px rgba(0,0,0,.124);margin:0;padding:0;width:100%;height:100%}.video-bg{position:fixed;inset:0;overflow:hidden;z-index:-1}#myVideo{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.audio-container{width:50vw;height:40vh;display:flex;justify-self:center;justify-content:center;align-content:center;box-shadow:0 4px 8px -4px #00000020;font-family:Betatron-Regular;margin-bottom:5%;opacity:50%}#waveform{width:50%;height:50%;align-self:center}.center{width:100vw;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;translate:0%;margin-top:0}#knob_1{justify-self:center;justify-content:center}#knob_2,#knob_3{justify-content:center}.upload{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}input.upload:is(:focus,:focus-within)+label{outline:thin dotted}.knob_title p{display:flex;flex-direction:column-reverse;text-align:center;margin-top:0rem}.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}#playPauseBtn{background:none;border:none;padding:0;outline:none;cursor:pointer;display:flex;align-items:center;align-content:center;max-height:10%}#playPauseBtn:hover{background-image:url(public/assets/pause_button.svg)}