.aw-empty-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    opacity: 0;

    &--padding {
        @screen md {
            padding: 1.25rem;
        }

        @acreen lg {
            padding: 1.875rem;
        }
    }

    &__icon {
        width: 60px;
        height: 60px;

        @screen lg {
            width: 80px;
            height: 80px;
        }
    }

    &__description {
        max-width: 50rem;
        width: 100%;
    }

    & > * {
        opacity: 0;
        transform: translateY(1.5rem);

        &:nth-child(1) {
            transition-delay: 140ms;
        }

        &:nth-child(2) {
            transition-delay: 270ms;
        }

        &:nth-child(3) {
            transition-delay: 340ms;
        }

        &:nth-child(4) {
            transition-delay: 410ms;
        }

        &:nth-child(n + 5) {
            transition-delay: 480ms;
        }
    }

    img {
        transform: scale(0.5);
        transition-delay: 140ms;
    }

    &--visible {
        opacity: 1;
        transition: 200ms opacity cubic-bezier(0.33, 1, 0.68, 1);

        & > *,
        & > img {
            opacity: 1;
            transform: none;
            transition: 300ms cubic-bezier(0.33, 1, 0.68, 1);
            transition-property: transform, opacity;
        }
    }
}