.rubber-segment{--rs-track:#f3f1fb;--rs-thumb:linear-gradient(100deg, #6830ed, #b72ce0);--rs-ink:#5b5f78;--rs-ink-active:#fff;--rs-radius:14px;--rs-thumb-radius:10px;--rs-h:52px;--rs-gap:2px;gap:var(--rs-gap);height:var(--rs-h);border-radius:var(--rs-radius);background:var(--rs-track);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:4px;display:inline-grid;position:relative}.rubber-segment__item{z-index:1;border-radius:var(--rs-thumb-radius);min-width:0;color:var(--rs-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;outline:none;justify-content:center;align-items:center;gap:8px;margin:0;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex;position:relative}.rubber-segment__item svg{flex:none;width:17px;height:17px}.rubber-segment__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.rubber-segment__short{display:none}.rubber-segment--compact{--rs-h:38px;--rs-radius:12px;--rs-thumb-radius:9px}.rubber-segment--compact .rubber-segment__item{gap:6px;padding:0 12px;font-size:12.5px}.rubber-segment--compact .rubber-segment__item svg{width:15px;height:15px}.rubber-segment--fill{width:100%;display:grid}.rubber-segment--fill .rubber-segment__item{padding-inline:8px}.rubber-segment--scroll,.rubber-segment--scroll .rubber-segment__thumb{grid-auto-columns:minmax(max-content,1fr)}.rubber-segment--scroll{overscroll-behavior-x:contain;scrollbar-width:none;max-width:100%;overflow-x:auto}.rubber-segment--scroll::-webkit-scrollbar{display:none}.rubber-segment__item:focus-visible{outline-offset:2px;outline:2px solid #6830ed}.rubber-segment__thumb{z-index:2;gap:var(--rs-gap);border-radius:var(--rs-thumb-radius);background:var(--rs-thumb);width:calc(100% - 8px);color:var(--rs-ink-active);pointer-events:none;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:absolute;inset:4px auto 4px 4px}.rubber-segment__thumb .rubber-segment__item{color:inherit;cursor:default}@media (hover:hover) and (pointer:fine){.rubber-segment__item:hover{color:#3a2170}}html[data-theme=dark] .rubber-segment{--rs-track:#1a1830;--rs-ink:#a9a4c9}html[data-theme=dark] .rubber-segment__item:focus-visible{outline-color:#b28bff}@media (hover:hover) and (pointer:fine){html[data-theme=dark] .rubber-segment__item:hover{color:#ded4ff}}@media (prefers-reduced-motion:reduce){.rubber-segment__thumb{transition:none}}