pg-knob{position:relative;display:inline-block;width:250px;height:250px;overflow:hidden}pg-knob *{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}pg-knob .knob{position:relative}pg-knob svg{fill:none;stroke-width:4;stroke:#1abc9c;position:absolute;top:0;left:0;pointer-events:none}pg-knob .knob__dot{position:absolute;background-color:#e74c3c;width:20px;height:20px;margin-left:-10px;left:50%;bottom:5px;border-radius:50%;display:none}pg-knob .info{position:absolute;top:50%;left:50%;padding:0 5px;transform:translate(-50%,-50%);font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border-radius:8px}