.banner{--banner-radius:var(--a11y-radius-lg,var(--a11y-radius,0.5rem));--banner-border-width:4px;--banner-info-border:var(--a11y-color-info,var(--a11y-color-primary,var(--color-info-600,#0284c7)));--banner-info-bg:var(--a11y-color-info-bg,color-mix(in srgb,var(--banner-info-border) 10%,var(--a11y-color-bg,var(--color-background-default,#ffffff))));--banner-success-border:var(--a11y-color-success,var(--color-success-600,#16a34a));--banner-success-bg:var(--a11y-color-success-bg,color-mix(in srgb,var(--banner-success-border) 10%,var(--a11y-color-bg,var(--color-background-default,#ffffff))));--banner-warning-border:var(--a11y-color-warning,var(--color-warning-600,#d97706));--banner-warning-bg:var(--a11y-color-warning-bg,color-mix(in srgb,var(--banner-warning-border) 10%,var(--a11y-color-bg,var(--color-background-default,#ffffff))));--banner-error-border:var(--a11y-color-error,var(--color-error-600,#dc2626));--banner-error-bg:var(--a11y-color-error-bg,color-mix(in srgb,var(--banner-error-border) 10%,var(--a11y-color-bg,var(--color-background-default,#ffffff))));--banner-close-hover-bg:var(--a11y-color-surface-hover,var(--color-neutral-100,#f5f5f5));justify-content:space-between;gap:var(--spacing-3,.75rem);width:100%;padding:var(--spacing-3,.75rem) var(--spacing-4,1rem);border-left-width:1px;border:1px solid var(--banner-border-color,var(--a11y-color-border,var(--color-border-default,#d4d4d4)));border-left-width:var(--banner-border-width,4px);border-radius:var(--banner-radius,var(--a11y-radius-lg,var(--a11y-radius,.5rem)));background-color:var(--banner-bg,var(--a11y-color-surface,var(--color-surface-default,#ffffff)));color:var(--banner-color,var(--a11y-color-text,var(--color-text-primary,#171717)))}.banner,.banner__content-wrap{display:flex;align-items:flex-start}.banner__content-wrap{gap:var(--spacing-2,.5rem);min-width:0}.banner__icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.1rem;color:var(--banner-icon-color,currentColor)}.banner__variant-icon{width:1.1rem;height:1.1rem}.banner__content{min-width:0}.banner__title{display:block;font-size:var(--font-size-base,1rem)}.banner__body,.banner__title{line-height:var(--line-height-normal,1.5)}.banner__body{margin-top:var(--spacing-1,.25rem);font-size:var(--font-size-sm,.875rem)}.banner__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;border:1px solid transparent;border-radius:.375rem;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:var(--spacing-1,.25rem) var(--spacing-2,.5rem)}.banner__close-icon{width:1rem;height:1rem}.banner__close:hover{background-color:var(--banner-close-hover-bg)}.banner__close:focus-visible{outline:2px solid var(--color-border-focus,#0ea5e9);outline-offset:2px}.banner--info{--banner-icon-color:var(--banner-info-border);border-left-color:var(--banner-info-border);background-color:var(--banner-info-bg)}.banner--success{--banner-icon-color:var(--banner-success-border);border-left-color:var(--banner-success-border);background-color:var(--banner-success-bg)}.banner--warning{--banner-icon-color:var(--banner-warning-border);border-left-color:var(--banner-warning-border);background-color:var(--banner-warning-bg)}.banner--critical,.banner--error{--banner-icon-color:var(--banner-error-border);border-left-color:var(--banner-error-border);background-color:var(--banner-error-bg)}[data-theme=dark] .banner{--banner-info-border:var(--a11y-color-info,var(--a11y-color-primary,#38bdf8));--banner-info-bg:var(--a11y-color-info-bg,color-mix(in srgb,var(--banner-info-border) 18%,var(--a11y-color-bg,#171717)));--banner-success-border:var(--a11y-color-success,#4ade80);--banner-success-bg:var(--a11y-color-success-bg,color-mix(in srgb,var(--banner-success-border) 18%,var(--a11y-color-bg,#171717)));--banner-warning-border:var(--a11y-color-warning,#f59e0b);--banner-warning-bg:var(--a11y-color-warning-bg,color-mix(in srgb,var(--banner-warning-border) 18%,var(--a11y-color-bg,#171717)));--banner-error-border:var(--a11y-color-error,#dc2626);--banner-error-bg:var(--a11y-color-error-bg,color-mix(in srgb,var(--banner-error-border) 18%,var(--a11y-color-bg,#171717)));--banner-close-hover-bg:rgb(255 255 255/10%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .banner{--banner-info-border:var(--a11y-color-info,var(--a11y-color-primary,#38bdf8));--banner-info-bg:var(--a11y-color-info-bg,color-mix(in srgb,var(--banner-info-border) 18%,var(--a11y-color-bg,#171717)));--banner-success-border:var(--a11y-color-success,#4ade80);--banner-success-bg:var(--a11y-color-success-bg,color-mix(in srgb,var(--banner-success-border) 18%,var(--a11y-color-bg,#171717)));--banner-warning-border:var(--a11y-color-warning,#f59e0b);--banner-warning-bg:var(--a11y-color-warning-bg,color-mix(in srgb,var(--banner-warning-border) 18%,var(--a11y-color-bg,#171717)));--banner-error-border:var(--a11y-color-error,#dc2626);--banner-error-bg:var(--a11y-color-error-bg,color-mix(in srgb,var(--banner-error-border) 18%,var(--a11y-color-bg,#171717)));--banner-close-hover-bg:rgb(255 255 255/10%)}}@media (prefers-reduced-motion:reduce){.banner,.banner__close{transition:none}}