.top-ad {
    display: flex;
    justify-content: center;
    width: min(var(--container), calc(100% - 32px));
    margin: 24px auto 0;
}

.floating-ad {
    position: fixed;
    z-index: 500;
    bottom: 0;
    left: 50%;
    display: flex;
    justify-content: center;
    width: calc(100% - 24px);
    max-width: 1000px;
    transform: translateX(-50%);
    pointer-events: none;
}

.top-ad__content,
.floating-ad__content {
    width: fit-content;
    max-width: 100%;
    text-align: center;
}

.top-ad__content {
    overflow-x: auto;
}

.floating-ad__content {
    max-height: 50vh;
    overflow: auto;
    background: #fff;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, .18);
    pointer-events: auto;
}

.top-ad__content > *,
.floating-ad__content > * {
    max-width: 100%;
}

.top-ad__content img,
.floating-ad__content img,
.top-ad__content iframe,
.floating-ad__content iframe {
    max-width: 100%;
}