.gzc-ad-slot {
    width: min(100%, var(--gzc-ad-width));
    min-width: 0;
    margin-inline: auto;
}

.gzc-ad-slot small {
    display: block;
}

.gzc-ad-slot__creative {
    display: block;
    width: 100%;
}

.gzc-ad-slot__item,
.gzc-ad-slot__item picture {
    display: block;
    width: 100%;
    aspect-ratio: var(--gzc-ad-ratio);
    overflow: hidden;
}

.gzc-ad-slot__item {
    position: relative;
}

.gzc-ad-slot__item[hidden] {
    display: none !important;
}

.gzc-ad-slot[hidden] {
    display: none !important;
}

.gzc-ad-slot__item picture,
.gzc-ad-slot__item img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: cover;
}

.gzc-ad-slot__empty {
    display: grid;
    width: 100%;
    aspect-ratio: var(--gzc-ad-ratio);
    place-items: center;
}

@media (max-width: 767px) {
    .gzc-ad-slot {
        width: 100%;
    }

    .gzc-ad-slot__item[data-gzc-ad-mobile="1"],
    .gzc-ad-slot__item[data-gzc-ad-mobile="1"] picture,
    .gzc-ad-slot__empty {
        aspect-ratio: var(--gzc-ad-mobile-ratio);
    }

    .gzc-ad-slot__item[data-gzc-ad-mobile="1"] img {
        object-fit: cover;
    }
}