/* Preserve the native panel aspect ratio and pixels at rest. */
#plg .plg-device{width:930px;height:520px;margin:-260px 0 0 -465px}
#plg .plg-mbdev{width:1240px;height:800px;margin:-400px 0 0 -620px}
#plg .gi{background:transparent;box-shadow:0 50px 120px rgba(0,0,0,.85)}
#plg .imager-native{display:block;width:100%;height:100%}
#plg .imager-tab{position:absolute;top:2.8%;height:7.1%;border-radius:6px}
#plg .imager-tab-multi{left:51.1%;width:12.9%}
#plg .imager-tab-simple{left:30.3%;width:7.2%;top:1.8%;height:4.7%}
#plg .imager-tab:focus-visible{outline:3px solid #F5C400;outline-offset:4px}
#plg .plg-demo small a{color:inherit;text-decoration:underline;text-underline-offset:4px}
#plg .plg-params .kn{background:url('/plugins/gpw-imager-puck.png') center/contain no-repeat}
/* Static is the HTML default, including when JavaScript is unavailable. */
#plg .plg-stage.static .plg-device{position:relative;left:auto;top:auto;width:min(930px,calc(100% - 32px));height:auto;aspect-ratio:930/520;margin:2.5rem auto 0;transform:none}
#plg .plg-stage.static .plg-mbdev{width:min(1240px,calc(100% - 32px));aspect-ratio:1240/800}
#plg .plg-stage.static .plg-call,#plg .plg-stage.static .plg-scrollcue{display:none}
#plg .plg-stage.static .plg-intro{padding-top:2rem}
#plg .plg-stage.static .plg-demo{padding:0 1rem;text-align:center}
@media (max-width:768px){#plg .plg-call{display:none}#plg .plg-demo{flex-direction:column;white-space:normal;text-align:center;width:90%}}
@media (prefers-reduced-motion:reduce){#plg .plg-scrollcue i{animation:none}}