.page-wrapper[data-v-202f1afe]{display:grid;grid-template-columns:75% 1fr;min-height:calc(100dvh - 62px);font-family:Arboria-Medium,sans-serif;color:#202020;gap:20px}.camera-side[data-v-202f1afe]{display:grid;grid-template-rows:-webkit-min-content 1fr;grid-template-rows:min-content 1fr}.camera-top-bar-side[data-v-202f1afe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:24px;-webkit-box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547)}[dir] .camera-top-bar-side[data-v-202f1afe]{padding:12px 20px;background:#fff;box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547)}.camera-top-bar-side h1[data-v-202f1afe]{font-weight:600;font-size:16px}[dir] .camera-top-bar-side h1[data-v-202f1afe]{margin-bottom:0}.camera-top-bar-toogle[data-v-202f1afe]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}[dir] .camera-top-bar-toogle[data-v-202f1afe]{background:#f8f7fa;padding:8px;border-radius:4px}.camera-top-bar-toogle button[data-v-202f1afe]{-webkit-box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);outline:transparent;width:24px;height:24px;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;color:#bababa}[dir] .camera-top-bar-toogle button[data-v-202f1afe]{background:#fff;box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);border:transparent;padding:4px;border-radius:4px}.camera-top-bar-toogle button[data-active=true][data-v-202f1afe]{color:#fff}[dir] .camera-top-bar-toogle button[data-active=true][data-v-202f1afe]{background:#114a9f}.camera-collections[data-v-202f1afe]{display:grid;gap:8px}[dir] .camera-collections[data-v-202f1afe]{padding-top:20px}.camera-collections[data-item="1"][data-v-202f1afe]{grid-template-columns:repeat(1,1fr);grid-template-rows:1fr}.camera-collections[data-item="2"][data-v-202f1afe]{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(2,1fr)}.camera-collections[data-item="4"][data-v-202f1afe]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.camera-collections[data-item="8"][data-v-202f1afe]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}.camera-collections[data-item="12"][data-v-202f1afe]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.camera-collections[data-item="16"][data-v-202f1afe]{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.card-camera[data-v-202f1afe]{position:relative;-webkit-box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);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;overflow:hidden}[dir] .card-camera[data-v-202f1afe]{background:#001023;box-shadow:0 2px 4px 0 rgba(165,163,174,.30196078431372547);border-radius:8px}.card-camera-desc[data-v-202f1afe]{color:#bababa;font-size:11px}[dir] .card-camera-desc[data-v-202f1afe]{margin:0;margin-top:8px;text-align:center;padding:0 20px}.card-camera-loading[data-v-202f1afe]{color:#bababa;font-size:15px;top:1}[dir] .card-camera-loading[data-v-202f1afe]{margin:0;margin-top:8px;text-align:center;padding:0 20px}.card-camera-video-wrapper[data-v-202f1afe]{position:absolute;width:100%;height:100%;z-index:2}[dir] .card-camera-video-wrapper[data-v-202f1afe]{background:grey}.vehicle-side-header[data-v-202f1afe]{display:grid;gap:12px}[dir] .vehicle-side-header[data-v-202f1afe]{padding:12px}[dir=ltr] .vehicle-side-header[data-v-202f1afe]{background:linear-gradient(45deg,#003575,#003575 .01%,#328fff)}[dir=rtl] .vehicle-side-header[data-v-202f1afe]{background:linear-gradient(-45deg,#003575,#003575 .01%,#328fff)}.vehicle-side-header h2[data-v-202f1afe]{color:#fff;font-weight:600;font-size:16px}[dir] .vehicle-side-header h2[data-v-202f1afe]{margin-bottom:0}.vehicle-side-header-form-status[data-v-202f1afe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .vehicle-side-header-form-status[data-v-202f1afe]{background:#f8f7fa;padding:8px;border-radius:4px}.vehicle-side-header-form-status label[data-v-202f1afe]{font-size:10px;color:#7a7a7a}[dir] .vehicle-side-header-form-status label[data-v-202f1afe]{margin:0;cursor:pointer}.vehicle-side-header-form-status label[data-v-202f1afe]:has(input:checked){color:#114a9f;font-weight:600}.vehicle-side-header-form-status input[data-v-202f1afe]{display:none}.vehicle-side-header-form-search[data-v-202f1afe]{position:relative}.vehicle-side-header-form-search input[data-v-202f1afe]{width:100%;outline:transparent;height:40px;font-size:12px}[dir] .vehicle-side-header-form-search input[data-v-202f1afe]{background:#fff;border:transparent;border-radius:4px}[dir=ltr] .vehicle-side-header-form-search input[data-v-202f1afe]{padding:12px 12px 12px 36px}[dir=rtl] .vehicle-side-header-form-search input[data-v-202f1afe]{padding:12px 36px 12px 12px}.vehicle-list[data-v-202f1afe]{display:grid;gap:12px;height:calc(100dvh - 200px);grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;overflow-y:auto}[dir] .vehicle-list[data-v-202f1afe]{padding:12px;background:#fff}.vehicle-list[data-v-202f1afe]::-webkit-scrollbar{display:none}.card-vehicle[data-v-202f1afe]{display:grid;grid-template-columns:24px 1fr;gap:8px}[dir] .card-vehicle[data-v-202f1afe]:not(:last-child){padding-bottom:12px;border-bottom:1px solid #dbdade}.card-vehicle-content[data-v-202f1afe]{display:grid;gap:8px}.card-vehicle-content-header[data-v-202f1afe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.card-vehicle-content-header-information h4[data-v-202f1afe]{color:#000;font-weight:600;font-size:14px}[dir] .card-vehicle-content-header-information h4[data-v-202f1afe]{margin:0}.card-vehicle-content-header-information p[data-v-202f1afe]{font-size:12px}[dir] .card-vehicle-content-header-information p[data-v-202f1afe]{margin:0}.card-vehicle-content-header-information p[data-status=idling][data-v-202f1afe],.card-vehicle-content-header-information p[data-status=moving][data-v-202f1afe]{color:#24b364}.card-vehicle-content-header-information p[data-status=parking][data-v-202f1afe]{color:#d34c4d}.card-vehicle-content-header-information p[data-status=lost][data-v-202f1afe]{color:#b9b919}.card-vehicle-content-header-action[data-v-202f1afe]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.card-vehicle-content-header-action button[data-v-202f1afe]{outline:transparent;width:24px;height:24px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[dir] .card-vehicle-content-header-action button[data-v-202f1afe]{border:1px solid #114a9f;background:#fff;border-radius:4px}[dir] .card-vehicle-content-camera[data-v-202f1afe]{padding:8px;border-radius:8px;background:#f8f7fa}details>summary[data-v-202f1afe]{list-style:none}details>summary[data-v-202f1afe]::-webkit-details-marker{display:none}.card-vehicle-content-camera summary[data-v-202f1afe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:12px;font-weight:600;color:#4a4a4a}[dir=ltr] .card-vehicle-content-camera[open] summary span[data-v-202f1afe]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}[dir=rtl] .card-vehicle-content-camera[open] summary span[data-v-202f1afe]{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.card-vehicle-content-camera-items[data-v-202f1afe]{display:grid;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content;grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content;gap:8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}[dir] .card-vehicle-content-camera-items[data-v-202f1afe]{margin-top:8px}.channel-wrapper[data-v-202f1afe]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px}[dir] .channel-wrapper[data-v-202f1afe]{cursor:pointer}.channel-desc[data-v-202f1afe]{font-size:12px;color:#000}[dir] .channel-desc[data-v-202f1afe]{margin:0}.channel-icon[data-v-202f1afe]{width:20px;height:20px;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;color:#114a9f}[dir] .channel-icon[data-v-202f1afe]{padding:2px;border-radius:4px;background:#fff}.channel-icon .channel-icon-off[data-v-202f1afe]{display:inline}.channel-icon.active .channel-icon-off[data-v-202f1afe],.channel-icon .channel-icon-on[data-v-202f1afe]{display:none}.channel-icon.active .channel-icon-on[data-v-202f1afe]{display:inline}.channel-icon.active[data-v-202f1afe]{color:#fff}[dir] .channel-icon.active[data-v-202f1afe]{background:#114a9f}