@layer components{:where(.oksChip){--oks-chip-height:28px;--oks-chip-padding-x:var(--oks-space-3,12px);--oks-chip-gap:var(--oks-space-2,8px);--oks-chip-font-size:13px;--oks-chip-radius:9999px;--oks-chip-border-width:1px;--oks-chip-bg:transparent;--oks-chip-fg:currentColor;--oks-chip-border:transparent;--oks-chip-shadow:none;align-items:center;gap:var(--oks-chip-gap);height:var(--oks-chip-height);padding:0 var(--oks-chip-padding-x);border-radius:var(--oks-chip-radius);border:var(--oks-chip-border-width) solid var(--oks-chip-border);background-color:var(--oks-chip-bg);color:var(--oks-chip-fg);box-shadow:var(--oks-chip-shadow);font:inherit;font-size:var(--oks-chip-font-size);-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;line-height:1;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,opacity .14s;display:inline-flex}:where(.oksChip[data-disabled=true]){opacity:.65;cursor:not-allowed}:where(.oksChip[data-selected][data-disabled=false]){cursor:pointer}:where(.oksChip[data-selected=true]){outline:2px solid var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8));outline-offset:1px}:where(.oksChip[tabindex="0"]:focus-visible){outline:2px solid var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8));outline-offset:2px}:where(.oksChipContent){text-overflow:ellipsis;min-width:0;overflow:hidden}:where(.oksChipDot){background-color:var(--oks-chip-tone,var(--oks-color-primary-500,#3b82f6));border-radius:9999px;flex:none;width:6px;height:6px}:where(.oksChipAvatar){width:calc(var(--oks-chip-height) - 8px);height:calc(var(--oks-chip-height) - 8px);margin-left:calc(var(--oks-chip-padding-x) * -.6);border-radius:9999px;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}:where(.oksChipAvatar) :where(img){object-fit:cover;width:100%;height:100%;display:block}:where(.oksChipEndContent){flex:none;align-items:center;display:inline-flex}:where(.oksChipCloseButton){width:calc(var(--oks-chip-height) - 6px);height:calc(var(--oks-chip-height) - 6px);color:currentColor;cursor:pointer;margin-right:calc(var(--oks-chip-padding-x) * -.6);opacity:.7;background-color:#0000;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:inline-flex}:where(.oksChipCloseButton:hover){opacity:1;background-color:color-mix(in srgb, currentColor 12%, transparent)}:where(.oksChipCloseButton:active){opacity:1;background-color:color-mix(in srgb, currentColor 20%, transparent)}:where(.oksChipCloseButton:focus-visible){outline:2px solid var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8));outline-offset:2px}:where(.oksChipCloseButton:disabled),:where(.oksChip[data-disabled=true]) :where(.oksChipCloseButton){opacity:.5;cursor:not-allowed}:where(.oksChip[data-radius=none]){--oks-chip-radius:0}:where(.oksChip[data-radius=xs]){--oks-chip-radius:var(--oks-radius-xs,calc(var(--oks-radius-sm,.25rem) * .5))}:where(.oksChip[data-radius=xs-sm]){--oks-chip-radius:var(--oks-radius-xs-sm,calc(var(--oks-radius-sm,.25rem) * .75))}:where(.oksChip[data-radius=sm]){--oks-chip-radius:var(--oks-radius-sm,.25rem)}:where(.oksChip[data-radius=md]){--oks-chip-radius:var(--oks-radius-md,.375rem)}:where(.oksChip[data-radius=lg]){--oks-chip-radius:var(--oks-radius-lg,.5rem)}:where(.oksChip[data-radius=full]){--oks-chip-radius:9999px}:where(.oksChip[data-size=xs]){--oks-chip-height:20px;--oks-chip-padding-x:6px;--oks-chip-gap:var(--oks-space-1,4px);--oks-chip-font-size:11px}:where(.oksChip[data-size=xs-sm]){--oks-chip-height:22px;--oks-chip-padding-x:var(--oks-space-2,8px);--oks-chip-gap:var(--oks-space-1,4px);--oks-chip-font-size:12px}:where(.oksChip[data-size=sm]){--oks-chip-height:24px;--oks-chip-padding-x:var(--oks-space-2,8px);--oks-chip-gap:var(--oks-space-1,4px);--oks-chip-font-size:12px}:where(.oksChip[data-size=md]){--oks-chip-height:28px;--oks-chip-padding-x:var(--oks-space-3,12px);--oks-chip-gap:var(--oks-space-2,8px);--oks-chip-font-size:13px}:where(.oksChip[data-size=lg]){--oks-chip-height:32px;--oks-chip-padding-x:var(--oks-space-4,16px);--oks-chip-gap:var(--oks-space-2,8px);--oks-chip-font-size:14px}:where(.oksChip[data-size=xl]){--oks-chip-height:36px;--oks-chip-padding-x:18px;--oks-chip-gap:var(--oks-space-2,8px);--oks-chip-font-size:15px}:where(.oksChip[data-shadow=none]){--oks-chip-shadow:none}:where(.oksChip[data-shadow=xs]){--oks-chip-shadow:0 3px 8px #0000001a}:where(.oksChip[data-shadow=xs-sm]){--oks-chip-shadow:0 4px 10px #0000001c}:where(.oksChip[data-shadow=sm]){--oks-chip-shadow:0 6px 14px #0000001f}:where(.oksChip[data-shadow=md]){--oks-chip-shadow:0 10px 18px #0000002e}:where(.oksChip[data-shadow=lg]){--oks-chip-shadow:0 18px 32px #00000038}:where(.oksChip[data-variant=solid]){--oks-chip-bg:var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8));--oks-chip-fg:var(--oks-chip-solid-fg,white)}:where(.oksChip[data-variant=soft]){--oks-chip-bg:var(--oks-chip-tone-50,var(--oks-color-primary-50,#eff6ff));--oks-chip-border:var(--oks-chip-tone-100,var(--oks-color-primary-100,#dbeafe));--oks-chip-fg:var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8))}:where(.oksChip[data-variant=bordered]){--oks-chip-bg:var(--oks-color-surface,#fff);--oks-chip-border:var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8));--oks-chip-fg:var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8))}:where(.oksChip[data-variant=dot]){--oks-chip-bg:var(--oks-chip-tone-50,var(--oks-color-primary-50,#eff6ff));--oks-chip-border:var(--oks-chip-tone-100,var(--oks-color-primary-100,#dbeafe));--oks-chip-fg:var(--oks-chip-tone-text,var(--oks-color-primary-700,#1d4ed8))}@media (prefers-reduced-motion:reduce){:where(.oksChip){transition:none}}}