.title-bar[data-v-04b2cebb]{width:100vw;height:48px;background-color:#fff;display:flex;justify-content:space-between;align-items:center;padding-left:8px;padding-right:8px;border-bottom:1px solid #e0e0e0}.left-part[data-v-04b2cebb]{height:100%;width:100%;display:flex;align-items:center}.xkool-logo[data-v-04b2cebb]{height:70%}.title-text[data-v-04b2cebb]{font-size:100%;font-weight:700;color:#5f50f6;margin-left:8px}.right-part[data-v-04b2cebb]{display:flex;align-items:center}.title-bar-button[data-v-04b2cebb]{margin-right:6px;margin-left:6px}.tips-text[data-v-04b2cebb]{font-size:70%;color:#fff}.tips-panel[data-v-04b2cebb]{margin-top:30px}.left-menu-container[data-v-12e5b140]{background-color:#fff;width:40px;height:100vh;border-right:1px solid #e0e0e0}.left-menu-button-list[data-v-12e5b140]{margin-top:50px;display:flex;flex-direction:column;align-items:center}.left-button[data-v-12e5b140]{border:0;width:39px;height:39px;font-size:140%;text-align:center}.tips-text[data-v-12e5b140]{font-size:70%;color:#fff}.bottom-text[data-v-9a7ba81e]{width:100%;font-size:70%;text-align:right;color:#5f50f6}.drawer-title-text[data-v-61fd0319]{font-size:90%;color:#5f50f6;font-weight:700}.site-info-overview[data-v-61fd0319]{margin-bottom:24px}.panel-title-text[data-v-61fd0319]{color:#6e6e6e;font-weight:700;margin-bottom:10px}.user-input[data-v-61fd0319]{margin-top:20px}.user-input-part[data-v-61fd0319]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:10px}.slider-text[data-v-61fd0319]{color:#6e6e6e;font-size:70%;font-weight:400}.next-step-button[data-v-61fd0319]{font-size:70%;font-weight:400}.panel-content-text[data-v-61fd0319]{color:#6e6e6e;font-size:70%;font-weight:400;line-height:2}.draw-button[data-v-61fd0319]{margin-top:20px}.subdivision-type[data-v-61fd0319]{display:flex;flex-direction:column;margin-top:20px}.radio-style[data-v-61fd0319]{display:block;height:30px;line-height:30px;color:#6e6e6e;font-size:80%;font-weight:400}.drawer-title-text[data-v-ff89302a]{font-size:90%;color:#5f50f6;font-weight:700}.panel-title-text[data-v-ff89302a]{color:#6e6e6e;font-weight:700;margin-bottom:10px}.analysis-card-content[data-v-ff89302a]{display:flex;flex-direction:column;justify-content:space-between}.analysis-content-card[data-v-ff89302a]{display:flex;flex-direction:column;margin-top:16px}.analysis-content-card-text[data-v-ff89302a]{color:#6e6e6e;font-size:80%}.card-img[data-v-ff89302a]{margin-top:6px;filter:grayscale(1);border:1px solid #e8e8e8}.card-img[data-v-ff89302a]:hover{filter:grayscale(0);box-shadow:0 3px 10px 2px #e8e8e8}.panel-content[data-v-ff89302a]{display:flex;flex-direction:column}.panel-content-text[data-v-ff89302a]{color:#6e6e6e;font-size:70%;font-weight:400;line-height:2;display:flex;padding-right:40px;justify-content:space-between}.staticstic-text[data-v-ff89302a]{color:#5f50f6;font-size:120%;font-weight:700}.main-page[data-v-622b5268]{display:flex}.page-container[data-v-622b5268]{position:absolute;width:100vw;height:100vh;z-index:0}.loading-status[data-v-622b5268]{position:absolute;width:100vw;height:100vh;z-index:1000}.title-bar[data-v-622b5268]{position:absolute;z-index:10}.left-menu[data-v-622b5268]{position:absolute;z-index:9}.tool-drawer[data-v-622b5268]{position:absolute;z-index:8}.bottom-content[data-v-622b5268]{position:absolute;bottom:1vh;right:1vw;z-index:7}.isolate-button[data-v-622b5268]{position:absolute;top:8vh;left:48vw;z-index:100}.legend[data-v-622b5268]{position:absolute;bottom:1vh;left:5vw;z-index:7}