.content-rotator {
    display: grid;
    gap: 1rem;
    width: min(var(--site-page-width), calc(100vw - (var(--site-edge-gap) * 2)));
    margin: 1.25rem auto;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--site-canvas);
    color: var(--ink);
    overflow: hidden;
}

.content-rotator__viewport {
    display: grid;
    overflow: hidden;
}

.content-rotator__track {
    display: grid;
    width: 100%;
    min-width: 0;
}

.content-rotator__track > .site-block {
    grid-area: 1 / 1;
    width: 100%;
    min-width: 0;
}

.content-rotator__carousel.mud-carousel {
    min-height: 340px;
}

.content-rotator__carousel .mud-carousel-item {
    height: 100%;
    min-height: 340px;
}

.content-rotator__public-slide {
    display: grid;
    height: 100%;
    min-height: 340px;
    min-width: 0;
}

.content-rotator__slide {
    display: grid;
    align-items: stretch;
    justify-items: stretch;
    gap: inherit;
    width: 100%;
    max-width: none;
    min-height: 340px;
    padding: clamp(1.5rem, 4vw, 3rem);
    background: var(--site-canvas);
}

.content-rotator__slide-content {
    display: grid;
    justify-items: stretch;
    gap: inherit;
    width: 100%;
    min-width: 0;
}

.content-rotator__slide-content > .site-block {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

.content-rotator__slide-content > .site-block > :is(.public-section, .public-hero, .public-image-block, .public-card-block, .cms-mud-paper-block, .public-alert-block, .cms-layout-stack, .cms-layout-columns) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

.content-rotator__slide-background-only {
    min-height: inherit;
}