.dz-seg{--sg-h:34px;border-radius:var(--dz-radius-md);background:var(--dz-sunken);border:1px solid var(--dz-line);isolation:isolate;gap:2px;max-width:100%;padding:3px;display:inline-flex;position:relative}.dz-seg[data-size=sm]{--sg-h:28px;border-radius:calc(10px * var(--dz-radius-scale))}.dz-seg[data-size=lg]{--sg-h:40px;border-radius:var(--dz-radius-lg)}.dz-seg[data-block]{width:100%;display:flex}.dz-seg[data-block] .dz-seg__btn{flex:1 1 0}.dz-seg__btn{min-width:0}.dz-seg__btn>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.dz-seg__ind{z-index:-1;border-radius:calc(-3px + var(--dz-radius-md));background:var(--dz-surface);box-shadow:0 4px 12px -6px var(--dz-shadow-color),inset 0 1px 0 var(--dz-highlight);position:absolute;top:3px;bottom:3px;left:0}.dz-seg__ind[data-ready]{transition:transform var(--dz-dur-slow) var(--dz-ease),width var(--dz-dur-slow) var(--dz-ease),opacity var(--dz-dur-fast)}.dz-seg__btn{height:var(--sg-h);border-radius:calc(-3px + var(--dz-radius-md));font-size:var(--dz-text-sm);color:var(--dz-ink-2);white-space:nowrap;transition:color var(--dz-dur);flex:auto;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-weight:550;display:inline-flex}.dz-seg[data-size=sm] .dz-seg__btn{font-size:var(--dz-text-xs);padding:0 10px}@media (hover:hover){.dz-seg__btn:hover:not(:disabled){color:var(--dz-ink)}}.dz-seg__btn[aria-checked=true]{color:var(--dz-ink);font-weight:600}.dz-seg__btn:focus-visible{outline:2px solid var(--dz-accent);outline-offset:-2px}.dz-seg__btn:disabled{opacity:.4;cursor:not-allowed}.dz-seg[data-disabled]{opacity:.55}@media (pointer:coarse){.dz-seg{--sg-h:38px}.dz-seg[data-size=sm]{--sg-h:32px}.dz-seg[data-size=lg]{--sg-h:44px}}