/* Complete artwork and a pointer lens, confined to this device's screen. */
#rendering .legacy-stage{position:relative;display:block;padding-inline:60px}
#rendering .legacy-prev,#rendering .legacy-next{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
#rendering .legacy-prev{left:0}
#rendering .legacy-next{right:0}
#rendering .legacy-prev:hover,#rendering .legacy-next:hover{transform:translateY(-50%) scale(1.06)}
#rendering .legacy-viewer .legacy-screen{display:block;overflow:hidden}
#rendering .legacy-viewer[data-type="rendering"] .legacy-screen{background:#fff}
#rendering .legacy-viewer .legacy-strip{width:100%;height:100%;min-height:0;display:grid;place-items:center}
#rendering .legacy-viewer .legacy-strip img{max-width:100%;max-height:100%;object-fit:contain}
#rendering .rendering-magnifier{position:absolute;z-index:5;border:1px solid #fff9;border-radius:50%;box-sizing:border-box;background-color:#fff;background-repeat:no-repeat;box-shadow:0 5px 22px #0005,0 0 0 1px #37373777;pointer-events:none;contain:paint}
#rendering .rendering-magnifier[hidden]{display:none!important}
#rendering .rendering-magnifier::after{content:'';position:absolute;inset:50% auto auto 50%;width:7px;height:7px;border:1px solid #7779;border-radius:50%;transform:translate(-50%,-50%)}
#rendering .legacy-screen.has-magnifier{cursor:crosshair}
@media(max-width:900px){
 #rendering .category-layout{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0}
 #rendering .category-copy{width:100%;max-width:none;transform:none!important;text-align:left}
 #rendering .legacy-viewer{width:100%;grid-column:auto;grid-row:auto}
}
@media(max-width:700px){#rendering .legacy-stage{padding-inline:44px}#rendering .rendering-magnifier{display:none!important}}