.optica.funcoes{--o-bg:#080b12;--o-panel:#0d121d;--o-panel-2:#141b2a;--o-line:#223049;--o-dim:#97a9c4;--o-faint:#62738f;--wl:#6fb7ff}.f-curve{--h:2.6rem;position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding:1rem 0 0}.f-curve:after{content:"";position:absolute;left:0;right:0;top:calc(1rem + var(--h) + 1.15rem);height:1px;background:var(--o-line)}.f-curve-line{position:absolute;left:.425rem;top:1.425rem;width:100%;height:var(--h);overflow:visible;pointer-events:none}.f-curve-line path{fill:none;stroke:#6fb7ff;stroke-width:1.5;opacity:.6}.f-curve a{position:relative;display:block;padding:calc(var(--h) + 1.7rem) .6rem 0 0;color:var(--o-faint);font-size:.74rem;font-weight:700;line-height:1.25;text-decoration:none}.f-curve a:before{content:"";position:absolute;left:calc(.425rem - .5px);top:calc(var(--y) + .85rem);height:calc(var(--h) + .3rem - var(--y));border-left:1px dashed color-mix(in srgb,var(--c) 50%,transparent)}.f-curve a:after{content:"";position:absolute;left:0;top:var(--y);width:.85rem;height:.85rem;border-radius:99px;box-sizing:border-box;border:2px solid var(--c);background:var(--o-bg)}.f-curve a.is-done:after{background:var(--c);box-shadow:0 0 10px color-mix(in srgb,var(--c) 60%,transparent)}.f-curve a.is-current{color:var(--o-text)}.f-curve a.is-current:after{box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 30%,transparent)}.f-curve a:hover{color:var(--o-text)}.f-curve-label{display:none}@media (min-width:820px){.f-curve-label{display:inline}}.f-fine{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:end}.f-step{display:inline-flex;gap:4px;padding-bottom:2px}.f-step-btn{display:inline-grid;place-items:center;min-width:2.5rem;height:2.5rem;padding:0 .5rem;border-radius:10px;border:1px solid var(--o-line);background:var(--o-bg);color:var(--o-text);font-size:1.05rem;font-weight:800;line-height:1;cursor:pointer}.f-step-btn:hover{border-color:var(--wl)}.f-step-btn:disabled{opacity:.35;cursor:default}.f-rows{padding:.2rem .3rem .8rem}.f-row,.f-rows{display:grid;gap:.5rem}.f-row{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center}.f-swatch{width:.8rem;height:.8rem;border-radius:99px}.f-row-label{font-weight:800;font-size:.95rem;color:var(--o-dim)}.f-input{width:100%;min-width:0;height:2.5rem;padding:0 .75rem;border-radius:10px;border:1px solid var(--o-line);background:var(--o-bg);color:var(--o-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}.f-input:focus{border-color:var(--wl);outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--wl) 35%,transparent)}.f-input[aria-invalid=true]{border-color:#ff8fa8}.f-error{grid-column:3/-1;margin:-.2rem 0 0;font-size:.8rem;color:#ff8fa8}.f-plane{position:relative;cursor:grab}.f-plane:active{cursor:grabbing}.f-zoom{position:absolute;right:.6rem;bottom:.6rem;display:flex;gap:4px}.f-zoom .f-step-btn{background:color-mix(in srgb,var(--o-bg) 85%,transparent)}.f-home{font-size:.8rem}.f-dom{margin-bottom:.75rem;padding:.9rem .9rem 1rem;border:1px solid var(--o-line);border-radius:14px;background:var(--o-panel)}.f-dom-need{margin:0 0 .6rem;font-size:.85rem;color:var(--o-dim)}.f-dom-need b{color:var(--o-text);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.f-dom-grid{display:grid;column-gap:2px;row-gap:.25rem;align-items:center}.f-dom-pt{text-align:center;font-weight:800;font-size:.85rem;color:var(--o-text);font-variant-numeric:tabular-nums}.f-dom-row{grid-column:1/-1;margin-top:.35rem;font-size:.75rem;font-weight:700;color:var(--o-faint)}.f-dom-cell{display:grid;place-items:center;height:2rem;border-radius:6px;background:var(--o-panel-2);font-weight:800;font-size:1rem}.f-dom-cell.is-pos{color:#7fe3c4}.f-dom-cell.is-neg{color:#ff8fa8}.f-dom-cell.is-zero{color:var(--o-text)}.f-dom-iv{position:relative;height:2.75rem;border:0;border-radius:6px;background:transparent;cursor:pointer}.f-dom-iv:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:var(--o-line)}.f-dom-iv[aria-pressed=true]:before{height:8px;border-radius:4px;background:#6fb7ff}.f-dom-iv:hover:before{background:color-mix(in srgb,#6fb7ff 55%,var(--o-line))}.f-dom-iv[aria-pressed=true]:hover:before{background:#6fb7ff}.f-dom-dot{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;background:transparent;cursor:pointer}.f-dom-dot span{width:1rem;height:1rem;border-radius:99px;border:2px solid #6fb7ff;background:var(--o-bg)}.f-dom-dot[aria-pressed=true] span{background:#6fb7ff}.f-dom-dot:focus-visible,.f-dom-iv:focus-visible{outline:2px solid var(--wl);outline-offset:2px}