@font-face{font-family:Open Sans;src:url(/css/fonts/OpenSans-Regular.woff) format("woff2"),url(/css/fonts/OpenSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans SemiBold;src:url(/css/fonts/OpenSans-SemiBold.woff2) format("woff2"),url(/css/fonts/OpenSans-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Ridley Grotesk;src:url(/css/fonts/RidleyGrotesk-Regular.woff2) format("woff2"),url(/css/fonts/RidleyGrotesk-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{font-size:10px}.font-open-sans{font-family:Open Sans}.font-open-sans-semi-bold{font-family:Open Sans SemiBold}.font-ridley-grotesk{font-family:Ridley Grotesk}.btn-smart-devices{width:2.5rem;height:2.5rem;border-radius:2rem;border:1px solid black;background:transparent;cursor:pointer}.btn-smart-devices.on{background:grey}.btn-smart-devices.off{background:transparent}.btn-close{position:absolute;top:5%;right:5%}.img-offcanvas-close{width:3.5rem;height:3.5rem;filter:invert(100%)}.button-add-device,.button-on-off{border-radius:0;border:1px solid black;padding:1.5rem;background:transparent}.button-add-device:hover,.button-on-off:hover{background:white}.button-check-for-update{border-radius:0;border:1px solid black;font-size:2rem;padding:1.5rem;background:transparent}.btn-user-account-background{background:red;width:5rem;height:5rem;border-radius:50%;display:flex;flex-flow:row;justify-content:center;align-items:center}.btn-offcanvas{border-radius:0;border:1px solid black;font-size:2rem;padding:1.5rem;margin:2rem 0;background:transparent}.btn-offcanvas:hover{background:#F5F5F5;color:black}.img-user-account{width:100%;height:auto;border-radius:2rem}.main-class{width:100%;height:100%;background-color:#F5F5F5;margin:0;padding:0;display:flex;flex-flow:column;justify-content:start;align-items:center;position:relative}.div-homepage-add-device-container{display:flex;flex-flow:row;justify-content:center;align-items:center}.div-user-account-container{position:fixed;top:2%;left:2%}.div-homepage-dashboard{margin:5rem 0 0}.p-smart-device-title{font-size:2rem;text-align:center}.div-smart-device-container{border:1px solid black;background:white;padding:1.5rem;width:100%;height:100%;display:flex;flex-flow:column;justify-content:center;align-items:center}.div-weather-forecast-container{display:flex;flex-flow:row}.div-weather-row{height:100%;padding:5rem 0}.div-weather-display,.div-weather-row{width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center}.div-weather-display{background-color:white;border-radius:2rem;margin:2rem;max-width:25rem}.p-weather-display{font-size:1.6rem;text-align:center}.select-homepage-new-device{border-radius:0!important;font-size:2.5rem;border:1.5px solid grey!important;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:0 2rem}.options-homepage-new-device{font-size:2rem}.modal{background-color:#F5F5F5}.modal-button{position:absolute;right:0;top:0;z-index:5;border:0;background-color:transparent}.img-modal-close{width:3.5rem;height:3.5rem;filter:invert(100%)}.modal-content{padding:5rem 0;border:1px solid red;display:flex;flex-flow:row;justify-content:center;align-items:center;width:100%;height:100%;text-align:center}.h1-modal-content{font-size:3rem;padding:2rem 0;max-width:25rem;width:100%}.div-modal-smart-device-control-container{display:flex;flex-flow:column;align-items:center;justify-content:center}.div-modal-duration-selector-container{display:flex;flex-flow:row;justify-content:center;margin:2rem;gap:1rem}.option-modal-time-container,.select-modal-time-container{font-size:2rem}.div-modal-device-feature-container{width:100%;display:flex;flex-flow:row;justify-content:center;align-items:center}.input-intensity-selector{height:100px;width:100px;transform:rotate(-90deg)}.p-intensity-value{font-size:2.5rem}.input-temperature-selector{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4.5rem;background:#d3d3d3;outline:none}.input-temperature-selector::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:3rem;height:3rem;border-radius:2rem;background:#F5F5F5;cursor:pointer}.input-temperature-selector::-moz-range-thumb{width:3rem;height:3rem;border-radius:2rem;background:#F5F5F5;cursor:pointer}.input-temperature-selector::-ms-thumb{width:3rem;height:3rem;border-radius:2rem;background:#F5F5F5;cursor:pointer}.div-offcanvas-account-settings-container{display:flex;flex-flow:column;justify-content:space-between;align-items:center;height:100%;width:100%}.div-coming-soon-container{height:100%;width:100vh;display:flex;flex-flow:column;align-items:center;justify-content:center}.h1-coming-soon-text{font-size:4rem}.div-coming-soon-container-inner{display:flex;flex-flow:column;align-items:center;justify-content:center}.a-click-to-return{font-size:2rem;text-decoration:none;color:black;margin:2rem 0;cursor:pointer}.a-offcanvas-close-link{position:absolute;top:2%;right:2%}@media (max-width:991px){.main-class{height:100%;width:100%;padding:0;margin:0}.div-user-account-container{position:fixed;top:2%;left:2%}.div-weather-display{margin:1rem}.div-homepage-add-device-container{width:100%;height:100%;padding:0 4rem;display:flex;flex-flow:column;justify-content:center;align-items:center}.select-homepage-new-device{border-radius:0!important;font-size:2rem;margin:2rem 0}.options-homepage-new-device{font-size:2rem}.offcanvas{width:100vw;height:100vh}.div-coming-soon-container{width:100%;height:100vh}.a-click-to-return,.h1-coming-soon-text{text-align:center;font-size:2.75rem}}