:host,:root{--van-slider-active-background:var(--van-primary-color);--van-slider-inactive-background:var(--van-gray-3);--van-slider-disabled-opacity:var(--van-disabled-opacity);--van-slider-bar-height:2px;--van-slider-button-width:24px;--van-slider-button-height:24px;--van-slider-button-radius:50%;--van-slider-button-background:var(--van-white);--van-slider-button-shadow:0 1px 2px rgba(0,0,0,0.5)}.van-theme-dark{--van-slider-inactive-background:var(--van-background-3)}.van-slider{position:relative;width:100%;height:var(--van-slider-bar-height);background:var(--van-slider-inactive-background);border-radius:var(--van-radius-max);cursor:pointer}.van-slider:before{position:absolute;top:calc(var(--van-padding-xs)*-1);right:0;bottom:calc(var(--van-padding-xs)*-1);left:0;content:""}.van-slider__bar{position:absolute;width:100%;height:100%;background:var(--van-slider-active-background);border-radius:inherit;transition:all var(--van-duration-fast)}.van-slider__button{width:var(--van-slider-button-width);height:var(--van-slider-button-height);background:var(--van-slider-button-background);border-radius:var(--van-slider-button-radius);box-shadow:var(--van-slider-button-shadow)}.van-slider__button-wrapper{position:absolute;cursor:grab;top:50%}.van-slider__button-wrapper--right{right:0;transform:translate3d(50%,-50%,0)}.van-slider__button-wrapper--left{left:0;transform:translate3d(-50%,-50%,0)}.van-slider--disabled{cursor:not-allowed;opacity:var(--van-slider-disabled-opacity)}.van-slider--disabled .van-slider__button-wrapper{cursor:not-allowed}.van-slider--vertical{display:inline-block;width:var(--van-slider-bar-height);height:100%}.van-slider--vertical .van-slider__button-wrapper--right{top:auto;right:50%;bottom:0;transform:translate3d(50%,50%,0)}.van-slider--vertical .van-slider__button-wrapper--left{top:0;right:50%;left:auto;transform:translate3d(50%,-50%,0)}.van-slider--vertical:before{top:0;right:calc(var(--van-padding-xs)*-1);bottom:0;left:calc(var(--van-padding-xs)*-1)}.van-row{display:flex;flex-wrap:wrap}.van-row--nowrap{flex-wrap:nowrap}.van-row--justify-center{justify-content:center}.van-row--justify-end{justify-content:flex-end}.van-row--justify-space-between{justify-content:space-between}.van-row--justify-space-around{justify-content:space-around}.van-row--align-center{align-items:center}.van-row--align-bottom{align-items:flex-end}.van-col{display:block;box-sizing:border-box;min-height:1px}.van-col--1{flex:0 0 4.16666667%;max-width:4.16666667%}.van-col--offset-1{margin-left:4.16666667%}.van-col--2{flex:0 0 8.33333333%;max-width:8.33333333%}.van-col--offset-2{margin-left:8.33333333%}.van-col--3{flex:0 0 12.5%;max-width:12.5%}.van-col--offset-3{margin-left:12.5%}.van-col--4{flex:0 0 16.66666667%;max-width:16.66666667%}.van-col--offset-4{margin-left:16.66666667%}.van-col--5{flex:0 0 20.83333333%;max-width:20.83333333%}.van-col--offset-5{margin-left:20.83333333%}.van-col--6{flex:0 0 25%;max-width:25%}.van-col--offset-6{margin-left:25%}.van-col--7{flex:0 0 29.16666667%;max-width:29.16666667%}.van-col--offset-7{margin-left:29.16666667%}.van-col--8{flex:0 0 33.33333333%;max-width:33.33333333%}.van-col--offset-8{margin-left:33.33333333%}.van-col--9{flex:0 0 37.5%;max-width:37.5%}.van-col--offset-9{margin-left:37.5%}.van-col--10{flex:0 0 41.66666667%;max-width:41.66666667%}.van-col--offset-10{margin-left:41.66666667%}.van-col--11{flex:0 0 45.83333333%;max-width:45.83333333%}.van-col--offset-11{margin-left:45.83333333%}.van-col--12{flex:0 0 50%;max-width:50%}.van-col--offset-12{margin-left:50%}.van-col--13{flex:0 0 54.16666667%;max-width:54.16666667%}.van-col--offset-13{margin-left:54.16666667%}.van-col--14{flex:0 0 58.33333333%;max-width:58.33333333%}.van-col--offset-14{margin-left:58.33333333%}.van-col--15{flex:0 0 62.5%;max-width:62.5%}.van-col--offset-15{margin-left:62.5%}.van-col--16{flex:0 0 66.66666667%;max-width:66.66666667%}.van-col--offset-16{margin-left:66.66666667%}.van-col--17{flex:0 0 70.83333333%;max-width:70.83333333%}.van-col--offset-17{margin-left:70.83333333%}.van-col--18{flex:0 0 75%;max-width:75%}.van-col--offset-18{margin-left:75%}.van-col--19{flex:0 0 79.16666667%;max-width:79.16666667%}.van-col--offset-19{margin-left:79.16666667%}.van-col--20{flex:0 0 83.33333333%;max-width:83.33333333%}.van-col--offset-20{margin-left:83.33333333%}.van-col--21{flex:0 0 87.5%;max-width:87.5%}.van-col--offset-21{margin-left:87.5%}.van-col--22{flex:0 0 91.66666667%;max-width:91.66666667%}.van-col--offset-22{margin-left:91.66666667%}.van-col--23{flex:0 0 95.83333333%;max-width:95.83333333%}.van-col--offset-23{margin-left:95.83333333%}.van-col--24{flex:0 0 100%;max-width:100%}.van-col--offset-24{margin-left:100%}body[data-v-2039201c]{height:100%;margin:0;overflow:hidden}.device-page[data-v-2039201c]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:15px;//background-color:#f4f5f7;font-family:Arial,sans-serif}.form-container[data-v-2039201c]{width:100%;max-width:400px;margin-bottom:20px}.van-field[data-v-2039201c]{margin-bottom:10px}.input-group[data-v-2039201c]{flex-direction:column;display:flex;align-items:center;width:100%;max-width:400px;position:relative}.device-input[data-v-2039201c]{//width:calc(100% - 40px);//margin-bottom:10px}.info-button-container[data-v-2039201c]{//position:absolute;//top:80px;//right:-26px;//transform:translateY(-50%);font-size:24px}.info-button[data-v-2039201c]{font-size:14px}.query-button[data-v-2039201c]{width:150px;margin:0 auto;font-size:18px}.result-box[data-v-2039201c]{width:100%;max-width:400px;height:400px;background-color:#fff;border:1px solid #ccc;display:flex;justify-content:center;//align-items:center;font-size:18px;color:#888;text-align:center;margin-bottom:20px}.result-text[data-v-2039201c]{font-size:18px;color:#888}.action-buttons[data-v-2039201c]{justify-content:space-between;align-items:center}.action-buttons .van-button[data-v-2039201c]{flex:1;text-align:center}.device-info[data-v-2039201c]{width:100%;height:100%;position:relative;top:40px}.device-info p[data-v-2039201c]{margin-top:5px;//margin-bottom:10px}.refresh-button[data-v-2039201c]{//align-self:flex-start;position:absolute;top:37px;right:-12px;font-size:18px;//margin-bottom:20px}.volume-slider[data-v-2039201c]{margin-bottom:20px;margin-right:20px;margin-left:20px}.action-buttons[data-v-2039201c]{display:flex;gap:10px;margin-bottom:20px}.action-buttons .van-button[data-v-2039201c]{font-size:14px}.status-box[data-v-2039201c]{background-color:rgba(6,77,21,.8823529411764706);color:#fff;padding:10px;width:100%;text-align:center}.contact-info[data-v-2039201c]{text-align:center;color:#888;font-size:14px}.custom-button[data-v-2039201c]{width:26px;color:#fff;font-size:10px;line-height:18px;text-align:center;background-color:var(--van-primary-color);border-radius:100px}.responsive-image[data-v-2039201c]{width:100%;max-width:100%;height:auto;border-radius:8px}