.at-tilescontainer {
    width: 100%;
    height: 100%;
    padding-bottom: 2.5em !important;

    .swiper-slide {
        width: auto;
    }

    .swiper-pagination-bullet-active {
        background-color: var(--color-spot);
    }
}

.at-tilescontainer.--loaded {
    .at-tile {
        aspect-ratio: 1/2;
        height: 60vh;
        min-width: 16em;
    }
}

.at-tilescontainer:not(.--loaded) .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 2em;

    .at-tile {
        min-height: 25vw;
    }
}