.h2ui-segmented{position:relative}.h2ui-segmented--icon-only{grid-template-columns:repeat(var(--h2ui-segmented-count), 28px);background:color-mix(in srgb, var(--accent-softer) 54%, var(--chrome-bg-elev));border-color:color-mix(in srgb, var(--accent) 46%, var(--chrome-border));height:30px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent), var(--shadow-xs);gap:2px;padding:2px;display:inline-grid}.h2ui-segmented__thumb{z-index:0;background:var(--chrome-bg-elev);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--accent-soft));border-radius:calc(var(--r-sm) - 2px);width:28px;height:24px;box-shadow:0 3px 8px color-mix(in srgb, var(--accent) 16%, transparent), var(--shadow-xs);pointer-events:none;transform:translateX(calc(var(--h2ui-segmented-index) * 30px));transition:transform var(--dur-med) var(--ease), border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);position:absolute;top:2px;left:2px}.h2ui-segmented--icon-only .h2ui-segmented__tab{z-index:1;box-shadow:none;background:0 0;position:relative}.h2ui-segmented--icon-only .h2ui-segmented__tab:hover{color:var(--accent-hover)}.h2ui-segmented--icon-only .h2ui-segmented__tab[aria-selected=true]{color:var(--accent)}.h2ui-segmented--icon-only .h2ui-segmented__tab:focus-visible{box-shadow:var(--ring);outline:none}.h2ui-segmented__label--hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.h2ui-segmented--icon-only .h2ui-segmented__tab[data-hint]:hover:after,.h2ui-segmented--icon-only .h2ui-segmented__tab[data-hint]:focus-visible:after{z-index:3;width:max-content;max-width:180px;color:var(--chrome-bg);background:var(--chrome-fg);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);content:attr(data-hint);pointer-events:none;padding:5px 7px;font-size:10.5px;font-weight:650;line-height:1.2;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}