.ds-alert{--_bg:var(--ds-color-tone-neutral-bg);--_fg:var(--ds-color-tone-neutral-fg);--_border:var(--ds-color-tone-neutral-border);--_accent:var(--ds-color-tone-neutral-solid);box-sizing:border-box;align-items:flex-start;gap:var(--ds-component-alert-gap);padding-block:max(var(--ds-component-alert-padding-y), calc((var(--ds-component-alert-min-height) - var(--ds-component-alert-line-height)) / 2));padding-inline:var(--ds-component-alert-padding-x);font-family:var(--ds-font-family-sans);font-size:var(--ds-component-alert-font-size);line-height:var(--ds-component-alert-line-height);color:var(--_fg);background:var(--_bg);border:var(--ds-component-alert-border-width) solid var(--_border);border-inline-start:var(--ds-component-alert-accent-width) solid var(--_accent);border-radius:var(--ds-component-alert-radius);display:flex}.ds-alert[data-tone=informative],.ds-alert[data-tone=info]{--_bg:var(--ds-color-tone-info-bg);--_fg:var(--ds-color-tone-info-fg);--_border:var(--ds-color-tone-info-border);--_accent:var(--ds-color-tone-info-solid)}.ds-alert[data-tone=positive],.ds-alert[data-tone=success]{--_bg:var(--ds-color-tone-success-bg);--_fg:var(--ds-color-tone-success-fg);--_border:var(--ds-color-tone-success-border);--_accent:var(--ds-color-tone-success-solid)}.ds-alert[data-tone=warning]{--_bg:var(--ds-color-tone-warning-bg);--_fg:var(--ds-color-tone-warning-fg);--_border:var(--ds-color-tone-warning-border);--_accent:var(--ds-color-tone-warning-solid)}.ds-alert[data-tone=critical],.ds-alert[data-tone=danger]{--_bg:var(--ds-color-tone-danger-bg);--_fg:var(--ds-color-tone-danger-fg);--_border:var(--ds-color-tone-danger-border);--_accent:var(--ds-color-tone-danger-solid)}.ds-alert[data-tone=brand]{--_bg:var(--ds-color-tone-brand-bg);--_fg:var(--ds-color-tone-brand-fg);--_border:var(--ds-color-tone-brand-border);--_accent:var(--ds-color-tone-brand-solid)}.ds-alert__icon{width:var(--ds-component-alert-icon-size);height:var(--ds-component-alert-icon-size);font-size:var(--ds-component-alert-icon-size);margin-block:calc((var(--ds-component-alert-line-height) - var(--ds-component-alert-icon-size)) / 2);flex:none;display:inline-flex}.ds-alert__content{gap:var(--ds-component-alert-content-gap);flex-direction:column;flex:auto;min-width:0;display:flex}.ds-alert__title{font-weight:var(--ds-component-alert-title-font-weight);margin:0}.ds-alert__body{font-weight:var(--ds-component-alert-description-font-weight);overflow-wrap:anywhere;margin:0}.ds-alert__action{font-weight:var(--ds-component-alert-description-font-weight)}.ds-alert__action :is(a,button){min-height:var(--ds-component-alert-action-min-height);margin-block:calc((var(--ds-component-alert-line-height) - var(--ds-component-alert-action-min-height)) / 2);font:inherit;color:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;text-decoration:underline;display:inline-flex}.ds-alert__action :is(a,button):hover{text-decoration-thickness:2px}.ds-alert__action :is(a,button):focus-visible,.ds-alert__close:focus-visible{outline:var(--ds-border-width-thick) solid var(--ds-color-focus-ring);outline-offset:2px;border-radius:var(--ds-radius-sm)}.ds-alert__close{box-sizing:border-box;width:var(--ds-component-alert-close-size);height:var(--ds-component-alert-close-size);margin:calc((var(--ds-component-alert-line-height) - var(--ds-component-alert-close-size)) / 2) calc((var(--ds-component-alert-close-size) - var(--ds-component-alert-close-icon-size)) / -2) 0 0;font-size:var(--ds-component-alert-close-icon-size);color:inherit;border-radius:var(--ds-radius-full);cursor:pointer;transition:opacity var(--ds-motion-duration-fast) var(--ds-motion-easing-standard);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.ds-alert__close:hover{opacity:.7}.ds-alert__close:active{opacity:.5}@media (prefers-reduced-motion:reduce){.ds-alert__close{transition:none}}.ds-badge{--_tone-bg:var(--ds-color-tone-neutral-bg);--_tone-border:var(--ds-color-tone-neutral-border);--_tone-fg:var(--ds-color-tone-neutral-fg);--_tone-solid:var(--ds-color-tone-neutral-solid);--_tone-on-solid:var(--ds-color-tone-neutral-on-solid);--_bg:var(--_tone-bg);--_fg:var(--_tone-fg);--_border:transparent;--_stroke:0px;--_weight:var(--ds-component-badge-font-weight-weak);--_min-height:var(--ds-component-badge-min-height-md);--_padding-x:var(--ds-component-badge-padding-x-md);--_gap:var(--ds-component-badge-gap-md);--_radius:var(--ds-component-badge-radius-md);--_font-size:var(--ds-component-badge-font-size-md);--_line-height:var(--ds-component-badge-line-height-md);--_icon-size:var(--ds-component-badge-icon-size-md);box-sizing:border-box;justify-content:center;align-items:center;gap:var(--_gap);min-height:var(--_min-height);padding:0 var(--_padding-x);font-family:var(--ds-font-family-sans);font-size:var(--_font-size);font-weight:var(--_weight);line-height:var(--_line-height);white-space:nowrap;color:var(--_fg);background-color:var(--_bg);border:var(--_stroke) solid var(--_border);border-radius:var(--_radius);display:inline-flex}.ds-badge[data-tone=brand]{--_tone-bg:var(--ds-color-tone-brand-bg);--_tone-border:var(--ds-color-tone-brand-border);--_tone-fg:var(--ds-color-tone-brand-fg);--_tone-solid:var(--ds-color-tone-brand-solid);--_tone-on-solid:var(--ds-color-tone-brand-on-solid)}.ds-badge[data-tone=positive]{--_tone-bg:var(--ds-color-tone-success-bg);--_tone-border:var(--ds-color-tone-success-border);--_tone-fg:var(--ds-color-tone-success-fg);--_tone-solid:var(--ds-color-tone-success-solid);--_tone-on-solid:var(--ds-color-tone-success-on-solid)}.ds-badge[data-tone=warning]{--_tone-bg:var(--ds-color-tone-warning-bg);--_tone-border:var(--ds-color-tone-warning-border);--_tone-fg:var(--ds-color-tone-warning-fg);--_tone-solid:var(--ds-color-tone-warning-solid);--_tone-on-solid:var(--ds-color-tone-warning-on-solid)}.ds-badge[data-tone=critical]{--_tone-bg:var(--ds-color-tone-danger-bg);--_tone-border:var(--ds-color-tone-danger-border);--_tone-fg:var(--ds-color-tone-danger-fg);--_tone-solid:var(--ds-color-tone-danger-solid);--_tone-on-solid:var(--ds-color-tone-danger-on-solid)}.ds-badge[data-tone=informative]{--_tone-bg:var(--ds-color-tone-info-bg);--_tone-border:var(--ds-color-tone-info-border);--_tone-fg:var(--ds-color-tone-info-fg);--_tone-solid:var(--ds-color-tone-info-solid);--_tone-on-solid:var(--ds-color-tone-info-on-solid)}.ds-badge[data-variant=solid]{--_bg:var(--_tone-solid);--_fg:var(--_tone-on-solid);--_weight:var(--ds-component-badge-font-weight-solid)}.ds-badge[data-variant=outline]{--_bg:transparent;--_fg:var(--_tone-fg);--_border:var(--_tone-border);--_stroke:var(--ds-component-badge-border-width);--_weight:var(--ds-component-badge-font-weight-outline)}.ds-badge[data-size=lg]{--_min-height:var(--ds-component-badge-min-height-lg);--_padding-x:var(--ds-component-badge-padding-x-lg);--_gap:var(--ds-component-badge-gap-lg);--_radius:var(--ds-component-badge-radius-lg);--_font-size:var(--ds-component-badge-font-size-lg);--_line-height:var(--ds-component-badge-line-height-lg);--_icon-size:var(--ds-component-badge-icon-size-lg)}.ds-badge__icon{width:1em;height:1em;font-size:var(--_icon-size);flex:none;justify-content:center;align-items:center;line-height:0;display:inline-flex}.ds-badge__icon>svg{width:1em;height:1em}@media (forced-colors:active){.ds-badge{border:1px solid canvastext}}.ds-card{--_padding:var(--ds-component-card-padding-md);box-sizing:border-box;padding:var(--_padding);font-family:var(--ds-font-family-sans);color:var(--ds-color-text-primary);background:var(--ds-color-surface-default);border:var(--ds-component-card-border-width) solid var(--ds-color-border-default);border-radius:var(--ds-component-card-radius)}.ds-card[data-variant=raised]{background:var(--ds-color-surface-raised);box-shadow:var(--ds-shadow-md);border-color:#0000}.ds-card[data-padding=none]{--_padding:0}.ds-card[data-padding=sm]{--_padding:var(--ds-component-card-padding-sm)}.ds-card[data-padding=lg]{--_padding:var(--ds-component-card-padding-lg)}.ds-card[data-interactive]{color:inherit;cursor:pointer;transition:border-color var(--ds-motion-duration-fast) var(--ds-motion-easing-standard), box-shadow var(--ds-motion-duration-normal) var(--ds-motion-easing-standard), background-color var(--ds-motion-duration-fast) var(--ds-motion-easing-standard);text-decoration:none;display:block}.ds-card[data-interactive]:hover{border-color:var(--ds-color-border-control)}.ds-card[data-interactive][data-variant=raised]:hover{box-shadow:var(--ds-shadow-lg);border-color:#0000}.ds-card[data-interactive]:active{background:var(--ds-color-bg-subtle)}.ds-card[data-interactive]:focus-visible{outline:var(--ds-border-width-thick) solid var(--ds-color-focus-ring);outline-offset:2px}:where(.ds-card__header,.ds-card__body,.ds-card__footer,.ds-card__media)+:where(.ds-card__header,.ds-card__body,.ds-card__footer,.ds-card__media){margin-top:var(--ds-component-card-gap)}.ds-card__header{justify-content:space-between;align-items:flex-start;gap:var(--ds-space-3);display:flex}.ds-card__heading{flex:1;min-width:0}.ds-card__title{font-size:var(--ds-component-card-title-font-size);font-weight:var(--ds-component-card-title-font-weight);line-height:var(--ds-font-lineHeight-tight);margin:0}.ds-card__description{margin:var(--ds-space-0_5) 0 0;font-size:var(--ds-component-card-description-font-size);line-height:var(--ds-font-lineHeight-normal);color:var(--ds-color-text-secondary)}.ds-card__action{flex:none}.ds-card__body{font-size:var(--ds-font-size-sm);line-height:var(--ds-font-lineHeight-relaxed)}.ds-card__footer{align-items:center;gap:var(--ds-space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.ds-card__footer[data-align=start]{justify-content:flex-start}.ds-card__footer[data-align=between]{justify-content:space-between}.ds-card__media{aspect-ratio:var(--_ratio,auto);background:var(--ds-color-bg-muted);position:relative;overflow:hidden}.ds-card__media>:where(img,video,picture,svg,canvas){object-fit:cover;width:100%;height:100%;display:block}.ds-card__media[data-bleed]{margin-inline:calc(-1 * var(--_padding))}.ds-card__media[data-bleed]:first-child{margin-top:calc(-1 * var(--_padding));border-start-start-radius:calc(var(--ds-component-card-radius) - var(--ds-component-card-border-width));border-start-end-radius:calc(var(--ds-component-card-radius) - var(--ds-component-card-border-width))}.ds-card__media[data-bleed]:last-child{margin-bottom:calc(-1 * var(--_padding));border-end-end-radius:calc(var(--ds-component-card-radius) - var(--ds-component-card-border-width));border-end-start-radius:calc(var(--ds-component-card-radius) - var(--ds-component-card-border-width))}@media (prefers-reduced-motion:reduce){.ds-card[data-interactive]{transition:none}}.ds-grid{--_min-child:var(--ds-component-grid-min-child-width-md);display:grid}.ds-grid[hidden]{display:none}.ds-grid[data-columns=count]{grid-template-columns:repeat(var(--_columns), minmax(0, 1fr))}.ds-grid[data-columns=auto-fill]{grid-template-columns:repeat(auto-fill, minmax(min(var(--_min-child), 100%), 1fr))}.ds-grid[data-columns=auto-fit]{grid-template-columns:repeat(auto-fit, minmax(min(var(--_min-child), 100%), 1fr))}.ds-grid[data-columns="1:2"]{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.ds-grid[data-columns="2:1"]{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.ds-grid[data-columns="1:3"]{grid-template-columns:minmax(0,1fr) minmax(0,3fr)}.ds-grid[data-columns="3:1"]{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}