@layer equip{.eq-segmented-control{border:0;min-inline-size:0;margin:0;padding:0}.eq-segmented-control-legend{margin-bottom:var(--eq-space-1);color:var(--eq-ink);font:var(--eq-weight-strong) var(--eq-text-s) / 1.3 var(--eq-font);padding:0}.eq-segmented-control-legend[data-hidden]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.eq-segmented-control-track{box-sizing:border-box;max-width:100%;height:var(--eq-h-m);border:1px solid var(--eq-line-strong);border-radius:var(--eq-radius-m);background:var(--eq-raised);display:inline-flex}.eq-segmented-control-segment{justify-content:center;align-items:center;gap:var(--eq-space-1);min-width:24px;padding-inline:var(--eq-space-3);color:var(--eq-ink-2);font:var(--eq-weight-strong) var(--eq-text-s) / 1 var(--eq-font);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--eq-dur) var(--eq-ease), color var(--eq-dur) var(--eq-ease);flex:auto;display:inline-flex;position:relative}.eq-segmented-control-segment+.eq-segmented-control-segment{border-inline-start:1px solid var(--eq-line)}.eq-segmented-control-segment:first-child{border-start-start-radius:calc(var(--eq-radius-m) - 1px);border-end-start-radius:calc(var(--eq-radius-m) - 1px)}.eq-segmented-control-segment:last-child{border-start-end-radius:calc(var(--eq-radius-m) - 1px);border-end-end-radius:calc(var(--eq-radius-m) - 1px)}.eq-segmented-control-input{opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.eq-segmented-control-label{align-items:center;gap:var(--eq-space-1);transition:scale var(--eq-dur) var(--eq-ease);display:inline-flex}.eq-segmented-control:not(:disabled) .eq-segmented-control-segment:active:not(:has(:disabled)) .eq-segmented-control-label{scale:var(--eq-press)}.eq-segmented-control-label>svg{flex:none;width:16px;height:16px}@media (hover:hover){.eq-segmented-control-segment:hover:not(:has(:checked,:disabled)){background:var(--eq-tint);color:var(--eq-ink)}}.eq-segmented-control-segment:has(:checked){background:var(--eq-solid);color:var(--eq-solid-ink)}.eq-segmented-control-segment:has(:checked)+.eq-segmented-control-segment{border-inline-start-color:#0000}.eq-segmented-control-segment:has(:focus-visible){z-index:1;outline:2px solid var(--eq-focus);outline-offset:2px}:is(.eq-segmented-control:not(:disabled) .eq-segmented-control-segment:has(:disabled),.eq-segmented-control:disabled .eq-segmented-control-track){opacity:.45;cursor:not-allowed}.eq-segmented-control:disabled .eq-segmented-control-segment{cursor:not-allowed}@supports (anchor-name:--a) and (anchor-scope:all){.eq-segmented-control-track{anchor-scope:--eq-segment;position:relative}.eq-segmented-control-track:before{content:"";position-anchor:--eq-segment;top:anchor(top);bottom:anchor(bottom);left:anchor(left);right:anchor(right);border-radius:calc(var(--eq-radius-m) - 1px);background:var(--eq-solid);pointer-events:none;transition:left var(--eq-dur-move) var(--eq-spring), right var(--eq-dur-move) var(--eq-spring), opacity var(--eq-dur) var(--eq-ease);position:absolute}.eq-segmented-control-track:not(:has(:checked)):before{opacity:0}.eq-segmented-control:not(:disabled) .eq-segmented-control-track:has(:checked:disabled):before{opacity:.45}.eq-segmented-control-segment:has(:checked){anchor-name:--eq-segment;transition:background-color var(--eq-dur) var(--eq-ease), color var(--eq-dur-move) var(--eq-ease);background:0 0}}}
