.toast-flex-wrapper{display:flex;flex-direction:column;gap:8px;z-index:1001;position:fixed;bottom:20px;right:20px}.toast-flex-wrapper .toast{padding:12px 32px 12px 12px;box-sizing:border-box;max-width:340px;width:fit-content;border-radius:4px;font-size:16px;cursor:pointer;box-shadow:0 4px 12px #00000026;position:relative}.toast-flex-wrapper .toast .icon-wrapper{display:flex;justify-content:center;align-items:center}.toast-flex-wrapper .toast .icon-wrapper img{width:14px;height:14px}.toast-flex-wrapper .toast .icon-wrapper.close{position:absolute;right:5px;top:5px}.toast-flex-wrapper .toast .toast-text{display:flex;align-items:center;gap:16px}.toast-flex-wrapper .toast .toast-text p{width:fit-content;max-width:220px}.toast-flex-wrapper .toast .toast-text .icon-wrapper{display:flex;justify-content:center;align-items:center}.toast-flex-wrapper .toast .toast-text .icon-wrapper img{width:20px;height:20px}.toast-flex-wrapper .toast.success{border:1px solid var(--notification-success-border-color);background-color:var(--notification-succes-bg-color)}.toast-flex-wrapper .toast.info{border:1px solid var(--notification-info-border-color);background-color:var(--notification-info-bg-color)}.toast-flex-wrapper .toast.warning{border:1px solid var(--notification-warning-border-color);background-color:var(--notification-warning-bg-color)}.toast-flex-wrapper .toast.error{border:1px solid var(--notification-error-border-color);background-color:var(--notification-warning-bg-color)}.toast-flex-wrapper .toast .loading-bar{position:absolute;bottom:0;right:0;height:4px;animation:3s countDown linear forwards}.toast-flex-wrapper .toast .loading-bar.success{background-color:var(--notification-success-border-color)}.toast-flex-wrapper .toast .loading-bar.info{background-color:var(--notification-info-border-color)}.toast-flex-wrapper .toast .loading-bar.warning{background-color:var(--notification-warning-border-color)}.toast-flex-wrapper .toast .loading-bar.error{background-color:var(--notification-error-border-color)}.toast-enter-from{opacity:0;transform:translate(100%)}.toast-enter-active,.toast-leave-active{transition:all .3s ease-in-out}.toast-leave-to{opacity:0;transform:translate(100%)}@keyframes countDown{0%{width:100%}to{width:0}}
