.fx-seg{background:rgb(var(--ink-rgb) / .065);isolation:isolate;border-radius:999px;align-items:center;gap:2px;padding:4px;display:inline-flex;position:relative}.fx-seg>button{z-index:1;min-width:40px;height:34px;box-shadow:none;cursor:pointer;font-family:var(--font-body);color:var(--fg-muted);transition:color .2s var(--ease);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:.875rem;font-weight:500;line-height:1;position:relative}.fx-seg>button:after{content:none!important}.fx-seg>button[aria-pressed=true],.fx-seg>button[aria-selected=true]{color:var(--fg-strong);font-weight:600}.fx-seg:not(.has-thumb)>button[aria-pressed=true],.fx-seg:not(.has-thumb)>button[aria-selected=true]{background:var(--seg-thumb,var(--surface));box-shadow:0 1px 2px #0b0b0c14,0 0 0 .5px #0b0b0c0f}@media (hover:hover) and (pointer:fine){.fx-seg>button:hover{color:var(--fg-strong)}}.fx-seg>button:focus-visible{outline:2px solid rgb(var(--accent-rgb) / .7);outline-offset:1px}.fx-seg__thumb{z-index:0;pointer-events:none;background:var(--seg-thumb,var(--surface));border-radius:999px;position:absolute;top:0;left:0;box-shadow:0 1px 2px #0b0b0c1a,0 0 0 .5px #0b0b0c0f,0 3px 8px -2px #0b0b0c14}.fx-seg.is-ready .fx-seg__thumb{transition:transform .24s var(--ease), width .24s var(--ease)}@media (pointer:coarse){.fx-seg>button{height:40px}}.fx-rolling{position:relative;color:#0000!important}.fx-rolling *{color:#0000!important}.fx-roll{height:var(--roll-h);white-space:pre;pointer-events:none;font-variant-numeric:tabular-nums;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0;color:var(--roll-color)!important}.fx-roll *{color:var(--roll-color)!important}.fx-roll__col{height:var(--roll-h);vertical-align:top;display:inline-block;overflow:hidden}.fx-roll__strip{line-height:var(--roll-f);white-space:pre;text-align:left;opacity:.2;transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .42s cubic-bezier(.22,1,.36,1);display:block}.fx-roll__ch{line-height:var(--roll-h);display:inline-block}.fx-roll>*{flex:none}
