.sbr-rotator-wrapper {
display: block;
line-height: 0;
overflow: hidden;
contain: layout style;
box-sizing: border-box;
}
.sbr-rotator-wrapper .sbr-rotator-iframe {
display: block;
border: 0;
vertical-align: top; } .sbr-rotator-wrapper > .sbr-banner {
width: 100% !important;
height: 100% !important;
max-width: 100%;
max-height: 100%;
margin: 0;
} .sbr-debug-box {
font-size: 11px;
font-family: monospace;
background: #1e1e1e;
color: #d4d4d4;
padding: 8px 10px;
margin-top: 4px;
border-radius: 4px;
line-height: 1.5;
text-align: left;
word-break: break-all;
}
.sbr-debug-box br { display: block; content: ''; margin-top: 2px; }
.sbr-banner {
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
display: block;
box-sizing: border-box;
}
.sbr-banner-link {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-decoration: none;
color: inherit;
}
.sbr-banner-media-wrap {
display: block;
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background: #f0f0f0;
} .sbr-banner-media-wrap .sbr-media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: var(--sbr-pos-x, center) var(--sbr-pos-y, center);
transform: scale(calc(var(--sbr-zoom, 100) / 100));
transform-origin: center center;
}