.optica.moderna{--o-bg:#07080f;--o-panel:#0f111b;--o-panel-2:#171a28;--o-line:#262a3e;--o-dim:#a0a6be;--o-faint:#686e88;--wl:#e8f05a}.q-levels{display:grid;grid-template-columns:repeat(9,minmax(0,1fr)) minmax(0,.9fr);padding:1rem 0 0}.q-levels a{position:relative;display:block;padding:3rem .6rem 0 0;color:var(--o-faint);font-size:.74rem;font-weight:700;line-height:1.25;text-decoration:none}.q-levels a:before{content:"";position:absolute;left:0;right:.5rem;top:calc(var(--y, 0px) + .4rem);height:2px;background:#3a3f5c}.q-levels a:after{content:"";position:absolute;left:.4rem;top:var(--y,0);width:.85rem;height:.85rem;border-radius:99px;box-sizing:border-box;border:2px solid #5a6088;background:var(--o-bg)}.q-levels a.is-done:after{background:var(--wl);border-color:var(--wl);box-shadow:0 0 10px color-mix(in srgb,var(--wl) 60%,transparent)}.q-levels a.is-current{color:var(--o-text)}.q-levels a.is-current:before{background:var(--wl)}.q-levels a.is-current:after{border-color:var(--wl);box-shadow:0 0 0 4px color-mix(in srgb,var(--wl) 25%,transparent)}.q-levels a:hover{color:var(--o-text)}.q-levels-label{display:none}@media (min-width:820px){.q-levels-label{display:inline}}