.chart-container{display:flex;flex-direction:column;min-height:60dvh;padding:1rem;box-sizing:border-box}.chart-container #main-number-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem 1rem;position:static}.chart-container #alarm-indicator{width:2rem;height:2rem;border-radius:50%;background-color:#4caf50;box-shadow:0 0 10px #4caf50;cursor:pointer;transition:background-color .3s,box-shadow .3s;flex:0 0 auto}.chart-container #alarm-indicator.inactive{background-color:#f44336;box-shadow:0 0 10px #f44336}.chart-container .current-value-container{display:flex;flex-direction:row;align-items:center;line-height:2em}.chart-container #main-number{font-size:clamp(2rem, 10vw, 5rem);font-weight:700;margin:0;text-align:center;line-height:1em}.chart-container .small-number{font-size:clamp(.95rem, 4.5vw, 2rem);font-weight:600;line-height:1.2em}.chart-container .numbers-container{display:block;gap:1rem;justify-content:center;width:100%;margin:.4em 0 0 0;padding-left:10px}.chart-container #current-time{font-size:clamp(1rem, 6vw, 3rem);font-weight:700;opacity:.7}.chart-container #chart-container{flex:1 1 auto;min-height:10dvh;padding:0;box-sizing:border-box}.chart-container canvas{width:100%;height:100%}.chart-container canvas#line-chart{max-height:none}@media (min-width:768px){body>div.container>main.bg-card{padding-top:0!important;padding-bottom:0!important}.chart-container{min-height:80dvh}.chart-container #main-number-container{display:flex;align-items:center;justify-content:center;position:relative}.chart-container .current-value-container{display:flex;line-height:2em;flex-direction:row}.chart-container #main-number{font-size:5em;font-weight:700;margin:0;text-align:center;line-height:1em}.chart-container .small-number{font-size:2em;font-weight:600;line-height:1em}.chart-container #chart-container{flex-grow:1;height:calc(100% - 14em - 3cm);padding:0;box-sizing:border-box}.chart-container canvas{width:100%;height:100%}.chart-container .numbers-container{justify-content:space-around;width:100%;margin:0;margin-top:.4em;padding-left:.5em;display:block}.chart-container #current-time{position:absolute;top:0;right:1cm;font-size:3rem;font-weight:700;opacity:1}.chart-container #alarm-indicator{width:1.5rem;height:1.5rem;border-radius:50%;background-color:#4caf50;box-shadow:0 0 10px #4caf50;cursor:pointer;margin-right:1rem;transition:background-color .3s,box-shadow .3s}.chart-container #alarm-indicator.inactive{background-color:#f44336;box-shadow:0 0 10px #f44336}.chart-container canvas#line-chart{max-height:37.5em}}