.slider-container[data-v-15fdd522]{width:80vw;text-align:center;position:relative}.controls input[type=range][data-v-15fdd522]{-webkit-appearance:none;width:100%;height:2.13333vw;background:linear-gradient(to right,#4caf50 var(--slider-value),#ddd var(--slider-value));border-radius:1.33333vw;outline:none;opacity:.7;transition:opacity .2s;cursor:pointer;position:relative}input[type=range][data-v-15fdd522]::-webkit-slider-runnable-track{width:100%;height:2.13333vw;background:transparent;border-radius:1.33333vw}input[type=range][data-v-15fdd522]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:3.2vw;height:3.2vw;background:#4caf50;cursor:pointer;border-radius:50%;position:relative;top:-.53333vw}input[type=range][data-v-15fdd522]::-moz-range-track{width:100%;height:2.13333vw;background:transparent;border-radius:1.33333vw}input[type=range][data-v-15fdd522]::-moz-range-thumb{width:6.66667vw;height:6.66667vw;background:#4caf50;cursor:pointer;border-radius:50%}input[type=range][data-v-15fdd522]::-ms-track{width:100%;height:2.13333vw;background:transparent;border-color:transparent;color:transparent}input[type=range][data-v-15fdd522]::-ms-fill-lower{background:#4caf50;border-radius:1.33333vw}input[type=range][data-v-15fdd522]::-ms-fill-upper{background:#ddd;border-radius:1.33333vw}input[type=range][data-v-15fdd522]::-ms-thumb{width:6.66667vw;height:6.66667vw;background:#4caf50;cursor:pointer;border-radius:50%}#sliderValue[data-v-15fdd522]{padding-left:2.66667vw;display:flex;color:#fff;font-size:3.2vw}.mask2[data-v-96deea7e],.mask[data-v-96deea7e]{position:absolute;z-index:99;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center}.mask2[data-v-96deea7e]{background-color:rgba(0,0,0,.3);z-index:999}@keyframes spinner-border-spin-96deea7e{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-border[data-v-96deea7e]{display:inline-block;border:1.06667vw solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:8vw;height:8vw;animation:spinner-border-spin-96deea7e 1.2s linear infinite}.supervisory-container[data-v-96deea7e]{position:relative}.controls[data-v-96deea7e]{position:absolute;bottom:0;left:0}.end-text[data-v-21e7f872],.loading-text[data-v-21e7f872]{text-align:center;color:#888;margin:5.33333vw 0}.container[data-v-534ea279]{position:relative}.timeline-canvas[data-v-534ea279]{background:#639;width:100%;height:13.33333vw}.detail-container[data-v-192b9ad7]{background-color:#eff1f4;height:100vh}.detail-container .control[data-v-192b9ad7]{padding:5.33333vw;display:flex;background-color:#fff}.detail-container .control .left[data-v-192b9ad7]{flex:1;display:flex;flex-wrap:wrap}.detail-container .control .left div[data-v-192b9ad7]{display:flex;justify-content:center;align-items:center;width:10.66667vw;height:10.66667vw;background-color:#45627d;border-radius:.53333vw;margin-right:.53333vw;margin-bottom:1px}.detail-container .control .left div:nth-child(2) img[data-v-192b9ad7]{transform:rotate(45deg)}.detail-container .control .left div:nth-child(3) img[data-v-192b9ad7]{transform:rotate(90deg)}.detail-container .control .left div:nth-child(4) img[data-v-192b9ad7]{transform:rotate(315deg)}.detail-container .control .left div:nth-child(6) img[data-v-192b9ad7]{transform:rotate(135deg)}.detail-container .control .left div:nth-child(7) img[data-v-192b9ad7]{transform:rotate(265deg)}.detail-container .control .left div:nth-child(8) img[data-v-192b9ad7]{transform:rotate(225deg)}.detail-container .control .left div:nth-child(9) img[data-v-192b9ad7]{transform:rotate(180deg)}.detail-container .control .left div img[data-v-192b9ad7]{width:50%;height:50%}.detail-container .control .right[data-v-192b9ad7]{flex:1.5;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.detail-container .control .right div[data-v-192b9ad7]{display:flex;align-items:center}.detail-container .control .right div img[data-v-192b9ad7]{width:8vw;height:8vw}.detail-container .control .right div span[data-v-192b9ad7]{margin:0 5.33333vw}.detail-container .playback[data-v-192b9ad7]{padding:5.33333vw;background-color:#fff;margin-top:2.66667vw}.detail-container .playback div[data-v-192b9ad7]{margin-bottom:2.66667vw}.detail-container .playback div span[data-v-192b9ad7]{margin-right:5.33333vw}*{padding:0;margin:0}