@property --reader-ry{syntax:"<angle>";inherits:true;initial-value:0deg}.reader-stage{touch-action:pan-y}.reader-lens{perspective:1400px}.reader-camera{transform-style:preserve-3d;transform:rotateX(var(--reader-rx)) rotateY(var(--reader-ry)) scale(var(--reader-scale));transition:transform .7s cubic-bezier(.2,.8,.2,1),--reader-ry .7s cubic-bezier(.2,.8,.2,1)}.reader-stage[data-dragging] .reader-camera{transition-duration:0s}.reader-idle{transform-style:preserve-3d;animation:9s ease-in-out infinite alternate reader-idle}.reader-stage:not([data-scene=idle]) .reader-idle,.reader-stage[data-dragging] .reader-idle{animation-play-state:paused}.reader-device,.reader-face{transform-style:preserve-3d}.reader-shell-section{position:absolute;top:50%;left:50%}.reader-wordmark{width:32px;height:auto}.reader-display{aspect-ratio:9/16;font-family:Arial,sans-serif}.reader-screen-image{background-color:#fff;background-repeat:no-repeat;background-size:100% 100%}.reader-welcome{background-image:url(/terminal/s700-welcome.png)}.reader-admin{background-image:url(/terminal/s700-admin.png)}.reader-options{background-image:url(/terminal/s700-options.png)}.reader-passcode-heading{color:#242424;background:#fff;padding-block:2px;font-size:9px;line-height:1.2;position:absolute;top:14%;left:5.8%;right:3%}.reader-pairing-highlight{outline:1px solid #635bff59;height:7.4%;position:absolute;top:30%;left:5.8%;right:5.8%}.reader-front-camera{background:radial-gradient(circle at 40% 35%,#35475a,#131921 45%,#2b3037 65%);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:61%;box-shadow:0 0 0 1px #282b2f}.reader-led{background:#3d4145;border-radius:2px;width:3px;height:2px;position:absolute;top:10px;left:47%}.reader-sim-tray{background:#dce0e6;border:.6px solid #a2a8b1;border-radius:3px;width:7px;height:33px;position:absolute;top:220px;left:16px}.reader-face{backface-visibility:hidden;position:absolute;top:50%;left:50%}.reader-shell{background:linear-gradient(145deg,#fff 4%,#f4f7fb 42%,#d9dfe8 100%);box-shadow:inset 0 0 0 1px #858f9d38,inset -5px -7px 12px #68738414}.reader-glass{box-shadow:inset 0 0 0 1px #ffffff14,0 1px 2px #22283147}.reader-side,.reader-side-bottom{background:0 0}.reader-rear-latch{background:linear-gradient(#bfc5cc,#f5f6f8);border:1px solid #c0c6ce;border-radius:0 0 2px 2px;width:24px;height:5px;position:absolute;top:1px;left:calc(50% - 12px)}.reader-rear-latch-bottom{top:auto;bottom:1px;rotate:180deg}.reader-back .reader-camera-island{transform:translateZ(7px);box-shadow:0 1px #c7cbd0,0 2px #d2d5da,0 3px #d2d5da,0 4px #c6cbd2,0 5px 3px #464d5633,inset 0 0 0 1px #fff}.reader-magstripe{background:#60646a;border-radius:2px;height:2px;position:absolute;inset:2px 2px auto;box-shadow:0 2px #f9fafb,0 3px #afb5be}.reader-mount{background:radial-gradient(circle,#666e78 20%,#c2c7ce 24%,#f6f7f8 44%,#a2a9b4 48%,#d6dae0 67%)}.reader-camera-island,.reader-contacts{background:linear-gradient(150deg,#fff,#e1e6ed);box-shadow:0 2px 4px #6872802e,inset 0 0 0 1px #7e889524}.reader-gradient{background:linear-gradient(155deg,#70dbe8 0%,#a777ed 28%,#d958ae 49%,#f06b85 66%,#f4ad70 82%,#b884df 100%)}.reader-gloss{background:linear-gradient(calc(120deg + var(--reader-ry) * 1.6), #ffffff12, #ffffff04 31%, transparent 32%)}.reader-shadow{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.reader-stage[data-dragging] .reader-shadow{transition-duration:0s}.reader-swipe{animation:1.1s cubic-bezier(.2,.8,.2,1) both reader-swipe}.reader-drawer{animation:.9s cubic-bezier(.2,.8,.2,1) both reader-drawer}.reader-fill{animation:.24s ease-out both reader-fill}.reader-press{animation:.9s ease-out both reader-press}.reader-settings-button.reader-press{animation-name:reader-settings-press}@keyframes reader-idle{0%{transform:rotateY(-7deg)}to{transform:rotateY(7deg)}}@keyframes reader-swipe{0%{opacity:0;transform:translate(-6px)}30%{opacity:1}to{opacity:0;transform:translate(44px)}}@keyframes reader-drawer{0%{transform:translate(-70%)}to{transform:translate(0)}}@keyframes reader-fill{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes reader-press{0%,35%{background-color:#635bff0f}55%{background-color:#635bff33}to{background-color:#635bff14}}@keyframes reader-settings-press{0%,35%{background-color:#332ff5}55%{background-color:#716cff}to{background-color:#332ff5}}