.optica.termo{--o-bg:#110b0b;--o-panel:#1a1212;--o-panel-2:#241918;--o-line:#3a2826;--o-dim:#b9a59e;--o-faint:#7e6a64;--wl:#ff7a4d}.t-thermo{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(0,1.1fr);padding:1rem 0 0}.t-thermo:before{content:"";position:absolute;left:.4rem;right:1.5rem;top:1.3rem;height:4px;border-radius:99px;background:linear-gradient(90deg,#6cc5ff,#ecdcd2 55%,#ff7a4d 88%,#ffffff);opacity:.5}.t-thermo a{position:relative;display:block;padding:1.6rem .6rem 0 0;color:var(--o-faint);font-size:.74rem;font-weight:700;line-height:1.25;text-decoration:none}.t-thermo a:after{content:"";position:absolute;left:0;top:0;width:.85rem;height:.85rem;border-radius:99px;box-sizing:border-box;border:2px solid var(--c);background:var(--o-bg)}.t-thermo a.is-done:after{background:var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}.t-thermo a.is-current{color:var(--o-text)}.t-thermo a.is-current:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 30%,transparent)}.t-thermo a:hover{color:var(--o-text)}.t-thermo-label{display:none}@media (min-width:820px){.t-thermo-label{display:inline}}