.test-page[data-v-79df2b6a]{width:100%;height:100%;position:relative}#sand[data-v-79df2b6a]{position:absolute;top:0;right:0;width:300px;height:auto}#sand img[data-v-79df2b6a]{width:100%;height:100%}[data-v-79df2b6a] .hot-point{width:10px;height:10px;border-radius:50%;background-color:red}.knob[data-v-79df2b6a]{width:50px;height:50px;border-radius:50%;position:absolute;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.knob img[data-v-79df2b6a]{width:100%;height:100%}.knob .center[data-v-79df2b6a]{width:16px;height:16px;border-radius:50%;background-color:rgba(0,0,0,.2);position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);cursor:-webkit-grab;cursor:grab}.knob .point[data-v-79df2b6a]{position:absolute;top:0;left:50%;margin-right:-50%;transform:translateX(-50%);width:14px;height:14px;cursor:ew-resize}