body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body{height:100vh}.hue-picker.no-value div>div>div{display:none}.state-icon{align-self:center;display:flex;height:100%;left:calc(20px + 20% + 1.2rem);position:absolute;top:calc(50% - 1.5rem)}.water-level{background-color:#3b3b3b;border-radius:12px;bottom:27px;left:20px;overflow:hidden;position:absolute;top:12px;width:20%}.water-level-water{background-color:#4d6de3;bottom:0;left:0;position:absolute;top:10%;transition:transform 1.2s ease-out;width:100%}.water-level-wave{bottom:100%;position:absolute;transform-origin:bottom;width:200%}.water-level-back{fill:#c7eeff;animation:wave-back 5s linear infinite;right:0}.water-level-front{fill:#4d6de3;animation:wave-front 2.5s linear infinite;left:0;margin-bottom:-.5px}@keyframes wave-front{0%{transform:translate(0) scaleY(1.7)}to{transform:translate(-50%) scaleY(1.7)}}@keyframes wave-back{0%{transform:translate(0) scaleY(2)}to{transform:translate(50%) scaleY(2)}}
/*# sourceMappingURL=main.340a694e.css.map*/