.wi-notice{align-items:flex-start;gap:var(--space-3);box-sizing:border-box;padding:var(--space-3) var(--space-4);border:var(--border-1) solid var(--wi-notice-border);border-radius:var(--radius-md);background-color:var(--wi-notice-bg);color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--font-line-height-sm);text-align:start;flex-wrap:wrap;display:flex}.wi-notice--info{--wi-notice-bg:var(--feedback-info-bg);--wi-notice-border:var(--feedback-info-border);--wi-notice-fg:var(--feedback-info-fg)}.wi-notice--success{--wi-notice-bg:var(--feedback-success-bg);--wi-notice-border:var(--feedback-success-border);--wi-notice-fg:var(--feedback-success-fg)}.wi-notice--warning{--wi-notice-bg:var(--feedback-warning-bg);--wi-notice-border:var(--feedback-warning-border);--wi-notice-fg:var(--feedback-warning-fg)}.wi-notice--danger{--wi-notice-bg:var(--feedback-error-bg);--wi-notice-border:var(--feedback-error-border);--wi-notice-fg:var(--feedback-error-fg)}.wi-notice__icon{color:var(--wi-notice-fg);width:var(--size-icon-md);height:var(--size-icon-md);margin-block:calc((var(--font-line-height-sm) - var(--size-icon-md)) / 2);flex-shrink:0}.wi-notice__body{flex:1 1 var(--space-32);min-width:0}.wi-notice__title{font-weight:var(--font-weight-semibold);color:var(--wi-notice-fg);margin:0}.wi-notice__action{flex-shrink:0}.wi-notice--with-action{--wi-notice-band:var(--wi-btn-height-sm,var(--size-button-sm))}.wi-notice--with-action .wi-notice__icon{margin-block:calc((var(--wi-notice-band) - var(--size-icon-md)) / 2)}.wi-notice--with-action .wi-notice__body{padding-block:calc((var(--wi-notice-band) - var(--font-line-height-sm)) / 2)}