:root{--media-max-width:34em}.banner{--banner-background:color-mix(in srgb,var(--banner-color),var(--color-background) 50%);--banner-color:var(--aee46e7a);--banner-text-color:var(--color-foreground);--banner-border-color:color-mix(in srgb,var(--color-primary-rgb),0);--banner-icon-color:var(--color-accent-text);--some-color:var(--color-primary);align-items:center;background:var(--banner-background);border:var(--banner-border-width,1px) solid var(--banner-border-color);border-radius:var(--border-radius);color:var(--banner-text-color);display:flex;gap:var(--space);padding:var(--space);position:relative}.banner--small{font-size:.75em}.banner--large,.banner__icon{font-size:1.5em}.banner__icon{color:var(--banner-icon-color)}.banner--warning{--banner-background:linear-gradient(to right bottom,color-mix(in srgb,var(--warning),transparent 75%),color-mix(in srgb,var(--warning),transparent 50%));--banner-text-color:color-mix(in srgb,var(--warning),var(--color-foreground) 75%);--banner-border-color:color-mix(in srgb,var(--warning),var(--color-foreground) 25%);--banner-icon-color:hsla(var(--warning-h),var(--warning-s),var(--banner-icon-lightness,var(--warning-l)),1)}[data-contrast-mode] .banner--warning{--banner-border-color:var(--warning);--banner-icon-color:var(--warning)}.banner--error{--banner-background:linear-gradient(to right bottom,color-mix(in srgb,var(--error),transparent 75%),color-mix(in srgb,var(--error),transparent 50%));--banner-text-color:color-mix(in srgb,var(--error),var(--color-foreground) 75%);--banner-border-color:color-mix(in srgb,var(--error),var(--color-foreground) 25%);--banner-icon-color:hsla(var(--error-h),var(--error-s),var(--banner-icon-lightness,var(--error-l)),1)}[data-contrast-mode] .banner--error{--banner-border-color:var(--error);--banner-icon-color:var(--error)}.banner--success{--banner-background:linear-gradient(to right bottom,color-mix(in srgb,var(--success),transparent 75%),color-mix(in srgb,var(--success),transparent 50%));--banner-text-color:color-mix(in srgb,var(--success),var(--color-foreground) 75%);--banner-border-color:color-mix(in srgb,var(--success),var(--color-foreground) 25%);--banner-icon-color:hsla(var(--success-h),var(--success-s),var(--banner-icon-lightness,var(--success-l)),1)}[data-contrast-mode] .banner--success{--banner-border-color:var(--success);--banner-icon-color:var(--success)}.banner--info{--banner-background:linear-gradient(to right bottom,color-mix(in srgb,var(--info),transparent 75%),color-mix(in srgb,var(--info),transparent 50%));--banner-text-color:color-mix(in srgb,var(--info),var(--color-foreground) 75%);--banner-border-color:color-mix(in srgb,var(--info),var(--color-foreground) 25%);--banner-icon-color:hsla(var(--info-h),var(--info-s),var(--banner-icon-lightness,var(--info-l)),1)}[data-contrast-mode] .banner--info{--banner-border-color:var(--info);--banner-icon-color:var(--info)}[data-contrast-mode] .banner{--banner-background-color:var(--color-background);--banner-text:var(--color-foreground);--banner-border-width:2px}.banner__content{display:flex;flex-direction:var(--banner-content-direction,column);gap:var(--space);width:100%}.banner__close{position:absolute;right:calc(var(--space)/2);top:calc(var(--space)/2)}