*{margin:0;padding:0}* :where(ul,ol):where([class]){padding-left:0}* body,* :where(blockquote,figure):where([class]){margin:0}* :where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl) :where([class]){margin-block:0}* :where(dd[class]){margin-left:0}* :where(ul[class]){list-style:none}* img{display:block;max-width:100%}* input,* textarea,* select,* button{font:inherit}* body{line-height:1.5}html,body{display:flex;justify-content:center;align-items:center;height:100svh;width:100vw;overflow:hidden;color-scheme:light dark;color:#ffffffde;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden}#portal{width:0;height:0;position:fixed;left:0;top:0;z-index:100}.flex-row{display:flex}.space-between{justify-content:space-between}.row-gap-8{gap:8px}.row-gap-16{gap:16px}.width-100{width:100%}.height-100{height:100%}.margin-vert-16{margin:0 16px}.margin-top-8{margin-top:8px}.margin-left-8{margin-left:8px}.margin-right-8{margin-right:8px}.margin-8{margin:8px}.padding-8{padding:8px}.padding-left-8{padding-left:8px}.padding-right-8{padding-right:8px}.border-radius-6{border-radius:6px}.border-top-radius-6{border-top-left-radius:6px;border-top-right-radius:6px}.border-bottom-radius-6{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.justify-align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-center{align-items:center}.align-end{align-items:flex-end}.align-start{align-items:flex-start}.flex-column{display:flex;flex-direction:column}.flex-column-reverse{display:flex;flex-direction:column-reverse}.header-button-wrapper{position:absolute;left:0;top:0;width:48px}.header-button-wrapper-disabled{left:-100vw;top:0}.footer-button-wrapper{height:100%;width:48px}.icons-menu{display:flex;flex-wrap:wrap;width:100%}.flex-shrink-1,.flex-shrink-0{flex-shrink:1}.font-size-10{font-size:10px}.font-size-12{font-size:12px}.grey-border{border:1px solid #555;border-radius:6px;padding:0 4px 4px}.sroll-y{overflow-y:auto}.grid-place-center{display:grid;place-content:center}button{background:unset;border:unset;color:#fff}@media (hover: hover){button:hover{cursor:pointer}}@media (hover: none){button:active{cursor:default}}.button-border-2{transition:all .2s ease-out;border:2px solid rgba(0,0,0,0)}.button-border-highlight{border-color:#ff0}.icon-button-menu{position:absolute;height:48px;width:48px;display:flex;align-items:center;justify-content:center;background:#282c34;z-index:10;box-shadow:0 0 20px #0003;color:#fff}.icon-button-menu svg{position:absolute;transition:all .2s ease-in}.icon-button-menu svg:nth-child(1){opacity:1}.icon-button-menu svg:nth-child(2){transform:rotate(0);opacity:0}.icon-button-menu svg path{transition:all .2s ease-in;fill:#eee}@media (hover: hover){.icon-button-menu:hover{background:#363e4d}.icon-button-menu:hover svg path{transition:all .2s ease-in;fill:#eee}}@media (hover: none){.icon-button-menu:active{background:#363e4d}.icon-button-menu:active svg path{fill:#eee}}.rotate-45{transform:rotate(45deg)}.left-menu-button{z-index:20;width:48px;height:100px;background:#ff0;align-items:flex-start;display:flex;flex-direction:column;align-items:center;gap:4px}.left-menu-button svg{margin:4px 0 0;height:50px;width:50px}.left-menu-button svg path{fill:#000;transform:scale() translate(-25%,-25%)}.left-menu-button .button-min-max{z-index:100}.left-menu-button .min-max{z-index:130;display:grid;place-content:center;width:30px;height:30px;border-radius:15px;background:#282c34}.left-menu-button .min-max svg{margin:0;height:34px;width:34px;transition:all .2s ease-in;transform:rotate(180deg)}.left-menu-button .min-max svg path{fill:#fff}.left-menu-button .min-max-active svg{transform:rotate(0)}@media (hover: hover){.left-menu-button:hover{background:#d0d000}.left-menu-button:hover svg path{fill:#000}.left-menu-button:hover .min-max svg path{fill:#fff}}@media (hover: none){.left-menu-button:active{background:#d0d000}.left-menu-button:active svg path{fill:#000}.left-menu-button:active .min-max svg path{fill:#fff}}.top-left-menu-button{position:absolute;top:0;left:0;border-bottom-right-radius:24px;flex-direction:column-reverse;justify-content:center;background:#ffd500}.top-left-menu-button svg{margin:4px 0 0;height:36px;width:36px}@media (hover: hover){.top-left-menu-button:hover{background:#ceab00}}@media (hover: none){.top-left-menu-button:active{background:#ceab00}}.top-left-menu-button-hidden{left:-60px}.bottom-left-menu-button{position:absolute;bottom:0;left:0;border-top-right-radius:24px}.modal-button{height:36px;width:max-content;min-width:50px;padding:0 16px;border-radius:8px;color:#eee;background:#2d56a3;border:1px solid #fff}.selector-changevalue-icon-button{width:36px;height:32px;min-width:max-content;flex-shrink:0;color:#ddd;border:2px solid #aaa;border-radius:6px;background:#36435d;display:flex;justify-content:center;align-items:center}.selector-changevalue-icon-button svg{transform:scale(1.33)}.selector-changevalue-icon-button svg path{fill:#ddd}@media (hover: hover){.selector-changevalue-icon-button:hover{background:#0db3dd;border:2px solid #0db3dd}.selector-changevalue-icon-button:hover svg{transform:scale(1.33)}.selector-changevalue-icon-button:hover svg path{fill:#fff}}@media (hover: none){.selector-changevalue-icon-button:active{background:#0db3dd;border:2px solid #0db3dd}.selector-changevalue-icon-button:active svg{transform:scale(1.33)}.selector-changevalue-icon-button:active svg path{fill:#fff}}.disabled-button{background:#666;border-color:#888}.disabled-button:hover{background:#666;border-color:#888;cursor:not-allowed}@media (hover: hover){.disabled-button:hover{background:#666;border-color:#888;cursor:not-allowed}}@media (hover: none){.disabled-button:hover{background:#666;border-color:#888}}.button-min-max{width:32px;height:32px;background:#111;display:grid;border-radius:50%;place-items:center;transition:all .2s ease-out;flex-shrink:0}.button-min-max svg path{fill:#fff}.button-maximized{transform:rotate(0)}.button-minimized{transform:rotate(-90deg)}.header-menu{display:flex;flex-direction:column;position:fixed;transition:all .2s ease-in-out;z-index:15;max-width:300px}.spacer{height:50px;background:#363e4d}.TOP_LEFT{top:0;left:0;transform:translate(-100%)}.BOTTOM_LEFT{bottom:0;left:0;transform:translate(-100%)}.isOpen{transform:translate(0)}.main-menu-item{background:#363e4d;padding:10px 20px;transition:all .4s ease-in}@media (hover: hover){.main-menu-item:hover{background:#3f4d67}}@media (hover: none){.main-menu-item:active{background:#3f4d67}}.main-menu-item-children{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;padding:10px 10px 10px 20px;background:#3f4d67;transition:all .2s ease-in}@media (hover: hover){.main-menu-item-children:hover{background:#43567a}}@media (hover: none){.main-menu-item-children:active{background:#43567a}}.main-icon-menu-item-children{background:#3f4d67;flex:1 1 60px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin:8px;padding:8px;border-radius:8px;gap:4px;-webkit-user-select:none;user-select:none}.main-icon-menu-item-children .menu-icon-title{font-size:10px}.main-icon-menu-item-children svg{width:32px;height:32px}.main-icon-menu-item-children svg path{fill:#ddd}@media (hover: hover){.main-icon-menu-item-children:hover{background:#2d56a3}}@media (hover: none){.main-icon-menu-item-children:active{background:#2d56a3}}.main-icon-menu-item-children-selected{background:#2d56a3}#user-logo{display:flex;justify-content:center;align-items:center;flex-direction:column;background:#363e4d;padding:20px}#user-logo svg{width:64px;height:64px}#user-logo svg path{fill:#ff0}.button-wizard-exit{width:50px;height:50px;position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;background-color:red;cursor:pointer;border:1px solid #000}.button-wizard-exit svg{width:24px;height:24px}.button-wizard-exit svg path{fill:#ddd}.button-wizard-exit svg circle{stroke:#ddd}.snap{position:absolute;left:0;top:0;top-z-index:1}.selected-texture{border:5px solid #ff0}.wall-wizard-height{position:absolute;background:#0008;padding:4px;left:0;bottom:100px;flex-direction:column-reverse}@media (min-width: 480px) and (max-width: 800px){.wall-wizard-height{left:50%;transform:translate(-170px)}}@media (min-width: 801px){.wall-wizard-height{left:50%;transform:translate(-380px);flex-direction:row-reverse}}.wall-wizard-width{background:#0008;padding:4px;position:absolute;right:0;bottom:100px;width:max-content;flex-direction:column-reverse}@media (min-width: 480px) and (max-width: 800px){.wall-wizard-width{right:50%;transform:translate(182px)}}@media (min-width: 801px){.wall-wizard-width{right:50%;transform:translate(330px);flex-direction:row}}.wall-wizard-texture{background:#0008;padding:4px;position:absolute;right:50%;transform:translate(50%);bottom:100px}.wall-wizard-value{width:50px;min-height:50px;display:grid;place-content:center;border-radius:6px;background:#444;font-weight:700;border:5px solid #000;cursor:pointer;-webkit-user-select:none;user-select:none}.wall-wizard-value-selected{border:5px solid #c8ff00}@keyframes wizard-description-animation{0%{box-shadow:0 0 5px #ff0a}60%{box-shadow:0 0 5px #ff0a}70%{box-shadow:0 0 50px #ff0a}80%{box-shadow:0 0 50px #ff0a}90%{box-shadow:0 0 5px #ff0a}to{box-shadow:0 0 5px #ff0a}}.footer{width:100%;height:0px;display:flex;justify-content:space-between;align-items:center;z-index:35}.footer-spacer{height:96px}.app-version{position:absolute;bottom:4px;right:0%;transform:translate(-50%);font-size:10px;color:#888;-webkit-user-select:none;user-select:none}.header{width:100%;z-index:34}.cctv-camera-view-menu-wrapper{display:flex;position:absolute;top:48px;height:max-content;left:calc(100svw - 48px);flex-direction:column}.cctv-camera-view-menu-wrapper .icon-button-menu{position:unset;color:#fff;font-weight:700}.view-2D{background-color:#a00;font-size:24px}@media (hover: hover){.view-2D:hover{background-color:#d00;font-size:32px}}@media (hover: none){.view-2D:active{background-color:#d00;font-size:32px}}.view-3D{font-size:24px;background-color:#0a0}@media (hover: hover){.view-3D:hover{background-color:#0d0;font-size:32px}}@media (hover: none){.view-3D:active{background-color:#0d0;font-size:32px}}.remove-object{position:absolute;top:110px;left:0;z-index:10}.lock-object{position:absolute;top:160px;left:0;z-index:10}.add-menu{display:flex;flex-direction:column;gap:4px;padding:10px;cursor:pointer;font-size:12px;align-items:center;width:54px}.add-menu svg{width:24px;height:24px}.add-menu svg path{fill:#fff}.add-menu .sub-add-menu{position:absolute;bottom:140px;display:flex;flex-direction:column;background:#1a1a1a}.add-menu .sub-add-menu .submenu-item-with-image{width:100px;background:#43567a;transition:all .2s ease-in-out}@media (hover: hover){.add-menu .sub-add-menu .submenu-item-with-image:hover{background:#0db3dd}}@media (hover: none){.add-menu .sub-add-menu .submenu-item-with-image:active{background:#0db3dd}}.measurement-unit-button{position:absolute;top:0;right:0;height:46px;display:flex;justify-content:center;align-items:center;background:#282c34;box-shadow:0 0 20px #0003}.measurement-unit-indicator{width:96px;height:46px;display:flex}.measurement-unit-indicator .unit-value{font-weight:700;width:140px;height:46px;display:grid;place-content:center;background:#000;color:#fff;font-size:18px;transition:all .2s ease-in}.measurement-unit-indicator .active-value{background:#aa0;color:#000}@media (hover: hover){.measurement-unit-indicator .unit-value:hover{font-size:24px}}@media (hover: none){.measurement-unit-indicator .unit-value:active{font-size:24px}}.work-area{width:100%;height:100%;background:radial-gradient(circle,#2e333c,#171a1e)}.work-area #Viewport div canvas{z-index:4}.fps-stat{position:absolute;left:48px;top:-1px;transform:translate(10px,2px);z-index:100}.background_loading_error{margin:20px 0 0 20px;color:red}.button-delete-background-image{background:#36435d;border:2px solid #b6bcc6;border-radius:8px;position:absolute;top:80px;left:20px;width:40px;height:40px;background-color:red;z-index:1;display:grid;place-content:center}.button-delete-background-image svg{transform:scale(1.33) rotate(45deg)}.button-add-background-image{margin:0;background:#36435d;border:2px solid #b6bcc6;border-radius:8px;width:120px;height:120px}.button-add-background-image .background-image-file-input{display:flex;width:100%}.button-add-background-image .background-image-file-input span{display:flex;align-items:center;justify-content:center;cursor:pointer;margin:8px;width:100%}.button-add-background-image .background-image-file-input input{display:none}.button-add-background-image .background-image-file-input svg{transform:scale(5)}.button-add-background-image .background-image-file-input svg path{fill:#ddd}@media (hover: hover){.button-add-background-image:hover{background-color:#0db3dd}}@media (hover: none){.button-add-background-image:active{background-color:#0db3dd}}.background-loader{background-color:#0004;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.background-loader .zoom-area{position:absolute;top:50%;right:20px;display:flex;align-items:center;flex-direction:column;transform:translateY(-50%)}.background-loader .zoom-area .line{width:10px;height:48px;background:#0008;border-left:2px solid #b6bcc6;border-right:2px solid #b6bcc6}.button-zoom{background:#36435d;border:2px solid #b6bcc6;border-radius:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.button-zoom svg{transform:scale(1.33)}.button-zoom svg path{fill:#ddd}.wizard-description{position:absolute;top:0;right:50%;transform:translate(50%);min-width:260px;min-height:50px;display:grid;place-content:center;background:#282c34;box-shadow:0 0 5px #ff0a;animation:10s infinite wizard-description-animation;transition:all .3 ease-in-out}.real-value-input{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.real-value-input .bg{width:100vw;height:100vh;background:#000d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.real-value-input .bg .modal-wrapper{position:absolute;top:25%;left:50%;transform:translate(-50%,-20%);max-width:350px}.real-value-input .bg .modal-wrapper .modal-value{display:flex;flex-direction:column;gap:16px;border:2px solid #b6bcc6;padding:24px;border-radius:8px}.real-value-input .bg .modal-wrapper .modal-value .px-value{border:2px solid #eff5ff;border-radius:8px;font-weight:700;font-size:18px;padding:4px;display:flex;justify-content:center}.real-value-input .bg .modal-wrapper .modal-value .input-value{display:flex;gap:8px;font-size:24px;align-items:center}.real-value-input .bg .modal-wrapper .modal-value .input-value input{border:2px solid #b6bcc6;border-radius:8px;width:160px;padding:0 8px;text-align:center}.real-value-input .bg .modal-wrapper .modal-value .invalid{border:2px solid #f00;border-radius:8px}.real-value-input .bg .modal-wrapper .modal-buttons{display:flex;justify-content:space-between;font-weight:700;margin-top:24px}.real-value-input .bg .modal-wrapper .modal-buttons .modal-button{margin:0 24px}.web-gl-warning{position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%);border:3px solid #f00;background:#1a1a1a;padding:8px}.wizard-finish-button{position:absolute;left:50%;bottom:16px;transform:translate(-50%);min-width:300px;min-height:70px;display:grid;place-content:center;background:#2d56a3;color:#ddd;font-weight:700;font-size:32px;border-radius:2px;box-shadow:0 0 5px #2d56a3aa;transition:all .2s ease-out}@media (hover: hover){.wizard-finish-button:hover{color:#fff;background:#78a32d;box-shadow:0 0 50px #78a32daa}}@media (hover: none){.wizard-finish-button:hover{color:#fff;background:#78a32d;box-shadow:0 0 50px #78a32daa}}.project-name{position:absolute;top:60px;left:60px;-webkit-user-select:none;user-select:none;z-index:1}@media (min-width: 480px) and (max-width: 800px){.project-name{top:60px}}@media (min-width: 801px){.project-name{top:10px;left:80px}}#portrait2d{position:absolute;left:calc(100vw - 20px);top:calc(100vh - 120px);width:200px;height:max-content;background-color:#0008;border-radius:8px;z-index:1;-webkit-user-select:none;user-select:none}#portrait2dminimized{position:absolute;left:calc(100vw - 20px);top:calc(100vh - 120px);height:max-content;background-color:#0008;border-radius:8px;z-index:1;-webkit-user-select:none;user-select:none}.button-pixel-density-indicator-min-max{width:48px;height:48px;display:grid;place-content:center;background:#444;cursor:pointer}@media (hover: hover){.button-pixel-density-indicator-min-max:hover{background:#888}}@media (hover: none){.button-pixel-density-indicator-min-max:activ{background:#888}}.portrait-place{width:max-content;position:relative;top:0;left:-58px}.portrait-place canvas{border-radius:10px}.portrait-place .button-portrait-settings{position:absolute;top:2px;right:2px;width:40px;height:40px;display:grid;place-content:center;background-color:#0002;cursor:pointer;border-radius:7px;transition:all .2s ease-out}.portrait-place .button-portrait-settings svg path{fill:#000}.portrait-place .button-portrait-switcher{position:absolute;top:2px;left:2px;width:40px;height:40px;display:grid;place-content:center;background-color:#0002;cursor:pointer;border-radius:7px;transition:all .2s ease-out}.portrait-place .button-portrait-switcher svg path{fill:#000}@media (hover: hover){.portrait-place .button-portrait-settings:hover{background-color:#0008}}@media (hover: none){.portrait-place .button-portrait-settings:activ{background-color:#0008}}.pixel-density-title{font-size:12px;text-align:center;display:grid;place-content:center;margin:0 8px}.pixel-density-digits{margin:0 8px 0 0}.pixel-density-digits .pixel-density-value{font-size:14px;font-weight:700;text-align:center}.pixel-density-digits .pixel-density-unit{font-size:12px;text-align:center;font-weight:100}.autonumbers-container{overflow-y:auto}.autonumber{display:flex;white-space:nowrap;cursor:pointer;padding:4px 8px}@media (hover: hover){.autonumber:hover{background:#0004}}@media (hover: none){.autonumber:activ{background:#0004}}.selected-autonumber{background:#0008;border:1px solid #ff0}.modal-background{width:100vw;height:100svh;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:flex-start}.modal-background .modal-wrapper{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-width:375px;width:95%;min-height:375px;gap:16px;background:#4f5767;border-radius:8px}@media (min-width: 480px){.modal-background .modal-wrapper{width:400px}}.modal-background .modal-wrapper .modal-header{width:100%;height:48px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background:#1a1a1a;font-weight:700;font-size:16px}.modal-background .modal-wrapper .modal-body{width:100%;height:70svh;flex-shrink:1}.modal-background .modal-wrapper .modal-buttons{width:100%;height:48px;flex-shrink:0;display:flex}#properties-editor{transition:all .2s ease-out;position:fixed;width:400px;height:calc(100svh - 46px);background-color:#363e4d;display:flex;flex-direction:column}@media (max-width: 480px) and (max-height: 991px){#properties-editor{width:calc(100svw - 48px)}}@media (max-width: 930px) and (max-height: 480px){#properties-editor{width:50svw}}#properties-editor .selection-message{width:100%;height:100%;display:grid;place-content:center}#properties-editor .selection-message .nothing-selected{-webkit-user-select:none;user-select:none;cursor:default}#properties-editor .editor-header .one-item-selected{cursor:pointer}#properties-editor .editor-area{height:100%;padding:0 8px;overflow-y:scroll}.visible-properties-editor{z-index:40;top:46px;right:48px}.invisible-properties-editor{z-index:1;right:-100svw;top:46px}.property-editor-gap{gap:8px}.property-editor-row-item{width:100%;cursor:default}.property-editor-row-item select{width:100%}.property-editor-row-title{font-size:14px}.flex-grow-on{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.flex-grow-off{flex-shrink:0}.property-editor-header{font-size:16px;font-weight:700;margin:6px 0 0}.camera-type-icon{background:#3f4d67;transition:all .2s ease-in;width:80px;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center;margin:8px;padding:8px 0;border-radius:8px;gap:4px}.camera-type-icon .triple-dots{gap:4px;margin:8px 0 0}.camera-type-icon .triple-dots div{width:5px;height:5px;background:#eee;border-radius:50%}.camera-type-icon .menu-icon-title{font-size:10px}.camera-type-icon svg{width:32px;height:32px}.camera-type-icon svg path{fill:#ddd}@media (hover: hover){.camera-type-icon:hover{background:#43567a}}@media (hover: none){.camera-type-icon:active{background:#43567a}}.label-main{height:26px;background:#b6bcc6;padding:4px;border-radius:8px}.label-tail{color:#000;font-weight:700;margin:0 4px 0 8px;font-size:13px}.options-count{width:24px;height:24px;margin:0 4px;background:#e15a00;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:6px}.header-content-wrapper{background:linear-gradient(90deg,#282c34 1%,#282c3400);border-radius:6px}.header-content-wrapper-min{background:linear-gradient(90deg,#3f4d67 1%,#3f4d6700);border-radius:6px}.camera-icon{background:#eee;width:40px;height:40px;display:grid;place-items:center;border-radius:6px;border:2px solid #555}.camera-icon svg{width:32px;height:32px}.camera-icon svg path{stroke:#333;stroke-width:.85px;stroke-linecap:butt}.editor-header{justify-content:space-between;align-items:center;height:40px;-webkit-user-select:none;user-select:none;cursor:pointer;margin:8px;background:#363e4d;color:#eee}.editor-header svg path{fill:#fff}.editor-area .selected-model{background:#3f4d67;border:1px solid #0db3dd}.editor-area .model{border:1px solid #3f4d67}.vendor-label{background:#3f4d67;padding:2px 4px;font-weight:700;border-radius:6px}.panel-title{background:#363e4d;padding:2px 4px;font-weight:700;border-radius:6px}.sensor-header{height:32px}.sensor-header:first-child{margin:0 8px}.sensor-header .active-header{-webkit-user-select:none;user-select:none;padding:0 8px;border-radius:6px;cursor:pointer}.sensor-header .selected{background:#3f4d67;cursor:unset}@media (hover: hover){.sensor-header .active-header:hover{background:#0db3dd}.sensor-header .selected:hover{background:#3f4d67}}@media (hover: hover){.sensor-header .active-header:active{background:#0db3dd}.sensor-header .selected:active{background:#3f4d67}}.sensor-shorts{font-size:14px;color:#888}.properties-editor-tab{position:absolute;bottom:0;right:0;width:48px;height:96px;z-index:20;border:2px solid #000000;background:linear-gradient(0deg,#000,#2b2b2b);display:flex;flex-direction:column;align-items:center;justify-content:center;border-top-right-radius:unset;border-bottom-right-radius:unset;border-top-left-radius:16px;border-bottom-left-radius:16px}.properties-editor-tab-active{border:2px solid #dd0;border-left:unset;border-top-right-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:unset;border-bottom-left-radius:unset}.search-input{height:36px;border:1px solid #888;border-radius:8px;margin:0 16px;padding:0 16px;flex-shrink:0}.select-content{width:100%;height:100%;display:flex;flex-direction:column;gap:16px}.select-content .search-input{height:50px;font-size:24px;border:2px solid #ddd}.select-lock{display:flex;justify-content:center;align-items:center}.select-lock svg{transform:scale(.75)}.modal-panel-list{overflow-y:auto;width:100%;height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:flex-start;color:#fff}.modal-panel-list .modal-panel-list-container{margin:0 16px}.modal-panel-list .modal-panel-list-container .modal-panel-list-item{height:32px;width:100%;padding:0 16px;background:#1a1a1a;border:1px solid #333;-webkit-user-select:none;user-select:none;display:flex;align-items:center}.modal-panel-list .modal-panel-list-container .selected{background:#43567a}.modal-panel-list .modal-panel-list-container .modal-numeric-list{display:flex;flex-wrap:wrap;gap:8px;height:min-content;justify-content:center}.modal-panel-list .modal-panel-list-container .modal-numeric-list .numeric-item{display:flex;justify-content:center;align-items:center;background:#424d65;border:2px solid #888;width:60px;height:40px;-webkit-user-select:none;user-select:none;border-radius:8px;transition:all .2s ease-out}.modal-panel-list .modal-panel-list-container .modal-numeric-list .selected{border:2px solid #0db3dd;font-size:28px;font-weight:700;color:#fff}@media (hover: hover){.modal-panel-list .modal-panel-list-container .modal-panel-list-item:hover{background:#43567a}.modal-panel-list .modal-panel-list-container .modal-numeric-list .numeric-item:hover{background:red;border:2px solid #0db3dd}}@media (hover: none){.modal-panel-list .modal-panel-list-container .modal-panel-list-item:active{background:#43567a}.modal-panel-list .modal-panel-list-container .modal-numeric-list .numeric-item:active{background:#0db3dd;border:2px solid #0db3dd}}.spinner{width:20px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 #fff;animation:model-spinner 1.5s infinite linear;position:relative}.spinner:after,.spinner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:0 0 #fff;animation:inherit;animation-delay:-.5s}.spinner:after{animation-delay:-1s}@keyframes model-spinner{to{box-shadow:0 0 0 40px #0000}}.model-image-container{margin:0 16px;display:flex;flex-shrink:0;gap:16px;height:150px;min-width:100px}.model-image-container img{box-shadow:0 0 20px #0008;height:100px;width:100px;background-color:#fff;border-radius:6px}.model-image-container .spinner-container{width:100%;height:100%;display:grid;place-content:center}.model-image-container .unsupported-model{margin:8px 0 0;font-size:12px;color:#aaa}.model-image-container .unsupported-model .link-to-support{margin:8px 0 0;padding:6px 4px;display:grid;place-content:center;background:linear-gradient(0deg,#5d8b02,#8fd405,#5d8b02);border-radius:6px;box-shadow:0 0 20px #0008}.model-image-container .unsupported-model .link-to-support a{color:#fff;font-weight:700;text-decoration:none}.model-panel-list-container{margin:0 16px;height:calc(100% - 230px);flex-shrink:1;display:flex;flex-direction:column-reverse;justify-content:flex-start}.model-panel-list-container .modal-panel-list{height:100%;background:#424d65}.model-panel-list-container .modal-panel-list .modal-panel-list-item{height:32px;padding:0 16px;background:#1a1a1a;border:1px solid #333;-webkit-user-select:none;user-select:none;display:flex;align-items:center;color:#fff}.model-panel-list-container .modal-panel-list .unsupported{color:#68afff;background:#222}.model-panel-list-container .modal-panel-list .selected{background:#43567a}.camera-type-selector{border:2px solid #808080;align-items:center;justify-content:space-between;padding:0 2px;border-radius:8px}.camera-model-photo{border:2px solid #808080;display:flex;align-items:center;justify-content:cneter;padding:0 8px;border-radius:8px}.camera-model-photo img{border-radius:6px}.select-scrolable-number-container{border:1px solid red;margin:0 16px}.selected-number-frame{display:flex;position:absolute;border:1px solid #fff;width:100%;height:100%}.selected-number-frame .frame{border:2px solid #ff0;width:60px;height:40px}.button-scroll-by-step{border:1px solid red;height:50px}.scroller{width:90px;height:180px;display:flex;justify-content:center;flex-direction:column}.scroller:before{content:"";border:1px solid #ff0;width:100%;height:5px;transform:translateY(75px)}.scroller:after{content:"";border:1px solid #ff0;width:100%;height:5px;transform:translateY(-75px)}.scroll-container{overflow:scroll;scrollbar-width:none;width:100%}.scroll-container .scroll-number{width:100%;cursor:default;display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.select-number-image-container{margin:0 16px;display:flex;justify-content:center;flex-shrink:0;gap:16px}.select-number-image-container img{height:100px;width:auto}.select-number-container{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px;height:100%;border:2px solid #888;border-radius:8px;margin:0 16px;justify-content:center;align-items:center}.select-number-container .modal-numeric-list{display:flex;flex-wrap:wrap;gap:8px;height:min-content;justify-content:center}.select-number-container .modal-numeric-list .numeric-item{display:flex;justify-content:center;align-items:center;background:#424d65;width:max-content;min-width:36px;padding:0 4px;height:36px;-webkit-user-select:none;user-select:none;border:2px solid #888;border-radius:8px;transition:all .2s ease-out}.select-number-container .modal-numeric-list .selected{border:2px solid #0db3dd;font-size:24px;font-weight:700;color:#fff}@media (hover: hover){.select-number-container .modal-numeric-list .numeric-item:hover{background:#0db3dd;border:2px solid #0db3dd}}@media (hover: none){.select-number-container .modal-numeric-list .numeric-item:active{background:#0db3dd;border:2px solid #0db3dd}}.select-number-input{display:flex}.select-number-input .input-with-button-wrapper{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:0 16px}.select-number-input .input-with-button-wrapper .input-value{border:2px solid #aaa;width:100%;border-radius:8px}.select-number-input .input-with-button-wrapper .input-value input{width:calc(100% - 32px);font-size:24px;font-weight:700;text-align:center;padding:4px 16px;border-radius:8px;border:unset;outline:none}.select-number-input .input-with-button-wrapper .invalid{border:2px solid #f00}.select-number-input .input-with-button-wrapper .select-number-change-value{width:50px;height:50px;min-width:max-content;flex-shrink:0;color:#ddd;border:2px solid #aaa;border-radius:6px;background:#ba6520;display:flex;justify-content:center;align-items:center}.select-number-input .input-with-button-wrapper .select-number-change-value svg{transform:scale(1.33)}.select-number-input .input-with-button-wrapper .select-number-change-value svg path{fill:#ddd}.select-number-input .input-with-button-wrapper .disabled-button{background:#444;border-color:#666}@media (hover: hover){.select-number-input .input-with-button-wrapper .select-number-change-value:hover{background:#0db3dd;border:2px solid #0db3dd}.select-number-input .input-with-button-wrapper .select-number-change-value:hover svg{transform:scale(1.33)}.select-number-input .input-with-button-wrapper .select-number-change-value:hover svg path{fill:#fff}}@media (hover: none){.select-number-input .input-with-button-wrapper .select-number-change-value:active{background:#0db3dd;border:2px solid #0db3dd}.select-number-input .input-with-button-wrapper .select-number-change-value:active svg{transform:scale(1.33)}.select-number-input .input-with-button-wrapper .select-number-change-value:active svg path{fill:#fff}}.select-range-number-container{width:100%;display:flex;flex-direction:column;gap:16px}.select-range-number-container .ranges-list{margin:0 16px;display:flex;flex-wrap:wrap;border:2px solid #888;gap:8px;justify-content:center;padding:8px 0;border-radius:8px}.select-range-number-container .ranges-list .range-item{-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:8px;border:1px solid #b6bcc6;background:#424d65;display:flex;align-items:center}.select-range-number-container .ranges-list .selected{background:#0db3dd;border:1px solid #0db3dd}.comment-wrapper{width:100%;min-height:50px}.comment{position:relative;height:150px;width:100%;gap:8px;margin:0 8px}.comment .comment-image-group{display:flex;justify-content:space-between;flex-shrink:0}.comment .comment-image-group .button-delete-wrapper{display:grid;place-content:center;position:absolute;flex-shrink:0;top:0;left:0;background:#0003;width:24px;height:24px;border-bottom-right-radius:8px}.comment .comment-image-group .button-delete-wrapper svg{transform:rotate(45deg)}.comment .comment-image-group .comment-image{flex-shrink:1;max-width:150px;width:100px;height:auto;object-fit:cover;background:#0005;border-radius:6px}.comment .comment-content{display:flex;flex-direction:column;width:100%;font-size:14px;padding:8px;overflow-y:auto}.comment .comment-content .comment-date{font-size:12px;font-weight:700;padding:4px;text-align:left;background:#0003;border-radius:6px}.comment .comment-content .comment-text{background:#fff3;margin:8px 12px 0;padding:8px;border-radius:6px}@media (hover: hover){.comment .comment-image-group .button-delete-wrapper:hover{background:#0008}}@media (hover: none){.comment .comment-image-group .button-delete-wrapper:active{background:#0008}}.modal-comment-content{width:fit-content;gap:8px}.modal-comment-content .comment-image{border-radius:6px}.modal-comment-content .comment-content{display:flex;flex-direction:column;gap:8px;width:100%;font-size:14px;padding:8px 0}.modal-comment-content .comment-content .comment-header{width:100%;display:flex;justify-content:space-between;padding:4px 0}.modal-comment-content .comment-content .comment-header .comment-date{width:fit-content;font-size:12px;font-weight:700;padding:4px 12px;text-align:left;background:#0003;border-radius:6px}.modal-comment-content .comment-content .comment-header .comment-buttons .button-delete-wrapper{display:grid;position:relative;place-content:center;flex-shrink:0;left:-5px;background:#0003;width:24px;height:24px;border-radius:8px}.modal-comment-content .comment-content .comment-header .comment-buttons .button-delete-wrapper svg{transform:rotate(45deg)}.modal-comment-content .comment-content .comment-text{background:#fff3;margin:0 12px;padding:8px;border-radius:6px}@media (hover: hover){.modal-comment-content .comment-content .comment-header .comment-buttons .button-delete-wrapper:hover{background:#0008}}@media (hover: none){.modal-comment-content .comment-content .comment-header .comment-buttons .button-delete-wrapper:active{background:#0008}}.add-comment-wrapper{display:flex;justify-content:space-between;gap:8px;background:#48363611;padding:8px 4px;border-top:2px solid #eee}.add-comment-wrapper textarea{width:100%;border-radius:6px;padding:4px 8px;resize:none;border:none}.add-comment-wrapper .button-add-comment{background:#363848;border-radius:6px;width:64px;display:grid;place-content:center}@media (hover: hover){.add-comment-wrapper .button-add-comment:hover{background:#242530}}@media (hover: none){.add-comment-wrapper .button-add-comment:active{background:#242530}}.button-edit-wrapper{display:grid;place-content:center;width:24px;height:24px;background:#0005;border:1px solid rgba(0,0,0,.8666666667);position:absolute;top:0;right:0}.button-edit-wrapper svg{width:16px}@media (hover: hover){.button-edit-wrapper:hover{background:#0008}}@media (hover: none){.button-edit-wrapper:active{background:#0008}}.display-text{width:100%;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;font-weight:700;justify-content:space-between;-webkit-user-select:none;user-select:none;padding:0 8px}.select-text-wrapper{width:100%;height:50px;padding:0 16px;display:grid;place-items:center}.select-text-wrapper input{border:2px solid #aaa;width:100%;border-radius:8px;height:42px;padding:0 12px;box-sizing:border-box;text-align:center}.add-image-with-comment{width:100%;height:40px;min-width:max-content;flex-shrink:0;color:#ddd;border:2px solid #aaa;border-radius:6px;background:#36435d;display:flex;justify-content:center;align-items:center;font-weight:700}@media (hover: hover){.add-image-with-comment:hover{background:#0db3dd;border:2px solid #0db3dd}}@media (hover: none){.add-image-with-comment:active{background:#0db3dd;border:2px solid #0db3dd}}.button-add-icon{width:calc(100% - 20px);height:40px;min-width:max-content;flex-shrink:0;color:#ddd;border-radius:6px;display:flex;justify-content:center;align-items:center;margin:16px 0;background:#36435d;border:2px solid #b6bcc6}.button-add-icon:hover{background:#0db3dd;border:2px solid #0db3dd}.button-add-icon:hover svg{transform:scale(1.33)}.button-add-icon:hover svg path{fill:#fff}.button-add-icon .camera-image-file-input{display:flex;width:100%}.button-add-icon .camera-image-file-input span{display:flex;align-items:center;justify-content:center;cursor:pointer;margin:8px;width:100%}.button-add-icon .camera-image-file-input input{display:none}.button-add-icon .camera-image-file-input svg{transform:scale(1.33)}.button-add-icon .camera-image-file-input svg path{fill:#ddd}.button-icon-favorite svg path{fill:#fff}.button-marked{background:#2d56a3}.button-icon-favorite{display:grid;place-content:center;width:40px;height:100%;border:2px solid #b6bcc6;border-radius:6px;transition:all .2s ease-out}@media (hover: hover){.button-icon-favorite:hover{background:#0db3dd;border:2px solid #0db3dd}.button-icon-favorite:hover svg{transition:all .2s ease-out;transform:scale(1.33)}.button-icon-favorite:hover svg path{fill:#fff}}@media (hover: none){.button-icon-favorite:active{background:#0db3dd;border:2px solid #0db3dd}.button-icon-favorite:active svg{transition:all .2s ease-out;transform:scale(1.33)}.button-icon-favorite:active svg path{fill:#fff}}.button-clear-value{width:20px;min-width:20px;margin:0 10px;height:20px;cursor:pointer;background:#36435d;border:2px solid #b6bcc6;border-radius:20%;color:#b6bcc6;font-size:24px;line-height:10px;display:flex;align-items:center;justify-content:center}.button-clear-value div{transform:translate(2px,-2px) rotate(45deg)}.favorite-recent-wrapper{height:30px;background:#36435d}.favorite-recent-item{margin:0 8px;font-size:14px;cursor:pointer;padding:0 10px 0 0;transition:all .2s ease-in-out;border-radius:6px}.favorite-recent-item:hover{background:#0db3dd}.favorite-recent-item svg{width:20px;height:20px}@media (hover: hover){.favorite-recent-item:hover{background:#0db3dd}}@media (hover: none){.favorite-recent-item:active{background:#0db3dd}}.select-modal{width:100%;display:flex;justify-content:space-between;border-radius:8px;background:#b6bcc6;color:#333;border:2px solid #808080;cursor:default;transition:all .2s ease-out}.select-modal .display-value{width:100%;height:32px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;font-weight:700;justify-content:space-between;-webkit-user-select:none;user-select:none}.select-modal .display-value .range .range-value-wrapper{display:flex;align-items:center;justify-content:center}.select-modal .change-value{width:36px;min-width:36px;height:32px;cursor:pointer;border:2px solid #555;border-radius:6px;background-color:#f0f0f0;color:#000;font-size:24px;line-height:10px}.select-modal .clear-value{width:20px;min-width:20px;height:20px;cursor:pointer;border:2px solid rgba(85,85,85,0);background-color:#ddd;border-radius:20%;color:#000;font-size:24px;line-height:10px;display:flex;align-items:center;justify-content:center}.select-modal .clear-value div{transform:translate(2px,-2px) rotate(45deg)}.select-modal .disabled-selection{background:#ccc}@media (hover: hover){.select-modal:hover{background:#eff5ff;border:2px solid #0db3dd;cursor:pointer}}@media (hover: none){.select-modal:active{background:#eff5ff;border:2px solid #0db3dd}}.locked{background:#888;border-radius:6px}#LOADER{width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;background:#00000050;display:flex;justify-content:center;align-items:center;font-size:16px}#project-manager{transition:all .2s ease-out;position:fixed;width:400px;height:100svh;background-color:#363e4d;display:flex;flex-direction:column;z-index:30;gap:8px}@media (max-width: 480px) and (max-height: 991px){#project-manager{width:calc(100svw - 48px)}}@media (max-width: 930px) and (max-height: 480px){#project-manager{width:50svw}}.visible-project-manager{z-index:20;top:46px;right:48px}.invisible-project-manager{z-index:1;top:46px;right:-100svw}.project-manager-header{font-size:16px;font-weight:700;padding:8px}.project-manager-tab{position:absolute;bottom:100px;right:0;z-index:30;width:48px;height:96px;border:2px solid #000000;background:linear-gradient(0deg,#000,#2b2b2b);display:flex;flex-direction:column;align-items:center;justify-content:center;border-top-right-radius:unset;border-bottom-right-radius:unset;border-top-left-radius:16px;border-bottom-left-radius:16px}.project-manager-tab-active{border:2px solid #dd0;border-left:unset;border-top-right-radius:16px;border-bottom-right-radius:16px;border-top-left-radius:unset;border-bottom-left-radius:unset}.tab-icon{width:48px;height:48px;display:grid;place-content:center}.tab-icon svg{width:32px;height:32px}.tab-icon svg path{fill:#fff}.tab-properties-icon svg path{fill:#ff0}.panel-icon{width:32px;height:32px;display:grid;place-content:center}.panel-icon svg{width:32px;height:32px}.panel-icon svg path{fill:#fff}.cctv-object-type-root{margin:0 8px}.typed-tree-element{background:linear-gradient(90deg,#282c34 1%,#282c3400);padding:4px;border-radius:8px}.typed-tree-element .button-tree-root{width:30px;height:30px;display:grid;place-items:center}.typed-tree-element .button-tree-root svg{border:1px solid #fff;border-radius:6px}.typed-tree-element .button-tree-root svg path{fill:#fff}.typed-tree-element .typed-tree-element-title svg path{stroke:#fff;stroke-width:.85px;stroke-linecap:butt}.typed-tree-elements-list .project-object{-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#282c34 1%,#282c3400);padding:4px 8px;margin:0 0 0 8px;font-size:14px;border-radius:6px;justify-content:space-between}.typed-tree-elements-list .project-object svg path{fill:#fff}.typed-tree-elements-list .project-object .button-icon svg path{fill:#777}.typed-tree-elements-list .project-object .button-select-object{width:36px;height:28px}.typed-tree-elements-list .project-object .active svg path{fill:#ff0}.typed-tree-elements-list .selected{background:linear-gradient(90deg,#ff01 1%,#ff03)}@media (hover: hover){.typed-tree-elements-list .project-object .button-icon:hover{border:1px solid rgba(255,255,0,.3333333333)}.typed-tree-elements-list .project-object .button-icon:hover svg path{fill:#ff0a}}@media (hover: none){.typed-tree-elements-list .project-object .button-icon:active{border:1px solid rgba(255,255,0,.3333333333)}.typed-tree-elements-list .project-object .button-icon:active svg path{fill:#ff0a}}.toolbox-spacer{height:32px}.button-icon{display:grid;place-items:center;width:28px;height:28px;cursor:pointer;border:1px solid rgba(255,255,0,0);border-radius:6px}.button-icon svg path{fill:#777}@media (hover: hover){.button-icon:hover{border:1px solid yellow}.button-icon:hover svg path{fill:#ff0a}}@media (hover: none){.button-icon:active{border:1px solid yellow}.button-icon:active svg path{fill:#ff0a}}.button-tab-max{background-color:#444;transform:rotate(180deg)}.button-tab-min{background-color:#444;transform:rotate(0)}.progress-area{-webkit-user-select:none;user-select:none;position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:0 8px;border-radius:6px;background:#0008}.progress-area .progress-step{display:flex;align-items:center;gap:8px}.progress-area .progress-step .step-number{display:grid;place-content:center;border:2px solid #b6bcc6;background:#0006;border-radius:8px;width:40px;height:40px}.progress-area .active .step-number{background:#fff;color:#2d56a3;font-size:18px;font-weight:700}.progress-area .step-button{display:grid;place-content:center;height:50px;background:#2d56a3;border-radius:16px;font-weight:700}.progress-area .step-button svg{transform:scale(2) rotate(180deg)}.progress-area .step-button svg:first-child{transform:scale(2) rotate(0)}.progress-area .disabled{background:#424d65}.progress-area .invisible{opacity:0}.background-wisard-length-button{position:absolute;left:50%;bottom:16px;transform:translate(-50%);min-width:300px;min-height:70px;display:grid;place-content:center;background:#2d56a3;color:#ddd;font-weight:700;font-size:32px;border-radius:2px;box-shadow:0 0 5px #2d56a3aa;transition:all .2s ease-out}@media (hover: hover){.background-wisard-length-button:hover{color:#fff;background:#78a32d;box-shadow:0 0 50px #78a32daa}}@media (hover: none){.background-wisard-length-button:active{color:#fff;background:#78a32d;box-shadow:0 0 50px #78a32daa}}.load_button{position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#0008;flex-direction:column;gap:16px}.load_button .error-massage{color:#fff;border:1px solid red;padding:8px 16px;background:#000;border-radius:8px}.length-value-title{font-size:26px;text-align:center;font-weight:700;margin:16px 0}.input-number-digit{height:140px}.input-number-digit .value-digit{width:max-content;height:60px;width:50px;font-size:48px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:default;-webkit-user-select:none;user-select:none}.input-number-digit .value-changer{width:40px;height:40px;display:grid;place-content:center;cursor:pointer}.input-number-digit .value-changer svg{height:30px;width:30px;border:2px solid #444;border-right:none;border-top-left-radius:8px;border-bottom-left-radius:8px}.input-number-digit .value-changer:first-child svg{transform:rotate(90deg)}.input-number-digit .value-changer:nth-child(3) svg{transform:rotate(-90deg)}.input-number-digit-with-delimiter{margin:0}.input-number-digit-with-delimiter .value-digit{transform:translate(4px)}.input-number-digit-ft-fractiuon .value-digit,.input-number-digit-m-fractiuon .value-digit{display:flex;justify-content:flex-start;transform:translate(10px)}.input-number-digit-invalid{color:red}.input-number-digit-lead-zero{color:#666}.input-number-unit{justify-content:space-between;height:130px;margin:0 0 0 18px}.input-number-unit .unit-value{display:grid;place-content:center;-webkit-user-select:none;user-select:none;width:36px;height:36px;font-weight:700;border:2px solid #888;border-radius:6px;cursor:pointer}.input-number-unit .active-value{background:#ff0;color:#000;border:2px solid #ff0;cursor:default}