:root{--solider-width:86px;--solider-border-radius:10px}body{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{width:86%;padding:20px;display:flex;justify-content:space-between}.slider-container{position:relative;width:60px;height:250px}.slider-track{position:absolute;width:var(--solider-width);height:100%;background:#4b4b4b;border-radius:var(--solider-border-radius);left:50%;transform:translateX(-50%);pointer-events:none}.slider-track.colorTemp{background:linear-gradient(180deg,#f6d77f 0,#fafaf7 50%,#a2d8ff)}.slider-fill{position:absolute;width:var(--solider-width);background:#fff;border-radius:var(--solider-border-radius);left:50%;transform:translateX(-50%);bottom:0;pointer-events:none}.slider-fill.colorTemp{background:rgba(140,202,243,.55)}.slider-fill.colorTemp .now-color{margin:0 auto;width:32px;height:32px;border:5px solid;border-radius:50%}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;background:transparent;outline:none;cursor:pointer;-webkit-writing-mode:bt-lr;-ms-writing-mode:bt-lr;writing-mode:bt-lr;-webkit-appearance:slider-vertical}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:2px solid #4caf50;border-radius:50%;cursor:pointer}.icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#9e9e9e;pointer-events:none}.brightness-icon:before{content:"\2600"}.color-temp-icon:before{content:"\1F7E1"}.el-dialog{background:var(--card2Bg)}.el-dialog,.el-dialog__title{color:var(--titleColor)}.device-adjust{width:100%}.device-adjust-ls-item{margin:0 auto;height:100%;text-align:center}.device-adjust-ls-item .el-slider__bar{height:20px}.device-adjust-ls-item .el-slider__runway{height:20px!important;background-color:#9e9e9e!important}