.in-up-container[data-v-0c53b0bb]{height:100vh;position:relative}.in-up[data-v-0c53b0bb]{opacity:.9;border-radius:10px;box-shadow:0 15px 30px var(--miniMask),0 10px 10px var(--miniMask);position:relative;overflow:hidden;width:750px;max-width:100%;min-height:450px;margin:10px}.in-up p[data-v-0c53b0bb]{font-size:14px;letter-spacing:1px;margin:20px 0 30px 0}.in-up a[data-v-0c53b0bb]{color:var(--black);font-size:14px;text-decoration:none;margin:15px 0}.form-container[data-v-0c53b0bb]{position:absolute;height:100%;transition:all .5s ease-in-out}.sign-in-container[data-v-0c53b0bb]{left:0;width:50%}.sign-up-container[data-v-0c53b0bb]{left:0;width:50%;opacity:0}.form-container div[data-v-0c53b0bb]{background:var(--white);flex-direction:column;padding:0 20px;height:100%}.form-container input[data-v-0c53b0bb]{background:var(--maxLightGray);border-radius:2px;border:none;padding:12px 15px;margin:10px 0;width:100%;outline:none}.in-up button[data-v-0c53b0bb]{border-radius:2rem;border:none;background:var(--lightRed);color:var(--white);font-size:16px;font-weight:700;padding:12px 45px;letter-spacing:2px;cursor:pointer}.in-up button[data-v-0c53b0bb]:hover{-webkit-animation:scale .8s ease-in-out;animation:scale .8s ease-in-out}.in-up button.ghost[data-v-0c53b0bb]{background:transparent;border:1px solid var(--white)}.sign-up-container button[data-v-0c53b0bb]{margin-top:20px}.overlay-container[data-v-0c53b0bb]{position:absolute;left:50%;width:50%;height:100%;overflow:hidden;transition:all .5s ease-in-out}.overlay[data-v-0c53b0bb]{background:var(--gradualRed);color:var(--white);position:relative;left:-100%;height:100%;width:200%}.overlay-panel[data-v-0c53b0bb]{position:absolute;top:0;flex-direction:column;height:100%;width:50%;transition:all .5s ease-in-out}.overlay-right[data-v-0c53b0bb]{right:0;transform:translateY(0)}.overlay-left[data-v-0c53b0bb]{transform:translateY(-20%)}.in-up.right-panel-active .sign-in-container[data-v-0c53b0bb]{transform:translateY(100%)}.in-up.right-panel-active .overlay-container[data-v-0c53b0bb]{transform:translateX(-100%)}.in-up.right-panel-active .sign-up-container[data-v-0c53b0bb]{transform:translateX(100%);opacity:1}.in-up.right-panel-active .overlay[data-v-0c53b0bb]{transform:translateX(50%)}.in-up.right-panel-active .overlay-left[data-v-0c53b0bb]{transform:translateY(0)}.in-up.right-panel-active .overlay-right[data-v-0c53b0bb]{transform:translateY(20%)}.user-container[data-v-0c53b0bb]{width:100vw;height:100vh;position:relative}.user-info[data-v-0c53b0bb]{width:80%;z-index:10;margin-top:70px;height:calc(100vh - 90px);margin-bottom:20px;border-radius:10px;overflow:hidden}.user-left[data-v-0c53b0bb]{width:50%;background:var(--maxMaxWhiteMask);display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:20px}.user-right[data-v-0c53b0bb]{width:50%;background:var(--maxWhiteMask);padding:20px}.user-title[data-v-0c53b0bb]{text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-content[data-v-0c53b0bb]{text-align:left}.user-title div[data-v-0c53b0bb]{height:55px;line-height:55px;text-align:center}.user-content>div[data-v-0c53b0bb]{height:55px;display:flex;align-items:center}.user-content[data-v-0c53b0bb] .el-input__inner,.user-content[data-v-0c53b0bb] .el-textarea__inner{border:none;background:var(--whiteMask)}.user-content[data-v-0c53b0bb] .el-input__count{background:var(--transparent)}.changeInfo[data-v-0c53b0bb],.user-content[data-v-0c53b0bb] .el-input__count{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.changeInfo[data-v-0c53b0bb]{color:var(--white);font-size:.75rem;cursor:pointer;background:var(--themeBackground);padding:3px;border-radius:.2rem}.follow-labels-section[data-v-0c53b0bb]{background:var(--background);border-radius:12px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.section-title[data-v-0c53b0bb]{font-size:18px;font-weight:700;color:var(--fontColor);margin-bottom:10px;display:flex;align-items:center;gap:8px}.section-title i[data-v-0c53b0bb]{color:var(--lightGreen);font-size:20px}.section-description[data-v-0c53b0bb]{font-size:13px;color:var(--greyFont);margin-bottom:15px}.follow-labels-container[data-v-0c53b0bb]{min-height:100px;margin-bottom:20px}.empty-state[data-v-0c53b0bb]{text-align:center;padding:30px 0;color:var(--greyFont)}.empty-state i[data-v-0c53b0bb]{font-size:40px;margin-bottom:10px;color:var(--lightGray)}.followed-labels-list[data-v-0c53b0bb]{display:flex;flex-wrap:wrap;gap:5px}.all-labels-section[data-v-0c53b0bb]{border-top:1px solid var(--lightGray);padding-top:20px}.section-subtitle[data-v-0c53b0bb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:15px;font-weight:700;color:var(--fontColor)}.all-labels-list[data-v-0c53b0bb]{display:flex;flex-wrap:wrap;gap:5px;max-height:300px;overflow-y:auto}.user-tabs[data-v-0c53b0bb]{height:100%}.user-tabs[data-v-0c53b0bb] .el-tabs__content{height:calc(100% - 55px);overflow-y:auto}.user-tabs[data-v-0c53b0bb] .el-tab-pane{height:100%}.records-section[data-v-0c53b0bb]{height:100%;overflow-y:auto}.records-list[data-v-0c53b0bb]{display:flex;flex-direction:column;gap:15px}.record-item[data-v-0c53b0bb]{background:var(--background);border-radius:8px;padding:15px;cursor:pointer;transition:all .3s;border:1px solid var(--lightGray)}.record-item[data-v-0c53b0bb]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:var(--themeBackground)}.record-title[data-v-0c53b0bb]{font-size:16px;font-weight:700;color:var(--fontColor);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-content[data-v-0c53b0bb]{font-size:14px;color:var(--fontColor);margin-bottom:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-info[data-v-0c53b0bb]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--greyFont)}.record-article[data-v-0c53b0bb]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}.record-time[data-v-0c53b0bb]{font-size:12px;color:var(--greyFont);white-space:nowrap}@media screen and (max-width:920px){.user-info[data-v-0c53b0bb]{width:90%}.user-left[data-v-0c53b0bb]{width:100%}.user-right[data-v-0c53b0bb]{display:block!important;width:100%;margin-top:20px}}