/* @group @variables */

[class*="a-media-proto"] {
--signup-media-height: auto;
}

@media all and (min-width:48em) {

[class*="a-media-proto"] {
--signup-media-height: 100%;
}

}

/* @end @variables */

/* @group @media-proto */

[class*="a-media-proto"] {
position: relative;
z-index: 1;
height: var(--signup-media-height);
}

[class*="a-media-proto"] img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

/* @end @media-proto */