@layer components{:where(.oksBadge){--oks-badge-min-size:20px;--oks-badge-padding-x:7px;--oks-badge-font-size:12px;--oks-badge-font-weight:600;--oks-badge-border-radius:var(--oks-radius-md,.375rem);--oks-badge-outline-width:2px;--oks-badge-offset:0px;--oks-badge-offset-main:0px;--oks-badge-offset-cross:0px;--oks-badge-bg:var(--oks-badge-tone-text,var(--oks-color-primary-700,#1d4ed8));--oks-badge-fg:var(--oks-badge-solid-fg,#fff);--oks-badge-shadow:none;--oks-badge-outline:var(--oks-color-surface,#fff);--oks-badge-border-width:0px;--oks-badge-border-color:transparent;vertical-align:middle;align-items:center;display:inline-flex;position:relative}:where(.oksBadgeBadge){min-width:var(--oks-badge-min-size);height:var(--oks-badge-min-size);padding:0 var(--oks-badge-padding-x);border-radius:var(--oks-badge-border-radius);border:var(--oks-badge-border-width) solid var(--oks-badge-border-color);background-color:var(--oks-badge-bg);color:var(--oks-badge-fg);box-shadow:var(--oks-badge-shadow);font:inherit;font-size:var(--oks-badge-font-size);font-weight:var(--oks-badge-font-weight);-webkit-user-select:none;user-select:none;white-space:nowrap;box-sizing:border-box;z-index:1;justify-content:center;align-items:center;line-height:1;display:inline-flex;position:absolute}:where(.oksBadge[data-outline=true]) :where(.oksBadgeBadge){box-shadow:0 0 0 var(--oks-badge-outline-width) var(--oks-badge-outline), var(--oks-badge-shadow)}:where(.oksBadge[data-shape=circle]) :where(.oksBadgeBadge){--oks-badge-border-radius:9999px}:where(.oksBadge[data-one-char=true]) :where(.oksBadgeBadge){--oks-badge-padding-x:0px;width:var(--oks-badge-min-size)}:where(.oksBadge[data-dot=true]) :where(.oksBadgeBadge){--oks-badge-min-size:10px;--oks-badge-padding-x:0px;width:var(--oks-badge-min-size)}:where(.oksBadge[data-size=xs]){--oks-badge-min-size:14px;--oks-badge-padding-x:4px;--oks-badge-font-size:10px}:where(.oksBadge[data-size=xs-sm]){--oks-badge-min-size:16px;--oks-badge-padding-x:5px;--oks-badge-font-size:11px}:where(.oksBadge[data-size=sm]){--oks-badge-min-size:18px;--oks-badge-padding-x:6px;--oks-badge-font-size:11px}:where(.oksBadge[data-size=md]){--oks-badge-min-size:20px;--oks-badge-padding-x:7px;--oks-badge-font-size:12px}:where(.oksBadge[data-size=lg]){--oks-badge-min-size:24px;--oks-badge-padding-x:8px;--oks-badge-font-size:13px}:where(.oksBadge[data-size=xl]){--oks-badge-min-size:28px;--oks-badge-padding-x:10px;--oks-badge-font-size:14px}:where(.oksBadge[data-placement=top-end]) :where(.oksBadgeBadge){top:var(--oks-badge-offset);right:var(--oks-badge-offset);transform:translate(50%, -50%) translate(var(--oks-badge-offset-cross), calc(-1 * var(--oks-badge-offset-main)))}:where(.oksBadge[data-placement=top-start]) :where(.oksBadgeBadge){top:var(--oks-badge-offset);left:var(--oks-badge-offset);transform:translate(-50%, -50%) translate(var(--oks-badge-offset-cross), calc(-1 * var(--oks-badge-offset-main)))}:where(.oksBadge[data-placement=top]) :where(.oksBadgeBadge){top:var(--oks-badge-offset);transform:translate(-50%, -50%) translate(var(--oks-badge-offset-cross), calc(-1 * var(--oks-badge-offset-main)));left:50%}:where(.oksBadge[data-placement=bottom-end]) :where(.oksBadgeBadge){bottom:var(--oks-badge-offset);right:var(--oks-badge-offset);transform:translate(50%, 50%) translate(var(--oks-badge-offset-cross), var(--oks-badge-offset-main))}:where(.oksBadge[data-placement=bottom-start]) :where(.oksBadgeBadge){bottom:var(--oks-badge-offset);left:var(--oks-badge-offset);transform:translate(-50%, 50%) translate(var(--oks-badge-offset-cross), var(--oks-badge-offset-main))}:where(.oksBadge[data-placement=bottom]) :where(.oksBadgeBadge){bottom:var(--oks-badge-offset);transform:translate(-50%, 50%) translate(var(--oks-badge-offset-cross), var(--oks-badge-offset-main));left:50%}:where(.oksBadge[data-placement=right]) :where(.oksBadgeBadge){top:50%;right:var(--oks-badge-offset);transform:translate(50%, -50%) translate(var(--oks-badge-offset-main), var(--oks-badge-offset-cross))}:where(.oksBadge[data-placement=right-start]) :where(.oksBadgeBadge){top:var(--oks-badge-offset);right:var(--oks-badge-offset);transform:translate(50%, -50%) translate(var(--oks-badge-offset-main), var(--oks-badge-offset-cross))}:where(.oksBadge[data-placement=right-end]) :where(.oksBadgeBadge){bottom:var(--oks-badge-offset);right:var(--oks-badge-offset);transform:translate(50%, 50%) translate(var(--oks-badge-offset-main), var(--oks-badge-offset-cross))}:where(.oksBadge[data-placement=left]) :where(.oksBadgeBadge){top:50%;left:var(--oks-badge-offset);transform:translate(-50%, -50%) translate(calc(-1 * var(--oks-badge-offset-main)), var(--oks-badge-offset-cross))}:where(.oksBadge[data-placement=left-start]) :where(.oksBadgeBadge){top:var(--oks-badge-offset);left:var(--oks-badge-offset);transform:translate(-50%, -50%) translate(calc(-1 * var(--oks-badge-offset-main)), var(--oks-badge-offset-cross))}:where(.oksBadge[data-placement=left-end]) :where(.oksBadgeBadge){bottom:var(--oks-badge-offset);left:var(--oks-badge-offset);transform:translate(-50%, 50%) translate(calc(-1 * var(--oks-badge-offset-main)), var(--oks-badge-offset-cross))}:where(.oksBadge[data-shadow=none]){--oks-badge-shadow:none}:where(.oksBadge[data-shadow=xs]){--oks-badge-shadow:0 3px 8px #0000001a}:where(.oksBadge[data-shadow=xs-sm]){--oks-badge-shadow:0 4px 10px #0000001c}:where(.oksBadge[data-shadow=sm]){--oks-badge-shadow:0 6px 14px #0000001f}:where(.oksBadge[data-shadow=md]){--oks-badge-shadow:0 10px 18px #0000002e}:where(.oksBadge[data-shadow=lg]){--oks-badge-shadow:0 18px 32px #00000038}:where(.oksBadge[data-variant=solid]){--oks-badge-bg:var(--oks-badge-tone-text,var(--oks-color-primary-700,#1d4ed8));--oks-badge-fg:var(--oks-badge-solid-fg,#fff)}:where(.oksBadge[data-variant=soft]){--oks-badge-bg:var(--oks-badge-tone-100,var(--oks-color-primary-100,#dbeafe));--oks-badge-fg:var(--oks-badge-tone-text,var(--oks-color-primary-700,#1d4ed8))}:where(.oksBadge[data-variant=bordered]){--oks-badge-bg:var(--oks-badge-outline,var(--oks-color-surface,#fff));--oks-badge-fg:var(--oks-badge-tone-text,var(--oks-color-primary-700,#1d4ed8));--oks-badge-border-width:1px;--oks-badge-border-color:var(--oks-badge-tone-text,var(--oks-color-primary-700,#1d4ed8))}:where(.oksBadge[data-disable-animation=false]) :where(.oksBadgeBadge){transition:transform .14s,opacity .14s,background-color .14s,color .14s,box-shadow .14s}:where(.oksBadge[data-disable-animation=true]) :where(.oksBadgeBadge){transition:none}:where(.oksBadgeBumpInner){justify-content:center;align-items:center;display:inline-flex}:where(.oksBadgeBumpInner[data-bump=true]){animation:.32s oksBadgeBump}@keyframes oksBadgeBump{0%{transform:scale(1)}35%{transform:scale(1.3)}65%{transform:scale(.92)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){:where(.oksBadgeBadge){transition:none}:where(.oksBadgeBumpInner[data-bump=true]){animation:none}}:where(.oksTooltipTrigger){transform-origin:50%;display:inline-flex}:where(.oksTooltipTrigger[data-trigger-scale=true]){transition:transform .12s}:where(.oksTooltipTrigger[data-open=true][data-trigger-scale=true]){transform:scale(.97)}:where(.oksTooltipTrigger[data-motion=reduced]){transition:none;transform:none}:where(.oksTooltipBase){--oks-tooltip-bg:var(--oks-color-default-100,#eeeef0);--oks-tooltip-fg:var(--oks-color-default-900,#42424a);--oks-tooltip-radius:var(--oks-radius-md,.375rem);--oks-tooltip-shadow:0 10px 30px #00000040;--oks-tooltip-font-size:12px;--oks-tooltip-padding-y:var(--oks-space-2,8px);--oks-tooltip-padding-x:var(--oks-space-3,12px);z-index:50;opacity:0;pointer-events:none;max-width:320px;transition:opacity .12s,transform .12s;transform:translateY(-2px)}:where(.oksTooltipBase[data-open=true]){opacity:1;pointer-events:auto;transform:translateY(0)}:where(.oksTooltipBase[data-motion=reduced]){transition:none;transform:none}:where(.oksTooltipBase[data-color=primary]){--oks-tooltip-bg:var(--oks-color-primary-100,#ffd0b0)}:where(.oksTooltipBase[data-color=secondary]){--oks-tooltip-bg:var(--oks-color-secondary-100,#e7e7e7)}:where(.oksTooltipBase[data-color=info]){--oks-tooltip-bg:var(--oks-color-info-100,#b0d1f6)}:where(.oksTooltipBase[data-color=success]){--oks-tooltip-bg:var(--oks-color-success-100,#b7e3b2)}:where(.oksTooltipBase[data-color=warning]){--oks-tooltip-bg:var(--oks-color-warning-100,#f6d3b1)}:where(.oksTooltipBase[data-color=danger]){--oks-tooltip-bg:var(--oks-color-danger-100,#f6b1b1)}:where(.oksTooltipBase[data-radius=none]){--oks-tooltip-radius:0}:where(.oksTooltipBase[data-radius=xs]){--oks-tooltip-radius:var(--oks-radius-xs,calc(var(--oks-radius-sm,.25rem) * .5))}:where(.oksTooltipBase[data-radius=xs-sm]){--oks-tooltip-radius:var(--oks-radius-xs-sm,calc(var(--oks-radius-sm,.25rem) * .75))}:where(.oksTooltipBase[data-radius=sm]){--oks-tooltip-radius:var(--oks-radius-sm,.25rem)}:where(.oksTooltipBase[data-radius=md]){--oks-tooltip-radius:var(--oks-radius-md,.375rem)}:where(.oksTooltipBase[data-radius=lg]){--oks-tooltip-radius:var(--oks-radius-lg,.5rem)}:where(.oksTooltipBase[data-radius=full]){--oks-tooltip-radius:var(--oks-radius-full,9999px)}:where(.oksTooltipBase[data-shadow=none]){--oks-tooltip-shadow:none}:where(.oksTooltipBase[data-shadow=xs]){--oks-tooltip-shadow:0 6px 18px #0000002e}:where(.oksTooltipBase[data-shadow=xs-sm]){--oks-tooltip-shadow:0 8px 24px #00000038}:where(.oksTooltipBase[data-shadow=sm]){--oks-tooltip-shadow:0 10px 30px #00000040}:where(.oksTooltipBase[data-shadow=md]){--oks-tooltip-shadow:0 14px 40px #00000047}:where(.oksTooltipBase[data-shadow=lg]){--oks-tooltip-shadow:0 18px 56px #00000052}:where(.oksTooltipContent){background:var(--oks-tooltip-bg);background-color:var(--oks-tooltip-bg);color:var(--oks-tooltip-fg);border-radius:var(--oks-tooltip-radius);box-shadow:var(--oks-tooltip-shadow);font-size:var(--oks-tooltip-font-size);padding:var(--oks-tooltip-padding-y) var(--oks-tooltip-padding-x);line-height:1.2}:where(.oksTooltipBase[data-size=xs]){--oks-tooltip-font-size:10px;--oks-tooltip-padding-y:var(--oks-space-0_5,2px);--oks-tooltip-padding-x:var(--oks-space-1_5,6px)}:where(.oksTooltipBase[data-size=xs-sm]),:where(.oksTooltipBase[data-size=sm]){--oks-tooltip-font-size:11px;--oks-tooltip-padding-y:var(--oks-space-1,4px);--oks-tooltip-padding-x:var(--oks-space-2,8px)}:where(.oksTooltipBase[data-size=lg]){--oks-tooltip-font-size:13px;--oks-tooltip-padding-y:var(--oks-space-3,12px);--oks-tooltip-padding-x:var(--oks-space-4,16px)}:where(.oksTooltipBase[data-size=xl]){--oks-tooltip-font-size:14px;--oks-tooltip-padding-y:var(--oks-space-4,16px);--oks-tooltip-padding-x:var(--oks-space-5,20px)}:where(.oksTooltipBase[data-radius=full]){--oks-tooltip-padding-x:var(--oks-space-5,20px)}:where(.oksTooltipArrow){--oks-tooltip-arrow-size:10px;width:var(--oks-tooltip-arrow-size);height:var(--oks-tooltip-arrow-size);background-color:var(--oks-tooltip-bg);position:absolute}:where(.oksTooltipBase[data-placement^=top]) :where(.oksTooltipArrow){left:var(--oks-tooltip-arrow-x,50%);bottom:0;transform:translate(-50%,50%)rotate(45deg)}:where(.oksTooltipBase[data-placement^=bottom]) :where(.oksTooltipArrow){left:var(--oks-tooltip-arrow-x,50%);top:0;transform:translate(-50%,-50%)rotate(45deg)}:where(.oksTooltipBase[data-placement^=left]) :where(.oksTooltipArrow){top:var(--oks-tooltip-arrow-y,50%);right:0;transform:translate(50%,-50%)rotate(45deg)}:where(.oksTooltipBase[data-placement^=right]) :where(.oksTooltipArrow){top:var(--oks-tooltip-arrow-y,50%);left:0;transform:translate(-50%,-50%)rotate(45deg)}:where(.oksAvatar){--oks-avatar-size:40px;--oks-avatar-font-size:14px;--oks-avatar-radius:9999px;--oks-avatar-border:var(--oks-color-default-300,#d1d5db);--oks-avatar-border-gap:var(--oks-palette-neutral-0,#fff);--oks-avatar-border-gap-width:2px;--oks-avatar-border-width:2px;--oks-avatar-bg:var(--oks-color-default-700,var(--oks-color-primary-700,#1d4ed8));--oks-avatar-fg:var(--oks-palette-neutral-0,#fff);width:var(--oks-avatar-size);height:var(--oks-avatar-size);border-radius:var(--oks-avatar-radius);box-sizing:border-box;font-size:var(--oks-avatar-font-size);-webkit-user-select:none;user-select:none;background-color:var(--oks-avatar-bg);color:var(--oks-avatar-fg);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}:where(.oksAvatar[data-radius=none]){--oks-avatar-radius:0}:where(.oksAvatar[data-radius=xs]){--oks-avatar-radius:var(--oks-radius-xs,calc(var(--oks-radius-sm,.25rem) * .5))}:where(.oksAvatar[data-radius=xs-sm]){--oks-avatar-radius:var(--oks-radius-xs-sm,calc(var(--oks-radius-sm,.25rem) * .75))}:where(.oksAvatar[data-radius=sm]){--oks-avatar-radius:var(--oks-radius-sm,.25rem)}:where(.oksAvatar[data-radius=md]){--oks-avatar-radius:var(--oks-radius-md,.375rem)}:where(.oksAvatar[data-radius=lg]){--oks-avatar-radius:var(--oks-radius-lg,.5rem)}:where(.oksAvatar[data-radius=full]){--oks-avatar-radius:9999px}:where(.oksAvatar[data-size=xs]){--oks-avatar-size:24px;--oks-avatar-font-size:10px}:where(.oksAvatar[data-size=xs-sm]){--oks-avatar-size:28px;--oks-avatar-font-size:11px}:where(.oksAvatar[data-size=sm]){--oks-avatar-size:32px;--oks-avatar-font-size:12px}:where(.oksAvatar[data-size=md]){--oks-avatar-size:40px;--oks-avatar-font-size:14px}:where(.oksAvatar[data-size=lg]){--oks-avatar-size:48px;--oks-avatar-font-size:16px}:where(.oksAvatar[data-size=xl]){--oks-avatar-size:56px;--oks-avatar-font-size:18px}:where(.oksAvatar[data-disabled=true]){opacity:.5;pointer-events:none}:where(.oksAvatar[data-bordered=true]){box-shadow:0 0 0 var(--oks-avatar-border-gap-width) var(--oks-avatar-border-gap), 0 0 0 calc(var(--oks-avatar-border-gap-width) + var(--oks-avatar-border-width)) var(--oks-avatar-border)}:where(.oksAvatar[data-focusable=true]:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb, var(--oks-avatar-bg,var(--oks-color-primary-500,#3b82f6)) 28%, transparent), 0 0 0 calc(3px + var(--oks-avatar-border-gap-width)) var(--oks-avatar-border-gap), 0 0 0 calc(3px + var(--oks-avatar-border-gap-width) + var(--oks-avatar-border-width)) var(--oks-avatar-border)}:where(.oksAvatarImage){object-fit:cover;width:100%;height:100%;display:block}:where(.oksAvatarFallback){justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}:where(.oksAvatarInitials){text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}:where(.oksAvatarFallbackIcon){justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex}:where(.oksAvatarFallbackIcon>svg){width:60%;height:60%}:where(.oksAvatarTooltipWrapper){display:inline-flex}:where(.oksAvatarGroup){--oks-avatar-group-item-radius:9999px;--oks-avatar-group-border-color:var(--oks-palette-neutral-0,#fff);--oks-avatar-group-overlap:14px;align-items:center;gap:4px;display:inline-flex}:where(.oksAvatarGroup[data-radius=none]){--oks-avatar-group-item-radius:0}:where(.oksAvatarGroup[data-radius=xs]){--oks-avatar-group-item-radius:var(--oks-radius-xs,calc(var(--oks-radius-sm,.25rem) * .5))}:where(.oksAvatarGroup[data-radius=xs-sm]){--oks-avatar-group-item-radius:var(--oks-radius-xs-sm,calc(var(--oks-radius-sm,.25rem) * .75))}:where(.oksAvatarGroup[data-radius=sm]){--oks-avatar-group-item-radius:var(--oks-radius-sm,.25rem)}:where(.oksAvatarGroup[data-radius=md]){--oks-avatar-group-item-radius:var(--oks-radius-md,.375rem)}:where(.oksAvatarGroup[data-radius=lg]){--oks-avatar-group-item-radius:var(--oks-radius-lg,.5rem)}:where(.oksAvatarGroup[data-radius=full]){--oks-avatar-group-item-radius:9999px}:where(.oksAvatarGroup[data-disabled=true]){opacity:.6;pointer-events:none}:where(.oksAvatarGroupStack){align-items:center;display:inline-flex}:where(.oksAvatarGroupStack[data-grid=true]){flex-wrap:wrap;gap:8px;display:inline-flex}:where(.oksAvatarGroupItem),:where(.oksAvatarGroupItem){border-radius:var(--oks-avatar-group-item-radius);box-sizing:border-box}:where(.oksAvatarGroup[data-bordered=true] .oksAvatarGroupItem){box-shadow:0 0 0 2px var(--oks-avatar-group-border-color)}:where(.oksAvatarGroupItem:not(:first-child)){margin-left:calc(var(--oks-avatar-group-overlap,14px) * -1)}:where(.oksAvatarGroupStack[data-grid=true] .oksAvatarGroupItem:not(:first-child)){margin-left:0}:where(.oksAvatarGroupOverflowText){color:var(--oks-avatar-group-count-color,var(--oks-color-primary-600,#4f46e5));font-size:.875rem;font-weight:500}}