@layer components{.surface-module_YNO_ta_card{background:var(--surface-2);border:1px solid var(--border);--tabs-track:var(--surface);--tabs-thumb:var(--surface-2);transition:background var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), translate var(--dur-fast) var(--ease);position:relative;overflow:hidden}.surface-module_YNO_ta_cardBordered{background:0 0}.surface-module_YNO_ta_padding_none{padding:0}.surface-module_YNO_ta_padding_sm{padding:calc(var(--space-4) * var(--density))}.surface-module_YNO_ta_padding_md{padding:calc(var(--space-5) * var(--density))}.surface-module_YNO_ta_padding_lg{padding:calc(var(--space-6) * var(--density))}.surface-module_YNO_ta_radius_none{border-radius:0}.surface-module_YNO_ta_radius_sm{border-radius:var(--radius-sm)}.surface-module_YNO_ta_radius_md{border-radius:var(--radius-md)}.surface-module_YNO_ta_radius_lg{border-radius:var(--radius-lg)}.surface-module_YNO_ta_cardClickable{cursor:pointer}.surface-module_YNO_ta_cardClickable:focus-visible{box-shadow:var(--focus-ring)}.surface-module_YNO_ta_cardClickable:active{background:var(--surface-2);translate:0}@media (any-hover:hover){.surface-module_YNO_ta_cardClickable:hover{background:var(--hover-surface);box-shadow:var(--shadow-2);translate:0 -2px}}.surface-module_YNO_ta_cardFull{width:100%}.surface-module_YNO_ta_cardFullHeight{height:100%}.surface-module_YNO_ta_cardTitle{font-size:var(--text-lg);margin-block-end:var(--space-4)}.surface-module_YNO_ta_cardTitle:has(+.surface-module_YNO_ta_cardDesc){margin-block-end:var(--space-1)}.surface-module_YNO_ta_cardDesc{font-size:var(--text-sm);color:var(--text-muted);margin-block-end:var(--space-4)}.surface-module_YNO_ta_cardHeader{justify-content:space-between;align-items:flex-start;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.surface-module_YNO_ta_cardHeader .surface-module_YNO_ta_cardTitle,.surface-module_YNO_ta_cardHeader .surface-module_YNO_ta_cardDesc{margin-block-end:0}.surface-module_YNO_ta_cardHeader .surface-module_YNO_ta_cardTitle:has(+.surface-module_YNO_ta_cardDesc){margin-block-end:var(--space-1)}.surface-module_YNO_ta_cardHeading{flex:12rem;min-width:0}.surface-module_YNO_ta_cardActions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.surface-module_YNO_ta_padding_none>.surface-module_YNO_ta_cardHeader{padding:calc(var(--space-4) * var(--density)) calc(var(--space-4) * var(--density)) var(--space-3);margin-block-end:0}.surface-module_YNO_ta_badge{--badge-fg:var(--text-muted);--badge-soft:var(--surface-2);--badge-solid:var(--surface-2);--badge-solid-fg:var(--text);justify-content:center;align-items:center;gap:var(--space-2);height:2rem;padding-inline:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-md);font-weight:600;line-height:var(--leading-normal);white-space:nowrap;border:1px solid #0000;display:inline-flex}.surface-module_YNO_ta_accent{--badge-fg:var(--accent);--badge-soft:var(--accent-soft);--badge-solid:var(--accent);--badge-solid-fg:var(--accent-fg)}.surface-module_YNO_ta_success{--badge-fg:var(--success);--badge-soft:var(--success-soft);--badge-solid:var(--success);--badge-solid-fg:var(--success-fg)}.surface-module_YNO_ta_danger{--badge-fg:var(--danger);--badge-soft:var(--danger-soft);--badge-solid:var(--danger);--badge-solid-fg:var(--danger-fg)}.surface-module_YNO_ta_warning{--badge-fg:var(--warning);--badge-soft:var(--warning-soft);--badge-solid:var(--warning);--badge-solid-fg:var(--warning-fg)}.surface-module_YNO_ta_soft{background:var(--badge-soft);color:var(--badge-fg)}.surface-module_YNO_ta_solid{background:var(--badge-solid);color:var(--badge-solid-fg)}.surface-module_YNO_ta_outline{background:color-mix(in oklab, var(--surface) 55%, transparent);border-color:var(--border);color:var(--badge-fg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.surface-module_YNO_ta_badgeSm{gap:var(--space-1);height:1.5rem;font-size:var(--text-xs)}.surface-module_YNO_ta_badgeXs{gap:var(--space-1);height:1.25rem;padding-inline:var(--space-1);font-size:var(--text-2xs)}.surface-module_YNO_ta_badgeIconOnly{width:2rem;padding-inline:0}.surface-module_YNO_ta_badgeIconOnly.surface-module_YNO_ta_badgeXs{width:1.25rem}.surface-module_YNO_ta_badgeIconOnly.surface-module_YNO_ta_badgeSm{width:1.5rem}.surface-module_YNO_ta_badgeIcon{flex:none}.surface-module_YNO_ta_badgeLabel{text-overflow:ellipsis;overflow:hidden}.surface-module_YNO_ta_badgeButton{appearance:none;cursor:pointer;transition:filter var(--dur-fast) var(--ease);font-family:inherit;font-weight:600;text-decoration:none}.surface-module_YNO_ta_badgeButton:hover:not(:disabled){filter:brightness(1.08)}.surface-module_YNO_ta_badgeButton:active:not(:disabled){scale:.97}.surface-module_YNO_ta_badgeButton:disabled{opacity:.5;cursor:default}.surface-module_YNO_ta_badgeButton:focus-visible{box-shadow:var(--focus-ring)}@media (forced-colors:active){.surface-module_YNO_ta_badge{border:1px solid canvastext}.surface-module_YNO_ta_card{border-color:canvastext}}}