@layer components {
    @keyframes fadeIn {
        from {opacity: 0;}
        to {opacity: var(--overlay-opacity);}
    }

    @keyframes fadeAndSlideIn {
        from {opacity: 0; transform: translateY(calc(var(--spaceing-xxl)))}
        to {opacity: 1; transform: translateY(0)}
    }
}