.study-chapter .study-status-demo{margin-top:50px;padding:32px;background:#f5f3ef;border-radius:20px;overflow:hidden;isolation:isolate}
.study-status-demo>figcaption{margin-bottom:20px;line-height:22px}
.status-demo-view{--phone-width:276px;--camera-zoom:1.13;height:605px;position:relative;overflow:visible}
/* Native SVG transforms repaint vector paths instead of scaling a screen bitmap. */
.status-demo-phone{z-index:1;width:calc(var(--phone-width) * var(--camera-scale,1));aspect-ratio:236/480;position:absolute;top:50%;left:50%;margin-top:calc(var(--phone-width) * var(--camera-scale,1) * 480 / 236 / -2);margin-left:calc(var(--phone-width) * var(--camera-scale,1) / -2)}
.status-demo-art{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:700px){.study-chapter .study-status-demo{padding:16px;margin-top:32px}.status-demo-view{--phone-width:236px;--camera-zoom:1.1;height:540px}.study-status-demo>figcaption{transition:opacity 200ms}.study-status-demo[data-state=checking]>figcaption{opacity:0}}
@media(prefers-reduced-motion:reduce){.study-status-demo>figcaption{transition:none}}