.fn2-segmented{display:inline-flex;align-items:center;position:relative;background:var(--surface-01);border:1px solid var(--border-faint);border-radius:24px;padding:4px;flex-shrink:0;height:40px;box-sizing:border-box}.fn2-segmented-pill{position:absolute;box-sizing:border-box;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:var(--surface-raised,rgba(40,40,42,.98));border:1px solid var(--border-light);border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.35);pointer-events:none;transition:transform .25s cubic-bezier(.4, 0, .2, 1);will-change:transform}.fn2-segmented.right .fn2-segmented-pill{transform:translateX(100%)}.fn2-segmented-btn{position:relative;z-index:1;flex:1;min-width:93px;background:0 0;border:none;padding:0 16px;font-size:13px;font-weight:500;color:var(--text-dimmed);cursor:pointer;border-radius:20px;font-family:var(--font-primary);transition:color .2s;white-space:nowrap;text-align:center;height:100%;line-height:1}.fn2-segmented-btn.active{color:var(--text-primary)}.fn2-segmented-btn:not(.active):hover{color:var(--text-secondary)}[data-theme=light] .fn2-segmented{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.08)}[data-theme=light] .fn2-segmented-pill{background:#fff;border-color:rgba(0,0,0,.1);box-shadow:0 1px 3px rgba(0,0,0,.12),0 0 0 .5px rgba(0,0,0,.06)}[data-theme=light] .fn2-segmented-btn{color:rgba(0,0,0,.4)}[data-theme=light] .fn2-segmented-btn.active{color:rgba(0,0,0,.85)}