.banner{--banner-background-color:var(--neutral-surface-main);--banner-border-color:var(--neutral-border-components);--banner-title-color:var(--neutral-content-main-titles);--banner-description-color:var(--neutral-content-body);--banner-icon-color:var(--banner-title-color);--banner-gap:var(--space-20);--banner-content-gap:var(--space-16);--banner-text-gap:var(--space-8);--banner-padding-block:var(--space-20);--banner-padding-inline:var(--space-24);--banner-icon-size:var(--core-32);background-color:var(--banner-background-color);border:var(--stroke-1)solid var(--banner-border-color);border-radius:var(--radius-24);color:var(--banner-title-color);justify-content:center;align-items:flex-start;gap:var(--banner-gap);padding:var(--banner-padding-block)var(--banner-padding-inline);width:100%;min-width:600px;display:flex}.banner-title{color:var(--banner-title-color);margin:0}.banner-description{color:var(--banner-description-color);margin:0}.banner-icon{color:var(--banner-icon-color);flex-shrink:0;align-items:center;width:16px;height:22px;display:flex}.banner-icon>svg,.banner-icon>img{width:16px;height:16px}.banner-icon--trailing{cursor:pointer;color:var(--neutral-surface-icons)}.banner-icon--trailing svg{stroke:var(--neutral-surface-icons)}.banner-content-wrapper{align-items:center;gap:var(--banner-content-gap);flex-wrap:wrap;flex:1;min-width:0;display:flex}.banner-style-inline .banner-content-wrapper{flex-direction:row}.banner-style-stack .banner-content-wrapper{flex-direction:column;align-items:flex-start}.banner-text-wrapper{gap:var(--banner-text-gap);flex-direction:column;flex:auto;min-width:0;display:flex}.banner-action-wrapper{align-items:center;gap:var(--space-8);flex-shrink:0;display:inline-flex}.banner-style-inline .banner-action-wrapper{margin-left:auto}.banner-style-stack .banner-action-wrapper{flex-wrap:wrap;width:100%}.banner-style-stack .banner-action-wrapper .button{flex:0 auto}.banner-size-xxl{padding:var(--space-20);border-radius:var(--radius-20);gap:var(--space-20)}.banner-size-xl{padding:var(--space-16);border-radius:var(--radius-16);gap:var(--space-16)}.banner-size-l{padding:var(--space-12);border-radius:var(--radius-12);gap:var(--space-12)}.banner-size-m{padding:var(--space-8);border-radius:var(--radius-8);gap:var(--space-8)}.banner-size-s{padding:var(--space-6);border-radius:var(--radius-6);gap:var(--space-6)}.banner-size-xs{padding:var(--space-4);border-radius:var(--radius-4);gap:var(--space-4)}.banner-size-xxs{padding:var(--space-2);border-radius:var(--radius-2);gap:var(--space-2)}.banner-type-default{--banner-background-color:var(--neutral-surface-main);--banner-border-color:var(--neutral-border-components);--banner-title-color:var(--neutral-content-main-titles);--banner-description-color:var(--neutral-content-body);--banner-icon-color:var(--neutral-content-main-titles)}.banner-type-information{--banner-background-color:var(--color-surface-information-light);--banner-border-color:var(--color-border-information);--banner-title-color:var(--color-content-information);--banner-description-color:var(--color-content-information);--banner-icon-color:var(--color-content-information)}.banner-type-success{--banner-background-color:var(--color-surface-success-light);--banner-border-color:var(--color-border-success);--banner-title-color:var(--color-content-success);--banner-description-color:var(--color-content-success);--banner-icon-color:var(--color-content-success)}.banner-type-alert{--banner-background-color:var(--color-surface-alert-light);--banner-border-color:var(--color-border-alert);--banner-title-color:var(--neutral-content-main-titles);--banner-description-color:var(--neutral-content-main-titles);--banner-icon-color:var(--neutral-content-main-titles)}.banner-type-warning{--banner-background-color:var(--color-surface-warning-light);--banner-border-color:var(--color-border-warning);--banner-title-color:var(--color-content-warning);--banner-description-color:var(--color-content-warning);--banner-icon-color:var(--color-content-warning)}.banner-type-error{--banner-background-color:var(--color-surface-error-light);--banner-border-color:var(--color-border-error);--banner-title-color:var(--color-content-error);--banner-description-color:var(--color-content-error);--banner-icon-color:var(--color-content-error)}.banner-type-reversed{--banner-background-color:var(--neutral-surface-oncolor);--banner-border-color:var(--neutral-surface-oncolor);--banner-title-color:var(--neutral-content-oncolor);--banner-description-color:var(--neutral-content-oncolor);--banner-icon-color:var(--neutral-content-oncolor)}