.banner{--feedback-color:var(--color-invert-6);--feedback-bg:var(--color-invert-1);--feedback-border-color:var(--feedback-color);--banner-padding-y:var(--space-4);--banner-padding-x:var(--space-4);background:var(--feedback-bg);box-shadow:var(--shadow-2);color:var(--color-absolute-dark);overflow:hidden;padding:var(--banner-padding-y) var(--banner-padding-x);text-align:center}.banner--floating{left:0;right:0;top:0;z-index:9998}.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(--color-info-16);--feedback-bg:var(--color-info-8);--feedback-border-color:var(--feedback-color);--feedback-bg:var(--color-info-17)}.banner--success{--feedback-color:var(--color-success-16);--feedback-bg:var(--color-success-8);--feedback-border-color:var(--feedback-color);--feedback-bg:var(--color-success-17)}.banner--warning{--feedback-color:var(--color-warning-16);--feedback-bg:var(--color-warning-8);--feedback-border-color:var(--feedback-color);--feedback-bg:var(--color-warning-17)}.banner--error{--feedback-color:var(--color-error-16);--feedback-bg:var(--color-error-8);--feedback-border-color:var(--feedback-color);--feedback-bg:var(--color-error-17)}@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}}