*,
*::before,
*::after {
    box-sizing: border-box;
}

body.mr-embed {
    margin: 0;
    padding: 0;
    background: transparent;
    overflow: hidden;
    line-height: 0;
}

.mr-rotator {
    --mr-aspect-width: 716;
    --mr-aspect-height: 425;
    --mr-fade-ms: 1000ms;
    --mr-display-ms: 4000ms;
    width: 100%;
    max-width: 716px;
    margin: 0 auto;
    aspect-ratio: 716 / 425;
    position: relative;
    background: transparent;
}

.mr-stage {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.mr-slide {
    position: absolute;
    inset: 0;
    display: block;
    opacity: 0;
    transition: opacity var(--mr-fade-ms) ease-in-out;
    text-decoration: none;
    outline: none;
    border: 0;
    background: transparent;
}

.mr-slide--active {
    opacity: 1;
    z-index: 2;
}

.mr-slide--incoming {
    z-index: 3;
}

.mr-slide:focus-visible {
    outline: 3px solid #2563eb;
    outline-offset: 2px;
}

.mr-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    border: 0;
    background: transparent;
}

.mr-rotator.is-paused .mr-slide {
    transition-duration: 0ms;
}

@media (prefers-reduced-motion: reduce) {
    .mr-rotator {
        --mr-fade-ms: 0ms;
    }

    .mr-slide {
        transition: none;
    }
}

@media (max-width: 716px) {
    .mr-rotator {
        max-width: 100%;
    }
}