/*
 * Image-frame height as viewport-width units.
 *
 * imgc-heightvwp-30 reserves a 30vw image frame, independent of the
 * rendered frame width. Legacy AQC shells convert the shared custom property
 * back into their zero-height padding-bottom frame in aqc-image-behavior.css.
 */
.imgc-heightvwp-10 { --aqc-image-frame-height: 10vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-12 { --aqc-image-frame-height: 12vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-14 { --aqc-image-frame-height: 14vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-16 { --aqc-image-frame-height: 16vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-18 { --aqc-image-frame-height: 18vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-20 { --aqc-image-frame-height: 20vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-22 { --aqc-image-frame-height: 22vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-24 { --aqc-image-frame-height: 24vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-26 { --aqc-image-frame-height: 26vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-28 { --aqc-image-frame-height: 28vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-30 { --aqc-image-frame-height: 30vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-32 { --aqc-image-frame-height: 32vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-36 { --aqc-image-frame-height: 36vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-40 { --aqc-image-frame-height: 40vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-44 { --aqc-image-frame-height: 44vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-48 { --aqc-image-frame-height: 48vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-52 { --aqc-image-frame-height: 52vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-56 { --aqc-image-frame-height: 56vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-60 { --aqc-image-frame-height: 60vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-64 { --aqc-image-frame-height: 64vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-72 { --aqc-image-frame-height: 72vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-80 { --aqc-image-frame-height: 80vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-90 { --aqc-image-frame-height: 90vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
.imgc-heightvwp-100 { --aqc-image-frame-height: 100vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }

@media (min-width: 576px) {
    .imgc-heightvwp-sm-10 { --aqc-image-frame-height: 10vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-12 { --aqc-image-frame-height: 12vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-14 { --aqc-image-frame-height: 14vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-16 { --aqc-image-frame-height: 16vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-18 { --aqc-image-frame-height: 18vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-20 { --aqc-image-frame-height: 20vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-22 { --aqc-image-frame-height: 22vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-24 { --aqc-image-frame-height: 24vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-26 { --aqc-image-frame-height: 26vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-28 { --aqc-image-frame-height: 28vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-30 { --aqc-image-frame-height: 30vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-32 { --aqc-image-frame-height: 32vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-36 { --aqc-image-frame-height: 36vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-40 { --aqc-image-frame-height: 40vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-44 { --aqc-image-frame-height: 44vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-48 { --aqc-image-frame-height: 48vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-52 { --aqc-image-frame-height: 52vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-56 { --aqc-image-frame-height: 56vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-60 { --aqc-image-frame-height: 60vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-64 { --aqc-image-frame-height: 64vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-72 { --aqc-image-frame-height: 72vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-80 { --aqc-image-frame-height: 80vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-90 { --aqc-image-frame-height: 90vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-sm-100 { --aqc-image-frame-height: 100vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
}

@media (min-width: 768px) {
    .imgc-heightvwp-md-10 { --aqc-image-frame-height: 10vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-12 { --aqc-image-frame-height: 12vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-14 { --aqc-image-frame-height: 14vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-16 { --aqc-image-frame-height: 16vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-18 { --aqc-image-frame-height: 18vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-20 { --aqc-image-frame-height: 20vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-22 { --aqc-image-frame-height: 22vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-24 { --aqc-image-frame-height: 24vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-26 { --aqc-image-frame-height: 26vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-28 { --aqc-image-frame-height: 28vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-30 { --aqc-image-frame-height: 30vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-32 { --aqc-image-frame-height: 32vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-36 { --aqc-image-frame-height: 36vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-40 { --aqc-image-frame-height: 40vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-44 { --aqc-image-frame-height: 44vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-48 { --aqc-image-frame-height: 48vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-52 { --aqc-image-frame-height: 52vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-56 { --aqc-image-frame-height: 56vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-60 { --aqc-image-frame-height: 60vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-64 { --aqc-image-frame-height: 64vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-72 { --aqc-image-frame-height: 72vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-80 { --aqc-image-frame-height: 80vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-90 { --aqc-image-frame-height: 90vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-md-100 { --aqc-image-frame-height: 100vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
}

@media (min-width: 992px) {
    .imgc-heightvwp-lg-10 { --aqc-image-frame-height: 10vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-12 { --aqc-image-frame-height: 12vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-14 { --aqc-image-frame-height: 14vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-16 { --aqc-image-frame-height: 16vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-18 { --aqc-image-frame-height: 18vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-20 { --aqc-image-frame-height: 20vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-22 { --aqc-image-frame-height: 22vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-24 { --aqc-image-frame-height: 24vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-26 { --aqc-image-frame-height: 26vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-28 { --aqc-image-frame-height: 28vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-30 { --aqc-image-frame-height: 30vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-32 { --aqc-image-frame-height: 32vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-36 { --aqc-image-frame-height: 36vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-40 { --aqc-image-frame-height: 40vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-44 { --aqc-image-frame-height: 44vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-48 { --aqc-image-frame-height: 48vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-52 { --aqc-image-frame-height: 52vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-56 { --aqc-image-frame-height: 56vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-60 { --aqc-image-frame-height: 60vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-64 { --aqc-image-frame-height: 64vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-72 { --aqc-image-frame-height: 72vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-80 { --aqc-image-frame-height: 80vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-90 { --aqc-image-frame-height: 90vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-lg-100 { --aqc-image-frame-height: 100vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
}

@media (min-width: 1200px) {
    .imgc-heightvwp-xl-10 { --aqc-image-frame-height: 10vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-12 { --aqc-image-frame-height: 12vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-14 { --aqc-image-frame-height: 14vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-16 { --aqc-image-frame-height: 16vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-18 { --aqc-image-frame-height: 18vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-20 { --aqc-image-frame-height: 20vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-22 { --aqc-image-frame-height: 22vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-24 { --aqc-image-frame-height: 24vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-26 { --aqc-image-frame-height: 26vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-28 { --aqc-image-frame-height: 28vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-30 { --aqc-image-frame-height: 30vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-32 { --aqc-image-frame-height: 32vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-36 { --aqc-image-frame-height: 36vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-40 { --aqc-image-frame-height: 40vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-44 { --aqc-image-frame-height: 44vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-48 { --aqc-image-frame-height: 48vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-52 { --aqc-image-frame-height: 52vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-56 { --aqc-image-frame-height: 56vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-60 { --aqc-image-frame-height: 60vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-64 { --aqc-image-frame-height: 64vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-72 { --aqc-image-frame-height: 72vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-80 { --aqc-image-frame-height: 80vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-90 { --aqc-image-frame-height: 90vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xl-100 { --aqc-image-frame-height: 100vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
}

@media (min-width: 1400px) {
    .imgc-heightvwp-xxl-10 { --aqc-image-frame-height: 10vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-12 { --aqc-image-frame-height: 12vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-14 { --aqc-image-frame-height: 14vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-16 { --aqc-image-frame-height: 16vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-18 { --aqc-image-frame-height: 18vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-20 { --aqc-image-frame-height: 20vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-22 { --aqc-image-frame-height: 22vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-24 { --aqc-image-frame-height: 24vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-26 { --aqc-image-frame-height: 26vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-28 { --aqc-image-frame-height: 28vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-30 { --aqc-image-frame-height: 30vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-32 { --aqc-image-frame-height: 32vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-36 { --aqc-image-frame-height: 36vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-40 { --aqc-image-frame-height: 40vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-44 { --aqc-image-frame-height: 44vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-48 { --aqc-image-frame-height: 48vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-52 { --aqc-image-frame-height: 52vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-56 { --aqc-image-frame-height: 56vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-60 { --aqc-image-frame-height: 60vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-64 { --aqc-image-frame-height: 64vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-72 { --aqc-image-frame-height: 72vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-80 { --aqc-image-frame-height: 80vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-90 { --aqc-image-frame-height: 90vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
    .imgc-heightvwp-xxl-100 { --aqc-image-frame-height: 100vw; height: var(--aqc-image-frame-height) !important; aspect-ratio: auto !important }
}