@font-face{font-family:RussoOne;src:url(/assets/RussoOne-Regular-C3BxZIj7.ttf)format("truetype");font-weight:400;font-style:normal}.vertical-slider-container{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slider-track{background:#fff0;border-radius:3px;width:100%;height:100%;position:relative}.slider-fill{background:var(--main-color);border-radius:30px;width:100%;position:absolute;bottom:0;left:0}.slider-thumb{border:3px solid var(--accent-color,#005cd7);pointer-events:none;background:#fff;border-radius:20px;width:80px;height:14px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);box-shadow:0 2px 8px #0003}.slider-wrapper{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.slider-value{position:absolute;top:20px;right:20px}.control__button_container img{z-index:100;position:absolute;top:15px;left:15px}.split__container{justify-content:flex-start;align-items:center;width:100%;height:47%;display:flex;position:relative}.split__container img{position:absolute}.control__button{background-color:var(--blur-glass);cursor:pointer;border:none;border-radius:30px;width:100%;height:100%}.control__button:active{background-color:var(--main-color)}.scenario-btn{flex-direction:column;justify-content:center;align-items:center;display:flex}.scenario-btn img{filter:brightness(0)invert();aspect-ratio:1;width:48px;transition:filter .2s}.scenario-btn.active img{filter:brightness()invert(0)}:root{--accent-color:#005cd7;--another-accent-color:#e3e3e3;--main-color:#fff;--blur-glass:#fff3}body,p,button{color:#000;font-family:RussoOne,sans-serif}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}button:active{transition:transform .1s;transform:scale(.95)}.header{z-index:100;border-bottom:2px solid #000;justify-content:space-between;align-items:center;height:8%;margin-left:5%;margin-right:5%;display:flex}.header__logo{height:auto}.header__btn{aspect-ratio:1;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:80%;max-width:48px;display:flex;box-shadow:0 3px 5px 2px #02050799}.header__btn img{object-fit:contain;background-repeat:no-repeat}.header__btn:hover{background-color:var(--accent-color);transition:box-shadow .3s,transform .3s;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.header__btn:active{transition:transform .1s;transform:scale(.95)}.header__btn__left{background-color:var(--another-accent-color)}.header__btn__right{background-color:var(--accent-color)}.header__btn__right:hover{background-color:var(--another-accent-color)}.main{width:100vw;height:calc(100vh - 60px);position:relative;overflow:hidden}#map{width:100%;height:100%;position:relative}.canvas{background-image:url(/pictures/grid-blue.svg);background-repeat:repeat;width:5000px;height:5000px;position:relative}.canvas svg{pointer-events:none;z-index:1;position:absolute;top:50%;left:50%}.canvas{position:relative}.zone{cursor:pointer;z-index:10;background:#005cd726;border:2px dashed #0000;position:absolute}.zone:hover{background:#005cd740}.zone.selected{background:#005cd74d;border-color:#005cd7}.sidebar{z-index:100;background:#fff;margin-top:0;transition:left .5s;position:fixed}.chart-canvas{max-height:300px;width:100%!important;height:100%!important}.sidebar__control_devices{-webkit-backdrop-filter:blur(20px);z-index:100;background:#fff6;border:1px solid #ffffff4d;border-bottom:none;border-radius:50px 50px 0 0;width:96%;height:60vh;transition:bottom .5s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:auto;bottom:-100vh;left:2%;box-shadow:0 -10px 40px #0003}.sidebar__control_devices.open{bottom:0}.drag__handle{cursor:ns-resize;background:#ffffff80;border-radius:3px;width:50px;height:5px;margin:auto}.control__container{flex-wrap:wrap;place-content:flex-start space-between;align-items:flex-start;gap:5%;width:90%;height:90%;margin:auto;display:flex}.control__button_container{border-radius:35px;position:relative}.control__button_container.square{aspect-ratio:1;background-color:var(--blur-glass);flex-direction:column;justify-content:space-between;align-items:center;height:160px;display:flex}.control__button_container.rectangle{aspect-ratio:1;background-color:var(--blur-glass);height:80px;color:var(--main-color);border:none;border-radius:20px;justify-content:center;align-items:center;display:flex}.control__button_container.rectangle.active{background:var(--main-color);color:#000;box-shadow:0 0 10px #005cd780}.control__button_container.splitted{background-color:#005cd700}.sidebar__left{background:var(--main-color);z-index:100;border-radius:0 50px 50px 0;width:250px;height:100vh;margin-top:0;transition:left .5s;position:fixed;top:0;left:-300px}.sidebar__right{z-index:100;background:#fff;border-radius:50px 0 0 50px;width:250px;height:100vh;margin-top:0;transition:right .5s;position:fixed;top:0;right:-300px}.sidebar__right.open{right:0}.sidebar__left.open{left:0}.sidebar{flex-direction:column;justify-content:space-between;gap:2%;display:flex}.sidebar__title{border-bottom:solid var(--accent-color);height:70px;margin-left:7%;margin-right:7%}.sidebar__title__p{margin-top:20%}.sidebar__main{flex-direction:column;gap:1%;height:calc(100vh - 140px);display:flex}.sidebar__settings{flex-direction:column;gap:1%;height:calc(100vh - 70px);display:flex}.sidebar__footer{background-color:var(--accent-color);width:100%;height:12vh;display:flex}.button__sidebar{cursor:pointer;background:0 0;border:none;align-items:center;gap:5%;width:100%;height:12vh;display:flex}.button__sidebar:hover{background-color:var(--accent-color);transition:box-shadow .3s,transform .3s;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.button__sidebar:active{transition:transform .1s;transform:scale(.95)}.button__sidebar__logo{background-color:#e3e3e3;border:2px solid #000;border-radius:50%;justify-content:center;align-items:center;width:10vh;height:10vh;margin:1px;display:flex}.button__sidebar__logo img{object-fit:contain;width:60%;height:60%}.overlay{z-index:99;opacity:0;visibility:hidden;background:#000000b3;width:100%;height:100%;transition:opacity .5s,visibility .5s;position:fixed;top:0;left:0}.overlay.open{opacity:1;visibility:visible}