.dfb-segmented{flex-direction:column;gap:6px;display:inline-flex}.dfb-segmented__label{color:var(--text-muted);font-size:.78rem;font-weight:500}.dfb-segmented__group{background:var(--bg-subtle);border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:4px;display:inline-flex}.dfb-segmented__btn{color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 14px;font-size:.85rem;font-weight:500;transition:background-color .15s,color .15s}.dfb-segmented__btn:disabled{opacity:.5;cursor:not-allowed}.dfb-segmented__btn:hover{color:var(--text)}.dfb-segmented__btn--active,.dfb-segmented__btn--active:hover{background:var(--accent);color:var(--color-white)}.dfb-segmented__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.dfb-segmented--tabs{display:flex}.dfb-segmented--tabs .dfb-segmented__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.dfb-segmented--tabs .dfb-segmented__group{background:var(--color-slate-100);gap:0;width:100%;display:flex}.dfb-segmented--tabs .dfb-segmented__btn{padding:var(--space-2xs) var(--space-sm);white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-slate-500);flex:1 1 0;font-weight:400}.dfb-segmented--tabs .dfb-segmented__btn--active,.dfb-segmented--tabs .dfb-segmented__btn--active:hover{background:var(--color-white);color:var(--color-text-strong);box-shadow:0 1px 2px var(--color-slate-400-faint)}
