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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Bold;src:local("DesySansOfficeCn-Bold"),url(/static/media/DesySansOfficeCn-Bold.131b64ae72b263917eaa.ttf) format("truetype")}@font-face{font-family:Heavy;src:local("DesySansOfficeCn-Heavy"),url(/static/media/DesySansOfficeCn-Heavy.ae9c849a5840783ca240.ttf) format("truetype")}@font-face{font-family:Medium;src:local("DesySansOfficeCn-Medium"),url(/static/media/DesySansOfficeCn-Medium.bff46986b06496fe07b1.ttf) format("truetype")}@font-face{font-family:Regular;src:local("DesySansOfficeCn-Regular"),url(/static/media/DesySansOfficeCn-Regular.15a68192ebd28ebe7779.ttf) format("truetype")}:root{--background-color:#fffaf0;--primary-text-color:#4b3832;--secondary-color:#deb88780;--sec-background:#fffaf0}[data-theme=dark]{--background-color:#1e1e1e;--primary-text-color:#e0e0e0;--secondary-color:#3e3e3e;--sec-background:#2e2e2e}.cat{bottom:0}.cat,.cat2{left:0;position:absolute}.cat2{height:100px;top:-35px}.catdiv{bottom:60px;color:#4b3832;color:var(--primary-text-color);font-family:Bold;font-size:40px;left:40vh;position:absolute}body{font-family:Bold;height:100vh;margin:0;padding:0}.App,.container,body{background-color:#fffaf0;background-color:var(--background-color)}.container{border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px auto;max-width:1700px;padding:20px;width:100%}.parent{grid-column-gap:5px;grid-row-gap:5px;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr)}.header{grid-area:2/2/1/5;margin-bottom:20px;text-align:center;width:100%}.switch-parent{grid-area:1/1/2/2}h1{color:#4b3832;color:var(--primary-text-color)}.sensor-data-container{display:flex;flex-wrap:wrap;gap:20px;grid-area:2/1/3/6;justify-content:space-around;margin-bottom:20px}.historical-data-chart{background-color:#fffaf0;background-color:var(--sec-background);border-radius:10px;box-shadow:0 2px 10px #0000001a;grid-area:3/1/7/6;padding:20px}.sensor-box{background-color:#deb88780;background-color:var(--secondary-color);border-radius:10px;cursor:pointer;flex-basis:calc(12.5% - 40px);flex-grow:1;flex-shrink:1;max-width:calc(12.5% - 40px);padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.sensor-box:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-5px)}.selected{border:3px solid #b92d41}.sensor-icon{font-size:24px;margin-bottom:10px}.sensor-header,.sensor-icon{color:#4b3832;color:var(--primary-text-color)}.sensor-header{font-size:16px}.sensor-info{font-size:20px}.sensor-info,.tracker-win{color:#4b3832;color:var(--primary-text-color)}.tracker-win{background-color:#fffaf0;background-color:var(--sec-background);border-radius:10px;box-shadow:0 0 10px #0000001a;font-size:14px;grid-area:4/6/7/9;height:100%;margin:0 auto;max-width:600px;overflow:hidden;width:100%}.chart-container{margin-bottom:20px}.chart{width:100%}.controls{align-items:center;display:flex;margin:5px}.interval-input{background-color:#fffaf0;background-color:var(--sec-background);border-color:#fffaf0;border-color:var(--sec-background);border-radius:12px;box-shadow:0 0 10px #0000001a;flex:1 1;margin-right:10px;padding:8px}.interval-input,.start-button,.stop-button{color:#4b3832;color:var(--primary-text-color);font-size:14px}.start-button,.stop-button{background-color:#fffaf0;background-color:var(--background-color);border:none;border-radius:4px;cursor:pointer;outline:none;padding:10px 20px;transition:background-color .4s ease}.start-button:disabled,.stop-button:disabled{background-color:#fffaf0;background-color:var(--background-color);cursor:not-allowed}.start-button:hover,.stop-button:hover{background-color:#deb88780;background-color:var(--secondary-color)}.info-box{background-color:#fffaf0;background-color:var(--sec-background);border-radius:10px;box-shadow:0 0 10px #0000001a;color:#4b3832;color:var(--primary-text-color);font-size:14px;grid-area:1/6/4/9;height:100%;margin:0 auto;max-width:600px;overflow:hidden;width:100%}.info-header{grid-area:1/1/2/5;text-align:center}.sensor-infobox{background-color:#fffaf0;background-color:var(--sec-background);border-radius:5px;box-shadow:0 0 10px #0000001a;color:#4b3832;color:var(--primary-text-color);font-size:14px;grid-area:2/1/5/3;height:100%;margin:0 auto 0 10px;width:100%}.sensor-infobox p{margin-left:10px}.historical-cpu-chart{display:flex;flex-wrap:wrap;justify-content:center}.sensor-data-container .cpu-temp{color:#4b3832;color:var(--primary-text-color)}.switch{display:inline-block;height:34px;position:relative;width:60px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#4b3832;background-color:var(--primary-text-color);bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fffaf0;background-color:var(--background-color);bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#4b3832;background-color:var(--primary-text-color)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}body{height:100%;width:100%}#gear{cursor:pointer}.configheader button{grid-area:1/1/2/2}.configheader h2{grid-area:1/2/2/4}.config-modal{grid-column-gap:0;grid-row-gap:0;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto 1fr auto 1fr auto;left:50%;max-height:80vh;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:80vw;z-index:1000}.config-modal-content{display:flex;flex-direction:column;gap:20px;grid-area:2/1/6/6}.config-close-button{align-self:flex-end;background:none;border:none;cursor:pointer;font-size:20px;margin-bottom:20px}.config-field{display:flex;flex-direction:column;gap:10px}.config-container-ip{align-items:center;border:1px solid #ccc;border-radius:5px;display:flex;overflow:hidden}.config-ip,.config-port{border:none;flex:1 1;font-size:16px;padding:10px}.config-ip{border-right:1px solid #ccc}.config-at-symbol{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;padding:0 10px}.config-save-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px}.config-save-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.ec8c099b.css.map*/