diff --git a/sphere/index.html b/sphere/index.html index c0f24e7..727e1ed 100644 --- a/sphere/index.html +++ b/sphere/index.html @@ -26,7 +26,9 @@ h1 i{color:var(--down)} .row{display:flex;gap:8px;flex-wrap:wrap} .seg{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden} .seg button{background:transparent;color:var(--muted);border:0;font:inherit;font-size:11px;padding:7px 12px;cursor:pointer;letter-spacing:.05em} -.seg button[aria-pressed="true"]{background:var(--panel);color:var(--fg)} +.seg button{opacity:.55} +.seg button[aria-pressed="true"]{background:var(--panel);color:var(--fg);opacity:1} +.seg button[aria-pressed="true"]::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--down);margin-right:7px;vertical-align:middle} button:focus-visible,input:focus-visible{outline:2px solid var(--down);outline-offset:2px} label.sl{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:11px;color:var(--muted);letter-spacing:.05em} input[type=range]{width:100%;accent-color:var(--down)} @@ -52,7 +54,7 @@ input[type=range]{width:100%;accent-color:var(--down)}