@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500&family=Roboto+Flex:opsz,wght@8..144,100;8..144,200;8..144,300;8..144,400;8..144,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500&family=Roboto+Flex:opsz,wght@8..144,500&display=swap";.CircularProgressbar{width:100%;vertical-align:middle}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease 0s;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;font-size:20px;dominant-baseline:middle;text-anchor:middle}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.animated-dot{transition:transform 1.5s ease-in-out}.css-selector{height:20px;border-radius:10px;background:linear-gradient(271deg,#0d6cdb,#deeef0);background-size:100% 100%;-webkit-animation:AnimationName 4s ease infinite;animation:AnimationName 4s ease infinite}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 51%}to{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 51%}to{background-position:0% 50%}}.custom-scroll-robot-container{height:200px;width:200px;overflow-x:auto;overflow-y:auto}.custom-scroll-robot-container::-webkit-scrollbar{width:8px;height:8px}.custom-scroll-robot-container::-webkit-scrollbar-thumb{background-color:gray;border-radius:4px}.custom-scroll-robot-container::-webkit-scrollbar-track{background-color:transparent}.custom-scroll-robot-status-container{height:500px;overflow-x:auto}.custom-scroll-robot-status-container::-webkit-scrollbar{width:8px}.custom-scroll-robot-status-container::-webkit-scrollbar-thumb{background-color:gray;border-radius:4px}.custom-scroll-robot-status-container::-webkit-scrollbar-track{background-color:transparent}.custom-scroll-container{height:150px;overflow-x:auto}.custom-scroll-container::-webkit-scrollbar{width:5px}.custom-scroll-container::-webkit-scrollbar-thumb{background-color:#30f2f2;border-radius:2.5px}.custom-scroll-container::-webkit-scrollbar-track{background-color:transparent}body{font-family:Roboto Flex,sans-serif;margin:0 auto;display:flex;justify-content:center}:root{--bg-color: #15181c;--font-color: #ffffff;--pie-total: #0bfcf3;--pie-bg-tooltip: #ffffff;--pie-border-tooltip: #ddd;--pie-label: #333}.chart-container{overflow:visible;position:relative;width:100%;height:100%}.chart-container *{cursor:pointer}.chart-x,.chart-y{color:var(--font-color);font-size:.5rem}.pie-tooltip{padding:8px;position:absolute;border-radius:4px;visibility:hidden;background-color:var(--pie-bg-tooltip);border:1px solid var(--pie-border-tooltip)}