*{padding:0;margin:0;position:relative;box-sizing:border-box;font-family:Helvetica,sans-serif}body{width:100vw;height:100vh;background-color:var(--light-grey-4)}[hidden]{display:none!important}:root{--white-1: rgb(250, 250, 250);--black-1: #1f1e25;--black-1-hover: #8b8a8f;--black-2: #111;--dark-grey-1: #353535;--dark-grey-1-hover: #a8a8a8;--light-grey-1: lightgrey;--light-grey-1-hover: rgb(210, 210, 210);--light-grey-2: #b4b3b3;--light-grey-3: #dddddd;--light-grey-4: #e8e8e8;--green-1: rgb(11, 130, 11);--green-1-hover: rgb(38, 159, 38);--blue-1: rgb(25, 91, 205);--blue-1-hover: rgb(73, 133, 236);--blue-outline: #0060df;--blue-2: rgb(113, 223, 240)}.layer-0{z-index:0}.layer-1{z-index:100}.layer-2{z-index:200}.layer-3{z-index:300}.layer-4{z-index:400}.layer-5{z-index:500}.rounded-button{border-radius:5px;background-color:var(--black-1);color:var(--white-1);border:none;padding:.5rem;font-size:.9rem;transition-duration:.4s;display:flex;align-items:center}.rounded-button:hover{cursor:pointer;background-color:var(--black-1-hover)}.rounded-button.green{background-color:var(--green-1)}.rounded-button.green:hover{background-color:var(--green-1-hover)}.rounded-button.blue{background-color:var(--blue-1)}.rounded-button.blue:hover{background-color:var(--blue-1-hover)}.rounded-button img{max-height:1.1rem;margin-right:.5rem}.panel-button{width:3rem;height:3rem;border:none;background-color:transparent;transition-duration:.4s;display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--black-2)}.panel-button:hover{background-color:var(--light-grey-4);cursor:pointer}.panel-button[data-selected]{background-color:var(--blue-2)}.panel-button img{width:50%;object-fit:contain}.link-button{text-decoration:underline;background-color:transparent;border:none;color:var(--dark-grey-1);transition-duration:.4s}.link-button:hover{color:var(--dark-grey-1-hover);cursor:pointer}button-panel{background-color:var(--white-1);box-shadow:0 0 20px -5px var(--light-grey-2);border-radius:10px;color:var(--black-2);display:flex;flex-direction:column;overflow:hidden;height:min-content}button-panel button{width:3rem;height:3rem;border:none;background-color:transparent;transition-duration:.4s;display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--black-2)}button-panel button:hover{background-color:var(--light-grey-4);cursor:pointer}button-panel button[data-selected]{background-color:var(--blue-2)}button-panel button img{width:50%;object-fit:contain}input{font-size:1.1rem;border:1px solid var(--light-grey-2);border-radius:5px;background-color:#fff;height:2rem;margin:.5rem 0 .75rem;padding:0 .5rem;width:100%}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}details-panel-component{background-color:var(--white-1);box-shadow:0 0 20px -5px var(--light-grey-2);color:var(--black-2);overflow:hidden;font-weight:600;display:flex;flex-direction:column;width:18rem;padding:.75rem;border-radius:0 20px 20px 0;transition-duration:.5s}details-panel-component.closed{margin-left:-18rem}details-panel-component #close-details-panel-button{width:3rem;height:3rem;border:none;background-color:transparent;transition-duration:.4s;display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--black-2);transform:scaleX(-1);position:absolute;right:1.75rem;bottom:1.75rem}details-panel-component #close-details-panel-button:hover{background-color:var(--light-grey-4);cursor:pointer}details-panel-component #close-details-panel-button[data-selected]{background-color:var(--blue-2)}details-panel-component #close-details-panel-button img{width:50%;object-fit:contain}shape-selector-component{background-color:var(--white-1);box-shadow:0 0 20px -5px var(--light-grey-2);border-radius:10px;color:var(--black-2);display:flex;flex-direction:column;overflow:hidden;height:min-content}shape-selector-component button{width:3rem;height:3rem;border:none;background-color:transparent;transition-duration:.4s;display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--black-2)}shape-selector-component button:hover{background-color:var(--light-grey-4);cursor:pointer}shape-selector-component button[data-selected]{background-color:var(--blue-2)}shape-selector-component button img{width:50%;object-fit:contain}shape-selector-button-component{width:3rem;height:3rem;border:none;background-color:transparent;transition-duration:.4s;display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--black-2)}shape-selector-button-component:hover{background-color:var(--light-grey-4);cursor:pointer}shape-selector-button-component[data-selected]{background-color:var(--blue-2)}shape-selector-button-component img{width:50%;object-fit:contain}shape-selector-button-component[data-name=mouse]{padding:.15rem}shape-selector-button-component[data-name=square]{padding:.15rem}shape-selector-button-component[data-name=bin]{padding:.15rem}floor-plan-component{flex-basis:0;flex-grow:1;background-color:var(--light-grey-4)}floor-plan-component #permanent-canvas{z-index:100}floor-selector-component{display:flex;flex-direction:column;position:absolute}floor-selector-component section{background-color:var(--white-1);box-shadow:0 0 20px -5px var(--light-grey-2);border-radius:10px;color:var(--black-2);display:flex;flex-direction:column;overflow:hidden;height:min-content}floor-selector-component section button{width:3rem;height:3rem;border:none;background-color:transparent;transition-duration:.4s;display:flex;justify-content:center;align-items:center;font-size:1.1rem;color:var(--black-2)}floor-selector-component section button:hover{background-color:var(--light-grey-4);cursor:pointer}floor-selector-component section button[data-selected]{background-color:var(--blue-2)}floor-selector-component section button img{width:50%;object-fit:contain}floor-selector-component section#floor-selector-button-panel{flex-direction:column-reverse;margin-top:.5rem}floor-selector-component button{font-size:1.2rem}floor-selector-component #add-floor-button img{width:1rem}[data-template=details-panel-form]{display:flex;flex-direction:column;padding:1rem}[data-template=details-panel-form] [data-tag=title]{font-size:2rem;margin-bottom:1.5rem}[data-template=details-panel-form] label{margin-top:.5rem}canvas-component{position:absolute;width:100%;height:100%}canvas-component canvas{position:absolute;width:100%;height:100%}[data-template=url-router]{width:100%;height:100%;display:flex;flex-direction:column}floor-plan-view-component{background-color:var(--white-1);display:flex;height:100%}floor-plan-view-component aside{position:absolute;display:flex;flex-direction:row;height:100vh}floor-plan-view-component aside>button-panel{position:absolute;left:1rem;bottom:1rem}floor-plan-view-component details-panel-component,floor-plan-view-component shape-selector-component{margin-top:1rem;margin-bottom:1rem}floor-plan-view-component shape-selector-component{margin-left:1rem}floor-plan-view-component floor-selector-component{top:1rem;right:1rem}properties-view-component{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh}properties-view-component #main-section{width:60rem}properties-view-component #top-bar{display:flex;align-items:center;border-bottom:1px solid var(--light-grey-1);height:5rem;padding:0 1rem}properties-view-component #property-list{height:calc(100vh - 5rem);overflow-y:scroll;padding:0 1rem}properties-view-component #property-search-bar{margin:2rem auto 2rem 0;display:flex}properties-view-component #property-search-bar text-and-drop-down-input-component{height:2.5rem;border-top-right-radius:0;border-bottom-right-radius:0;width:35rem}properties-view-component #property-search-bar text-and-drop-down-input-component select{width:9rem}properties-view-component #property-search-bar button{border-top-left-radius:0;border-bottom-left-radius:0;height:2.5rem}properties-view-component #add-property-pop-up{width:70rem}property-panel-component{background-color:var(--white-1);box-shadow:0 0 20px -5px var(--light-grey-2);border-radius:10px;color:var(--black-2);overflow:hidden;display:flex;flex-direction:row;margin:1rem 0;width:100%}property-panel-component img{height:12rem;width:17rem;border-right:1px solid var(--light-grey-1);object-fit:cover}property-panel-component ul{display:flex;flex-direction:column;list-style-type:none;padding:1rem;width:40%;margin-left:1rem}property-panel-component ul li{margin-bottom:.25rem;display:flex;flex-direction:row}property-panel-component ul li>*{width:50%}property-panel-component section{border-left:1px solid var(--light-grey-1);margin-left:auto;width:10rem;display:flex;justify-content:center;align-items:center}text-and-drop-down-input-component{font-size:1.1rem;border:1px solid var(--light-grey-2);height:2rem;display:flex;flex-direction:row;width:20rem;background-color:#fff;border-radius:5px}text-and-drop-down-input-component[data-focused]{outline:2px solid var(--blue-outline)}text-and-drop-down-input-component select{margin:.3rem .5rem;width:5rem;border:none;border-radius:5px;font-size:.9rem;transition-duration:.3s;padding-left:.5rem}text-and-drop-down-input-component select:hover{cursor:pointer}text-and-drop-down-input-component input{border:none;height:100%;flex-grow:1;outline:none;font-size:.9rem;margin:0}[data-template=pop-up]{position:absolute;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}@keyframes show-pop-up{0%{visibility:hidden}1%{visibility:visible}to{visibility:visible}}@keyframes hide-pop-up{0%{visibility:visible}99%{visibility:visible}to{visibility:hidden}}@keyframes expand-content{0%{scale:0}to{scale:1}}@keyframes collapse-content{0%{scale:1}to{scale:0}}@keyframes fade-in-background{0%{opacity:0}to{opacity:.5}}@keyframes fade-out-background{0%{opacity:.5}to{opacity:0}}[data-template=pop-up][data-open="0"],[data-template=pop-up]:not([data-open]){animation:hide-pop-up;animation-duration:.3s;animation-timing-function:ease-in;visibility:hidden}[data-template=pop-up][data-open="0"] pop-up-content,[data-template=pop-up]:not([data-open]) pop-up-content{animation:collapse-content;animation-duration:.3s;animation-timing-function:ease-in}[data-template=pop-up][data-open="0"] pop-up-background,[data-template=pop-up]:not([data-open]) pop-up-background{animation:fade-out-background;animation-duration:.3s;animation-timing-function:ease-in}[data-template=pop-up][data-open="1"]{animation:show-pop-up;animation-duration:.3s;animation-timing-function:ease-out;visibility:visible}[data-template=pop-up][data-open="1"] pop-up-content{animation:expand-content;animation-duration:.3s;animation-timing-function:ease-out}[data-template=pop-up][data-open="1"] pop-up-background{animation:fade-in-background;animation-duration:.3s;animation-timing-function:ease-out}[data-template=pop-up] pop-up-background{background-color:gray;width:100vw;height:100vh;position:absolute;opacity:.5}[data-template=pop-up] pop-up-content{background-color:var(--white-1);box-shadow:0 0 20px -5px var(--light-grey-2);border-radius:10px;color:var(--black-2);overflow:hidden;display:flex;flex-direction:column;padding:2rem;max-width:90%}[data-template=pop-up] pop-up-content>.panel-button{position:absolute;top:1rem;right:1rem}[data-template=pop-up] pop-up-content>.panel-button img{width:40%}[data-template=pop-up] pop-up-title{font-size:1.7rem;margin-bottom:2rem}pop-up-form-component pop-up-content{width:35rem}pop-up-form-component input-container{margin-bottom:.5rem}pop-up-form-component input-container.row>input-container:not(:last-of-type){margin-right:1rem}pop-up-form-component input-container.row>input-container:not(:first-of-type){margin-left:1rem}pop-up-form-component [data-tag=buttons]{display:flex;flex-direction:row;justify-content:space-between;margin-top:1.5rem}file-uploader-component{font-size:1.1rem;border:1px solid var(--light-grey-2);border-radius:5px;background-color:#fff;margin:.5rem 0 .75rem;height:10rem;width:100%;display:flex;justify-content:center;align-items:center}file-uploader-component file-uploader-component-mask{position:absolute;margin:-1px 0 0 -1px;width:calc(100% + 2px);height:calc(100% + 2px);border:3px solid var(--blue-1);border-radius:5px;opacity:0;transition-duration:.4s}file-uploader-component file-uploader-component-file-list{width:100%;height:100%;display:flex;flex-wrap:wrap;row-gap:.5rem;position:absolute;overflow:hidden;overflow-y:scroll;border-radius:5px;padding:1rem .75rem}file-uploader-component file-uploader-image-preview-component,file-uploader-component img[data-tag=photo-placeholder]{width:20%;height:45%;padding:0 .25rem}file-uploader-component file-uploader-image-preview-component-label{right:calc(.25rem + 1px)}file-uploader-component img[data-tag=upload-image]{max-height:4rem;opacity:.4;transition-duration:.4s}file-uploader-component[data-flag-empty] file-uploader-component-file-list{display:none}file-uploader-component:not([data-flag-empty]) [data-tag=upload-image]{display:none}file-uploader-component[data-flag-dragging],file-uploader-component[data-flag-empty]:hover{cursor:pointer}file-uploader-component[data-flag-dragging] file-uploader-component-mask,file-uploader-component[data-flag-empty]:hover file-uploader-component-mask{opacity:1}file-uploader-component[data-flag-dragging] [data-tag=upload-image],file-uploader-component[data-flag-empty]:hover [data-tag=upload-image]{opacity:.7}file-uploader-image-preview-component{overflow:hidden}file-uploader-image-preview-component img{border-radius:5px;border:1px solid var(--light-grey-3);width:100%;height:100%;object-fit:cover;user-select:none}file-uploader-image-preview-component file-uploader-image-preview-component-label{background-color:var(--blue-1-hover);width:1.25rem;height:1.25rem;border-top-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:center;align-items:center;position:absolute;bottom:1px;font-size:.8rem}file-uploader-image-preview-component file-uploader-image-preview-component-label span{color:var(--white-1);user-select:none}file-uploader-image-preview-component:hover{cursor:pointer}login-view-component{display:flex;justify-content:center;align-items:center;height:100vh}login-view-component>section{background-color:var(--white-1);box-shadow:0 0 20px -5px var(--light-grey-2);border-radius:10px;color:var(--black-2);overflow:hidden;width:25rem;padding:2rem}login-view-component>section section.row{margin-top:2.5rem;justify-content:center}login-view-component>section section.row button:not(:last-of-type){margin-right:1.5rem}login-view-component h1{margin-bottom:2rem;font-size:2.5rem;text-align:center}login-view-component #login-button{margin-left:auto;margin-right:auto;margin-top:2rem;width:100%;font-size:1.1rem;text-align:center;display:flex;justify-content:center;align-items:center}password-input-component{font-size:1.1rem;border:1px solid var(--light-grey-2);border-radius:5px;background-color:#fff;height:2rem;margin:.5rem 0 .75rem;padding:0 .5rem;width:100%;display:flex;overflow:hidden;padding-right:0}password-input-component input{flex-grow:1;border:none;margin:-1px 0 0;padding:0;outline:none}password-input-component button{background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;margin:.5;padding:0 .25rem;transition-duration:.4s;opacity:0}password-input-component button img{width:1.5rem}password-input-component button:hover{cursor:pointer;background-color:var(--light-grey-4)}password-input-component:hover button{opacity:1}