*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{height:100%;display:flex;justify-content:center;align-items:center}ul,ol{list-style:none}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.settings{margin-top:20px}.device{display:flex;flex-direction:column;align-items:center;background-color:#483d8b;padding:10px 15px;border-radius:60px}.device__body{display:flex}.device__title{margin-bottom:15px}.device__labels{display:flex;flex-direction:column;align-items:end}.device__label{margin-bottom:10px}.device__list{display:flex}.device__item{display:flex;flex-direction:column;align-items:center;margin:0 10px}.device__light{margin-bottom:10px;height:20px;width:20px;border-radius:100%;background-color:gray}.device__light--enabled{background-color:green}.device__button{padding:3px 8px;cursor:pointer}.device__reset-button{background-color:transparent;border:0;font-size:25px;cursor:pointer;margin-top:10px}.form{background-color:#7fffd4;border:1px black;border-radius:20px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:15px 20px}.form__backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#fffc;position:absolute}.form__backdrop--hidden{display:none}.form__loader{width:48px;height:48px;border:2px solid #fff;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.form__loader:after,.form__loader:before{content:"";box-sizing:border-box;position:absolute;left:0;top:0;background:#ff3d00;width:6px;height:6px;transform:translate(150%,150%);border-radius:50%}.form__loader:before{inset:auto 0 0 auto;transform:translate(-150%,-150%)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}