body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.embla{max-width:48rem;margin:auto;--slide-height: 19rem;--slide-spacing: 1rem;--slide-size: 100%}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__slide__number{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);border-radius:1.8rem;font-size:4rem;font-weight:600;display:flex;align-items:center;justify-content:center;height:var(--slide-height);-webkit-user-select:none;user-select:none}.embla__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.embla__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-items:center}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:3.6rem;height:3.6rem;z-index:1;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:25%;height:25%}.embla__selected-snap-display{justify-self:flex-end;align-self:center;color:var(--text-low-contrast);font-weight:600}:root{--gray: rgb(34, 48, 64);--blue: rgb(0, 122, 253);--green: rgb(6, 215, 108);--white: rgb(253, 251, 252)}.gauge{position:relative;width:150px;height:150px;text-align:center;display:flex;justify-content:center;align-items:center}.progress{position:absolute;width:100%;height:100%;border-radius:50%;outline-offset:5px;overflow:hidden}.progress:before{position:absolute;content:"";width:100%;height:50%;background-color:var(--white);top:50%;left:0;border-radius:0 0 200% 200%;z-index:100}.progress:after{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background-color:var(--white);border-radius:50%;z-index:200}.bar{position:absolute;width:50%;height:100%;background-color:var(--green);transform-origin:center right}.needle{position:absolute;width:100%;height:50%;background-color:var(--gray);clip-path:polygon(50% 0,50% 0,52% 100%,48% 100%);transform-origin:bottom center;z-index:300}.gauge-label{color:#000;font-size:16px;margin-top:60px;z-index:400}.real-time-chart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;background-color:#333;border-radius:10px;box-shadow:0 4px 10px #0003}.chart-wrapper{width:80%;background-color:#444;padding:10px;border-radius:8px}.current-value-display{font-size:1.5em;font-weight:700;margin-top:10px;color:#f5f5f5;text-align:center;width:80%;padding:10px;background-color:#444;border-radius:8px}.slider-container{height:100%;min-height:200px;min-width:100px}