body{font-family:Verdana,Geneva,Tahoma,sans-serif;background-color:#f7f7f7}.logo{width:100%;max-width:440px}h1{text-align:center}label{font-weight:700;font-size:12px}.rows-or-cols{width:100%;max-width:440px;margin:0 auto}.rows{display:flex;flex-direction:column;gap:10px}.cols label{display:block}select{border-radius:1.5rem;width:100%;font-size:1.25rem;padding:.25rem 1rem;border:1px solid gray}input[type=text]{border-radius:1.5rem;font-size:1.25rem;padding:.25rem 1rem;border:1px solid gray}input[type=number]{width:120px;text-align:center;border-radius:1.5rem;font-size:1.25rem;padding:.25rem;border:1px solid gray}input[type=number][readonly]{background-color:#d3d3d3}button{line-height:1rem;padding:.25rem 1rem}.link-btn{background-color:transparent;border:none;color:#007bff;text-decoration:underline}.buttons{margin:2rem 0;display:flex;justify-content:space-between}.buttons button{padding:.5rem 2rem}.cols{display:flex;flex-direction:row;justify-content:space-between;gap:10px}.temperatues input[type=number]{width:120px}.toggleSwitch span span{display:none}.toggleSwitch{display:inline-block;position:relative;overflow:visible;padding:0;cursor:pointer;width:120px;background-color:#f6f6f6;border:1px solid lightgray;border-radius:1.5rem;height:32.5px}.toggleSwitch *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.toggleSwitch label,.toggleSwitch>span{line-height:20px;height:20px;vertical-align:middle}.toggleSwitch input:focus~a,.toggleSwitch input:focus+label{outline:none}.toggleSwitch label{position:relative;z-index:3;display:block;width:100%}.toggleSwitch input{position:absolute;opacity:0;z-index:5}.toggleSwitch>span{position:absolute;left:0;width:calc(100% - 6px);text-align:left;white-space:nowrap;margin:0 3px;height:100%}.toggleSwitch>span span{position:absolute;z-index:5;display:block;margin-left:50px;font-size:1rem;width:auto;left:0;top:-1px;opacity:1;width:40%;text-align:center;line-height:34px;height:100%;align-content:center}.toggleSwitch a{position:absolute;right:50%;z-index:4;display:block;top:3px;bottom:3px;padding:0;left:3px;width:50%;background-color:green;border-radius:1.5rem;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out;box-shadow:0 1px 2px #0000000d}.toggleSwitch>span span:first-of-type{color:#fff;opacity:1;left:0;margin:0;width:50%}.toggleSwitch>span span:last-of-type{left:auto;right:0;color:#666;margin:0;width:50%}.toggleSwitch>span:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:-2px;border-radius:30px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}.toggleSwitch input:checked~a{left:calc(50% - 3px)}.toggleSwitch input:checked~span span:first-of-type{left:0;color:#666}.toggleSwitch input:checked~span span:last-of-type{color:#fff}