[data-ds-component=Badge]{--ds-badge-color-background-default:var(--semantic-color-background-secondary);--ds-badge-color-background-info:var(--semantic-color-background-info-subtle);--ds-badge-color-background-success:var(--semantic-color-background-success-subtle);--ds-badge-color-background-warning:var(--semantic-color-background-warning-subtle);--ds-badge-color-background-danger:var(--semantic-color-background-danger-subtle);--ds-badge-color-background-counter:var(--semantic-color-background-accent);--ds-badge-color-background-tag:var(--semantic-color-background-tertiary);--ds-badge-color-foreground-primary:var(--semantic-color-foreground-primary);--ds-badge-color-foreground-secondary:var(--semantic-color-foreground-secondary);--ds-badge-color-foreground-info:var(--semantic-color-foreground-on-info-subtle);--ds-badge-color-foreground-success:var(--semantic-color-foreground-on-success-subtle);--ds-badge-color-foreground-warning:var(--semantic-color-foreground-on-warning-subtle);--ds-badge-color-foreground-danger:var(--semantic-color-foreground-on-danger-subtle);--ds-badge-color-foreground-accent:var(--semantic-color-foreground-accent);--ds-badge-color-foreground-on-color:var(--semantic-color-foreground-on-color);--ds-badge-color-border-default:var(--semantic-color-border-light);--ds-badge-color-border-accent:var(--semantic-color-border-accent);--ds-badge-color-border-info:var(--semantic-color-border-info);--ds-badge-color-border-success:var(--semantic-color-border-success);--ds-badge-color-border-warning:var(--semantic-color-border-warning);--ds-badge-color-border-danger:var(--semantic-color-border-danger);--ds-badge-size-sm-padding-y:var(--core-spacing-size-02);--ds-badge-size-sm-padding-x:var(--core-spacing-size-03);--ds-badge-size-sm-font-size:var(--semantic-typography-caption-01);--ds-badge-size-sm-radius:var(--core-shape-radius-small);--ds-badge-size-sm-icon-size:var(--core-icon-size-sm);--ds-badge-size-md-padding-y:var(--core-spacing-size-03);--ds-badge-size-md-padding-x:var(--core-spacing-size-04);--ds-badge-size-md-font-size:var(--semantic-typography-body-small-font-size);--ds-badge-size-md-radius:var(--core-shape-radius-default);--ds-badge-size-md-icon-size:var(--core-icon-size-md);--ds-badge-size-lg-padding-y:var(--core-spacing-size-04);--ds-badge-size-lg-padding-x:var(--core-spacing-size-05);--ds-badge-size-lg-font-size:var(--semantic-typography-body-default-font-size);--ds-badge-size-lg-radius:var(--core-shape-radius-medium);--ds-badge-size-lg-icon-size:var(--core-icon-size-lg);--ds-badge-elevation-default:var(--semantic-elevation-surface-raised);--ds-badge-elevation-status:var(--semantic-elevation-none);--ds-badge-spacing-gap:var(--core-spacing-size-02)}
[data-ds-component=Badge].badge{vertical-align:baseline;gap:var(--ds-badge-spacing-gap);white-space:nowrap;align-self:center;align-items:center;font-weight:500;line-height:1;display:inline-flex}[data-ds-component=Badge].badge.default{padding:var(--ds-badge-size-md-padding-y) var(--ds-badge-size-md-padding-x);background:var(--ds-badge-color-background-default);border:1px solid var(--ds-badge-color-border-default);box-shadow:var(--ds-badge-elevation-default);color:var(--ds-badge-color-foreground-primary);font-size:var(--ds-badge-size-md-font-size);border-radius:12px;transition:background-color .2s,border-color .2s}[data-ds-component=Badge].badge.default:hover{background-color:color-mix(in srgb, var(--ds-badge-color-background-default) 90%, var(--ds-badge-color-foreground-primary) 10%);border-color:color-mix(in srgb, var(--ds-badge-color-border-default) 80%, var(--ds-badge-color-foreground-primary) 20%)}[data-ds-component=Badge].badge.status{padding:var(--ds-badge-size-md-padding-y) var(--ds-badge-size-md-padding-x);border-radius:var(--ds-badge-size-md-radius);box-shadow:var(--ds-badge-elevation-status);font-size:var(--ds-badge-size-md-font-size);border:1px solid #0000;transition:background-color .2s,border-color .2s}[data-ds-component=Badge].badge.status.info{background:var(--ds-badge-color-background-info);border-color:var(--ds-badge-color-border-info);color:var(--ds-badge-color-foreground-info)}[data-ds-component=Badge].badge.status.info:hover{background-color:color-mix(in srgb, var(--ds-badge-color-background-info) 85%, white 15%);border-color:color-mix(in srgb, var(--ds-badge-color-border-info) 80%, white 20%)}[data-ds-component=Badge].badge.status.success{background:var(--ds-badge-color-background-success);border-color:var(--ds-badge-color-border-success);color:var(--ds-badge-color-foreground-success)}[data-ds-component=Badge].badge.status.success:hover{background-color:color-mix(in srgb, var(--ds-badge-color-background-success) 85%, white 15%);border-color:color-mix(in srgb, var(--ds-badge-color-border-success) 80%, white 20%)}[data-ds-component=Badge].badge.status.warning{background:var(--ds-badge-color-background-warning);border-color:var(--ds-badge-color-border-warning);color:var(--ds-badge-color-foreground-warning)}[data-ds-component=Badge].badge.status.warning:hover{background-color:color-mix(in srgb, var(--ds-badge-color-background-warning) 85%, white 15%);border-color:color-mix(in srgb, var(--ds-badge-color-border-warning) 80%, white 20%)}[data-ds-component=Badge].badge.status.danger{background:var(--ds-badge-color-background-danger);border-color:var(--ds-badge-color-border-danger);color:var(--ds-badge-color-foreground-danger)}[data-ds-component=Badge].badge.status.danger:hover{background-color:color-mix(in srgb, var(--ds-badge-color-background-danger) 85%, white 15%);border-color:color-mix(in srgb, var(--ds-badge-color-border-danger) 80%, white 20%)}[data-ds-component=Badge].badge.counter{min-width:var(--ds-badge-size-sm-icon-size);padding:var(--ds-badge-size-sm-padding-y) var(--ds-badge-size-sm-padding-x);background:var(--ds-badge-color-background-counter);border-radius:var(--ds-badge-size-sm-radius);color:var(--ds-badge-color-foreground-on-color);font-size:var(--ds-badge-size-sm-font-size);justify-content:center}[data-ds-component=Badge].badge.tag{padding:var(--ds-badge-size-sm-padding-y) var(--ds-badge-size-sm-padding-x);background:var(--ds-badge-color-background-tag);border:1px solid var(--ds-badge-color-border-default);border-radius:var(--ds-badge-size-sm-radius);color:var(--ds-badge-color-foreground-secondary);font-size:var(--ds-badge-size-sm-font-size)}[data-ds-component=Badge].badge.sm{padding:var(--ds-badge-size-sm-padding-y) var(--ds-badge-size-sm-padding-x);border-radius:var(--ds-badge-size-sm-radius);font-size:var(--ds-badge-size-sm-font-size)}[data-ds-component=Badge].badge.md{padding:var(--ds-badge-size-md-padding-y) var(--ds-badge-size-md-padding-x);border-radius:var(--ds-badge-size-md-radius);font-size:var(--ds-badge-size-md-font-size)}[data-ds-component=Badge].badge.lg{padding:var(--ds-badge-size-lg-padding-y) var(--ds-badge-size-lg-padding-x);border-radius:var(--ds-badge-size-lg-radius);font-size:var(--ds-badge-size-lg-font-size)}[data-ds-component=Badge].badge.sm .icon{width:var(--ds-badge-size-sm-icon-size);height:var(--ds-badge-size-sm-icon-size)}[data-ds-component=Badge].badge.md .icon{width:var(--ds-badge-size-md-icon-size);height:var(--ds-badge-size-md-icon-size)}[data-ds-component=Badge].badge.lg .icon{width:var(--ds-badge-size-lg-icon-size);height:var(--ds-badge-size-lg-icon-size)}[data-ds-component=Badge] .icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}[data-ds-component=Badge] .icon svg{fill:currentColor;width:100%;height:100%}[data-ds-component=Badge] .content{display:inline-block}@media (prefers-reduced-motion:reduce){[data-ds-component=Badge].badge{transition:none}}
[data-ds-component=List]{--ds-list-color-foreground-primary:var(--semantic-color-foreground-primary);--ds-list-color-foreground-secondary:var(--semantic-color-foreground-secondary);--ds-list-color-border-default:var(--semantic-color-border-subtle);--ds-list-typography-sm-font-size:var(--semantic-typography-body-04);--ds-list-typography-sm-line-height:var(--semantic-typography-line-height-body);--ds-list-typography-md-font-size:var(--semantic-typography-body-03);--ds-list-typography-md-line-height:var(--semantic-typography-line-height-body);--ds-list-typography-lg-font-size:var(--semantic-typography-body-02);--ds-list-typography-lg-line-height:var(--semantic-typography-line-height-body);--ds-list-size-padding-default:var(--core-spacing-size-06);--ds-list-size-border-default:var(--core-shape-border-width-hairline);--ds-list-spacing-inline:var(--core-spacing-size-04);--ds-list-spacing-divided:var(--core-spacing-size-05);--ds-list-spacing-spaced:var(--core-spacing-size-06);--ds-list-spacing-sm:var(--core-spacing-size-03);--ds-list-spacing-md:var(--core-spacing-size-05);--ds-list-spacing-lg:var(--core-spacing-size-06);--ds-list-spacing-dl-dt:var(--core-spacing-size-03);--ds-list-spacing-dl-dd:var(--core-spacing-size-05);--ds-list-spacing-dl-gap:var(--core-spacing-size-03);--ds-list-spacing-dl-gap-x:var(--core-spacing-size-05)}
[data-ds-component=List].list{color:var(--ds-list-color-foreground-primary);margin:0;padding:0}[data-ds-component=List].list ::marker{color:var(--ds-list-color-foreground-secondary)}[data-ds-component=List].ul,[data-ds-component=List].ol{padding-inline-start:var(--ds-list-size-padding-default)}[data-ds-component=List].dl{padding-inline-start:0}[data-ds-component=List].sm{font-size:var(--ds-list-typography-sm-font-size);line-height:var(--ds-list-typography-sm-line-height)}[data-ds-component=List].md{font-size:var(--ds-list-typography-md-font-size);line-height:var(--ds-list-typography-md-line-height)}[data-ds-component=List].lg{font-size:var(--ds-list-typography-lg-font-size);line-height:var(--ds-list-typography-lg-line-height)}[data-ds-component=List].unstyled{padding-inline-start:0;list-style:none}[data-ds-component=List].inline{gap:var(--ds-list-spacing-inline);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}[data-ds-component=List].divided{padding-inline-start:0;list-style:none}[data-ds-component=List].divided li:not(:last-child){border-block-end:var(--ds-list-size-border-default) solid var(--ds-list-color-border-default);margin-block-end:var(--ds-list-spacing-divided);padding-block-end:var(--ds-list-spacing-divided)}[data-ds-component=List].spaced li:not(:last-child){margin-block-end:var(--ds-list-spacing-spaced)}[data-ds-component=List].marker-none{padding-inline-start:0;list-style:none}[data-ds-component=List].marker-disc{list-style-type:disc}[data-ds-component=List].marker-circle{list-style-type:circle}[data-ds-component=List].marker-square{list-style-type:square}[data-ds-component=List].marker-decimal{list-style-type:decimal}[data-ds-component=List].marker-alpha{list-style-type:lower-alpha}[data-ds-component=List].marker-roman{list-style-type:lower-roman}[data-ds-component=List].spacing-none li:not(:last-child){margin-block-end:0}[data-ds-component=List].spacing-sm li:not(:last-child){margin-block-end:var(--ds-list-spacing-sm)}[data-ds-component=List].spacing-md li:not(:last-child){margin-block-end:var(--ds-list-spacing-md)}[data-ds-component=List].spacing-lg li:not(:last-child){margin-block-end:var(--ds-list-spacing-lg)}[data-ds-component=List].dl.default dt{margin-block-end:var(--ds-list-spacing-dl-dt);font-weight:600}[data-ds-component=List].dl.default dd{margin-block-end:var(--ds-list-spacing-dl-dd);margin-inline-start:var(--ds-list-size-padding-default)}[data-ds-component=List].dl.default dd:first-child{margin:0}[data-ds-component=List].dl.default dd:last-child{margin-block-end:0}[data-ds-component=List].dl.inline{gap:var(--ds-list-spacing-dl-gap) var(--ds-list-spacing-dl-gap-x);grid-template-columns:max-content 1fr;display:grid}[data-ds-component=List].dl.inline dt{font-weight:600}
[data-ds-component=Card]{--ds-card-color-background-default:var(--semantic-color-background-primary);--ds-card-color-background-hover:var(--semantic-color-background-secondary);--ds-card-color-background-secondary:var(--semantic-color-background-secondary);--ds-card-color-border-default:var(--semantic-color-border-light);--ds-card-color-border-accent:var(--semantic-color-border-accent);--ds-card-color-foreground-primary:var(--semantic-color-foreground-primary);--ds-card-color-foreground-secondary:var(--semantic-color-foreground-secondary);--ds-card-color-foreground-link:var(--semantic-color-foreground-link);--ds-card-color-badge-success-background:var(--semantic-color-background-success-subtle);--ds-card-color-badge-success-foreground:var(--semantic-color-foreground-on-success-subtle);--ds-card-color-badge-warning-background:var(--semantic-color-background-warning-subtle);--ds-card-color-badge-warning-foreground:var(--semantic-color-foreground-on-warning-subtle);--ds-card-color-badge-info-background:var(--semantic-color-background-info-subtle);--ds-card-color-badge-info-foreground:var(--semantic-color-foreground-on-info-subtle);--ds-card-color-badge-error-background:var(--semantic-color-background-danger-subtle);--ds-card-color-badge-error-foreground:var(--semantic-color-foreground-on-danger-subtle);--ds-card-color-badge-neutral-background:var(--semantic-color-background-secondary);--ds-card-color-badge-neutral-foreground:var(--semantic-color-foreground-secondary);--ds-card-color-badge-accent-background:var(--semantic-color-background-accent);--ds-card-color-badge-accent-foreground:var(--semantic-color-foreground-on-brand);--ds-card-size-padding-default:var(--core-spacing-size-06);--ds-card-size-padding-note:var(--core-spacing-size-04);--ds-card-size-padding-badge-y:var(--core-spacing-size-01);--ds-card-size-padding-badge-x:var(--core-spacing-size-03);--ds-card-size-radius-default:var(--semantic-shape-control-radius-default);--ds-card-size-radius-medium:var(--core-shape-radius-medium);--ds-card-size-radius-full:var(--core-shape-radius-full);--ds-card-size-gap-small:var(--core-spacing-size-02);--ds-card-size-gap-default:var(--core-spacing-size-03);--ds-card-elevation-default:var(--semantic-elevation-default);--ds-card-elevation-hover:var(--semantic-elevation-default);--ds-card-motion-duration:var(--semantic-motion-interaction-press-duration);--ds-card-motion-easing:var(--semantic-motion-interaction-press-easing);--ds-card-motion-hover-offset:-.125rem;--ds-card-typography-line-height-heading:var(--semantic-typography-line-height-heading);--ds-card-typography-line-height-normal:var(--semantic-typography-line-height-normal)}
[data-ds-component=Card]{padding:var(--ds-card-size-padding-default);background-color:var(--ds-card-color-background-default);border-radius:var(--ds-card-size-radius-default);color:var(--ds-card-color-foreground-primary);transition:all var(--ds-card-motion-duration) var(--ds-card-motion-easing);contain:layout style paint;flex-direction:column;display:flex;container-type:inline-size}@container (max-width:20rem){[data-ds-component=Card]{padding:calc(var(--ds-card-size-padding-default) * .75)}}@container (min-width:40rem){[data-ds-component=Card] .actions{flex-direction:row;justify-content:space-between}}@media (prefers-reduced-motion:reduce){[data-ds-component=Card]{transition:none}[data-ds-component=Card].interactive:hover,[data-ds-component=Card].interactive:active{transform:none}}[data-ds-component=Card].default{border:1px solid var(--ds-card-color-border-default)}[data-ds-component=Card].elevated{box-shadow:var(--ds-card-elevation-default);border:none}[data-ds-component=Card].outlined{border:2px solid var(--ds-card-color-border-default);background-color:#0000}[data-ds-component=Card].interactive{cursor:pointer}[data-ds-component=Card].interactive:hover{background-color:color-mix(in srgb, var(--ds-card-color-background-default) 90%, var(--ds-card-color-background-hover) 10%);box-shadow:var(--ds-card-elevation-hover);transform:translateY(var(--ds-card-motion-hover-offset,-.125rem))}[data-ds-component=Card].interactive:focus-visible{outline:2px solid var(--ds-card-color-border-accent);outline-offset:2px}[data-ds-component=Card].interactive:active{transform:translateY(0)}[data-ds-component=Card] .header{color:var(--ds-card-color-foreground-primary);margin-block-end:var(--ds-card-size-padding-default)}[data-ds-component=Card] .header:has(.badge){gap:var(--ds-card-size-gap-default);justify-content:space-between;align-items:center;display:flex}[data-ds-component=Card] .content{color:var(--ds-card-color-foreground-primary);line-height:1.5}[data-ds-component=Card] .title{color:var(--ds-card-color-foreground-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-heading-4);line-height:var(--ds-card-typography-line-height-heading);margin:0}[data-ds-component=Card] .description{color:var(--ds-card-color-foreground-secondary);font-size:var(--font-size-body-2);line-height:var(--ds-card-typography-line-height-normal);margin:0}[data-ds-component=Card] .media{margin-block-end:var(--ds-card-size-padding-default)}[data-ds-component=Card] .media img,[data-ds-component=Card] .media video{border-radius:var(--ds-card-size-radius-medium,.5rem);width:100%;height:auto}[data-ds-component=Card] .footer{color:var(--ds-card-color-foreground-secondary);border-block-start:1px solid var(--ds-card-color-border-default);margin-block-start:var(--ds-card-size-padding-default);padding-block-start:var(--ds-card-size-padding-default)}[data-ds-component=Card] .actions{gap:var(--ds-card-size-gap-default);justify-content:flex-end;align-items:center;margin-block-start:var(--ds-card-size-padding-default);display:flex}[data-ds-component=Card] .link{gap:var(--ds-card-size-gap-small);color:var(--ds-card-color-foreground-link);font-weight:var(--font-weight-medium);align-items:center;text-decoration:none;display:inline-flex}[data-ds-component=Card] .link:hover{text-decoration:underline}[data-ds-component=Card] .link:focus-visible{outline:2px solid var(--ds-card-color-border-accent);outline-offset:2px}[data-ds-component=Card] .note{padding:var(--ds-card-size-padding-note);background-color:var(--ds-card-color-background-secondary);border:1px solid var(--ds-card-color-border-default);border-radius:var(--ds-card-size-radius-medium);color:var(--ds-card-color-foreground-primary);font-style:italic;font-size:var(--font-size-body-3);margin-block-start:var(--ds-card-size-padding-default)}[data-ds-component=Card] .badge{padding:var(--ds-card-size-padding-badge-y) var(--ds-card-size-padding-badge-x);border-radius:var(--ds-card-size-radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-body-3);letter-spacing:.025em;text-transform:uppercase;align-items:center;display:inline-flex}[data-ds-component=Card] .badge.completed{background-color:var(--ds-card-color-badge-success-background);color:var(--ds-card-color-badge-success-foreground)}[data-ds-component=Card] .badge.in-progress{background-color:var(--ds-card-color-badge-warning-background);color:var(--ds-card-color-badge-warning-foreground)}[data-ds-component=Card] .badge.planned{background-color:var(--ds-card-color-badge-info-background);color:var(--ds-card-color-badge-info-foreground)}[data-ds-component=Card] .badge.deprecated{background-color:var(--ds-card-color-badge-error-background);color:var(--ds-card-color-badge-error-foreground)}[data-ds-component=Card] .badge.category{background-color:var(--ds-card-color-badge-neutral-background);color:var(--ds-card-color-badge-neutral-foreground)}[data-ds-component=Card] .badge.complexity{background-color:var(--ds-card-color-badge-accent-background);color:var(--ds-card-color-badge-accent-foreground)}
[data-ds-component=Alert]{--ds-alert-color-background-primary:var(--semantic-color-background-primary);--ds-alert-color-background-info:var(--semantic-color-background-info-strong);--ds-alert-color-background-success:var(--semantic-color-background-success-strong);--ds-alert-color-background-warning:var(--semantic-color-background-warning-strong);--ds-alert-color-background-danger:var(--semantic-color-background-danger-strong);--ds-alert-color-background-info-subtle:var(--semantic-color-background-info-subtle);--ds-alert-color-background-warning-subtle:var(--semantic-color-background-warning-subtle);--ds-alert-color-background-danger-subtle:var(--semantic-color-background-danger-subtle);--ds-alert-color-background-success-subtle:var(--semantic-color-background-success-subtle);--ds-alert-color-background-info-strong:var(--semantic-color-background-info-strong);--ds-alert-color-background-warning-strong:var(--semantic-color-background-warning-strong);--ds-alert-color-background-danger-strong:var(--semantic-color-background-danger-strong);--ds-alert-color-background-success-strong:var(--semantic-color-background-success-strong);--ds-alert-color-foreground-primary:var(--semantic-color-foreground-primary);--ds-alert-color-foreground-info:var(--semantic-color-foreground-info);--ds-alert-color-foreground-success:var(--semantic-color-foreground-success);--ds-alert-color-foreground-warning:var(--semantic-color-foreground-warning);--ds-alert-color-foreground-danger:var(--semantic-color-foreground-danger);--ds-alert-color-foreground-on-info-subtle:var(--semantic-color-foreground-on-info-subtle);--ds-alert-color-foreground-on-warning-subtle:var(--semantic-color-foreground-on-warning-subtle);--ds-alert-color-foreground-on-danger-subtle:var(--semantic-color-foreground-on-danger-subtle);--ds-alert-color-foreground-on-success-subtle:var(--semantic-color-foreground-on-success-subtle);--ds-alert-color-foreground-on-color:var(--semantic-color-foreground-on-color);--ds-alert-color-border-primary:var(--semantic-color-border-primary);--ds-alert-color-border-info:var(--semantic-color-border-info);--ds-alert-color-border-success:var(--semantic-color-border-success);--ds-alert-color-border-warning:var(--semantic-color-border-warning);--ds-alert-color-border-danger:var(--semantic-color-border-danger);--ds-alert-size-inline-padding:var(--core-spacing-size-06);--ds-alert-size-inline-radius:var(--semantic-shape-control-radius-default);--ds-alert-size-inline-icon-size:var(--core-spacing-size-06);--ds-alert-size-section-padding:var(--core-spacing-size-06);--ds-alert-size-section-radius:var(--semantic-shape-control-radius-default);--ds-alert-size-section-icon-size:var(--core-spacing-size-06);--ds-alert-size-page-padding:var(--core-spacing-size-06);--ds-alert-size-page-radius:var(--semantic-shape-control-radius-default);--ds-alert-size-page-icon-size:var(--core-spacing-size-06);--ds-alert-shadow-default:var(--semantic-elevation-surface-raised);--ds-alert-text-font:var(--semantic-typography-body-default-font-size);--ds-alert-text-size:var(--core-spacing-size-06);--ds-alert-text-weight:var(--semantic-typography-font-weight-regular);--ds-alert-icon-size:var(--core-spacing-size-06);--ds-alert-spacing-padding-default:var(--core-spacing-size-06);--ds-alert-spacing-padding-horizontal:var(--core-spacing-size-06);--ds-alert-spacing-padding-vertical:var(--core-spacing-size-08);--ds-alert-spacing-margin-top:var(--core-spacing-size-04);--ds-alert-spacing-min-height-default:var(--core-spacing-size-09);--ds-alert-spacing-gap-small:var(--semantic-spacing-gap-grid-small);--ds-alert-radius-medium:var(--core-shape-radius-medium)}
[data-ds-component=Alert].alert+.alert{margin-block-start:var(--ds-alert-spacing-margin-top)}[data-ds-component=Alert].alert.inline{gap:var(--ds-alert-spacing-gap-small);padding:var(--ds-alert-size-inline-padding);background-color:var(--ds-alert-color-background-primary);border-radius:var(--ds-alert-size-inline-radius);align-items:baseline;display:inline-flex}[data-ds-component=Alert].alert.inline.info{color:var(--ds-alert-color-foreground-info)}[data-ds-component=Alert].alert.inline.warning{color:var(--ds-alert-color-foreground-warning)}[data-ds-component=Alert].alert.inline.danger{color:var(--ds-alert-color-foreground-danger)}[data-ds-component=Alert].alert.inline.success{color:var(--ds-alert-color-foreground-success)}[data-ds-component=Alert].alert.section{gap:var(--ds-alert-spacing-padding-default) var(--ds-alert-spacing-padding-horizontal);padding:var(--ds-alert-size-section-padding);background-color:var(--ds-alert-color-background-primary);border-radius:var(--ds-alert-size-section-radius);box-shadow:var(--ds-alert-shadow-default);grid-template-columns:auto auto 1fr auto;grid-template-areas:"icon title body dismiss";align-items:baseline;transition:background-color .2s,box-shadow .2s;display:grid}[data-ds-component=Alert].alert.section:hover{box-shadow:color-mix(in srgb, var(--ds-alert-shadow-default) 80%, transparent 20%)}[data-ds-component=Alert].alert.section.info{background:var(--ds-alert-color-background-info-subtle);color:var(--ds-alert-color-foreground-on-info-subtle)}[data-ds-component=Alert].alert.section.info:hover{background:color-mix(in srgb, var(--ds-alert-color-background-info-subtle) 95%, white 5%)}[data-ds-component=Alert].alert.section.warning{background:var(--ds-alert-color-background-warning-subtle);color:var(--ds-alert-color-foreground-on-warning-subtle)}[data-ds-component=Alert].alert.section.warning:hover{background:color-mix(in srgb, var(--ds-alert-color-background-warning-subtle) 95%, white 5%)}[data-ds-component=Alert].alert.section.danger{background:var(--ds-alert-color-background-danger-subtle);color:var(--ds-alert-color-foreground-on-danger-subtle)}[data-ds-component=Alert].alert.section.danger:hover{background:color-mix(in srgb, var(--ds-alert-color-background-danger-subtle) 95%, white 5%)}[data-ds-component=Alert].alert.section.success{background:var(--ds-alert-color-background-success-subtle);color:var(--ds-alert-color-foreground-on-success-subtle)}[data-ds-component=Alert].alert.section.success:hover{background:color-mix(in srgb, var(--ds-alert-color-background-success-subtle) 95%, white 5%)}[data-ds-component=Alert].alert.page{gap:var(--ds-alert-spacing-padding-default) var(--ds-alert-spacing-padding-horizontal);min-height:var(--ds-alert-spacing-min-height-default);padding:var(--ds-alert-size-page-padding);border-radius:var(--ds-alert-size-page-radius);grid-template-columns:auto 1fr auto;grid-template-areas:"icon title dismiss""icon body dismiss";align-items:baseline;margin:0 -1rem;transition:background-color .2s;display:grid}[data-ds-component=Alert].alert.page.info{background:var(--ds-alert-color-background-info-strong);color:var(--ds-alert-color-foreground-on-color)}[data-ds-component=Alert].alert.page.info:hover{background:color-mix(in srgb, var(--ds-alert-color-background-info-strong) 90%, white 10%)}[data-ds-component=Alert].alert.page.warning{background:var(--ds-alert-color-background-warning-strong);color:var(--ds-alert-color-foreground-on-color)}[data-ds-component=Alert].alert.page.warning:hover{background:color-mix(in srgb, var(--ds-alert-color-background-warning-strong) 90%, white 10%)}[data-ds-component=Alert].alert.page.danger{background:var(--ds-alert-color-background-danger-strong);color:var(--ds-alert-color-foreground-on-color)}[data-ds-component=Alert].alert.page.danger:hover{background:color-mix(in srgb, var(--ds-alert-color-background-danger-strong) 90%, white 10%)}[data-ds-component=Alert].alert.page.success{background:var(--ds-alert-color-background-success-strong);color:var(--ds-alert-color-foreground-on-color)}[data-ds-component=Alert].alert.page.success:hover{background:color-mix(in srgb, var(--ds-alert-color-background-success-strong) 90%, white 10%)}[data-ds-component=Alert].alert .icon{width:var(--ds-alert-icon-size);height:var(--ds-alert-icon-size);grid-area:span 2/icon;display:inline-block}[data-ds-component=Alert].alert .title{font-weight:var(--font-weight-bold);font-size:var(--font-size-06);grid-area:title}[data-ds-component=Alert].alert .body{font-size:var(--font-size-05);grid-area:body}[data-ds-component=Alert].alert .dismiss{cursor:pointer;grid-area:span 2/dismiss;display:inline-block}@media (prefers-reduced-motion:reduce){[data-ds-component=Alert].alert{transition:none}[data-ds-component=Alert].alert .icon,[data-ds-component=Alert].alert .title,[data-ds-component=Alert].alert .body,[data-ds-component=Alert].alert .dismiss{transition:none}}
[data-ds-component=Input]{--ds-input-color-bg-default:var(--semantic-color-background-primary);--ds-input-color-text-default:var(--semantic-color-foreground-primary);--ds-input-color-border-default:var(--semantic-color-border-default);--ds-input-color-focus-default:var(--semantic-color-border-focus);--ds-input-color-invalid-default:var(--semantic-color-border-danger);--ds-input-size-height-default:var(--semantic-control-size-lg-height);--ds-input-size-radius-default:var(--core-shape-radius-medium);--ds-input-space-inline-default:var(--core-spacing-size-05)}
[data-ds-component=Input].input{padding-inline:var(--ds-input-space-inline-default);background:var(--ds-input-color-bg-default);border:1px solid var(--ds-input-color-border-default);border-radius:var(--ds-input-size-radius-default);color:var(--ds-input-color-text-default);appearance:none;block-size:var(--ds-input-size-height-default);inline-size:100%;padding-block:0;transition:border-color .2s,background-color .2s;container-type:inline-size}[data-ds-component=Input].input:focus-visible{border-color:var(--ds-input-color-focus-default);box-shadow:0 0 0 3px color-mix(in oklab, var(--ds-input-color-focus-default) 25%, transparent);outline:none}[data-ds-component=Input].input:hover:not(:disabled,:read-only){background-color:color-mix(in srgb, var(--ds-input-color-bg-default) 95%, var(--ds-input-color-focus-default) 5%);border-color:color-mix(in srgb, var(--ds-input-color-border-default) 80%, var(--ds-input-color-focus-default) 20%)}[data-ds-component=Input].input.invalid{border-color:var(--ds-input-color-invalid-default)}[data-ds-component=Input].input.invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ds-input-color-invalid-default) 25%, transparent)}@container (max-width:20rem){[data-ds-component=Input].input{padding-inline:calc(var(--ds-input-space-inline-default) * .75);block-size:calc(var(--ds-input-size-height-default) * .95);font-size:.9rem}}@container (max-width:15rem){[data-ds-component=Input].input{padding-inline:calc(var(--ds-input-space-inline-default) * .5);block-size:calc(var(--ds-input-size-height-default) * .9);font-size:.85rem}}