.sg-carousel-media {
    display: block;
    object-fit: cover;
    width: 100%;
}

.sg-carousel-overlay {
    left: 50%;
    height: auto;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.sg-carousel-cropped-400 .sg-carousel-media {
    height: clamp(200px, calc(114px + 14.9vw), 400px);
}

.sg-carousel-cropped-400 .sg-carousel-overlay {
    max-height: clamp(200px, calc(114px + 14.9vw), 400px);
}

.sg-carousel-cropped-500 .sg-carousel-media {
    height: clamp(250px, calc(143px + 18.6vw), 500px);
}

.sg-carousel-cropped-500 .sg-carousel-overlay {
    max-height: clamp(250px, calc(143px + 18.6vw), 500px);
}

.sg-carousel-cropped-600 .sg-carousel-media {
    height: clamp(300px, calc(171px + 22.35vw), 600px);
}

.sg-carousel-cropped-600 .sg-carousel-overlay {
    max-height: clamp(300px, calc(171px + 22.35vw), 600px);
}

.sg-carousel-cropped-700 .sg-carousel-media {
    height: clamp(350px, calc(200px + 26.041vw), 700px);
}

.sg-carousel-cropped-700 .sg-carousel-overlay {
    max-height: clamp(350px, calc(200px + 26.041vw), 700px);
}

.sg-carousel-cropped-800 .sg-carousel-media {
    height: clamp(400px, calc(229px + 29.74vw), 800px);
}

.sg-carousel-cropped-800 .sg-carousel-overlay {
    max-height: clamp(400px, calc(229px + 29.74vw), 800px);
}

.sg-carousel-fixed-400 .sg-carousel-media {
    height: 400px;
}

.sg-carousel-fixed-400 .sg-carousel-overlay {
    max-height: 400px;
}

.sg-carousel-fixed-500 .sg-carousel-media {
    height: 500px;
}

.sg-carousel-fixed-500 .sg-carousel-overlay {
    max-height: 500px;
}

.sg-carousel-fixed-600 .sg-carousel-media {
    height: 600px;
}

.sg-carousel-fixed-600 .sg-carousel-overlay {
    max-height: 600px;
}

.sg-carousel-fixed-700 .sg-carousel-media {
    height: 700px;
}

.sg-carousel-fixed-700 .sg-carousel-overlay {
    max-height: 700px;
}

.sg-carousel-fixed-800 .sg-carousel-media {
    height: 800px;
}

.sg-carousel-fixed-800 .sg-carousel-overlay {
    max-height: 800px;
}

.sg-carousel-scaled-400 .sg-carousel-media {
    height: clamp(120px, 20.834vw, 400px);
}

.sg-carousel-scaled-400 .sg-carousel-overlay {
    max-height: clamp(120px, 20.834vw, 400px);
}

.sg-carousel-scaled-500 .sg-carousel-media {
    height: clamp(150px, 26.042vw, 500px);
}

.sg-carousel-scaled-500 .sg-carousel-overlay {
    max-height: clamp(150px, 26.042vw, 500px);
}

.sg-carousel-scaled-600 .sg-carousel-media {
    height: clamp(180px, 31.25vw, 600px);
}

.sg-carousel-scaled-600 .sg-carousel-overlay {
    max-height: clamp(180px, 31.25vw, 600px);
}

.sg-carousel-scaled-700 .sg-carousel-media {
    height: clamp(210px, 36.46vw, 700px);
}

.sg-carousel-scaled-700 .sg-carousel-overlay {
    max-height: clamp(210px, 36.46vw, 700px);
}

.sg-carousel-scaled-800 .sg-carousel-media {
    height: clamp(240px, 41.667vw, 800px);
}

.sg-carousel-scaled-800 .sg-carousel-overlay {
    max-height: clamp(240px, 41.667vw, 800px);
}

.sg-carousel-media > *:has(.sg-carousel-centered) {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%;
}