/* img-slot-shared.css — 6 page(s): course-hyrox.html, course-postnatal.html, course-reformer.html, en/course-hyrox.html, en/course-postnatal.html, en/course-reformer.html */

.img-slot{display:inline-block;position:relative;vertical-align:top;width:240px;
height:160px;overflow:hidden;font:13px/1.3 system-ui,-apple-system,sans-serif;
color:rgba(0,0,0,.55)}
.img-slot>img,.img-slot-zoom>img{position:absolute;left:0;top:0;width:100%;height:100%;
object-fit:cover;display:block;max-width:none}
.img-slot-zoom{position:absolute;inset:0}
.img-slot-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
justify-content:center;gap:6px;text-align:center;padding:12px;box-sizing:border-box}
.img-slot-empty svg{opacity:.45}
.img-slot-cap{max-width:90%;font-weight:500;letter-spacing:.01em}
.img-slot-ring{position:absolute;inset:0;pointer-events:none;border:1.5px dashed rgba(0,0,0,.25)}
#cr1 img{object-position:50% 65.33%}
#cr2 img{object-position:50% 50%}
#cr3 img{object-position:50% 50%}
#cr4 img{object-position:50% 50%}
#cr5 img{object-position:50% 50%}
#cr6 img{object-position:50% 50%}
@media(min-width:768px){
#cr1 img{object-position:50% 54.63%}
}
@media(min-width:1440px){
#cr1 img{object-position:50% 54.9%}
}