.loginContainer{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;font-size:1.5vw;justify-content:center;margin:auto}.loginResult{color:red}.documentsContainer{flex-direction:column;justify-content:flex-start}.documentContainer,.documentsContainer{align-items:center;display:flex;width:100%}.documentContainer{flex-wrap:wrap;justify-content:space-between;margin-top:.5vh}.documentContainer span{font-size:1vw;text-align:center}.manageContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.manageContainer h1{width:60%}.manageContainer h1:hover{cursor:pointer;text-decoration:underline}.selectCollection{background-color:var(--btColor);border-radius:1em;box-shadow:var(--boxShadow);font-size:1.5em;margin:1vw;padding:1em}.selectCollection:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.manageLine{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;font-size:.9em;justify-content:space-evenly;margin:1vh 0;width:100%}.manageLine input{width:unset}.tableContainer{display:flex;flex-direction:column;width:100%}.headersRow{padding:1vh 0;text-transform:uppercase;width:100%}.headersCell,.headersRow{align-items:center;display:flex;justify-content:center}.headersCell{flex-wrap:wrap;font-size:.9em;text-align:center;word-break:break-all}.valuesRow{align-items:center;background-color:var(--disabledColor);display:flex;justify-content:center;padding:.5vh 0;width:100%}.valuesCell{font-size:.8em;text-align:center;word-break:break-all}.valuesCell input{padding:.2vw;width:-webkit-fill-available}.pari{background-color:var(--btColor)}.commandsCell{align-items:center;display:flex;justify-content:space-around}.commandsCell img{width:1vw}.commandsCell img:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.tableCommands{align-items:center;display:flex;justify-content:space-between;width:100%}.eventoContainer{align-items:center;border-radius:1vw;box-shadow:var(--boxShadow);display:flex;flex-wrap:wrap;justify-content:center;padding:1vw;width:95%}.eventoLine{justify-content:space-around;width:100%}.actionContainer,.eventoLine{align-items:center;display:flex;font-size:.7em}.actionContainer{border:.1vw solid #000;border-radius:1vw;justify-content:space-evenly;margin-bottom:1vh;padding:.5em;width:95%}.actionContainer span{padding:.5em;text-align:center;text-transform:uppercase}.subContainer{flex-wrap:wrap;padding:1vw}.evento{flex-direction:row;justify-content:space-evenly}.evento input{width:unset}.homeCommand{align-items:center;border-radius:1vw;box-shadow:var(--boxShadow);display:flex;flex-direction:column;justify-content:center;margin:1vw;max-width:45%;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:1vw}.element-button{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:.7em;width:100%}.result{font-size:1.3vw;padding:.5vw;text-align:left}.gpioStatus{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;min-width:unset!important}.gpioContainer{display:flex;height:3vw;justify-content:center;width:45%}.phisicalSpan{width:1.5vw}.nameSpan,.phisicalSpan{align-items:center;box-shadow:var(--boxShadow);display:flex;justify-content:center;padding:.4em;text-align:center}.nameSpan{flex-direction:column;font-size:.8em;width:4vw}.usageSpan{align-items:center;box-shadow:var(--boxShadow);display:flex;flex-wrap:wrap;font-size:.6em;justify-content:center;padding:.4em;text-align:center;text-transform:uppercase;width:9vw}.usageSpan p{margin:unset;width:100%}.red{color:red!important}.extraSpan{font-size:.5em;width:100%}.settingElement-container{border-radius:1vw;box-shadow:var(--boxShadow);display:flex;flex-direction:column;justify-content:center;margin:1vw;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:1vw;width:45%}.settingElement-divisor{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:.5vw;width:40%}.settingElement-divisor span{text-align:center;width:100%}.settingElement-button{display:flex;justify-content:space-evenly;padding:.6em;width:100%}.settingElement-button h1{font-size:1em}.typeImg{width:4vw}.passwordStrength{align-items:center;display:flex;flex-direction:column;font-size:.6em;justify-content:center;width:90%}.passed{color:#7fff00}.confirmContainer{background-color:transparent;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw}.confirm,.confirmContainer{align-items:center;display:flex}.confirm{background-color:var(--bgColor);border-radius:3vw;box-shadow:var(--boxShadow);flex-wrap:wrap;height:40vw;justify-content:space-evenly;text-align:center;width:40vw}.confirm button{font-size:2em;padding:.5em 1.5em}.confirm span{word-wrap:break-word;font-size:1.5em;width:90%}input{background-color:#fff;border:.1em solid #000;border-radius:.5em;color:#000;font-family:inherit;font-size:inherit;letter-spacing:.1em;padding:.4em;text-align:center}input:disabled{background-color:var(--disabledColor);border:none}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}select{background-color:#fff;border:.1em solid #000;border-radius:.5em;color:#000;font-family:inherit;font-size:inherit;padding:.4em;text-align:center;width:90%}.fileButton{background:var(--disabledColor);font-size:.6em;margin-right:.5em;padding:1em 1.5em}.inputContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:.5em}.inputContainer span{padding:.3em;text-transform:uppercase}.inLine{flex-direction:row;justify-content:space-evenly}.inLine select{width:30%}.divider input{width:70%}.booleanInput{flex-direction:row}.selectBox{border:.1em solid #000;border-radius:.4em;height:1em;margin:0 .4em;width:1em}.selectBox:hover{cursor:pointer}.selected{background-color:var(--btColor)}.booleanShow{background-color:var(--disabledColor);border-radius:.5em;text-align:center;width:-webkit-fill-available}.booleanShow:hover{cursor:pointer}.cliccableSpan:hover{cursor:pointer;text-decoration:underline}.numberInputContainer{align-items:center;display:flex;justify-content:space-evenly}.numberInputContainer input{width:40%}.numberInputContainer button{padding:.5em 1em}.hiddenInput{background:transparent;border:none;width:5em!important}.loadingContainer{align-items:center;display:flex;justify-content:center;padding:1vw}.loadingContainer img{max-width:10vw;width:100%}.timeInputs{align-items:center;display:flex;justify-content:center;width:100%}.menu{display:flex;flex-direction:column;justify-content:space-between;overflow:scroll;padding:1vw;width:15vw}.menu::-webkit-scrollbar{display:none}.menu div{align-items:center;border-radius:1vw;box-shadow:var(--boxShadow);display:flex;flex-direction:column;font-size:1.2em;justify-content:center;margin-bottom:1.5vh;padding:1vw;text-transform:uppercase}.menu div:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.menu img{width:60%}.hidden{display:none!important}.menuHidden{width:5vw!important}.hostnameHidden{font-size:3vw!important;padding:unset!important}.popup{align-items:center;border-radius:2vw;box-shadow:var(--boxShadow);display:flex;height:60vh;justify-content:center;left:0;margin-left:auto;margin-right:auto;max-height:40vw;position:absolute;right:0;text-align:center;top:10vh;width:40vw}.popup img{position:absolute;right:1.5vw;top:1.5vw;width:4vw}.popup img:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.popup span{word-wrap:break-word;font-size:1em;width:90%}.popup pre{font-size:.7em;text-align:left}.hithere{-webkit-animation:hithere .5s ease;animation:hithere .5s ease}@-webkit-keyframes hithere{30%{-webkit-transform:scale(1.1);transform:scale(1.1)}40%,60%{-webkit-transform:rotate(-10deg) scale(1.1);transform:rotate(-10deg) scale(1.1)}50%{-webkit-transform:rotate(10deg) scale(1.1);transform:rotate(10deg) scale(1.1)}70%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hithere{30%{-webkit-transform:scale(1.1);transform:scale(1.1)}40%,60%{-webkit-transform:rotate(-10deg) scale(1.1);transform:rotate(-10deg) scale(1.1)}50%{-webkit-transform:rotate(10deg) scale(1.1);transform:rotate(10deg) scale(1.1)}70%{-webkit-transform:rotate(0deg) scale(1.1);transform:rotate(0deg) scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.popupStatus{font-size:.7em;left:50%;position:absolute;top:95%}.gelatine{-webkit-animation:gelatine .5s infinite;animation:gelatine .5s infinite}@-webkit-keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@keyframes gelatine{0%,to{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}.spin{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.elastic-spin{-webkit-animation:elastic-spin 1s ease infinite;animation:elastic-spin 1s ease infinite}@-webkit-keyframes elastic-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes elastic-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}.pulse{-webkit-animation:pulse 1s ease-in-out infinite alternate;animation:pulse 1s ease-in-out infinite alternate}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pulse{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}.flash{-webkit-animation:flash .5s ease infinite alternate;animation:flash .5s ease infinite alternate}@-webkit-keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes flash{0%{opacity:1}to{opacity:0}}.grow{-webkit-animation:grow 2s ease infinite;animation:grow 2s ease infinite}@-webkit-keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes grow{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.fade-in{-webkit-animation:fade-in 2s linear infinite;animation:fade-in 2s linear infinite}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-out{-webkit-animation:fade-out 2s linear infinite;animation:fade-out 2s linear infinite}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.bounce2{-webkit-animation:bounce2 1s ease infinite;animation:bounce2 1s ease infinite}@-webkit-keyframes bounce2{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce2{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.shake{-webkit-animation:shake 2s ease infinite;animation:shake 2s ease infinite}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.flip{-webkit-animation:flip 2s ease infinite;animation:flip 2s ease infinite;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);transform:perspective(400px) translateZ(150px) rotateY(170deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(1turn) scale(.95);transform:perspective(400px) rotateY(1turn) scale(.95)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale(1);transform:perspective(400px) scale(1)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0)}40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);transform:perspective(400px) translateZ(150px) rotateY(170deg)}50%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1)}80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(1turn) scale(.95);transform:perspective(400px) rotateY(1turn) scale(.95)}to{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale(1);transform:perspective(400px) scale(1)}}.swing{-webkit-animation:swing 2s ease infinite;animation:swing 2s ease infinite;-webkit-transform-origin:top center;transform-origin:top center}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.wobble{-webkit-animation:wobble 2s ease infinite;animation:wobble 2s ease infinite}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.fade-in-down{-webkit-animation:fade-in-down 2s ease infinite;animation:fade-in-down 2s ease infinite}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fade-in-left{-webkit-animation:fade-in-left 2s ease infinite;animation:fade-in-left 2s ease infinite}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.fade-out-down{-webkit-animation:fade-out-down 2s ease infinite;animation:fade-out-down 2s ease infinite}@-webkit-keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}.fade-out-right{-webkit-animation:fade-out-right 2s ease infinite;animation:fade-out-right 2s ease infinite}@-webkit-keyframes fade-out-right{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fade-out-right{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}.bounce-in{-webkit-animation:bounce-in 1s ease;animation:bounce-in 1s ease}@-webkit-keyframes bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}.bounce-in-right{-webkit-animation:bounce-in-right .5s ease;animation:bounce-in-right .5s ease}@-webkit-keyframes bounce-in-right{0%{opacity:0;-webkit-transform:translateX(5vw);transform:translateX(5vw)}60%{opacity:1;-webkit-transform:translateX(-2vw);transform:translateX(-2vw)}80%{-webkit-transform:translateX(1vw);transform:translateX(1vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounce-in-right{0%{opacity:0;-webkit-transform:translateX(5vw);transform:translateX(5vw)}60%{opacity:1;-webkit-transform:translateX(-2vw);transform:translateX(-2vw)}80%{-webkit-transform:translateX(1vw);transform:translateX(1vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.bounce-in-left{-webkit-animation:bounce-in-left 1s ease;animation:bounce-in-left 1s ease}@-webkit-keyframes bounce-in-left{0%{opacity:0;-webkit-transform:translateX(-5vw);transform:translateX(-5vw)}60%{opacity:1;-webkit-transform:translateX(-3vw);transform:translateX(-3vw)}80%{-webkit-transform:translateX(-1vw);transform:translateX(-1vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounce-in-left{0%{opacity:0;-webkit-transform:translateX(-5vw);transform:translateX(-5vw)}60%{opacity:1;-webkit-transform:translateX(-3vw);transform:translateX(-3vw)}80%{-webkit-transform:translateX(-1vw);transform:translateX(-1vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.bounce-in-down{-webkit-animation:bounce-in-down .5s ease;animation:bounce-in-down .5s ease}@-webkit-keyframes bounce-in-down{0%{opacity:0;-webkit-transform:translateY(-2vh);transform:translateY(-2vh)}60%{opacity:1;-webkit-transform:translateY(.6vh);transform:translateY(.6vh)}80%{-webkit-transform:translateY(1vh);transform:translateY(1vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounce-in-down{0%{opacity:0;-webkit-transform:translateY(-2vh);transform:translateY(-2vh)}60%{opacity:1;-webkit-transform:translateY(.6vh);transform:translateY(.6vh)}80%{-webkit-transform:translateY(1vh);transform:translateY(1vh)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.bounce-out{-webkit-animation:bounce-out 2s ease infinite;animation:bounce-out 2s ease infinite}@-webkit-keyframes bounce-out{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounce-out{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}.bounce-out-down{-webkit-animation:bounce-out-down 2s ease;animation:bounce-out-down 2s ease}@-webkit-keyframes bounce-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes bounce-out-down{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}.rotate-in-down-left{-webkit-animation:rotate-in-down-left 2s ease infinite;animation:rotate-in-down-left 2s ease infinite}@-webkit-keyframes rotate-in-down-left{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}}@keyframes rotate-in-down-left{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}}.rotate-in-up-left{-webkit-animation:rotate-in-up-left 2s ease infinite;animation:rotate-in-up-left 2s ease infinite}@-webkit-keyframes rotate-in-up-left{0%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}}@keyframes rotate-in-up-left{0%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:left bottom;transform-origin:left bottom}to{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:left bottom;transform-origin:left bottom}}.hinge{-webkit-animation:hinge 2s ease infinite;animation:hinge 2s ease infinite}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left}40%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left}80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left}to{opacity:0;-webkit-transform:translateY(700px);transform:translateY(700px)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left}40%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left}80%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);-webkit-transform-origin:top left;transform-origin:top left}to{opacity:0;-webkit-transform:translateY(700px);transform:translateY(700px)}}.roll-in{-webkit-animation:roll-in 2s ease infinite;animation:roll-in 2s ease infinite}@-webkit-keyframes roll-in{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}@keyframes roll-in{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}to{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}}.roll-out{-webkit-animation:roll-out 2s ease infinite;animation:roll-out 2s ease infinite}@-webkit-keyframes roll-out{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}to{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes roll-out{0%{opacity:1;-webkit-transform:translateX(0) rotate(0deg);transform:translateX(0) rotate(0deg)}to{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rotateImg{-webkit-animation:rotation 2s linear infinite;animation:rotation 2s linear infinite}.updateImg{-webkit-animation:rotation 1s linear;animation:rotation 1s linear}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.bounceButton{-webkit-animation:bounceButton .3s;animation:bounceButton .3s}@-webkit-keyframes bounceButton{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{transofrm:scale(1)}}@keyframes bounceButton{0%{-webkit-transform:scale(1.5);transform:scale(1.5)}to{transofrm:scale(1)}}.bounceMenu{-webkit-animation:bounceMenu .5s;animation:bounceMenu .5s}@-webkit-keyframes bounceMenu{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{transofrm:scale(1)}}@keyframes bounceMenu{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{transofrm:scale(1)}}:root{--boxShadow:0px 0px 10px 0px #000;--bgColor:#f0f8ff;--btColor:rgba(63,125,224,.3);--disabledColor:rgba(63,125,224,.1);--successColor:rgba(178,243,166,.4);--unsuccessColor:hsla(0,63%,72%,.4);--fontSize:1.2vw}@font-face{font-family:JMH Typewriter;src:url(/static/media/JMH%20Typewriter.cfe2f95116145cd7bacf.ttf)}body{background-color:#f0f8ff;background-color:var(--bgColor);font-family:JMH Typewriter;font-size:1.2vw;font-size:var(--fontSize);margin:unset}.root{box-sizing:unset;display:flex;height:100vh;justify-content:space-between;width:100vw}button{background:rgba(63,125,224,.3);background:var(--btColor);border:.1em solid #000;border-radius:.5em;color:#000;font-family:inherit;font-size:.7em;padding:.7em;text-align:center}button:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}h1{margin:unset;text-align:center;width:100%}s{color:red;text-decoration:unset}.command-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;overflow:scroll;padding:1vw;width:-webkit-fill-available}.command-container::-webkit-scrollbar{display:none}.command{border-radius:1vw;box-shadow:0 0 10px 0 #000;box-shadow:var(--boxShadow);flex-direction:column;justify-content:center;margin:1vw;padding:1vw}.command,.homeHeader{align-items:center;display:flex}.homeHeader{justify-content:space-between}.homeHeader img{min-width:2.5vw;width:10%}.click:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.noPageContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.noPageContainer button{font-size:1.4em}.termo-container{font-size:5vw;justify-content:space-evenly}.homeCommandContainer,.termo-container{align-items:center;display:flex;width:100%}.homeCommandContainer{justify-content:space-around}.homeCommandContainer img{width:10vw}.meteo-container{align-items:center;display:flex;justify-content:space-evenly;width:100%}.meteo-container span{display:block;font-size:2vw}.meteo-slider{align-items:center;display:flex;justify-content:space-evenly;margin-top:1vh;width:100%}.meteo-slider input{--webkit-appearance:none;-webkit-appearance:none;appearance:none;background:rgba(63,125,224,.2);border:none;border-radius:2vh;height:2vh;width:60%}.meteo-slider input::-webkit-slider-thumb{--webkit-appearance:none;-webkit-appearance:none;appearance:none;background:#3f7de0;border-radius:2vh;cursor:pointer;height:9vh;width:5vh}.meteo-slider img{width:5vw}.forecast{text-align:center}.forecast img{width:70%}.meteo-sunrise-sunset{align-items:center;display:flex;font-size:2.5vw;justify-content:space-around;width:100%}.meteo-sunrise-sunset img{max-height:5vw;width:5vw}.animateControl{-webkit-animation:bounceRapid .3s;animation:bounceRapid .3s}@-webkit-keyframes bounceRapid{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{transofrm:scale(1)}}@keyframes bounceRapid{0%{-webkit-transform:scale(1.3);transform:scale(1.3)}to{transofrm:scale(1)}}.lightContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:1vw;padding:1vw;width:25%}.lightContainer label{font-size:2vw;text-align:center;text-transform:uppercase}.lightContainer img{max-width:10vw}.tappaContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:1vw;width:40%}.tappaContainer label{font-size:2vw;margin-bottom:.5vh;text-align:center;text-transform:uppercase;width:100%}.tappaContainer img{max-width:8vw}.rangeContainer{align-items:center;display:flex;justify-content:space-evenly;width:100%}.rangeContainer input{font-size:1vw}.weekContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.dayContainer{background:rgba(63,125,224,.1);height:4vh;margin:.5vh;width:85%}.dayLabel{text-align:center;width:10%}.dayRange{align-items:center;background:rgba(63,125,224,.4);display:flex;height:4vh;justify-content:space-around;position:absolute}.dayRange img{width:2vh}.dayRange img:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}.termoContainer{background-color:rgba(63,125,224,.3);border-radius:1vw;font-size:1.5vw;padding:2vw}.termoContainer:hover{cursor:pointer;-webkit-transform:scale(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.857c5301.css.map*/