@layer components{.ds-banner{align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-2-5) var(--ds-space-2-5);border-radius:var(--ds-border-radius-default);border:1px solid #0000;display:flex}.ds-banner.responsive{width:fit-content}.ds-banner__icon{width:var(--ds-space-3-5);height:var(--ds-space-3-5);flex-shrink:0}.ds-banner__content{flex:1}.ds-banner__content.ds-wysiwyg{font-size:var(--ds-body-50);font-weight:var(--ds-font-weight-normal);line-height:var(--ds-line-height-body-sm);letter-spacing:var(--ds-letter-spacing-base);color:var(--ds-c-grey-800)}.ds-banner__close{width:.625rem;height:.625rem;color:var(--ds-c-grey-900);transition:var(--ds-transition-fast);margin-left:var(--ds-space-2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-banner__close:hover{color:var(--ds-c-grey-500);transform:scale(1.2)}.ds-banner__close:focus-visible{outline:2px solid var(--ds-c-primary-default);outline-offset:6px;border-radius:var(--ds-border-radius)}.ds-banner.variant-warning{background-color:var(--ds-c-semantic-warning-50);color:var(--ds-c-semantic-warning-default);border-color:var(--ds-c-semantic-warning-default)}.ds-banner.variant-error{background-color:var(--ds-c-semantic-error-50);color:var(--ds-c-semantic-error-default);border-color:var(--ds-c-semantic-error-default)}.ds-banner.variant-info{background-color:var(--ds-c-semantic-info-50);color:var(--ds-c-semantic-info-default);border-color:var(--ds-c-semantic-info-default)}.ds-banner.variant-success{background-color:var(--ds-c-semantic-success-50);color:var(--ds-c-semantic-success-default);border-color:var(--ds-c-semantic-success-default)}}