#sur :focus-visible,.sur-ink :focus-visible{outline-offset:2px;outline:2px solid #f5efe4}.blade{padding-left:56px;position:relative}.blade-rail{pointer-events:none;background:linear-gradient(#1f1a160d 0,#1f1a1638 40px calc(100% - 120px),#1f1a1638 100%);border-radius:2px;width:2px;position:absolute;top:6px;bottom:0;left:15px}.blade-nib{pointer-events:none;width:24px;height:46px;position:absolute;bottom:-34px;left:4px}.blade-nib .shape{fill:none;stroke:#1f1a164d;stroke-width:1.6px}.blade-nib .vent{fill:var(--red)}.blade-ink{background:var(--red);width:12px;height:12px;transform:translateY(calc(var(--ink-p,0) * var(--ink-travel,0px)));will-change:transform;pointer-events:none;border-radius:50%;position:absolute;top:6px;left:10px;box-shadow:0 0 0 4px #c8102e1f}.blade-node{position:relative}.blade-node:before{content:"";transform-origin:0;background:#1f1a1638;border-radius:2px;width:34px;height:2px;position:absolute;top:13px;left:-41px;transform:rotate(-16deg)}.blade-node:after{content:"";background:var(--paper);border:2px solid var(--red);border-radius:50%;width:9px;height:9px;position:absolute;top:9px;left:-45px}@media (max-width:700px){.blade{padding-left:26px}.blade-rail{left:6px}.blade-ink{width:10px;height:10px;left:1px}.blade-nib{width:20px;left:-5px}.blade-node:before{display:none}.blade-node:after{width:7px;height:7px;top:10px;left:-25px}}@media (prefers-reduced-motion:reduce){.blade-ink{transform:none}}