@keyframes shrinkOverTime-8be1066a{0%{width:90%}to{width:0}}.notification[data-v-8be1066a]{align-items:center;background-color:var(--blue-600);border-radius:16px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:16px;max-width:300px;padding:16px 24px;position:relative}.notification[data-v-8be1066a]:hover{background-color:var(--blue-700)}.notification[data-v-8be1066a]:before{animation:shrinkOverTime-8be1066a 5s linear forwards;background-color:#fffc;border-radius:9px;bottom:2px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:90%}.notification--error[data-v-8be1066a]{background-color:var(--red-600)}.notification--error[data-v-8be1066a]:hover{background-color:var(--red-700)}.notification--warning[data-v-8be1066a]{background-color:var(--yellow-700)}.notification--warning[data-v-8be1066a]:hover{background-color:var(--yellow-800)}.notification--success[data-v-8be1066a]{background-color:var(--green-700)}.notification--success[data-v-8be1066a]:hover{background-color:var(--green-800)}.notification__icon[data-v-8be1066a]{flex-shrink:0;font-size:28px;margin-bottom:0}.notifications[data-v-c7617bef]{display:grid;gap:8px;grid-template-columns:1fr;position:fixed;right:20px;top:20px;z-index:100}.notifications-enter-active[data-v-c7617bef],.notifications-leave-active[data-v-c7617bef],.notifications-move[data-v-c7617bef]{transition:all .3s ease}.notifications-enter-from[data-v-c7617bef]{opacity:0;transform:translateY(-20px)}.notifications-enter-to[data-v-c7617bef],.notifications-leave-from[data-v-c7617bef]{opacity:1;transform:translateY(0)}.notifications-leave-to[data-v-c7617bef]{opacity:0;transform:translateY(20px)}