.user-popup{top:80px;left:1032px;border-radius:20px;padding:24px 16px;gap:20px;background-color:var(--content-bg);box-shadow:0 0 8px 0 rgba(0,0,0,.1490196078);min-width:328px;max-height:calc(100svh - 92px);overflow-y:auto}.user-popup::-webkit-scrollbar{width:3px}.user-popup::-webkit-scrollbar-track{background:rgba(36,36,36,.1254901961)}.user-popup::-webkit-scrollbar-thumb{background:linear-gradient(91.43deg,#fe8ce9,#b57efc 58.47%,#00ffdd);border-radius:10px}.user-popup::-webkit-scrollbar-button:horizontal:end:increment,.user-popup::-webkit-scrollbar-button:horizontal:start:decrement,.user-popup::-webkit-scrollbar-button:vertical:end:decrement,.user-popup::-webkit-scrollbar-button:vertical:start:decrement{display:block}.user-popup .user-info{display:flex;align-items:center;gap:12px;margin-bottom:23.5px}.user-popup .user-info .avatar{background:radial-gradient(106.43% 215.7% at 49.88% 30.23%,#ff9aec 0,#aab0ff 55.1%,#00ffdd 91.01%);font-weight:700;display:grid;place-content:center;text-align:center;justify-content:center;border-radius:9999px;width:60px;height:60px;max-width:60px;max-height:60px}.user-popup .user-info .avatar span{margin-top:2px;font-family:Questrial;font-weight:400;font-size:23.41px;line-height:1.8;letter-spacing:0;text-align:center}.user-popup .user-info .details .username{font-family:Questrial;font-weight:400;font-size:22px;line-height:100%;letter-spacing:0}.user-popup .user-info .details .email{font-family:Questrial;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0;margin-top:11px}.user-popup .plan-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.user-popup .plan-btn span,.user-popup .plan-price{font-family:Questrial;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0;text-align:center}.user-popup .plan-btn span{text-transform:capitalize}.user-popup .features-list{margin-bottom:1.5rem;list-style:none;padding:0}.user-popup .features-list li{display:flex;align-items:center;margin-bottom:.5rem;font-family:Questrial;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0;text-align:center}.user-popup .features-list li svg{width:1.25rem;height:1.25rem;color:#10b981;margin-right:.5rem}.user-popup .upgrade-button{width:100%;font-weight:600;margin-bottom:12px}.user-popup .user-footer{border-top:1px solid var(--foreground);padding-top:20px;display:flex;flex-direction:column;gap:20px}.user-popup .user-footer__btn{cursor:pointer;width:100%;display:flex;align-items:center;padding:.5rem;font-family:Questrial;font-weight:400;font-size:18px;line-height:100%;letter-spacing:0;text-align:center;border-radius:6px;margin-block:-8px!important}.user-popup .user-footer__btn:hover{background-color:#f7fafc;transition:background-color .2s ease-in-out}.user-popup .user-footer__btn svg{width:24px;margin-right:12px}.user-popup .user-footer__btn--logout:hover{color:var(--danger-color)}.user-popup .user-footer--setting-opened{border-top:0;padding-top:0}.user-settings__wrapper{min-width:328px;position:relative;padding-bottom:20px;border-bottom:1px solid var(--foreground)}.user-settings__hr{margin-block:20px}.user-settings__content-title{font-family:Questrial;font-weight:400;font-size:22px;line-height:100%;letter-spacing:0;margin-bottom:12px}.user-settings__content-ph{font-family:Questrial;font-weight:400;font-size:18px;line-height:26px;letter-spacing:0;text-align:start}.user-settings-btn{margin-top:12px;width:100%!important}.copy-input-wrapper{position:relative;display:flex;align-items:center;width:100%;background-color:#f5f5f5;padding:7.5px 40px 7.5px 20px;border-radius:12px;margin-bottom:12px}.copy-input-wrapper input{font-family:Questrial;font-weight:400;font-size:18px;line-height:26px;letter-spacing:0;border:0;width:100%;background:none!important;padding:0!important}.copy-input-wrapper input:focus,.copy-input-wrapper input:focus-within{outline:none!important}.copy-input-btn{position:absolute;right:13px;top:0;bottom:0;background:none!important;border:none;cursor:pointer}