.ui-seg-option input,.ui-chip input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-seg{border-radius:var(--r-md);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border);display:inline-flex}.ui-seg-option{min-height:var(--tap);cursor:pointer;background:0 0;border:0;flex:1;padding:4px;display:flex;position:relative}.ui-seg-option+.ui-seg-option{padding-left:0}.ui-seg-option span{padding:0 var(--sp-4);border-radius:var(--r-sm);color:var(--text-2);font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--dur), color var(--dur), box-shadow var(--dur);flex-direction:column;flex:1;justify-content:center;align-items:center;display:inline-flex}.ui-seg-option span:after{content:attr(data-label);visibility:hidden;height:0;font-weight:var(--fw-semibold);overflow:hidden}.ui-seg-option:not([data-chosen],:disabled,:has(:disabled)):hover span{color:var(--text)}.ui-seg-option[data-chosen] span{background:var(--surface-raised);color:var(--text);font-weight:var(--fw-semibold);box-shadow:0 0 0 1px var(--border-strong), var(--shadow-sm)}.ui-seg-option:focus-visible{outline:none}.ui-seg-option input:focus-visible+span,.ui-seg-option:focus-visible span{outline:3px solid var(--focus);outline-offset:1px}.ui-seg-option:disabled,.ui-seg-option:has(:disabled){cursor:default}.ui-seg-option[data-chosen][data-tone=success] span{background:var(--success-bg);color:var(--success-text);box-shadow:0 0 0 1px var(--tone-green-bd)}.ui-seg-option[data-chosen][data-tone=warning] span{background:var(--warning-bg);color:var(--warning-text);box-shadow:0 0 0 1px var(--tone-amber-bd)}.ui-seg-option[data-chosen][data-tone=danger] span{background:var(--danger-bg);color:var(--danger-text);box-shadow:0 0 0 1px var(--tone-red-bd)}.ui-seg-option[data-chosen][data-quiet] span{color:var(--text-muted);font-weight:var(--fw-medium);box-shadow:none;background:0 0}.ui-seg-sm{background:var(--field-bg);box-shadow:inset 0 0 0 1px var(--border-strong)}.ui-seg-sm .ui-seg-option{min-height:var(--tap-sm);padding:3px}.ui-seg-sm .ui-seg-option+.ui-seg-option{padding-left:0}.ui-seg-sm .ui-seg-option span{padding:0 var(--sp-3);color:var(--text);font-size:var(--fs-sm)}.ui-seg-sm .ui-seg-option:not([data-chosen]):is(:disabled,:has(:disabled)) span{color:var(--text-muted)}.ui-chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.ui-chip{min-height:var(--tap-md);cursor:pointer;display:inline-flex;position:relative}.ui-chip span{border:1px solid var(--border-strong);border-radius:var(--r-full);background:var(--field-bg);color:var(--text);font-size:var(--fs-md);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color var(--dur), border-color var(--dur), box-shadow var(--dur);align-items:center;padding:0 18px;display:inline-flex}.ui-chip:hover input:not(:checked)+span{border-color:var(--text-muted)}.ui-chip input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);padding:0 10px}.ui-chip input:checked+span:before{content:"";background:var(--accent);flex:none;width:12px;height:12px;margin-right:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l3 3 6-6.6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.5 7.4l3 3 6-6.6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.ui-chip input:focus-visible+span,.ui-chip input[data-focus-shown]:focus+span{outline:3px solid var(--focus);outline-offset:2px}