.nova-auth-toast-container{

    position: fixed;

    top: var(--nova-toast-top);

    right: var(--nova-toast-right);

    width: var(--nova-toast-width);

    z-index: 999999;

    display: flex;

    flex-direction: column;

    gap: var(--nova-space-sm);

    pointer-events: none;

}

.nova-auth-toast{

    position: relative;

    overflow: hidden;

    display: flex;

    align-items: flex-start;

    gap: var(--nova-toast-gap);

    padding: var(--nova-toast-padding);

    border-radius: var(--nova-toast-radius);

    background: #181818;

    color: var(--nova-white);

    box-shadow: var(--nova-toast-shadow);

    transform: translateX(120%);

    opacity: 0;

    transition: .35s;

    pointer-events: auto;

}

.nova-auth-toast.show{

    transform: translateX(0);

    opacity: 1;

}

.nova-auth-toast.hide{

    transform: translateX(120%);

    opacity: 0;

}

.nova-auth-toast__body{

    flex: 1;

}

.nova-auth-toast__title{

    font-size: var(--nova-toast-title);

    font-weight: 700;

    margin-bottom: var(--nova-space-xxs);

    line-height: 1.3;

}

.nova-auth-toast__message{

    font-size: var(--nova-toast-message);

    line-height: 1.5;

}

.nova-auth-toast__progress{

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: var(--nova-toast-progress);

    background: rgba(255,255,255,.15);

}

.nova-auth-toast__progress span{

    display: block;

    width: 100%;

    height: 100%;

    animation: toastProgress linear forwards;

}

.nova-auth-toast__icon{

    width: var(--nova-toast-icon);

    height: var(--nova-toast-icon);

    flex: none;

}

.nova-auth-toast__icon svg{

    width: 100%;

    height: 100%;

    display: block;

}