.scr-root{justify-items:center;gap:1.25rem;display:grid}.scr-source{justify-items:center;gap:1.25rem;width:100%;min-width:0;max-width:28rem;display:grid}.scr-paper{width:100%;box-shadow:var(--shadow-float);border-radius:.75rem;display:block;overflow:hidden;transform:rotate(-1.5deg)}.scr-screens{width:100%;min-width:0;max-width:28rem;max-height:45rem;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 4rem),#0000);mask-image:linear-gradient(#000 calc(100% - 4rem),#0000)}.scr-screens>*{grid-area:1/1;min-width:0}@media (min-width:1024px){.scr-root{grid-template-columns:minmax(0,1fr) 28rem;place-items:center stretch;gap:2rem}.scr-source{align-items:center;gap:1.5rem;max-width:none;display:flex}.scr-paper{flex:1 1 0;min-width:0}.scr-arrow{transform:rotate(-90deg)}}.scr-sweep{pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff59 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.scr-scan{opacity:0;animation:12s infinite scr-scan}.scr-form{animation:12s infinite scr-form}.scr-button{animation:12s infinite scr-press}.scr-idle{animation:12s infinite scr-idle}.scr-reading{opacity:0;animation:12s infinite scr-reading}.scr-sweep{animation:12s linear infinite scr-sweep}@keyframes scr-scan{0%,25%{opacity:1}30%,91.667%{opacity:0}to{opacity:1}}@keyframes scr-form{0%,25%{opacity:0;transform:translateY(.75rem)}30%,91.667%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes scr-press{0%,7%{transform:none}8.333%{transform:scale(.97)}9.5%,to{transform:none}}@keyframes scr-idle{0%,8.333%{opacity:1}9.5%,30%{opacity:0}31%,to{opacity:1}}@keyframes scr-reading{0%,8.333%{opacity:0}9.5%,30%{opacity:1}31%,to{opacity:0}}@keyframes scr-sweep{0%,9.167%{animation-timing-function:ease-in-out;transform:translate(-100%)}24.167%,to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.scr-scan,.scr-form,.scr-button,.scr-idle,.scr-reading,.scr-sweep{animation:none}}