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{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}:root{--bg-primary:#f4f4f4;--bg-secondary:#f4f4f4;--text-primary:#000;--text-secondary:#444;--text-invert:#fff;--shadow-primary:12px 12px 24px 8px rgba(0,0,0,0.16);--shadow-secondary:-12px -12px 24px 8px hsla(0,0%,100%,0.8);--shadow-primary:4px 4px 8px 2px rgba(0,0,0,0.08);--shadow-secondary:-4px -4px 8px 2px hsla(0,0%,100%,0.8);--nav-shadow-primary:4px 4px 8px 2px rgba(0,0,0,0.08);--nav-shadow-secondary:-4px -4px 8px 2px hsla(0,0%,100%,0.8);--button-primary:#282828;--button-danger:#da0000;--button-secondary:#888;--button-secondary-bg:#ddd;--line:#ddd}.container{max-width:1920px;margin:0 auto}.manage-console{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:70vh}.admin-tab{width:100%;display:flex;justify-content:center;margin-top:10px}.tab{width:33%}.search-element{display:flex;height:40px;justify-content:space-between}.search-type{width:100%}.search-bar{border-radius:4px;width:60%;height:40px;display:flex;align-items:center;background:#fff}.search-button{width:20%;border-radius:5px}.card-con{width:100%;justify-content:space-between;align-items:center;height:auto}.card-con,.card-text{display:flex;flex-direction:column}.card-text{overflow-y:auto;overflow-x:hidden}hr{color:#000;background:#000;border-color:#000;width:100%}.blocker{position:fixed;top:0;left:0;bottom:0;right:0;content:" ";background:rgba(0,0,0,.5)}.box{display:flex;align-items:center;justify-content:space-evenly;line-height:50px;text-align:center;margin:auto}.background{background:#f4f4f4;background:var(--bg-primary)}.home-block{justify-content:center}.home-block,.page-block{display:flex;flex-direction:column;height:100%;align-items:center}.page-block{justify-content:flex-start}.home-card{border-radius:32px;padding:32px;margin-top:16px;width:100vh;max-width:350px}.home-card,.tab-card{background:#f4f4f4;background:var(--bg-primary);box-shadow:4px 4px 8px 2px rgba(0,0,0,.08),-4px -4px 8px 2px hsla(0,0%,100%,.8);box-shadow:var(--shadow-primary),var(--shadow-secondary);margin-bottom:16px}.tab-card{border-radius:16px;margin-top:8px;padding-left:16px;padding-right:16px;width:800px}.user-manager-card{width:100%}.device-manager-card,.user-manager-card{background:#ddd;border-radius:16px;margin-top:8px;margin-bottom:16px;height:auto;color:#000;display:flex;padding:2px 16px 4px;flex-direction:row;justify-content:space-between;align-items:center}.device-manager-card{width:90%}.console{width:85%;max-width:770px}.console,.data-card{background:#f4f4f4;background:var(--bg-primary);border-radius:16px;padding:16px;margin-top:8px;margin-bottom:16px}.data-card{width:25%}.data-con{width:95%;display:flex;flex-direction:column;height:auto;align-items:center}.machine-type,.serial-name{display:flex;flex-direction:row;justify-content:flex-start;width:100%;text-align:left}.button{background-color:#282828;background-color:var(--button-primary)}.button,.button-danger{width:100%;height:48px;margin-top:10px;border-radius:5px;display:flex;justify-content:center;align-items:center}.button-danger{background-color:#da0000;background-color:var(--button-danger)}.button:hover{opacity:.85;transition:all .25s ease-in}.button-border{width:100%;height:48px;margin-top:10px;border:1px solid #888;border:1px solid var(--button-secondary);border-radius:5px;display:flex;justify-content:center;align-items:center}.button-circle{width:60px;height:60px;box-shadow:4px 4px 8px 2px rgba(0,0,0,.08),-4px -4px 8px 2px hsla(0,0%,100%,.8);box-shadow:var(--shadow-primary),var(--shadow-secondary);border-radius:60px}.button-circle:hover{transition:all .25s ease-in}.button-text{color:#000;color:var(--text-primary);font-weight:600}.button-text-white{color:#fff;color:var(--text-invert);font-weight:600}.textfield{width:100%;margin-bottom:20px;height:48px}.text-title{font-size:28px}.text-subtitle,.text-title{font-weight:600;color:#000;color:var(--text-primary);margin-top:10px;margin-bottom:10px}.text-subtitle{font-size:16px}.text-plain{font-size:14px;font-weight:500;color:#000;color:var(--text-primary);text-align:left;margin-top:10px;margin-bottom:10px}.text-option{font-size:12px;font-weight:500;color:#444;color:var(--text-secondary);text-align:center}.space-text{margin-top:32px;margin-bottom:32px}.picker-box{width:100%;height:104px;border:2px dashed #ccc;border-radius:8px;box-sizing:border-box;margin-top:8px;margin-bottom:8px}.status-box{width:40px;height:40px;background:#fff;box-shadow:inset 8px 8px 8px rgba(0,0,0,.12);border-radius:40px;display:flex}.status-block{background:#fafafa;height:64px;padding:20px;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:8px}.text-status-title{font-size:14px;font-weight:600;color:#000;color:var(--text-primary);text-align:center}.text-status-status{font-size:10px;font-weight:500;color:#444;color:var(--text-secondary);text-align:center}.status-show-block{background:#fafafa;height:112px;padding:20px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:8px}.nav-bar{width:100%;display:flex;flex-direction:row;justify-content:space-between;padding-top:16px;padding-bottom:16px}.nav-logo{height:60px}.nav-button-block,.nav-logo-block{border-radius:16px;padding:4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-button-block{background:#f4f4f4;background:var(--bg-primary);box-shadow:4px 4px 8px 2px rgba(0,0,0,.08),-4px -4px 8px 2px hsla(0,0%,100%,.8);box-shadow:var(--nav-shadow-primary),var(--nav-shadow-secondary)}.nav-button{font-size:16px;font-weight:600;color:#000;color:var(--text-primary);width:60px;height:60px}.nav-header{font-size:14px;font-weight:800;color:#444;color:var(--text-secondary);margin:auto}.popup-card{background:#f4f4f4;background:var(--bg-primary);border-radius:32px;padding:32px;margin-top:16px;max-width:480px}.device-card,.popup-card{margin-bottom:16px;width:100%}.device-card{padding:16px;margin-top:8px}.main.chart-wrapper{width:96%;height:400px}.mobile-search-button,.mobile-search-type{display:none}@media only screen and (min-device-width:280px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){.mobile-search-type{display:flex;justify-content:center;height:40px;align-items:center;width:10%}.mobile-menu{display:flex;flex-direction:column;height:auto;position:absolute;transition:.2s ease;top:20vh;opacity:0}.mobile-search-button{display:flex;justify-content:center;height:40px;align-items:center;width:10%}.user-manager-card{background:#ddd;border-radius:16px;margin-top:8px;margin-bottom:16px;width:90%;height:auto;color:#000;display:flex;padding:2px 16px 4px;flex-direction:row;justify-content:space-between;align-items:center}.console,.data-card{background:#f4f4f4;background:var(--bg-primary);border-radius:16px;padding:16px;margin-top:8px;margin-bottom:16px;width:80%}.search-type{display:none}.search-bar{border-radius:4px;width:75%;height:40px;display:flex;align-items:center;background:#fff}.search-button{display:none}.admin-tab{overflow-x:hidden}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:1){.mobile-search-type{display:flex;justify-content:center;height:40px;align-items:center;width:10%}.mobile-menu{display:flex;flex-direction:column;height:auto;position:absolute;transition:.2s ease;top:20vh;opacity:0}.mobile-search-button{display:flex;justify-content:center;height:40px;align-items:center;width:10%}.user-manager-card{background:#ddd;border-radius:16px;margin-top:8px;margin-bottom:16px;width:90%;height:auto;color:#000;display:flex;padding:2px 16px 4px;flex-direction:row;justify-content:space-between;align-items:center}.data-card{width:40%}.console,.data-card{background:#f4f4f4;background:var(--bg-primary);border-radius:16px;padding:16px;margin-top:8px;margin-bottom:16px}.console{width:80%}.search-type{display:none}.search-bar{border-radius:4px;width:80%;height:40px;display:flex;align-items:center;background:#fff}.search-button{display:none}.admin-tab{overflow-x:scroll}}:root{--bg-transparent-color:hsla(0,0%,100%,0.85)}.mynav{background:hsla(0,0%,100%,.85);background:var(--bg-transparent-color);box-shadow:0 0 15px -10px rgba(0,0,0,.5);height:60px;transition:all .5s ease;display:flex;align-items:center;justify-content:flex-start}
/*# sourceMappingURL=main.34b4ad98.chunk.css.map */