.optica.mecanica{--o-bg:#0b0a09;--o-panel:#131110;--o-panel-2:#1c1917;--o-line:#2d2925;--o-dim:#a8a196;--o-faint:#726b61;--wl:#7ee0b8}.m-arc{display:grid;grid-template-columns:repeat(var(--n,8),minmax(0,1fr)) minmax(max-content,1.1fr);padding:1rem 0 0}.m-arc a{position:relative;display:block;padding:3.1rem .6rem 0 0;color:var(--o-faint);font-size:.74rem;font-weight:700;line-height:1.25;text-decoration:none}.m-arc a:after{content:"";position:absolute;left:0;top:var(--y,0);width:.85rem;height:.85rem;border-radius:99px;box-sizing:border-box;border:2px solid #5a534a;background:var(--o-bg)}.m-arc a.is-done:after{background:var(--wl);border-color:var(--wl);box-shadow:0 0 10px color-mix(in srgb,var(--wl) 60%,transparent)}.m-arc a.is-current{color:var(--o-text)}.m-arc a.is-current:after{border-color:var(--wl);box-shadow:0 0 0 4px color-mix(in srgb,var(--wl) 25%,transparent)}.m-arc a:hover{color:var(--o-text)}.m-arc-label{display:none}@media (min-width:900px){.m-arc-label{display:inline}}.m-input{width:5.5rem;min-height:40px;padding:.35rem .6rem;border-radius:10px;border:1px solid var(--o-line);background:var(--o-panel-2);color:var(--o-text);font-size:.95rem}.m-input:focus-visible{outline:2px solid var(--wl);outline-offset:1px}