@keyframes hover-outline {
    from {
        outline-color: var(--light-blue);
    }

    to {
        outline-color: var(--dark-blue);
    }
}

@keyframes onload-background-blur {
    from {
        filter: blur(0) brightness(1);
    }

    99% {
        filter: blur(0) brightness(1);
    }

    to {
        filter: blur(16px) brightness(0.5);
    }
}

@keyframes onload-dialog {
    from {
        opacity: 0;
        width: var(--keyframe-dialog-width);
        height: var(--keyframe-dialog-height);
    }

    80% {
        opacity: 0;
        width: var(--keyframe-dialog-width);
        height: var(--keyframe-dialog-height);
    }

    to {
        opacity: 1;
        width: var(--dialog-width);
        height: var(--dialog-height);
    }
}

@keyframes onload-visibility {
    from {
        visibility: hidden;
    }

    99% {
        visibility: hidden;
    }

    to {
        visibility: visible;
    }
}