.menu-icon{cursor:pointer;align-self:center}.menu-icon:focus{outline:none}
.button-div.disabled{opacity:.5;pointer-events:none;touch-action:none}
.divider{height:2px;width:100%;background-color:#dedede}
.delete-modal{width:35rem;max-width:100%}.delete-modal .message{font-size:1.6rem;text-align:center;padding:3rem 0}.delete-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding-top:1rem}.delete-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#a9a9a9}.delete-modal .button-group .cancel-button:focus{outline:none}.delete-modal .button-group .cancel-button:hover{background-color:#c3c3c3}.delete-modal .button-group .delete-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#e87979}.delete-modal .button-group .delete-button:focus{outline:none}.delete-modal .button-group .delete-button:hover{background-color:#efa5a5}
.message-modal{width:35rem;max-width:100%}.message-modal .message{font-size:1.6rem;text-align:center;padding:3rem 0}.message-modal .button-group{display:flex;align-items:center;justify-content:flex-end;padding-top:1rem}.message-modal .button-group .confirm-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#426da2}.message-modal .button-group .confirm-button:focus{outline:none}.message-modal .button-group .confirm-button:hover{background-color:#5b86bc}
.error-modal{width:35rem;max-width:100%}.error-modal .message{font-size:1.6rem;text-align:center;padding:3rem 0}.error-modal .button-group{display:flex;align-items:center;justify-content:flex-end;padding-top:1rem}.error-modal .button-group .confirm-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#426da2}.error-modal .button-group .confirm-button:focus{outline:none}.error-modal .button-group .confirm-button:hover{background-color:#5b86bc}
.upload-file-modal{width:35rem;max-width:100%}.upload-file-modal .input-container{display:flex;flex-direction:column;grid-gap:2rem;font-size:1.6rem;text-align:center;padding:2rem 0;align-items:center}.upload-file-modal .input-container .upload-file-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#426da2;min-width:fit-content;max-width:fit-content}.upload-file-modal .input-container .upload-file-button:focus{outline:none}.upload-file-modal .input-container .upload-file-button:hover{background-color:#5b86bc}.upload-file-modal .input-container .file-input{display:none}.upload-file-modal .input-container .file-name{display:flex;flex:1;flex-wrap:wrap}.upload-file-modal .input-container .file-name .file{word-break:break-all;flex:1;text-align:left}.upload-file-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding-top:1rem}.upload-file-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#a9a9a9}.upload-file-modal .button-group .cancel-button:focus{outline:none}.upload-file-modal .button-group .cancel-button:hover{background-color:#c3c3c3}.upload-file-modal .button-group .upload-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#426da2}.upload-file-modal .button-group .upload-button:focus{outline:none}.upload-file-modal .button-group .upload-button:hover{background-color:#5b86bc}.upload-file-modal .button-group .upload-button.disabled{opacity:.5;pointer-events:none;touch-action:none}
.approve-modal{width:35rem;max-width:100%}.approve-modal .message{font-size:1.6rem;text-align:center;padding:3rem 0}.approve-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding-top:1rem}.approve-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#a9a9a9}.approve-modal .button-group .cancel-button:focus{outline:none}.approve-modal .button-group .cancel-button:hover{background-color:#c3c3c3}.approve-modal .button-group .approve-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#63b5a1}.approve-modal .button-group .approve-button:focus{outline:none}.approve-modal .button-group .approve-button:hover{background-color:#86c5b6}
.confirm-modal{width:35rem;max-width:100%}.confirm-modal .message{font-size:1.6rem;text-align:center;padding:3rem 0}.confirm-modal .button-group{display:flex;grid-gap:1rem;align-items:center;justify-content:flex-end;padding-top:1rem}.confirm-modal .button-group .cancel-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#a9a9a9}.confirm-modal .button-group .cancel-button:focus{outline:none}.confirm-modal .button-group .cancel-button:hover{background-color:#c3c3c3}.confirm-modal .button-group .confirm-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#426da2}.confirm-modal .button-group .confirm-button:focus{outline:none}.confirm-modal .button-group .confirm-button:hover{background-color:#5b86bc}
.user-info{display:grid;grid-template-columns:4rem 1fr 4rem;align-items:center;font-size:1.4rem;margin-left:auto}.user-info .user-icon{justify-self:center}.user-info .username{padding:0 1.5rem 0 .5rem}.user-info .logout-icon{cursor:pointer;justify-self:center}.user-info .logout-icon:focus{outline:none}.user-info .logout-icon:hover{opacity:.7}.window-small .user-info{display:none}
.header{position:relative;display:flex;background-color:#001628;height:6rem;color:#fff;padding:0 2rem;grid-gap:2rem;z-index:200;box-shadow:0 3px 4px 0 rgba(0,0,0,.2),0 3px 3px -2px rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.header .logo-container{display:flex;align-items:center;cursor:pointer;min-width:0}.header .logo-container:focus{outline:none}.header .logo-container .logo{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:2rem;height:80%}.window-small .header{position:relative}.window-small .header .logo-container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:70%}.window-small .header .logo-container .logo{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:2rem;height:100%}
.footer{position:relative;display:flex;justify-content:flex-end;height:6rem;background-color:#001628;font-size:1.6rem;color:#fff;padding:0 2rem;z-index:200}.footer .version{align-self:center}
.desktop-main-menu{display:flex;flex-direction:column;position:absolute;min-height:calc(100vh - 6rem - 6rem);height:100%;width:calc(24rem + 24rem);overflow-x:hidden;overflow-y:auto;padding-right:10rem;z-index:201;left:-24rem;transition:left .3s}.desktop-main-menu .remain-area{flex:1;background-color:#92ab23;width:24rem}.desktop-main-menu.rendered{left:0}.desktop-main-menu::-webkit-scrollbar{width:0}.desktop-main-menu-shadow{position:absolute;min-height:calc(100vh - 6rem - 6rem);height:100%;width:24rem;left:-24rem;z-index:199;box-shadow:10px 0 25px 3px rgba(50,50,50,.6);transition:left .3s}.desktop-main-menu-shadow.rendered{left:0}.menu-blank-space{position:absolute;left:0;top:0;min-height:calc(100vh - 6rem - 6rem);height:100%;width:100vw;background-color:rgba(80,80,80,.4);z-index:200;cursor:initial;opacity:0;transition:opacity .3s}.menu-blank-space.rendered{opacity:1}
.mobile-main-menu{display:flex;flex-direction:column;position:absolute;left:0;width:100vw;height:100%;overflow-y:auto;z-index:101;opacity:0;transition:opacity .3s}.mobile-main-menu.rendered{opacity:1}.mobile-main-menu .mobile-main-menu-items{box-shadow:10px 0 25px 3px rgba(50,50,50,.6)}.mobile-main-menu .side-menu-user-info{display:grid;grid-template-columns:5rem 1fr 5rem;background-color:#00325b;font-size:1.6rem;color:#fff;height:6rem}.mobile-main-menu .side-menu-user-info .username{display:flex;justify-content:center;align-items:center}.mobile-main-menu .side-menu-user-info .username .user-icon{padding-right:.5rem}.mobile-main-menu .side-menu-user-info .logout-button{display:flex;justify-content:center;align-items:center;cursor:pointer;height:100%}.mobile-main-menu .side-menu-user-info .logout-button:focus{outline:none}.mobile-main-menu .backdrop{flex:1;background-color:rgba(80,80,80,.3);cursor:initial}.desktop .mobile-side-menu .side-menu-user-info .logout-button:hover{background-color:#ebebeb;color:#424242}.mobile .mobile-side-menu .side-menu-user-info .logout-button:active{background-color:#ebebeb;color:#424242}
.sub-menu{position:absolute;left:24rem;top:0;background-color:#92ab23;width:24rem;align-items:stretch;z-index:1;display:flex;flex-direction:column;max-height:calc(100vh - 6rem - 6rem);overflow-y:auto;box-shadow:10px 0 25px 3px rgba(50,50,50,.6)}.sub-menu.bottom{top:auto;bottom:0}.sub-menu .sub-menu-item{padding:2rem 1rem;font-size:1.6rem;background-color:#92ab23;color:#fff;cursor:pointer;text-decoration:none}.sub-menu .sub-menu-item:focus{outline:none}.sub-menu .sub-menu-item.selected{background-color:#ebebeb;color:#424242}.window-small .sub-menu{position:initial;width:100%;border:none;grid-column-start:1;grid-column-end:3;box-shadow:none}.window-small .sub-menu .sub-menu-item{background-color:#ebebeb;color:#424242}.window-small .sub-menu .sub-menu-item.selected{background-color:#00325b;color:#fff}.desktop .sub-menu .sub-menu-item:hover{background-color:#ebebeb;color:#424242}.desktop.window-small .sub-menu .sub-menu-item:hover{background-color:#00325b;color:#fff}.mobile .sub-menu .sub-menu-item:active{background-color:#ebebeb;color:#424242}.mobile.window-small .sub-menu .sub-menu-item:active{background-color:#00325b;color:#fff}
.main-menu-item{padding:2rem 1rem;font-size:1.6rem;background-color:#92ab23;color:#fff;cursor:pointer;position:relative;width:24rem;box-sizing:border-box}.main-menu-item:focus{outline:none}.main-menu-item.open-sub-menu{background-color:#d2d2d2;color:#424242}.window-small .main-menu-item{display:grid;grid-template-columns:1fr 4rem;width:100%;padding:0}.window-small .main-menu-item .menu-name{padding:2rem 1rem}.window-small .main-menu-item.open-sub-menu{background-color:#92ab23;color:#fff}.window-small .main-menu-item .icon{justify-self:center;align-self:center}.desktop .main-menu-item:hover{background-color:#d2d2d2;color:#424242}.desktop.window-small .main-menu-item:hover{background-color:#92ab23;color:#fff}.mobile .main-menu-item:active{background-color:#d2d2d2;color:#424242}.mobile.window-small .main-menu-item:active{background-color:#92ab23;color:#fff}

.side-panel{width:20rem;min-height:calc(100vh - 6rem - 6rem);max-height:100%;background-color:#92ab23}.side-panel .title{padding:2rem 1rem;font-size:2rem;color:#ffe4d8;font-weight:800}.side-panel .title:focus{outline:none}.side-panel .side-panel-sub-menu{display:flex;flex-direction:column}.side-panel .side-panel-sub-menu .side-panel-item{padding:2rem 1rem;font-size:1.6rem;background-color:#92ab23;color:#fff;cursor:pointer;text-decoration:none}.side-panel .side-panel-sub-menu .side-panel-item:focus{outline:none}.side-panel .side-panel-sub-menu .side-panel-item.selected{background-color:#ebebeb;color:#424242}.window-small .side-panel{position:relative;width:100%;height:fit-content;overflow-y:initial;min-height:0}.window-small .side-panel .title{display:grid;grid-template-columns:1fr 2rem;text-align:center;cursor:pointer}.window-small .side-panel .title .icon{justify-self:center}.window-small .side-panel .side-panel-sub-menu{position:absolute;display:flex;flex-direction:column;width:100%;height:calc(100vh - 6rem - 6rem);background-color:#92ab23;overflow-y:auto;z-index:100}.window-small .side-panel .side-panel-sub-menu .side-panel-item{padding:2rem 1rem;font-size:1.6rem;background-color:#92ab23;color:#fff;cursor:pointer}.window-small .side-panel .side-panel-sub-menu .side-panel-item:focus{outline:none}.window-small .side-panel .side-panel-sub-menu .side-panel-item.selected{background-color:#ebebeb;color:#424242}.window-small .side-panel .side-panel-sub-menu .side-panel-blank-space{flex:1}.desktop .side-panel .side-panel-sub-menu .side-panel-item:hover{background-color:#d2d2d2;color:#424242}.desktop .side-panel .side-panel-sub-menu .side-panel-item.selected:hover{background-color:#ebebeb;color:#424242}.mobile .side-panel .side-panel-sub-menu .side-panel-item:active{background-color:#d2d2d2;color:#424242}.mobile .side-panel .side-panel-sub-menu .side-panel-item.selected:active{background-color:#ebebeb;color:#424242}
.breadcrumb{font-size:1.4rem;color:#424242;padding-bottom:1.5rem}.breadcrumb .path-name{cursor:pointer;display:inline-block}.breadcrumb .path-name:focus{outline:none}.breadcrumb .arrow{display:inline-block;padding:0 1rem}.window-small .breadcrumb{line-height:2rem}.desktop .breadcrumb .path-name:hover{opacity:.7}.mobile .breadcrumb .path-name:active{opacity:.7}
.title-component{font-size:2rem;color:#424242;padding-bottom:1.5rem}
.text-input{position:relative;display:flex;flex-direction:column;padding-bottom:1.5rem}.text-input .input-title{font-size:2rem;color:#001628;margin-bottom:1rem}.text-input .input-title.required::after{content:"*";color:red;margin-left:.5rem}.text-input .input-container{position:relative;display:flex}.text-input .input-container .form-input{height:3.6rem;padding:0 .5rem;box-sizing:border-box;font-size:1.6rem;border:1.5px solid rgba(128,128,128,.5);border-radius:.5rem;flex:1}.text-input .input-container .form-input:focus{outline:none}.text-input .input-container .form-input.textarea{font-family:initial;padding:.5rem;resize:none;height:10rem}.text-input .input-container .form-input.with-icon{padding:0 3.5rem 0 .5rem}.text-input .input-container .form-input.disable{background:#eee}.text-input .input-container .trailing-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);cursor:pointer}.text-input .input-container .trailing-icon:focus{outline:none}.text-input .error-message{padding:.5rem .5rem 0;font-size:1.4rem;color:#e87979}
.login .login-dialog{width:90%;max-width:42rem;margin:10rem auto;background-color:#fff;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.login .login-dialog .dialog-header{height:4rem;width:100%;font-size:2rem;color:#fff;text-align:center;line-height:4rem;background-color:#001628;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.login .login-dialog .dialog-body{padding:2rem 1.5rem}.login .login-dialog .dialog-body .api-error{padding:0 1rem;margin-bottom:2rem}.login .login-dialog .dialog-body .login-form .inputs{padding:0 1rem}.login .login-dialog .dialog-body .login-form .login-button{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#92ab23;margin:2rem 1rem 0 1rem}.login .login-dialog .dialog-body .login-form .login-button:focus{outline:none}.login .login-dialog .dialog-body .login-form .login-button:hover{background-color:#b5d42d}
.modal-wrapper{position:fixed;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;top:0;left:0;width:100vw;height:100vh;overflow-x:hidden}.modal-wrapper .backdrop{position:fixed;width:100vw;height:100vh;z-index:99;background-color:#505050cc}.modal-wrapper .backdrop.top{z-index:199}.modal-wrapper .modal{overflow-x:hidden;position:relative;display:flex;flex-direction:column;margin:2rem auto;border-radius:4px;z-index:100;align-self:center;color:#000;max-width:95%}.modal-wrapper .modal.fixed-size{width:60vw;height:60%;min-height:40rem;min-width:40rem}.modal-wrapper .modal.top{z-index:300}.modal-wrapper .modal .modal-header{position:relative;background:#001628;color:#fff;height:4rem;line-height:4rem;padding:.5rem 2rem;text-align:center;font-size:2rem}.modal-wrapper .modal .modal-header .close-button{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:2.4rem;cursor:pointer}.modal-wrapper .modal .modal-header .close-button:focus{outline:none}.modal-wrapper .modal .modal-header .close-button:hover{opacity:.7}.modal-wrapper .modal .modal-body{flex:1;overflow-y:scroll;padding:1rem;background:#fff}

.full-screen-loading-container{display:flex;justify-content:center;align-items:center;position:fixed;width:100vw;height:100vh;background-color:#505050cc;z-index:200}.full-screen-loading-container .icon{width:4rem;height:4rem;border:.6rem solid #f3f3f3;border-top:.6rem solid #92ab23;border-radius:50%;animation:spinner 1s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
html{font-size:10px}main{display:flex;min-height:100vh;min-width:30rem;flex-direction:column}.viewport{position:relative;display:flex;flex-direction:row;flex:1;background-color:#ebebeb}.viewport .main-content{flex:1;padding:1.5rem;min-width:0;min-height:calc(100vh - 6rem - 6rem);height:100%;box-sizing:border-box}body{font-family:-apple-system,Arial,Helvetica,"LiHei Pro","微軟正黑體",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","新細明體","Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin:0}body .description-container{padding:1.5rem 0 !important;display:grid;justify-content:space-between;grid-gap:2rem;grid-auto-flow:row;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(16rem, 20%)), 1fr))}.window-small .viewport{flex-direction:column}
.select-input{position:relative;display:flex;flex-direction:column;padding-bottom:1.5rem}.select-input .input-title{font-size:2rem;color:#001628;margin-bottom:1rem}.select-input .input-title.required::after{content:"*";color:red;margin-left:.5rem}.select-input .select-container{position:relative;display:flex}.select-input .select-container .form-input{height:3.6rem;padding:0 .5rem;box-sizing:border-box;font-size:1.6rem;border:1.5px solid rgba(128,128,128,.5);border-radius:.5rem;flex:1;padding:0 3.5rem 0 .5rem;cursor:pointer}.select-input .select-container .form-input:focus{outline:none}.select-input .select-container .trailing-icon{display:flex;justify-content:center;align-items:center;position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);cursor:pointer}.select-input .select-container .trailing-icon:focus{outline:none}.select-input .select-container .options{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:calc(100% + 1rem);width:100%;height:fit-content;max-height:16rem;box-sizing:border-box;background-color:#fff;padding:0 1rem;border:1.5px solid rgba(128,128,128,.5);box-shadow:.5rem .5rem 1rem 0 rgba(91,91,91,.5);z-index:10;overflow:auto}.select-input .select-container .options.bottom{top:auto;bottom:4.5rem}.select-input .select-container .options .placeholder{font-size:1.6rem;padding:1rem .3rem;cursor:pointer;color:#c8c8c8}.select-input .select-container .options .placeholder:focus{outline:none}.select-input .select-container .options .option{font-size:1.6rem;padding:1rem .3rem;cursor:pointer}.select-input .select-container .options .option:focus{outline:none}.select-input .select-container .options .option.selected{color:#92ab23}.select-input .error-message{padding:.5rem .5rem 0;font-size:1.4rem;color:#e87979}.desktop .select-input .select-container .options .option:hover{opacity:.7}.desktop .select-input .select-container .options .option.selected:hover{opacity:1}.mobile .select-input .select-container .options .option:active{opacity:.7}.mobile .select-input .select-container .options .option.selected:active{opacity:1}
.user-block{display:flex;flex-direction:column;background-color:#fff;grid-gap:1.5rem;padding:2rem;width:fit-content;border-radius:.5rem}.user-block .user-container{display:flex;grid-gap:1.5rem;align-items:center}.user-block .user-container .username{font-size:2rem}.user-block .user-container .location-container .select-input{padding:0}.user-block .user-container .location-container .select-input .input-title,.user-block .user-container .location-container .select-input .error-message{display:none}.user-block .tags-container{display:flex;grid-gap:1.5rem}.user-block .tags-container .tag{text-align:center;cursor:pointer;font-size:1.6rem;height:3.6rem;line-height:3.6rem;border-radius:.5rem;padding:0 1rem;color:#fff;background-color:#a9a9a9}.user-block .tags-container .tag:focus{outline:none}.user-block .tags-container .tag:hover{background-color:#c3c3c3}
.card{width:100%}.card .card-title{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;height:5rem;background-color:#001628;color:#fff;font-size:1.6rem;padding:1.5rem;box-sizing:border-box;border-top-left-radius:.5rem;border-top-right-radius:.5rem}.card .card-title.pointer{cursor:pointer}.card .card-title.pointer:focus{outline:none}.card .card-title.collapse{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.card .card-content{background-color:#fff;padding:1.5rem;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}.card.full-screen{position:fixed;width:100vw;height:calc(100vh - 6rem - 6rem);max-height:calc(100vh - 6rem - 6rem);top:6rem;left:0;background-color:#fff;margin:0 !important}.card.full-screen .card-title{border-radius:0}.card.full-screen .card-content{display:flex;flex-direction:column;background-color:#fff;box-sizing:border-box;padding:1.5rem;height:calc(
        100vh - 6rem - 6rem - 5rem
      );max-height:calc(
        100vh - 6rem - 6rem - 5rem
      );border-radius:0}.desktop .card .card-title.collapse:hover{opacity:.7}.mobile .card .card-title.collapse:active{opacity:.7}
.description{color:#424242}.description .title{font-size:2rem;padding-bottom:1.5rem;color:#92ab23}.description .content{display:flex;align-items:center;font-size:1.6rem;padding-bottom:2rem}.description .content .sub-content{font-size:1.4rem;color:#a8a8a8;margin-left:.5rem}.description .content.no-data{color:#c8c8c8}.description .content img{max-width:100%}
.sensor-block{min-width:40rem}.sensor-block .card-content{height:21rem;overflow:scroll}
.weather-item{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:1rem}.weather-item .date-text{font-size:2rem}.weather-item .weather-icon{display:flex;justify-content:center;align-items:center}.weather-item .weather-icon .icon{width:80%}.weather-item .temperature-text{font-size:1.6rem}
.weather-block{display:flex;grid-gap:2rem;flex-wrap:wrap;justify-content:space-around;align-items:center;background-color:#fff;border-radius:.5rem;padding:1.5rem}
.table-component{overflow-y:auto;white-space:nowrap;border:1px solid #dedede;border-radius:.5rem}.table-component table{width:100%;border-collapse:collapse;border-style:hidden}.table-component table thead{height:4.8rem;line-height:4.8rem;color:#fff;background-color:#a9a9a9;font-size:1.6rem}.table-component table thead th{border:1px solid #dedede}.table-component table thead th .head-content{display:flex;justify-content:center;align-items:center;padding:0 1rem}.table-component table thead th .head-content .icon{height:3.5rem;margin:auto 0}.table-component table thead th .head-content.select-cell{padding:0;min-width:0}.table-component table tbody{color:#424242}.table-component table tbody tr{height:4rem;font-size:1.6rem;text-align:center;color:#000;background-color:#fff;cursor:pointer}.table-component table tbody tr:focus{outline:none}.table-component table tbody tr:hover{color:#fff;background-color:#c3c3c3}.table-component table tbody tr:hover .nav-link{color:#fff !important}.table-component table tbody tr:nth-child(even){background-color:#f0f3e1}.table-component table tbody tr:nth-child(even):hover{color:#fff;background-color:#c3c3c3}.table-component table tbody tr:nth-child(even):hover .nav-link{color:#fff !important}.table-component table tbody td{border:1px solid #dedede;min-width:5rem;padding:0 1.5rem}.table-component table tbody td.select-cell{padding:0;min-width:0}.table-component table tbody td.cell .nav-link{height:4rem;display:flex;color:#000;text-decoration:none;align-items:center;padding:0 1.5rem}.table-component table tbody td.cell .nav-link .link-cell{flex:1;display:block}.table-component table tbody td.no-padding{padding:0}.table-component table tbody td.grouped{background-color:#f0f3e1;color:#000}.table-component table tbody td.grouped:nth-child(even){background-color:#fff}
.record-block table thead{display:none}
.homepage{display:flex;flex-direction:column;grid-gap:1.5rem}.homepage .sensor-container{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(40rem, 30.303030303%)), 1fr));grid-gap:1.5rem;padding-bottom:1rem}.homepage .record-container{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fit, minmax(min(100%, max(40rem, 49%)), 1fr));grid-gap:1.5rem}