.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.test-grid button{font-size:11px;padding:8px 3px}.test-grid button.on{background:var(--n);color:#fff;border-color:var(--n)}.symbol-row{display:flex;align-items:center;justify-content:center;gap:.45em}.tumbling-e{position:relative;width:1em;height:1em;flex:none}.tumbling-e i{position:absolute;left:0;background:#050706}.tumbling-e .stem{width:.2em;height:1em}.tumbling-e .bar{width:1em;height:.2em}.tumbling-e .b1{top:0}.tumbling-e .b2{top:.4em}.tumbling-e .b3{bottom:0}.landolt{width:1em;height:1em;border:.2em solid #050706;border-radius:50%;position:relative;flex:none}.landolt:after{content:"";position:absolute;background:#fff;width:.35em;height:.24em;right:-.25em;top:.18em}.duochrome{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;font-size:clamp(42px,8vw,110px);font-weight:900;letter-spacing:.1em}.duochrome>div{display:grid;place-items:center;color:#111}.duochrome .red{background:#d83a36}.duochrome .green{background:#39a85a}.astig-dial{position:relative;width:min(65vh,65vw);height:min(65vh,65vw);border-radius:50%}.astig-dial i{position:absolute;left:10%;top:49%;width:80%;height:2px;background:#111;transform:rotate(var(--r))}.astig-dial b{position:absolute;inset:42%;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:18px}.fixation{position:relative}.fixation.cross{width:min(36vh,36vw);height:min(36vh,36vw)}.fixation.cross:before,.fixation.cross:after{content:"";position:absolute;background:#111}.fixation.cross:before{width:100%;height:8%;top:46%}.fixation.cross:after{height:100%;width:8%;left:46%}.fixation.dot{border-radius:50%;background:#111;width:min(8vh,8vw);height:min(8vh,8vw)}