.mini-tile {
    height: 340px;
    background-color: var(--card-background-color);
    border-radius: 4px;
    transition: var(--transition-box-shadow);
    position: relative;
    overflow: hidden;
}

.slider20 :where(.mini-tile) {
    margin: 10px;
}

.mini-tile--small-card {
    height: 220px;
}

.mini-tile:hover {
    box-shadow: var(--box-shadow-1);
}

.mini-tile__image {
    position: absolute;
    inset: 0;
    object-fit: cover;
    height: 100%;
}

.mini-tile__image.image-brick img {
    height: 100%;
    object-fit: cover;
}

.mini-tile__image.image-brick div {
    height: 100%;
}

.mini-tile__content {
    position: absolute;
    inset: auto 1rem 1rem;
}

.mini-tile__label,
.mini-tile__date,
.mini-tile__title,
.mini-tile__teaser {
    color: var(--text-color-inverted);
}

.mini-tile__label,
.mini-tile__date {
    font-size: 12px;
    line-height: 14px;
}

.mini-tile__label {
    position: relative;
}

.mini-tile__label::after {
    background-color: currentColor;
    content: "";
    position: absolute;
    inset: auto 0 -4px -1rem;
    height: 1px;
}

.mini-tile__date {
    display: block;
    margin-top: 5px;
}

.mini-tile__title {
    font-size: 2rem;
    line-height: 44px;
    font-weight: 600;
    margin-top: 1rem;
}

.mini-tile__teaser {
    margin-top: 1rem;
    font-size: 16px;
}

.slider20:has(swiper-container[pagination-clickable="true"]),
.slider20:has(swiper-container[pagination="true"]) {
    --swiper-pagination-bottom: 0;
}

.slider20 :where(swiper-container[pagination-clickable="true"] .mini-tile),
.slider20 :where(swiper-container[pagination="true"] .mini-tile) {
    margin-bottom: 30px;
}