@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);:root{--switch-primary-colour:var(--switch-lightblue);--switch-secondary-colour:var(--switch-lightblue-light)}#switch-info-heading{margin-top:0}#svg-containers{display:flex;justify-content:center}#home-scene-container{margin:50px auto 0;overflow:hidden;width:100%;height:calc(100% - 100px)}#home-scene-wrapper{width:500%;height:100%;display:flex}.home-scene{width:20%;height:100%;position:relative;overflow:hidden}.home-scene-inner{position:relative;aspect-ratio:2.5;left:50%;transform:translateX(-50%)}#home-scene-loader{height:30%;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.home-scene-beacon{display:none;pointer-events:none;position:absolute;background-color:#fff;height:0;border-radius:50%;animation:grow .4s 1 linear;opacity:.4;z-index:2}.home-scene-beacon:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background-color:transparent;border-radius:50%;box-shadow:0 0 2px 2px #fff;animation:active 2s infinite linear}@keyframes grow{0%{transform:scale(.1)}100%{transform:scale(1)}}@keyframes active{0%{transform:scale(.1);opacity:1}70%{transform:scale(2.5);opacity:0}100%{opacity:0}}.home-scene-instructions{display:flex;position:absolute;left:52%;top:3%;z-index:2}.home-scene-instructions p{color:var(--switch-secondary-colour);font-size:1.8rem}.home-scene-instructions svg{width:7vw;max-width:110px;margin-right:2vw;margin-top:2vw}#home-plugs,#home-plugs-mobile{position:absolute}#home-plugs{width:70%;left:15%;top:20%}#home-plugs-mobile{display:none}.home-television-cable-unplugged,.home-laptop-cable-unplugged{display:none}.home-television-plug,.home-laptop-plug{cursor:pointer}.home-television-plug:hover,.home-laptop-plug:hover{filter:brightness(.8)}.home-television.unplugged .home-television-cable-unplugged,.home-laptop.unplugged .home-laptop-cable-unplugged{display:block}.home-television.unplugged .home-television-cable-plugged,.home-laptop.unplugged .home-laptop-cable-plugged{display:none}#home-scene-1 .home-scene-beacon{width:4%;padding-bottom:4%;top:40.7%}#home-scene-1-television-plug-beacon{left:49.5%}#home-scene-1-laptop-plug-beacon{left:55.1%}#thermostat{position:absolute;top:7%;left:10%;width:32%;height:0;padding-bottom:32%}#thermostat-dial{position:absolute;width:50%;top:25%;left:25%;--dial-background-color:#e56107}.eco #thermostat-dial{--dial-background-color:#3c4142}.hot #thermostat-dial{--dial-background-color:red}#thermostat-dial-circle{position:absolute;width:25%;top:10%;left:10%}#eco-leaf{position:absolute;width:5%;top:60%;left:47.5%;z-index:1;display:none}.eco #eco-leaf{display:block}#thermostat-slider{position:absolute;top:5%;left:5%;width:90%!important;height:90%!important}#thermostat-slider .rs-container,#thermostat-slider .rs-svg-container,#thermostat-slider .rs-svg-container svg{width:100%!important;height:100%!important}#thermostat-slider .rs-bar{z-index:1!important}#thermostat-slider .rs-handle{width:35%!important;height:0!important;padding-bottom:35%;margin-left:-10%!important;margin-top:-20%!important;background-color:#f3f3f3;border:.6vw solid #94E6FF;box-sizing:content-box;box-shadow:0 0 10px 0 #57c4e5}#thermostat-slider .rs-tooltip-text{font-size:66px;font-family:'open sans';font-weight:100;transform:translate(-50%,-50%);margin-left:-5px!important;margin-top:0!important;z-index:1}#radiator{position:absolute;right:0;top:32%;width:40%}#home-scene-2-thermostat-beacon{width:15.5%;padding-bottom:15.5%;top:10.1%;left:65%}#washing-machine{position:absolute;bottom:10%;left:25%;width:20%}#clothes-line{position:absolute;bottom:60%;left:55%;width:20%}#washing-machine-temp{position:absolute;width:5%;left:48%;bottom:48%;display:flex;align-content:center;flex-direction:column}#washing-machine-temp-control-down-button{position:absolute;bottom:0;width:100%;height:28%;cursor:pointer}#washing-machine-temp-control-down-button:hover{background:#ffffff1c}#washing-machine-temp-display{position:absolute;top:50%;left:50%;transform:translate(-60%,-50%);font-size:28px}#laundry-basket{position:absolute;bottom:15%;left:51%;width:12%}#washing-machine-spin{animation:rotation 1.5s infinite cubic-bezier(.5,.31,.51,.71);transform-origin:center;transform-box:fill-box}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#home-scene-3-temp-down-beacon{width:6%;padding-bottom:6%;top:41%;left:47.5%}#counter{position:absolute;bottom:10%;left:16%;width:32%}#fridge{position:absolute;bottom:10%;left:53%;width:32%}.clickable-food{cursor:pointer;transition:.3s ease-in-out;transform-origin:50% 50%;transform-box:fill-box}.clickable-food:hover{transform:scale(1.1);filter:brightness(1.1)}.clickable-food .clickable-food-deactivated{display:none}.clickable-food.clicked .clickable-food-deactivated{display:block}.clickable-food .clickable-food-active{display:block}.clickable-food.clicked .clickable-food-active{display:none}#home-end-screen{width:90%;position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}#hometown{width:70%;margin-top:40px}@media (min-aspect-ratio:5/3){.home-scene-inner{height:100%}@media(max-height:800px){#thermostat-slider .rs-tooltip-text{font-size:8vh}#washing-machine-temp-display{font-size:3vh}}@media(max-height:600px){#thermostat-slider .rs-tooltip-text{font-size:6vh}#washing-machine-temp-display{font-size:2vh}}@media(max-height:400px){#thermostat-slider .rs-tooltip-text{font-size:4vh}#washing-machine-temp-display{font-size:1vh}}}@media (min-aspect-ratio:1/1) and (max-aspect-ratio:5/3){.home-scene-inner{width:100%}@media(max-width:1500px){#thermostat-slider .rs-tooltip-text{font-size:4vw}#washing-machine-temp-display{font-size:1.8vw}}@media(max-width:800px){#hometown{width:60%}}}@media (max-aspect-ratio:1/1){#home-scene-container{height:calc(100% - 60px);margin:20px auto}.home-scene-inner{aspect-ratio:.6;height:100%}@media(max-width:768px){#home-scene-container{height:calc(100% - 40px)}}@media(max-width:500px){#home-scene-container{height:calc(100% - 70px)}}#home-plugs-mobile{display:block;width:80%;left:10%;top:0}#home-plugs{display:none}#home-scene-1 .home-scene-beacon{width:19%;padding-bottom:19%;top:70.5%}#home-scene-1-television-plug-beacon{left:28%}#home-scene-1-laptop-plug-beacon{left:52%}#thermostat{top:20%;left:5%;width:90%;padding-bottom:90%}#thermostat-slider .rs-tooltip-text{font-size:5vh}#radiator{display:none}#home-scene-2-thermostat-beacon{width:15.6%;left:67.9%;top:10.2%;padding-bottom:15.1%}#clothes-line{width:34%;bottom:82%;left:60%}#washing-machine{width:48%;bottom:36%;left:19%}#laundry-basket{width:29%;bottom:38%;left:59%;z-index:1}#washing-machine-temp{width:24%;left:38%;bottom:8%}#washing-machine-temp-display{font-size:4vh}#home-scene-3-temp-down-beacon{width:28%;padding-bottom:28%;top:81%;left:35.8%}#fridge{width:90%;bottom:auto;left:28%;top:5%}#counter{width:90%;bottom:5%;left:auto;right:32%}#hometown{width:200%}}@media (max-aspect-ratio:4/9){#home-scene-container{max-height:calc(100% - 60px)}.home-scene-inner{height:unset;width:100%}@media(max-width:500px){#home-scene-container{}}#thermostat-slider .rs-tooltip-text{font-size:12vw}#washing-machine-temp-display{font-size:8vw}}@media(max-width:1024px){#switch-heading-container h1{width:450px}}@media(max-width:768px){#switch-heading-container h1{width:350px}#switch-info-heading{margin-top:25px}}@media(max-width:500px){#switch-heading-container h1{width:250px}}