.dt-ui-segmented-options{border:1px solid color-mix(in srgb, var(--surface-txtclr) 10%, transparent);background:var(--surface-clr);border-radius:6px;flex-wrap:wrap;justify-self:end;gap:4px;padding:2px;display:inline-flex;position:relative}.dt-ui-segmented-options__pill{left:var(--segmented-pill-left);top:var(--segmented-pill-top);width:var(--segmented-pill-width);height:var(--segmented-pill-height);background:rgba(var(--accent,56 189 248));pointer-events:none;border-radius:4px;transition:left .22s,top .22s,width .22s,height .22s;position:absolute}.dt-ui-segmented-options__button{z-index:1;background:var(--surface-clr);color:var(--surface-txtclr);box-shadow:none;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border:0 solid #ffffff1a;border-radius:4px;padding:10px;font-size:.75rem;line-height:1.1;transition:background .16s,color .16s,border-color .16s,box-shadow .16s;position:relative}.dt-ui-segmented-options[data-transparent-inactive=true] .dt-ui-segmented-options__button:not([data-active=true]),.dt-ui-segmented-options__button[data-active=true]{background:0 0}.dt-ui-segmented-options__button[data-active=true]{color:rgba(var(--accent-fg,15 23 42))}