.sc-notice-banner{--sc-notice-banner-icon-color: var(--sc-text-link);--sc-notice-banner-line: calc(var(--sc-typography-font-size-14) * var(--sc-typography-line-height-normal));display:flex;align-items:flex-start;gap:var(--sc-spacing-10);padding:var(--sc-padding-8) var(--sc-padding-12);background:var(--sc-surface-background-light);border-radius:var(--sc-radius-4);color:var(--sc-text-primary)}.sc-notice-banner__icon{flex:none;margin-top:calc((var(--sc-notice-banner-line) - 1em)/2);font-size:16px;color:var(--sc-notice-banner-icon-color)}.sc-notice-banner__meta{display:flex;flex:1 1 auto;min-width:0;align-items:flex-start;gap:var(--sc-spacing-10)}.sc-notice-banner__text{margin:0}.sc-notice-banner__action{flex:none;display:inline-flex;align-items:center;min-height:var(--sc-notice-banner-line)}.sc-notice-banner__link{color:var(--sc-text-primary);text-decoration:underline}.sc-notice-banner--notice{background:var(--sc-components-badge-blue-background)}.sc-notice-banner--warning{--sc-notice-banner-icon-color: var(--sc-text-warning);--sc-button-text-color: var(--sc-text-warning);background:var(--sc-color-utility-yellow-0)}.sc-notice-banner--error{--sc-notice-banner-icon-color: var(--sc-text-error);--sc-button-text-color: var(--sc-text-error);background:var(--sc-components-badge-red-background)}