.toggle-container{display:flex;justify-content:space-between}.left-part{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin:5px 0}.right-part{display:flex;align-items:center}.right-part input{background-color:transparent;border:none;width:45px;text-align:center;font-family:var(--body-family);font-size:25px;color:var(--blue-400)}.left-part>h4{font-family:var(--header-family);color:var(--blue-000);font-size:22px;margin-bottom:-5px}.right-part>.plus,.right-part>.minus{font-family:var(--header-family);color:var(--blue-000);font-size:34px;-webkit-user-select:none;user-select:none}.left-part>h6{font-family:var(--body-family);font-size:15px;color:var(--blue-400)}.input{-webkit-user-select:none;user-select:none}.main-menu{max-width:550px;height:310px;display:flex;justify-content:space-between}.spec-menu.left{width:260px}.spec-menu h4{font-family:var(--header-family);color:var(--blue-000);font-size:22px}.spec-menu.right{margin-left:30px}.spec-menu.right h4{margin:10px}li,.sortable-helper{box-sizing:border-box!important;background-color:var(--blue-600)!important;list-style:none!important;border:2px solid var(--blue-1000)!important;width:249px!important;padding:5px 10px!important;margin-bottom:5px!important;font-family:var(--body-family)!important;color:var(--blue-800)!important;user-select:none;-webkit-user-select:none;cursor:grab}li:active,.sortable-helper{cursor:grabbing!important}.sortable-helper{z-index:9999}button{background-color:var(--blue-200);list-style:none;border:2px solid var(--blue-1000);width:249px;text-align:left;padding:15px 10px;margin:36px 0 5px;font-family:var(--body-family);color:var(--blue-800);transition:.2s all ease-in-out;font-size:20px}button:hover{background-color:var(--blue-400)}.all-elevator-controls{margin-top:-16px}.elevator-control{display:flex;margin:15px 0}.floor-button-container{display:flex;align-items:center;flex-wrap:wrap;max-width:300px;max-height:70px;margin-right:15px}button.floor-button{width:25px;height:25px;text-align:center;padding:0;margin:0 0 2px 2px;color:var(--blue-1000);font-size:17px;background-color:var(--blue-600);border-radius:15px}.floor-button.active-floor{background-color:var(--blue-000);color:var(--blue-600)}.elevator-status,.next-stop{display:flex;margin-left:30px}.elevator-status *,.next-stop *{font-family:var(--header-family);font-size:25px}h3.elevator-state{color:var(--blue-000);font-weight:var(--header-weight);margin-left:10px;width:55px}button.reset-button{height:50px;text-align:center;padding:0;width:100%;margin-top:20px}.floor-controls{position:absolute;right:-35px;width:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.control-button{width:22px;height:22px;margin:2px;background-repeat:no-repeat;background-size:contain;background-position:center bottom;background-image:url(/assets/unselected-arrow.svg);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:transparent}.control-button:focus,.control-button:active{outline:none}.control-button.active{background-image:url(/assets/selected-arrow.svg)}.down-button{transform:rotate(180deg)}.floor-divider{height:2px;position:absolute;background-color:var(--blue-800);width:100%}.elevator-container{position:absolute;bottom:0;left:0}.elevator-shaft{height:600px;bottom:0;position:absolute;display:flex;align-items:flex-end;justify-content:center}.elevator{height:40px;width:20px;background-color:var(--blue-800);border:2px solid var(--blue-1000);position:relative}.building{display:flex;flex-direction:row;align-items:flex-end;height:700px;margin:100px}.left-panel{width:45px;height:610px;background-image:url(/assets/building-side.svg);background-repeat:no-repeat;background-size:cover}.main-building{width:400px;height:600px;background-color:var(--blue-400);border:5px solid var(--blue-1000);position:relative}:root{--blue-1000: #0f162c;--blue-800: #1a1e4b;--blue-600: #2a5fa2;--blue-400: #4283c3;--blue-200: #76aed5;--blue-000: #d2e1ea;--header-family: rift, sans-serif;--header-weight: 500;--body-family: circe-slab-c, serif;--body-weight: 900}html,body,div,span h1,h2,h3,h4,h5,h6,a,ol,ul,li{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}#root{display:flex;align-items:center;justify-content:center;height:100%}body{width:100vw;height:100vh;overflow:hidden;background-color:#1a1e4b}h3{font-family:var(--body-family);font-weight:var(--body-weight);color:var(--blue-400);font-size:20px}.title-container{margin-bottom:30px;min-width:539px}.hidden{display:none}.title-image{width:500px;height:180px;background-image:url(/assets/elevator-logo.svg);background-repeat:no-repeat}.column{max-width:550px}.column.left-col{position:relative;top:-55px}