.mp-ad-carousel {
    contain: layout paint;
    overflow: hidden;
    position: relative;
}

.mp-ad-carousel__creative,
.mp-ad-carousel__creative > a,
.mp-ad-carousel__creative img,
.mp-ad-carousel__creative video {
    display: block;
    height: 100%;
    width: 100%;
}

.mp-ad-carousel__creative img,
.mp-ad-carousel__creative video {
    object-fit: contain;
}

.mp-ad-carousel__creative {
    animation: mp-ad-carousel-enter 300ms ease both;
}

.mp-ad-carousel__creative--immediate {
    animation: none;
}

.mp-ad-carousel__pause {
    background: #fff;
    border: 2px solid #111;
    bottom: .25rem;
    color: #111;
    font: inherit;
    opacity: 0;
    padding: .25rem .5rem;
    position: absolute;
    right: .25rem;
    z-index: 2;
}

.mp-ad-carousel:hover .mp-ad-carousel__pause,
.mp-ad-carousel:focus-within .mp-ad-carousel__pause,
.mp-ad-carousel__pause:focus {
    opacity: 1;
}

@keyframes mp-ad-carousel-enter {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .mp-ad-carousel__creative { animation: none; }
}