@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.default-icon-size{width:1.5rem;height:1.5rem}svg.default-icon-fill rect{fill:var(--theme-fg-primary)}svg.default-icon-fill path{fill:var(--theme-fg-primary)}svg.brand-icon-fill rect{fill:var(--theme-brand-fg-primary)}svg.brand-icon-fill path{fill:var(--theme-brand-fg-primary)}svg.icon-fill-secondary-opaque rect{fill:var(--theme-fg-secondary-opaque)}svg.icon-fill-secondary-opaque path{fill:var(--theme-fg-secondary-opaque)}svg.yellow-icon-fill rect{fill:#ffc24d}svg.yellow-icon-fill path{fill:#ffc24d}.hoverable-camera-frame-border-hover{border:.25rem solid var(--theme-brand-fg-primary)!important;box-shadow:inset 0 0 0 .25rem var(--theme-ref-white-100)!important}.control-box{width:33rem;max-height:100%;position:absolute;bottom:1rem;right:1rem;background-color:var(--theme-fill-toast);backdrop-filter:blur(1.5rem);border-radius:.5rem;padding:1.25rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;z-index:2001;max-height:calc(100% - 2rem)}.control-box::-webkit-scrollbar{display:none}.control-box .radio-box .ant-radio-wrapper{color:var(--theme-fg-white);margin:0}.control-box .radio-box .ant-radio-wrapper span{display:inline-flex}.control-box .ant-slider-rail{background-color:var(--theme-fill-secondary)!important}.control-box .ant-radio-wrapper{color:var(--theme-fg-white)}.control-box .ant-checkbox-group{flex-direction:row}.control-box .ant-checkbox-group .ant-checkbox-wrapper span{color:var(--theme-fg-white)}.control-box .night-vision-radio-wrapper{max-width:7.5rem;width:100%;overflow:hidden;display:flex;justify-content:center}.control-box .night-vision-radio{display:inline-flex!important;justify-content:center;align-items:center;width:100%;max-width:100%;margin:0;overflow:hidden}.control-box .night-vision-radio .ant-radio-wrapper{display:inline-flex!important;width:auto;max-width:100%;overflow:hidden;align-items:center;justify-content:center}.control-box .night-vision-radio .ant-radio{flex-shrink:0;margin-right:0}.control-box .night-vision-radio .ant-radio+span{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center;max-width:calc(100% - 1.5rem)}.control-box .night-vision-radio .night-vision-label{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center;max-width:100%}.wrap.active{display:block}.frequently{display:none;border-radius:.5rem;background:#000000b3;padding:1rem;max-height:calc(100% - 4.5rem);overflow:auto}.frequently.active{display:block}.frequently .frequently-wrap{box-sizing:content-box;width:100%;height:100%;overflow-y:auto}.frequently .frequently-wrap::-webkit-scrollbar{width:.25rem}.frequently .frequently-wrap::-webkit-scrollbar-thumb{border-radius:.125rem}.frequently .frequently-wrap .frequently-list{min-height:calc(100% - 3.125rem)}.frequently .frequently-wrap .frequently-item{position:relative;cursor:pointer;box-sizing:border-box;margin-bottom:1rem;outline:none;border:.0625rem dashed transparent;border-radius:.625rem;width:11.375rem;height:6.5rem;overflow:hidden}.frequently .frequently-wrap .frequently-item:hover{border:.0625rem solid var(--theme-brand-fg-primary)}.frequently .frequently-wrap .frequently-item img{position:absolute;top:0;left:0;z-index:1;outline:none;border:none;background:#00000080;width:100%;height:100%}.frequently .frequently-wrap .frequently-item .text{position:absolute;top:-2.25rem;left:-2.25rem;z-index:99;border-radius:50%;background:#00000080;width:4.5rem;height:4.5rem}.frequently .frequently-wrap .frequently-item .text.active{background:var(--theme-brand-fg-primary)}.frequently .frequently-wrap .frequently-item .text span{position:absolute;right:.9375rem;bottom:.5625rem;color:var(--theme-fg-white);font-size:1rem}.frequently .frequently-wrap .frequently-item .zoom{position:absolute;bottom:.625rem;left:50%;transform:translate(-50%);z-index:10;color:var(--theme-fg-white);font-size:1rem}.frequently .frequently-wrap .frequently-item div img{background:transparent;background-position:center;background-size:cover;background-repeat:no-repeat}.frequently .frequently-wrap .frequently-item-add{display:flex;position:relative;justify-content:center;align-items:center;cursor:pointer;box-sizing:border-box;margin-bottom:.3125rem;outline:none;border:.0625rem dashed var(--theme-fg-white);border-radius:.625rem;width:11.375rem;height:6.5rem;overflow:hidden}.frequently .frequently-wrap .frequently-item-add .add{color:var(--theme-fg-white);font-weight:400;font-size:1.875rem}.custom-direction{position:relative;width:12.5rem;height:12.5rem;border-radius:50%;overflow:hidden;transform:rotate(45deg)}.custom-direction .custom-circle{position:absolute;width:50%;height:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center}.custom-direction .custom-circle img{position:absolute;transform:rotate(315deg) scale(1.4);bottom:20%;left:4%;width:100%;border-radius:6.25rem;cursor:pointer}.custom-direction .top-circle{transform:rotate(0)}.custom-direction .right-circle{right:0;transform:rotate(90deg)}.custom-direction .bottom-circle{bottom:0;left:50%;transform:rotate(180deg)}.custom-direction .left-circle{bottom:0;left:0;transform:rotate(270deg)}.ptz-control-bg-left{position:absolute;bottom:0;left:0;visibility:hidden;opacity:0;background:linear-gradient(270deg,#008cd60d 10%,#008cd680 99.99%);width:2.8125rem;height:100%}.ptz-control-bg-right{position:absolute;right:0;bottom:0;visibility:hidden;opacity:0;background:linear-gradient(90deg,#008cd60d 10%,#008cd680 99.99%);width:2.8125rem;height:100%}.ptz-control-bg-bottom{position:absolute;bottom:0;left:0;visibility:hidden;opacity:0;background:linear-gradient(180deg,#008cd60d 10%,#008cd680 99.99%);width:100%;height:2.8125rem}.ptz-control-bg-top{position:absolute;top:0;left:0;visibility:hidden;opacity:0;background:linear-gradient(0deg,#008cd60d 10%,#008cd680 99.99%);width:100%;height:2.8125rem}.show{visibility:visible;opacity:1}.ai-caption-box{color:#fff}.ai-caption-box .ai-caption-content-box{max-height:26.5625rem;height:-moz-max-content;height:max-content;max-height:100%;background:#000000bf;border-radius:.5rem;overflow:hidden;height:25rem;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 0 .0625rem #fff}.ai-caption-box .ai-caption-content-box .info-device-timestamp-full{display:none}.ai-caption-box .ai-caption-content-box .info-list{overflow-x:hidden;overflow-y:auto;max-height:100%;height:-moz-max-content;height:max-content}.ai-caption-box .ai-caption-content-box .info-device{display:inline-block;height:.875rem;color:#999;text-align:left;line-height:1rem;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;padding:0 .125rem}.ai-caption-box .ai-caption-content-box .info-timestamp{display:flex;color:#666;background:transparent;line-height:1.5rem;font-size:.875rem;justify-content:center;align-items:center;gap:.5rem}.ai-caption-box .ai-caption-content-box .info-box .info-box-content{display:inline-block;background:#1c1c1c;min-height:1.75rem;border-radius:1rem;padding:0 .75rem;white-space:normal;word-break:break-all;line-height:1.75rem;font-size:.875rem}.ai-caption-box .ai-caption-content-box .info-timestamp+.info-device{margin-top:.75rem}.ai-caption-box .ai-caption-content-box .info-box+.info-device{margin-top:.75rem}.ai-caption-box .ai-caption-content-box .info-box+.info-box{margin-top:.25rem}.ai-caption-box .ai-caption-content-box.ai-caption-content-box-loading{height:auto}.ai-caption-box .ai-caption-content-slept{display:none}.ai-caption-box .ai-caption-content-slept .ai-caption-content-box{background:transparent;overflow:hidden}.ai-caption-box .ai-caption-content-slept .info-device,.ai-caption-box .ai-caption-content-slept .info-timestamp{display:none}.ai-caption-box .ai-caption-content-slept .info-device-timestamp-full{display:block;color:#999}.ai-caption-box .ai-caption-content-slept .info-box{background:#000000d9}.ai-caption-box.ai-caption-box-maxSize{max-height:unset;height:auto}.ai-caption-box.ai-caption-box-hidden{opacity:0!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:-1}.ai-caption-box.ai-caption-box-hidden *{opacity:0!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}