.in-up-container[data-v-a7d7f5e2]{height:100vh;position:relative}.in-up[data-v-a7d7f5e2]{opacity:.95;border-radius:var(--radiusXl);box-shadow:var(--shadowXl);position:relative;overflow:hidden;width:750px;max-width:100%;min-height:450px;margin:var(--space2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--borderLight)}.in-up p[data-v-a7d7f5e2]{font-size:14px;letter-spacing:1px;margin:20px 0 30px 0}.in-up a[data-v-a7d7f5e2]{color:var(--black);font-size:14px;text-decoration:none;margin:15px 0}.form-container[data-v-a7d7f5e2]{position:absolute;height:100%;transition:all .5s ease-in-out}.sign-in-container[data-v-a7d7f5e2]{left:0;width:50%}.sign-up-container[data-v-a7d7f5e2]{left:0;width:50%;opacity:0}.form-container div[data-v-a7d7f5e2]{background:var(--white);flex-direction:column;padding:0 20px;height:100%}.form-container input[data-v-a7d7f5e2]{background:var(--maxMaxLightGray);border-radius:var(--radiusMd);border:1px solid var(--borderLight);padding:12px 16px;margin:var(--space2) 0;width:100%;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-container input[data-v-a7d7f5e2]:focus{border-color:var(--themeColor);box-shadow:0 0 0 3px rgba(102,126,234,.1)}.in-up button[data-v-a7d7f5e2]{border-radius:var(--radiusFull);border:none;background:var(--themeBackground);color:var(--white);font-size:15px;font-weight:500;padding:12px 40px;letter-spacing:1px;cursor:pointer;box-shadow:var(--shadowMd);transition:all .2s cubic-bezier(.4,0,.2,1)}.in-up button[data-v-a7d7f5e2]:hover{transform:translateY(-2px);box-shadow:var(--shadowLg)}.in-up button.ghost[data-v-a7d7f5e2]{background:transparent;border:1px solid var(--white)}.sign-up-container button[data-v-a7d7f5e2]{margin-top:20px}.overlay-container[data-v-a7d7f5e2]{position:absolute;left:50%;width:50%;height:100%;overflow:hidden;transition:all .5s ease-in-out}.overlay[data-v-a7d7f5e2]{background:var(--gradualRed);color:var(--white);position:relative;left:-100%;height:100%;width:200%}.overlay-panel[data-v-a7d7f5e2]{position:absolute;top:0;flex-direction:column;height:100%;width:50%;transition:all .5s ease-in-out}.overlay-right[data-v-a7d7f5e2]{right:0;transform:translateY(0)}.overlay-left[data-v-a7d7f5e2]{transform:translateY(-20%)}.in-up.right-panel-active .sign-in-container[data-v-a7d7f5e2]{transform:translateY(100%)}.in-up.right-panel-active .overlay-container[data-v-a7d7f5e2]{transform:translateX(-100%)}.in-up.right-panel-active .sign-up-container[data-v-a7d7f5e2]{transform:translateX(100%);opacity:1}.in-up.right-panel-active .overlay[data-v-a7d7f5e2]{transform:translateX(50%)}.in-up.right-panel-active .overlay-left[data-v-a7d7f5e2]{transform:translateY(0)}.in-up.right-panel-active .overlay-right[data-v-a7d7f5e2]{transform:translateY(20%)}.user-container[data-v-a7d7f5e2]{width:100vw;height:100vh;position:relative}.user-info[data-v-a7d7f5e2]{width:80%;z-index:10;margin-top:70px;height:calc(100vh - 90px);margin-bottom:var(--space5);border-radius:var(--radiusXl);overflow:hidden;box-shadow:var(--shadowXl);border:1px solid var(--borderLight)}.user-left[data-v-a7d7f5e2]{background:var(--maxMaxWhiteMask);display:flex;flex-direction:column;align-items:center;overflow-y:auto}.user-left[data-v-a7d7f5e2],.user-right[data-v-a7d7f5e2]{width:50%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space5)}.user-right[data-v-a7d7f5e2]{background:var(--maxWhiteMask)}.user-title[data-v-a7d7f5e2]{text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.user-content[data-v-a7d7f5e2]{text-align:left}.user-title div[data-v-a7d7f5e2]{height:55px;line-height:55px;text-align:center}.user-content>div[data-v-a7d7f5e2]{height:55px;display:flex;align-items:center}button[data-v-a7d7f5e2]{display:flex;align-items:center;justify-content:center;gap:10px;padding:0 10px;color:#fff;text-shadow:2px 2px #747474;text-transform:uppercase;cursor:pointer;border:2px solid #000;letter-spacing:1px;font-weight:600;font-size:17px;background-color:#fdd835;border-radius:50px;position:relative;overflow:hidden;transition:all .5s ease}button[data-v-a7d7f5e2]:active{transform:scale(.9);transition:all .1s ease}button svg[data-v-a7d7f5e2]{transition:all .5s ease;z-index:2}.play[data-v-a7d7f5e2]{transition:all .5s ease;transition-delay:.3s}button:hover svg[data-v-a7d7f5e2]{transform:scale(3) translate(50%)}.now[data-v-a7d7f5e2]{position:absolute;left:0;transform:translateX(-100%);transition:all .5s ease;z-index:2}button:hover .now[data-v-a7d7f5e2]{transform:translateX(10px);transition-delay:.3s}button:hover .play[data-v-a7d7f5e2]{transform:translateX(200%);transition-delay:.3s}.user-content[data-v-a7d7f5e2] .el-input__inner,.user-content[data-v-a7d7f5e2] .el-textarea__inner{border:none;background:var(--whiteMask)}.user-content[data-v-a7d7f5e2] .el-input__count{background:var(--transparent)}.changeInfo[data-v-a7d7f5e2],.user-content[data-v-a7d7f5e2] .el-input__count{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.changeInfo[data-v-a7d7f5e2]{color:var(--white);font-size:12px;cursor:pointer;background:var(--themeBackground);padding:4px 8px;border-radius:var(--radiusMd);font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.changeInfo[data-v-a7d7f5e2]:hover{transform:translateY(-1px);box-shadow:var(--shadowSm)}@media screen and (max-width:920px){.user-info[data-v-a7d7f5e2]{width:90%}.user-left[data-v-a7d7f5e2]{width:100%}.user-right[data-v-a7d7f5e2]{display:none}}