toggle-corp/react-store

.container {
    position: relative;

    .overlay {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        z-index: 1;
        background-color: var(--color-background-overlay);
        width: 100%;
        height: 100%;
        animation: fade-in var(--duration-medium) ease-in forwards;
        font-size: var(--font-size-extra-large);
    }
}

@keyframes fade-in {
    from { opacity: 0 }
    to { opacity: 1 }
}