.lds-ripple{color:#0f5e9c}.lds-ripple,.lds-ripple div{box-sizing:border-box}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px;margin:auto}.lds-ripple div{position:absolute;border:4px solid currentColor;opacity:1;border-radius:50%;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{top:36px;left:36px;width:8px;height:8px;opacity:0}4.9%{top:36px;left:36px;width:8px;height:8px;opacity:0}5%{top:36px;left:36px;width:8px;height:8px;opacity:1}to{top:0;left:0;width:80px;height:80px;opacity:0}}.current{margin:auto;display:flex;flex-direction:column;align-items:center;height:calc(95vh - 100px)}.current .zisterne{border:1px solid black;width:200px;height:65%;display:flex;align-items:end}.current .water{background:#5d97e7;width:100%}.current .at-time{color:gray}.history .row{display:flex}.history .chart-container{position:relative;width:calc(95vw - 100px)}.history .sidebar{display:flex;flex-direction:column;width:100px;margin-top:12px}.history .sidebar *{margin:4px}.history .stats{margin-top:16px}.history .stats table td{padding-right:12px}.history .stats table td{border-top:1px solid #ddd}.history .stats table .dates,.history .stats table .label{text-align:left}@media (max-width: 500px){.row{align-self:flex-start;flex-direction:column}.row .chart-container{height:auto;width:auto}.row .sidebar{width:auto}}.login{display:flex;justify-content:center;align-items:center;width:100%}.login form{display:flex;flex-direction:column;border:1px solid #5abcd8;border-radius:6px;padding:30px;font-size:16px;background:#74ccf4}.login form input{margin:10px 0;padding:10px;font-size:16px}.login .error{color:red;font-weight:700}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:space-between;background-color:#0f5e9c}header .logo{color:#fff;padding:.75rem;font-weight:700}header nav{display:flex}header a{color:#fff;padding:.75rem;text-decoration:none}header a.active{background-color:#0005}header a:hover{background-color:#0008}main{flex:auto;display:flex;align-items:center;max-width:1280px;margin:0 auto;text-align:center}footer{text-align:right;margin:0 12px 12px}footer a{color:#0f5e9c;text-decoration:none}.button{cursor:pointer;outline:0;color:#fff;background-color:#2389da;border-color:#2389da;display:inline-block;font-weight:400;line-height:1.5;text-align:center;border:1px solid transparent;padding:6px 12px;font-size:16px;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.button:hover,.button:active,.button.active{color:#fff;background-color:#0f5e9c;border-color:#0a58ca}@media (max-width: 639px){main{margin:2rem}}@media (prefers-color-scheme: dark){:root{color:#ccc;background-color:#1a1a1a}}