.volume-control[data-v-bd614942]{background:#f8fafb;min-height:100vh}.device-card[data-v-bd614942]{background:#fff;border-radius:.33333rem;box-shadow:0 .05556rem .33333rem rgba(0,0,0,.06);margin:.27778rem;padding:.44444rem}.device-card .device-header[data-v-bd614942]{display:flex;align-items:center}.device-card .device-header .icon[data-v-bd614942]{font-size:.5rem;color:#4d6add;margin-right:.27778rem}.device-card .device-header .device-name[data-v-bd614942]{margin:0;font-size:.41667rem;color:#404d74;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70vw}.control-card[data-v-bd614942]{background:#fff;border-radius:.33333rem;box-shadow:0 .05556rem .33333rem rgba(0,0,0,.06);padding:.66667rem .44444rem;margin:.27778rem}.control-card .volume-display[data-v-bd614942]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.88889rem}.control-card .volume-display .volume-label[data-v-bd614942]{font-size:.38889rem;color:#666}.control-card .volume-display .volume-value[data-v-bd614942]{font-size:.66667rem;color:#4d6add;font-weight:700}.control-card .volume-slider[data-v-bd614942]{margin:0 .22222rem 1.11111rem;width:auto}.control-card .volume-slider .slider-thumb[data-v-bd614942]{width:.69444rem;height:.69444rem;background:#4d6add;border-radius:50%;color:#fff;font-size:.38889rem;line-height:.69444rem;text-align:center;box-shadow:0 .05556rem .11111rem rgba(0,0,0,.1)}.control-card .submit-btn[data-v-bd614942]{width:100%;height:1.33333rem;font-size:.44444rem;box-shadow:0 .11111rem .33333rem rgba(77,194,148,.2)}.control-card .submit-btn .btn-icon[data-v-bd614942]{margin-right:.22222rem;font-size:.5rem}@media (max-width:480px){.control-card[data-v-bd614942]{padding:.55556rem .33333rem}.control-card .volume-display .volume-value[data-v-bd614942]{font-size:.61111rem}.control-card .submit-btn[data-v-bd614942]{font-size:.38889rem;height:1.22222rem}}