.route-reading{box-shadow:0 12px 28px #0f172a29;min-width:min(20em,100%);overflow:hidden;padding:1em}.route-reading.popover{left:50%;position:absolute;top:calc(100% + .75em);transform:translate(-50%);z-index:200}.route-reading .rr-heading{margin-bottom:.8em}.route-reading .rr-heading .rr-name{color:#0f172a;font-size:1rem;font-weight:800}.route-reading .rr-heading .rr-account{color:#2563eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.8rem;font-weight:700;margin-top:.2em}.route-reading .rr-previous{align-items:center;background:#f8fafc;border-radius:.7em;display:flex;gap:.5em;justify-content:space-between;margin-bottom:.8em;padding:.7em .8em}.route-reading .rr-previous .rr-label{color:#94a3b8;font-size:.9em;font-weight:400}.route-reading .rr-previous .rr-value{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-weight:800}.route-reading .rr-reading-value .text-box-area>input{font-family:monospace;font-size:1.4em;font-weight:700;outline:none;width:100%}.route-reading .rr-reading-value.invalid .text-box-area{background-color:#fef2f2;color:#c10007;outline:2px solid #ffa2a2}.route-reading .rr-reading-value.invalid .text-box-area:focus-within{border-color:transparent;outline:3px solid #ffa2a2}.route-reading .rr-reading-value.valid .text-box-area{background-color:#f0fdf4;color:#15803d;outline:2px solid #22c55e}.route-reading .rr-reading-value.valid .text-box-area:focus-within{border-color:transparent;outline:3px solid #22c55e}.route-reading .rr-error{align-items:center;color:#fb2c36;display:flex;font-size:.9em;font-weight:400;gap:.4em;margin:.4em 0}.route-reading .rr-actions{display:grid;gap:.5em;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:.9em}.route-reading .rr-actions .base-button{justify-content:center;padding:.55em}