@import"https://fonts.googleapis.com/css?family=Open+Sans";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.container{width:400px;height:calc(100vh - 3em);background-color:#f0f8ffcc;position:absolute;bottom:0;left:0;border-radius:0 0 20px;padding:12px;box-sizing:border-box;transition:.25s}.menu-title{display:flex;align-items:center;margin-bottom:2em}.menu-title>h2{margin:0;letter-spacing:1.25px}.menu-title>img{width:22px;margin-right:10px}.spaced-centered-row{margin-top:1em;margin-bottom:1em;display:flex;justify-content:center;gap:20px}.spaced-between-row{margin-top:.5em;margin-bottom:.5em;display:flex;justify-content:space-between;gap:20px}.panel-collapsed{left:-400px}.collapse-btn{position:absolute;left:400px;top:calc(50vh - 40px);height:80px;width:14px;font-size:12px;border-radius:0 .5em .5em 0;display:flex;justify-content:center;align-items:center;background-color:#f0f8ffcc}.collapse-btn:hover{cursor:pointer;background-color:#dbe3ebe0}.copyright-message{text-align:center;font-size:10px;position:absolute;width:380px;left:0;bottom:0}.footprint-container{display:flex;align-items:center}.footprint-label{letter-spacing:.9px;font-size:14px;margin-left:1em;color:#363636}.general-config-btn{display:flex;justify-content:center;align-items:center;height:30px;border:1px solid #9c9c9c;background-color:#fff;cursor:pointer;border-radius:20px;outline:none}.general-config-btn:hover{background-color:#ff9658;border-color:#000}.general-config-btn>img{width:22px;margin-right:.5em}.create-element-btn{display:flex;justify-content:center;align-items:center;height:30px;width:175px;border:1px solid #9c9c9c;background-color:#fff;cursor:pointer;border-radius:20px;outline:none}.create-element-btn:hover{background-color:#ff9658;border-color:#000}.create-element-btn>img{width:22px;margin-right:.5em}.remove-floorplan{width:18px;cursor:pointer}.delete-icon{cursor:pointer;width:18px}.element-table{border-collapse:collapse;font-size:12px;letter-spacing:.75px;border:1px solid gray;width:100%;text-align:center}.element-table>thead{background-color:#ff5a00}.element-table>thead>tr{border:none;padding:0;margin:0}.table-separator{margin:0;padding:0;color:gray}.modal-container{position:absolute;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;top:0;left:0;background-color:#8080809c}.modal-window{background-color:#f0f8ffcc;border-radius:2em;padding:1em;-webkit-box-shadow:10px 10px 25px -4px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 25px -4px rgba(0,0,0,.75);box-shadow:10px 10px 25px -4px #000000bf}.new-element-form{width:720px}.new-element-title{letter-spacing:2px;text-align:center;color:#000}.box-container{display:flex;flex-direction:row;justify-content:center;padding:20px;row-gap:10px;column-gap:10px;flex-wrap:wrap}.box{position:relative;width:100px;height:75px;border:1px solid #9c9c9c;cursor:pointer;border-radius:12px;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#fff;-webkit-box-shadow:2px 2px 9px 0px rgba(0,0,0,.75);-moz-box-shadow:2px 2px 9px 0px rgba(0,0,0,.75);box-shadow:2px 2px 9px #000000bf}.box img{max-width:100%;max-height:100%}.box-text{font-size:12px;letter-spacing:.25px}.box.selected{border-color:#ff5e00;background-color:#ff9658}.checkbox{display:flex;justify-content:center;align-items:center;position:absolute;top:-10px;right:-10px;background-color:#fff;border-radius:50%;padding:5px;font-size:14px;height:20px;width:20px;color:green;border:1px solid gray}.element-name-container{margin-top:1em;display:flex;gap:10px;justify-content:center;align-items:center}.element-name-container>label{font-size:12px;color:gray;letter-spacing:.75px}.element-name-container>input{width:180px;border-radius:4px;margin:0 5px;border:1px solid gray;color:#686868}.operating-parameters-container{padding-left:2em}.hydrogen-mass-container{margin-bottom:.5em}.hydrogen-mass-label{letter-spacing:.75px;font-size:14px;margin-right:.5em}.hydrogen-mass-input{width:100px;border-radius:4px;margin:0 5px;border:1px solid gray;color:#686868}.max-working-pressure-container{display:flex;justify-content:center;gap:1em;flex-wrap:wrap}.predefined-pressure{border:1px solid #9c9c9c;background-color:#fff;border-radius:6px;width:200px;height:2em;cursor:pointer;font-size:14px;letter-spacing:.25px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;text-align:center;gap:6px}.predefined-pressure:has(input:checked){border-color:#ff5e00;background-color:#ff9658}.predefined-pressure:has(input:disabled){background-color:#77777749;cursor:default}.custom-pressure:has(input:checked){border-color:#ff5e00;background-color:#ff9658}.custom-pressure{border:1px solid #9c9c9c;background-color:#fff;border-radius:6px;width:180px;cursor:pointer;font-size:14px;letter-spacing:.25px;-webkit-user-select:none;user-select:none;height:2em;display:flex;align-items:center;gap:.25em}.custom-pressure-input{width:75px;border-radius:4px;margin:0 5px;border:1px solid gray;color:#686868}.custom-pressure-input:disabled{background-color:#d6d6d6}.input-units{pointer-events:none;margin-left:-32px;font-size:12px;color:gray}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.operating-parameters{padding-bottom:1em}.operating-parameters-double-column{padding-top:1em;display:flex;justify-content:space-between}.operating-parameters-double-column>div{width:45%}.internal-pipe-diameter-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.25em}.typical-pipe{border:1px solid #9c9c9c;background-color:#fff;border-radius:6px;width:280px;height:1.5em;cursor:pointer;font-size:14px;letter-spacing:.25px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;text-align:center;gap:6px}.typical-pipe:has(input:checked){border-color:#ff5e00;background-color:#ff9658}.custom-pipe{border:1px solid #9c9c9c;background-color:#fff;border-radius:6px;width:180px;cursor:pointer;font-size:14px;letter-spacing:.25px;-webkit-user-select:none;user-select:none;height:2em;display:flex;align-items:center;gap:.25em}.custom-pipe:has(input:checked){border-color:#ff5e00;background-color:#ff9658}.custom-pipe-input{width:80px;border-radius:4px;margin:0 5px;border:1px solid gray;color:#686868}.custom-pipe-input:disabled{background-color:#d6d6d6}.pipe-error{color:red;font-size:10px;width:400px;text-align:center}.max-operating-temperature{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.25em}.ambient-temperature{border:1px solid #9c9c9c;background-color:#fff;border-radius:6px;width:280px;height:1.5em;cursor:pointer;font-size:14px;letter-spacing:.25px;-webkit-user-select:none;user-select:none;display:flex;justify-content:center;align-items:center;text-align:center;gap:6px}.ambient-temperature:has(input:checked){border-color:#ff5e00;background-color:#ff9658}.custom-temperature{border:1px solid #9c9c9c;background-color:#fff;border-radius:6px;width:180px;cursor:pointer;font-size:14px;letter-spacing:.25px;-webkit-user-select:none;user-select:none;height:2em;display:flex;align-items:center;gap:.25em}.custom-temperature-input{width:80px;border-radius:4px;margin:0 5px;border:1px solid gray;color:#686868}.custom-temperature:has(input:checked){border-color:#ff5e00;background-color:#ff9658}.custom-temperature-input:disabled{background-color:#d6d6d6}.geometry-container{display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center}.geometry-input-container{display:flex}.geometry-input-container label,.position-inputs label{font-size:12px;color:gray;letter-spacing:.75px}.geometry-input,.position-input{width:70px;border-radius:4px;margin:0 5px;border:1px solid gray;color:#686868}.input-units-short{position:relative;left:-20px}.predefined-dimensions-container{display:flex;flex-wrap:wrap;justify-content:space-around;gap:8px}.predefined-dimension{border:1px solid #9c9c9c;background-color:#fff;border-radius:6px;width:80px;cursor:pointer;font-size:14px;letter-spacing:.25px;-webkit-user-select:none;user-select:none}.predefined-dimension:has(input:checked){border-color:#ff5e00;background-color:#ff9658}input[type=radio]{cursor:pointer;accent-color:rgb(255,94,0)}.in-container-label{display:flex;justify-content:center;gap:4px;letter-spacing:.75px;align-items:center;font-size:14px;cursor:pointer}.in-container-label input{cursor:pointer;accent-color:rgb(255,94,0)}.container-info-icon{width:18px;cursor:pointer}.info-hover-box{position:relative;background-color:#2b2b2be1;bottom:75px;width:190px;height:65px;border-radius:1em;font-size:10px;color:#fff;text-align:justify;padding:.5em}.general-configuration-container{padding:.5em 2em}.general-configuration-title{letter-spacing:2px;text-align:center;color:#000;margin:1em}.code-box{position:relative;width:100px;height:40px;border:1px solid #9c9c9c;cursor:pointer;border-radius:12px;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#fff;-webkit-box-shadow:2px 2px 9px 0px rgba(0,0,0,.75);-moz-box-shadow:2px 2px 9px 0px rgba(0,0,0,.75);box-shadow:2px 2px 9px #000000bf}.code-box.selected{border-color:#ff5e00;background-color:#ff9658}.general-config-row{display:flex;gap:.25em;align-items:center;margin-bottom:.5em}.general-config-label{font-size:14px;width:1.5em;letter-spacing:1px}.general-config-label.long{width:200px}.general-config-label.medium-l{width:170px}.general-config-label.lm{width:140px}.general-config-label.medium{width:70px}.general-config-label.small{width:auto;font-size:12px}.general-config-input{width:120px;border-radius:4px;border:1px solid gray;color:#686868}.general-config-input.small{width:42px}.general-config-input.medium{width:70px}.general-config-input-units{pointer-events:none;margin-left:-44px;font-size:12px;color:gray}.general-config-input-units.short{margin-left:-22px}.general-config-checkbox{cursor:pointer;accent-color:rgb(255,94,0)}.general-config-row>input:disabled{background-color:#eef0f2;cursor:default}.general-config-summary{display:flex;justify-content:start;gap:1.5em}.general-config-summary-row{display:flex;justify-content:start;align-items:center;gap:.5em}.general-config-summary-title{font-size:12px;letter-spacing:1px}.general-config-summary-value{font-size:14px;letter-spacing:1px;color:#eb5200}.viewer-container{height:100vh;width:100vw;background-color:#dddbdb}.loading-screen{position:absolute;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;background-color:#72727285}.loading-screen-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;font-size:24px;letter-spacing:1px;font-weight:600}.element-edit{height:24px;width:24px;background-color:#ecf2f8;border-radius:4px;padding:4px;border:1px solid gray}.element-edit:hover{background-color:#e2ecf7}.element-edit img{width:100%}.element-edit-menu{width:175px;background-color:#ecf2f8;border:1px solid lightgray;border-radius:1em;font-size:12px;text-align:center;letter-spacing:.75px;display:flex;flex-direction:column;gap:.5em;padding:.5em}.element-edit-menu>p{margin:0}.element-edit-menu>p:hover{background-color:#ff59007c;border-radius:1em;cursor:pointer}.ok-icon{width:24px;cursor:pointer}.distances-container{border:1px solid gray;width:150px;pointer-events:none;position:relative;top:-100px;left:10px;background-color:#f0f8ffcc;border-radius:1em;padding:.5em .5em .5em .75em}.distances-container-row{display:flex;align-items:center}.distances-container-group{color:#000;font-size:14px}.distances-container-value{width:60px;color:#eb5200;font-size:14px;margin:0 0 0 1em}.distances-container-legend-group3{height:10px;width:10px;background-color:#0000009c;border:1px solid transparent;margin-right:.4em}.distances-container-legend-group2{display:flex;justify-content:center;margin-right:.4em}.distances-container-legend-group2-sub{background-color:#0000009c;width:2px;border:1px solid black;margin-right:2px}.distances-container-legend-group1{width:10px;background-color:#0000009c;margin-right:.4em;border:1px solid black}.distances-container-legend-group0{font-weight:700;margin-right:.4em}.group-checkbox{cursor:pointer;accent-color:rgb(255,94,0)}.login-container{background-color:#f2f5f8cc;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}.login-panel{display:flex;flex-direction:row;width:900px;background-color:#f0f8ffcc;border-radius:2em;-webkit-box-shadow:10px 10px 18px -8px rgba(0,0,0,.75);-moz-box-shadow:10px 10px 18px -8px rgba(0,0,0,.75);box-shadow:10px 10px 18px -8px #000000bf;box-sizing:border-box}.login-image{width:60%}.login-image>img{width:100%;height:100%;border-radius:0 1em 1em 0}.login-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;width:40%}.login-btn{margin-top:2em;display:flex;justify-content:center;align-items:center;height:30px;width:160px;border:1px solid #9c9c9c;background-color:#fff;cursor:pointer;border-radius:20px;outline:none}.login-btn:hover{background-color:#ff9658;border-color:#000}.login-copyright{position:fixed;bottom:0;letter-spacing:.75px;font-size:10px}.login-input{padding:1em;box-sizing:border-box;width:220px;height:32px;color:#686868;border:none;border-radius:0 .5em .5em 0}.input-icon{padding:.4em;box-sizing:border-box;height:2em;width:2em;background-color:#c7c7c7}.login-row{display:flex;margin:0;border:1px solid gray;border-radius:0 .5em .5em 0}.error-message{color:red;margin:0;letter-spacing:1px;font-size:12px}.navigation-bar{z-index:1;position:fixed;top:0;height:3em;width:100vw;background-color:#f0f8ffcc;display:flex;justify-content:space-between;align-items:center}.navigation-icon{width:24px;height:24px;margin-right:1em;cursor:pointer}.navigation-bar-user{display:flex;justify-content:center;align-items:center;gap:1em}.bar-title{display:flex;align-items:center;margin-left:.5em}.bar-title>h3{margin:0;letter-spacing:1.25px;font-size:1.5em}.bar-title>img{width:16px;margin-right:10px}.bar-user-name{letter-spacing:1px;font-size:1em;color:gray}