.notification[data-v-2bf0d568]{align-items:center;background-color:#f5f5f5;border:2px solid;border-radius:5px;box-shadow:0 2px 10px #0000001a;display:flex;height:-moz-fit-content;height:fit-content;justify-content:space-between;left:50%;max-height:25vh;max-width:90%;padding:10px 20px;position:fixed;top:20px;transform:translate(-50%);transition:opacity .3s ease-in-out;width:90%;z-index:1000}.notification.error[data-v-2bf0d568]{border-color:#f87171;color:#f87171}.notification.success[data-v-2bf0d568]{border-color:#10b981;color:#10b981}.notification.info[data-v-2bf0d568]{border-color:#6366f1;color:#6366f1}.notification.warning[data-v-2bf0d568]{border-color:#fbbf24;color:#fbbf24}.notification-content[data-v-2bf0d568]{align-items:center;display:flex}.icon[data-v-2bf0d568]{margin-right:10px;fill:currentColor}.message[data-v-2bf0d568]{flex-grow:1}.close-button[data-v-2bf0d568]{background:none;border:none;color:inherit;cursor:pointer}.close-button svg[data-v-2bf0d568]{fill:currentColor}.fade-enter-active[data-v-2bf0d568],.fade-leave-active[data-v-2bf0d568]{transition:opacity .5s}.fade-enter[data-v-2bf0d568],.fade-leave-to[data-v-2bf0d568]{opacity:0}