.notification-container{width:100vw;top:var(--spacing-xl);z-index:3100;justify-content:center;align-items:center;gap:var(--spacing-md);pointer-events:none;flex-direction:column;display:flex;position:fixed;left:0}.notification-wrapper{pointer-events:none;opacity:0;justify-content:center;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(-100%)}.notification-wrapper.visible{opacity:1;transform:translateY(0)}.notification-wrapper.exiting{opacity:0;transform:translateY(-100%)}.notification{max-width:820px;height:52px;padding:var(--spacing-lg);gap:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--spacing-2xl);outline:1px var(--border) solid;outline-offset:-1px;justify-content:space-between;align-items:center;width:fit-content;padding-right:20px;display:flex}.notification .icon-check{color:var(--text-primary)}.notification .icon-cancel{color:var(--error)}.notification .notification-content{justify-content:flex-start;align-items:center;gap:var(--spacing-lg);display:flex}.notification .notification-content i{color:var(--text-primary);font-size:24px}.notification .notification-content .notification-message{color:var(--text-primary);font-size:15px;font-weight:500}.notification .icon-cancel1{color:var(--text-secondary);cursor:pointer;font-size:13px;transition:color .2s}.notification .icon-cancel1:hover{color:var(--text-secondary)}@media (max-width:768px){.notification{width:90%;min-width:auto}}
.refresh-wrapper,.refresh-content{display:contents}.refresh-container{z-index:9999;pointer-events:none;justify-content:center;align-items:flex-end;transition:height .4s cubic-bezier(.19,1,.22,1),opacity .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow:hidden}.refresh-container.active{transition:none}.refresh-container.visible{opacity:1}.refresh-container.hidden{opacity:0;height:0!important}.refresh-indicator{background:var(--bg-primary);outline:var(--border) 1px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;transition:transform .3s,opacity .3s;display:flex}.refresh-container.active .refresh-indicator{transition:none}.loading-refresh-icon{color:var(--white-color);animation:.6s linear infinite spin}.refresh-icon{width:15px;height:15px;display:block}