.banner{--feedback-color:var(--text-color-muted);--feedback-bg:var(--surface-1);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--neutral-6);--feedback-on-fill:var(--text-color-default);--banner-padding-y:var(--space-4);--banner-padding-x:var(--space-4);background:var(--feedback-bg);box-shadow:var(--shadow-3);color:var(--color-absolute-dark);overflow:hidden;padding:var(--banner-padding-y) var(--banner-padding-x);text-align:center}.banner--floating{inset-inline-end:0;inset-inline-start:0;position:fixed;top:0;z-index:var(--z-banner)}.banner--floating.banner--bottom{bottom:0;top:auto}.banner--compact{--banner-padding-y:var(--space-2);--banner-edge-gap:var(--space-4);border-radius:var(--radius-box);margin-inline:auto;max-width:calc(100% - var(--banner-edge-gap)*2);width:fit-content}.banner--floating.banner--compact{top:var(--banner-edge-gap)}.banner--floating.banner--compact.banner--bottom{bottom:var(--banner-edge-gap);top:auto}.banner.is-opening{animation:ds-banner-open .18s ease-out}@media(prefers-reduced-motion:reduce){.banner.is-opening{animation:none}}.banner.is-closing{animation:ds-banner-close .18s ease-in}@media(prefers-reduced-motion:reduce){.banner.is-closing{animation:none}}.banner--info{--feedback-color:var(--info-11);--feedback-bg:var(--info-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--info-9);--feedback-on-fill:var(--info-contrast);--feedback-bg:var(--feedback-fill)}.banner--success{--feedback-color:var(--success-11);--feedback-bg:var(--success-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--success-9);--feedback-on-fill:var(--success-contrast);--feedback-bg:var(--feedback-fill)}.banner--warning{--feedback-color:var(--warning-11);--feedback-bg:var(--warning-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--warning-9);--feedback-on-fill:var(--warning-contrast);--feedback-bg:var(--feedback-fill)}.banner--error{--feedback-color:var(--error-11);--feedback-bg:var(--error-3);--feedback-border-color:var(--feedback-color);--feedback-fill:var(--error-9);--feedback-on-fill:var(--error-contrast);--feedback-bg:var(--feedback-fill)}@keyframes ds-banner-open{0%{opacity:0;padding-bottom:0;padding-top:0}to{opacity:1;padding-bottom:var(--banner-padding-y);padding-top:var(--banner-padding-y)}}@keyframes ds-banner-close{0%{opacity:1;padding-bottom:var(--banner-padding-y);padding-top:var(--banner-padding-y)}to{opacity:0;padding-bottom:0;padding-top:0}}