.banner{box-sizing:border-box;align-items:flex-start;gap:var(--gap-3,12px);padding:var(--padding-4,16px) var(--padding-5,20px);border-radius:var(--surface-radius,4px);font-size:var(--font-size,14px);text-align:start;border-inline-start:4px solid #0000;line-height:1.5;display:flex}.banner-info{color:var(--info-color,#0c297f);--banner-color:var(--info-color,#0c297f);--banner-bg:var(--info-bg-color,#f2f8fb)}.banner-success{color:var(--success-color,#146c2e);--banner-color:var(--success-color,#146c2e);--banner-bg:var(--success-bg-color,#f5faf7)}.banner-warning{color:var(--warn-color,#7a5700);--banner-color:var(--warn-color,#7a5700);--banner-bg:var(--warn-bg-color,#fff4cc)}.banner-error,.banner-danger{color:var(--error-color,#b3261e);--banner-color:var(--error-color,#b3261e);--banner-bg:var(--error-bg-color,#fbf4f4)}.banner-icon{color:var(--banner-color);flex-shrink:0;margin-top:1px;display:inline-flex}.banner-content{flex:1;min-width:0}.banner-action{flex-shrink:0;align-items:center;margin-inline-start:auto;display:inline-flex}.banner-dismiss{border-radius:var(--corner-radius,4px);width:28px;height:28px;color:var(--text-secondary-color,#0009);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -4px -4px 0;padding:0;transition:background-color .15s;display:inline-flex}.banner-dismiss:hover{background-color:#00000014}.banner-dismiss:focus-visible{outline:2px solid var(--focus-ring-color,var(--info-color,#0074bd));outline-offset:2px}.banner-standard{background-color:var(--banner-bg);border-inline-start-color:var(--banner-color)}.banner-filled{background-color:var(--banner-color);color:#fff;border-inline-start-color:#0000}.banner-filled .banner-icon{color:#fff}.banner-filled .banner-dismiss{color:#fffc}.banner-filled .banner-dismiss:hover{color:#fff}.banner-outlined{border:1px solid var(--banner-color);color:var(--banner-color);background-color:#0000;border-inline-start-width:4px}