@charset "utf-8";

.virtual-hd{z-index: 1;}
.virtual{height: 100%;margin-top: 0;}
.guide-info{min-width: 0;top: 80px}
.icon{border-radius: 0;}

.control-top{background: linear-gradient(180deg, #3d79c6 0%, #aac4f6 100%);padding-top: 60px;position: relative;height: 490px;}

.bx{position: absolute;top: 90px;background: #fff;background-image: linear-gradient( 360deg, rgba(204,212,232,.6) 0%, rgba(212,219,233,.6) 48%, rgba(220,226,234,.6) 100%);border-radius: 14px;border: 1px solid rgba(65,103,153,.6);box-shadow: 2px 3px 20px 0px rgba(29, 36, 46, 0.25);color: #303a46;}

.center-box{width: 346px;left: 50%;margin-left: -173px;display: flex;align-items: center;font-size: 15px;padding: 12px 0;justify-content: center;gap: 10px}
.center-box:has(.show+.show){display: none;}
.center-box dl{display: flex;align-items: center;gap: 10px}
.center-box dl.show{display: none;}
.center-box .val{width: 105px;height: 30px;background: #e8edf7;text-align: center;box-shadow: inset 0px 3px 6px 0px rgba(96, 99, 105, 0.3);border-radius: 15px;border: 1px solid #b8c1d4;padding-top: 5px;}
.center-box .val{font-size: 14px;font-weight: 500;}
.center-box .val>b{font-size: 18px;font-weight: 700;}


.checkbox-wrap{right: 35px;padding: 18px 20px;width: 120px;}
.check{font-size: 13px;height: 18px;display: flex;font-weight: 500;}
.check:before{content: '';width: 18px;height: 18px;border-radius: 4px;border: 2px solid #1249a4;margin: -3px 8px 0 0;background: url(../img/112_e_sc_23/check.png) no-repeat 50% 50%/10px auto, linear-gradient( 360deg, #1c78f5 0%, #185ece 100%)}
.check+.check{margin-top: 7px;}
.check.show:before{background: url(../img/112_e_sc_23/check.png) no-repeat 50% 50%/10px auto, linear-gradient( 360deg, rgb(74,85,99) 0%, rgb(113,127,145) 52%, rgb(151,169,191) 100%);border-color: #b0b7c5;}


#belt{height: 30px;background: url(../img/112_e_sc_23/belt.png) repeat-x 0 0/auto 30px;width: 1000%;position: relative;left: -500%}

.control-bottom{height: 200px;padding: 25px 50px 0;display: flex;justify-content: space-between;align-items: flex-start;}
.box{padding: 15px 20px;background: linear-gradient( 350deg, rgb(59,70,82) 0%, rgb(50,61,72) 52%, rgb(41,51,62) 100%);border-radius: 20px;border: 1px solid #404b58;box-shadow: inset 0px 0px 13px 0px rgba(26, 34, 43, 0.59);display: flex;align-items: center;gap: 10px}
.drag, .drag-clone{position: relative;cursor: move;z-index: 10;}
.drag.dragging, .ui-draggable-disabled{opacity: 0;pointer-events: none;}
.box:first-child{align-items: flex-end}
.mass{position: absolute;top: 50%;left: 0;right: 0;text-align: center;font-size: 20px;line-height: 20px;margin-top: -10px;color: #202326;text-shadow: 0px 2px 2px 0px rgba(255, 255, 255, 0.66),inset 0px 1px 1px 0px rgba(0, 0, 0, 0.004);font-weight: 900;letter-spacing: -.025em;}
.mass.show{display: none;}
.box:last-child{width: 297px;}
[data-kg="50"]{width: 101px;}
[data-kg="200"]{width: 198px;}
#block{display: flex;flex-direction: column;align-items: center;}
#block>.dragging{display: none;}


.box>.icon:hover{opacity: .7;}
.btn-pause{width: 56px;height: 56px;background-image: url(../img/112_e_sc_23/pause.png)}
.btn-pause.show{background-image: url(../img/112_e_sc_23/play.png);}
.btn-step{width: 40px;height: 40px;background-image: url(../img/112_e_sc_23/step_off.png)}
.btn-replay{height: 43px;font-size: 0;color: #fff;font-weight: 500;padding: 5px 10px 0;margin-left: auto;border-radius: 22px;background: linear-gradient( 300deg, rgb(76,86,97) 0%, rgb(109,120,132) 65%, rgb(142,153,167) 100%);box-shadow: 1px 3px 9px 0px rgba(29, 36, 46, 0.56);letter-spacing: 0;}
.btn-replay>.icon{width: 23px;height: 26px;background-image: url(../img/112_e_sc_23/replay.png);margin-top: -5px;}
.btn-replay:hover{font-size: 18px;padding-right: 20px;}
.btn-replay:hover>.icon{margin-right: 13px;}

.controller{width: 250px;font-size: 16px;text-align: center;margin-left: -54px;}
.controller:not(.show){pointer-events: none;}
.newton-control{display: flex;gap: 7px;margin: 10px 0 30px;}
.newton-control>div{flex: 1;color: #303a46;height: 30px;background: #e8edf7;box-shadow: inset 0px 3px 6px 0px rgba(96, 99, 105, 0.3);border: 1px solid #b8c1d4;display: flex;align-items: center;border-radius: 15px;align-items: center;justify-content: center;font-size: 13px;line-height: 1;padding-top: 3px;font-weight: 500;}
.icon-arr, .icon-arr2{width: 30px;height: 30px;background-image: url(../img/112_e_sc_23/arr.png);flex-shrink: 0;}
.icon-arr2{background-image: url(../img/112_e_sc_23/arr2.png);}
.reverse{transform: scaleX(-1);}
.slider{width: 245px;position: relative;margin: 0;height: 10px;border-radius: 5px;margin: 0 auto;background: linear-gradient( 360deg, rgb(196,203,214) 0%, rgb(177,186,198) 52%, rgb(158,169,182) 100%);}
.slider-range{position: absolute;top: -12px;left: -10px;right: -10px;-webkit-appearance: none;}
.slider-range::-webkit-slider-runnable-track{background: none;}
.slider-range::-webkit-slider-thumb{width: 20px;height: 34px;-webkit-appearance:none;border-radius: 17px;background: url(../img/112_e_sc_23/handle.png) no-repeat 0 0/auto 34px;box-shadow: 3px 3px 8px 0px rgba(10, 11, 11, 0.004);margin-left: -2px;}

.slider-num{width: 265px;margin: 8px auto 0;display: flex;justify-content: space-between;margin-left: -10px;font-weight: 400;flex-wrap: wrap;}
.slider-num:before{content: '';width: 245px;height: 11px;background: url(../img/112_e_sc_23/dash.png) no-repeat 0 0/100% auto;margin: 0 auto 6px;}
.slider-num span:nth-of-type(1){margin-left: -11px;}


.drop{width: 100%;height: 100%;display: flex;justify-content: center;align-items: flex-end;}
.object{display: flex;align-items: flex-end;}
.strength-line{align-self: center;width: 150px;margin: 0 15px 20px;}
.strength-line:not(.show){visibility: hidden;}

.strength-line{display: flex;flex-direction: column;}
.strength.show, .value.show{display: none;}
.strength-line .value{font-size: 18px;color: #303a46;font-weight: 500;}
.strength-line .value>div{font-size: 22px;font-weight: 700;}
.strength{width: 150px;margin-top: 5px;}
.strength .line{position: relative;height: 22px;width: 100%;background: url(../img/112_e_sc_23/line.png) no-repeat 0 0/auto 22px;filter: drop-shadow(0px 4px 10px rgba(24, 29, 35, 0.3));}
.strength .line::after{content: '';position: absolute;width: 32px;height: 46px;background: url(../img/112_e_sc_23/line-arr.png) no-repeat 0 0/auto 46px;left: 100%;top: 50%;margin-top: -23px;}
/* .strength-line:not(.show){display: none;} */