.popup[data-v-289ef54f]{border-radius:var(--radius);z-index:9999;background-color:var(--background-color);border-left:4px solid;flex-direction:column;width:90%;max-width:400px;padding:16px;transition:all .3s cubic-bezier(.68,-.55,.27,1.55);display:flex;position:fixed;bottom:20px;overflow:hidden;box-shadow:0 4px 20px #00000026}.popup-content[data-v-289ef54f]{align-items:flex-start;gap:12px;display:flex}.icon-wrapper[data-v-289ef54f]{margin-top:2px;font-size:24px}.text-content[data-v-289ef54f]{flex:1}.popup.left[data-v-289ef54f]{left:20px;right:auto}.popup.middle[data-v-289ef54f]{left:50%;transform:translate(-50%)}.popup.right[data-v-289ef54f]{left:auto;right:20px}.popup.success[data-v-289ef54f]{border-color:var(--main-color);color:var(--text-color)}.popup.success .icon-wrapper i[data-v-289ef54f]{color:var(--main-color)}.popup.warning[data-v-289ef54f]{color:var(--text-color);border-color:orange}.popup.warning .icon-wrapper i[data-v-289ef54f]{color:orange}.popup.error[data-v-289ef54f]{color:var(--text-color);border-color:#f44}.popup.error .icon-wrapper i[data-v-289ef54f]{color:#f44}.message[data-v-289ef54f]{font-size:14px;line-height:1.5}.close-icon[data-v-289ef54f]{cursor:pointer;opacity:.7;color:var(--text-color);background:0 0;border:none;flex-shrink:0;margin:0;padding:.25rem;font-size:16px;line-height:1;transition:opacity .2s}.close-icon[data-v-289ef54f]:hover{opacity:1}.progress-bar[data-v-289ef54f]{border-radius:var(--radius);background:#0000001a;width:100%;height:3px;margin-top:12px;position:relative;overflow:hidden}.progress-bar[data-v-289ef54f]:after{content:"";background:currentColor;width:100%;height:100%;animation:5s linear forwards progress-animation-289ef54f;position:absolute;top:0;left:0}@keyframes progress-animation-289ef54f{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-fade-enter-active[data-v-289ef54f]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-289ef54f]{transition:all .3s cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from[data-v-289ef54f],.slide-fade-leave-to[data-v-289ef54f]{opacity:0;transform:translateY(20px)}@media (width<=768px){.popup[data-v-289ef54f]{width:calc(100% - 40px);max-width:none}.popup.left[data-v-289ef54f],.popup.middle[data-v-289ef54f],.popup.right[data-v-289ef54f]{left:20px;right:20px;transform:none}}