.cameraList[data-v-7340fb12],.VideoContent[data-v-7340fb12]{height:100%}.VideoContent .ViodeContentList[data-v-7340fb12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;gap:8px}.VideoContent .ViodeContentList .ViodeContentListLeft[data-v-7340fb12]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.VideoContent .ViodeContentList .ViodeContentListLeft>div[data-v-7340fb12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.VideoContent .ViodeContentList .ViodeContentListRight[data-v-7340fb12]{display:none}.search-wrapper[data-v-7340fb12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:0 4px;-ms-flex-negative:0;flex-shrink:0}.search-wrapper .searchinput[data-v-7340fb12]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:hsla(0,0%,100%,.08)!important;border:1px solid rgba(86,99,110,.9)!important;border-radius:6px!important;height:32px!important;line-height:32px!important;padding:0 12px!important;color:rgba(185,212,235,.9)!important;-webkit-transition:all .3s ease;transition:all .3s ease}.search-wrapper .searchinput[data-v-7340fb12]:focus{border-color:rgba(15,201,255,.4)!important;-webkit-box-shadow:0 0 20px rgba(15,201,255,.05)!important;box-shadow:0 0 20px rgba(15,201,255,.05)!important;background:rgba(15,201,255,.06)!important}.search-wrapper .searchinput[data-v-7340fb12]::-webkit-input-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-7340fb12]::-moz-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-7340fb12]:-ms-input-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-7340fb12]::-ms-input-placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchinput[data-v-7340fb12]::placeholder{color:rgba(154,178,197,.9)}.search-wrapper .searchbtn[data-v-7340fb12]{background:hsla(0,0%,100%,.08);border:1px solid rgba(86,99,110,.9);border-radius:6px;color:rgba(154,178,197,.9);width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;padding:0}.search-wrapper .searchbtn[data-v-7340fb12]:hover{background:linear-gradient(135deg,rgba(15,201,255,.3),rgba(8,115,255,.3));border-color:rgba(15,201,255,.3);-webkit-box-shadow:0 0 25px rgba(15,201,255,.08);box-shadow:0 0 25px rgba(15,201,255,.08)}.cameraListshow[data-v-7340fb12]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto}.cameraListshow[data-v-7340fb12]::-webkit-scrollbar{width:3px}.cameraListshow[data-v-7340fb12]::-webkit-scrollbar-track{background:rgba(15,201,255,.03);border-radius:3px}.cameraListshow[data-v-7340fb12]::-webkit-scrollbar-thumb{background:rgba(15,201,255,.15);border-radius:3px;-webkit-transition:all .3s;transition:all .3s}.cameraListshow[data-v-7340fb12]::-webkit-scrollbar-thumb:hover{background:rgba(15,201,255,.25)}.videoitemtitle[data-v-7340fb12]{margin-bottom:6px}.videoitemtitle .group-header[data-v-7340fb12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 10px;cursor:pointer;border-radius:6px;background:rgba(15,201,255,.03);border:1px solid transparent;-webkit-transition:all .3s ease;transition:all .3s ease;gap:8px}.videoitemtitle .group-header[data-v-7340fb12]:hover{background:rgba(15,201,255,.06);border-color:rgba(15,201,255,.06)}.videoitemtitle .group-header .group-icon[data-v-7340fb12]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;color:rgba(15,201,255,.8);-ms-flex-negative:0;flex-shrink:0}.videoitemtitle .group-header .group-icon[data-v-7340fb12],.videoitemtitle .group-header .group-icon svg[data-v-7340fb12]{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.videoitemtitle .group-header .group-icon.expanded svg[data-v-7340fb12]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.videoitemtitle .group-header .group-name[data-v-7340fb12]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;color:rgba(200,230,255,.85);font-size:13px;font-weight:500;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.videoitemtitle .group-header .group-count[data-v-7340fb12]{font-size:11px;color:rgba(200,230,255,.3);background:rgba(15,201,255,.05);padding:0 8px;border-radius:10px;font-weight:400}ul[data-v-7340fb12]{list-style:none;padding:0;margin:0;max-height:0;overflow:hidden;-webkit-transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0}ul.ulchecked[data-v-7340fb12]{max-height:2000px;opacity:1;padding:4px 0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}ul.ulchecked[data-v-7340fb12],ul li[data-v-7340fb12]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px}ul li[data-v-7340fb12]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 12px;cursor:pointer;border-radius:4px;-webkit-transition:all .25s ease;transition:all .25s ease;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}ul li[data-v-7340fb12]:hover{background:rgba(15,201,255,.08);border-color:rgba(15,201,255,.1)}ul li.selecttab[data-v-7340fb12]{background:linear-gradient(135deg,rgba(15,201,255,.15),rgba(8,115,255,.1));border-color:rgba(15,201,255,.2)}ul li.selecttab[data-v-7340fb12]:before{content:"";position:absolute;left:-1px;top:2px;bottom:2px;width:2px;background:-webkit-gradient(linear,left top,left bottom,from(#0873ff),to(#10dbf9));background:linear-gradient(180deg,#0873ff,#10dbf9);border-radius:0 2px 2px 0}ul li .device-status-dot[data-v-7340fb12]{width:6px;height:6px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:all .3s ease;transition:all .3s ease}ul li .device-status-dot.online[data-v-7340fb12]{background:#0f8;-webkit-box-shadow:0 0 8px rgba(0,255,136,.3);box-shadow:0 0 8px rgba(0,255,136,.3)}ul li .device-status-dot.offline[data-v-7340fb12]{background:#ff4757;-webkit-box-shadow:0 0 8px rgba(255,71,87,.2);box-shadow:0 0 8px rgba(255,71,87,.2)}ul li .device-name[data-v-7340fb12]{color:rgba(200,230,255,.8);font-size:13px;font-style:normal;letter-spacing:.3px;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}ul li .device-status-tag[data-v-7340fb12]{font-size:10px;padding:1px 8px;border-radius:10px;font-weight:400;letter-spacing:.5px;-ms-flex-negative:0;flex-shrink:0}ul li .device-status-tag.tag-online[data-v-7340fb12]{color:#0f8;background:rgba(0,255,136,.08);border:1px solid rgba(0,255,136,.12)}ul li .device-status-tag.tag-offline[data-v-7340fb12]{color:#ff4757;background:rgba(255,71,87,.08);border:1px solid rgba(255,71,87,.12)}.ViodeContentListRight[data-v-7340fb12]{display:none}@media screen and (max-width:1366px){.group-header[data-v-7340fb12]{padding:4px 8px!important}.group-header .group-name[data-v-7340fb12]{font-size:12px!important}ul li[data-v-7340fb12]{padding:3px 10px!important}ul li .device-name[data-v-7340fb12]{font-size:12px!important}}