html{font-size:1px}body{font-size:14rem}*{box-sizing:border-box}.knob-container.nolabel .knob-wrapper-outer{top:0}.knob-container .knob-wrapper-outer input{bottom:0;position:absolute;z-index:1}.knob-container .knob-wrapper-outer.nogauge .knob-mask:after,.knob-container .knob-wrapper-outer.nogauge .knob:after{display:none}.knob-container .knob-wrapper-outer.nogauge .knob-wrapper .knob:before{content:"";position:absolute;top:auto;bottom:6rem;left:6rem;height:7rem;width:7rem;background:#fff;border:none!important;border-radius:100%!important;box-shadow:0 0 0 3rem rgba(0,0,255,.2),0 0 2px 0 #fafafa}.knob-container .knob-wrapper-outer .knob-wrapper{width:55px;position:relative;cursor:-webkit-grab}.knob-container .knob-wrapper-outer .knob-wrapper:active{cursor:-webkit-grabbing}.knob-container .knob-wrapper-outer .knob-wrapper .knob-mask{width:100%;padding-bottom:100%;border-radius:100%;pointer-events:none;position:relative}.knob-container .knob-wrapper-outer .knob-wrapper .knob-mask:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;border:5px solid grey;z-index:0}.knob-container .knob-wrapper-outer .knob-wrapper .knob-mask:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:100%;border:5px solid transparent;border-bottom-color:grey}.knob-container .knob-wrapper-outer .knob-wrapper .round{content:"";position:absolute;top:14rem;left:18rem;right:10rem;bottom:18rem;border-radius:100%}.knob-container .knob-wrapper-outer .knob-wrapper .knob{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;transform:rotateZ(270deg)}.knob-container .knob-wrapper-outer .knob-wrapper .knob:after{content:"";position:absolute;top:1px;left:1px;right:1px;bottom:1px;border-radius:100%;border:3rem solid transparent;border-bottom-color:#fff}.knob-container .knob-wrapper-outer .knob-wrapper .knob.d2:after{border-right-color:#fff}.knob-container .knob-wrapper-outer .knob-wrapper .knob.d3:after{border-top-color:#fff;border-right-color:#fff}.knob-container .knob-wrapper-outer .knob-wrapper .handle{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1;transform:rotateZ(270deg)}.knob-container .knob-wrapper-outer .knob-wrapper .handle:before{content:"";position:absolute;bottom:6rem;left:2rem;height:14px;width:14px;background:#fff;border:none!important;border-radius:100%!important}.knob-container .knob-wrapper-outer .knob-wrapper .handle:after{content:"";position:absolute;bottom:0;left:-1rem;height:20rem;width:20rem;border:none!important;border-radius:100%!important}.knob-container .knob-wrapper-outer .knob-wrapper .pip{position:absolute;font-size:11rem;color:#000;pointer-events:none}.knob-container .knob-wrapper-outer .knob-wrapper .pip.min{bottom:6rem;left:0;right:50%;width:50%;text-align:center}.knob-container .knob-wrapper-outer .knob-wrapper .pip.max{bottom:6rem;left:50%;width:50%;right:0;text-align:center}