.app-banner{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-sm);border:1px solid #0000;display:flex}.app-banner__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px;display:inline-flex}.app-banner__icon svg{width:100%;height:100%}.app-banner__body{gap:var(--spacing-1_5);flex-direction:column;flex:auto;min-width:0;display:flex}.app-banner__title{font-weight:var(--font-weight-bold);margin:0}.app-banner__content{margin:0}.app-banner__action{margin-top:var(--spacing-1)}.app-banner__dismiss{cursor:pointer;width:20px;height:20px;color:inherit;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-banner__dismiss:hover{opacity:1}.app-banner__dismiss svg{width:100%;height:100%}.app-banner--info{background-color:var(--color-info);border-color:var(--color-info);color:var(--color-info-foreground)}.app-banner--success{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-success-foreground)}.app-banner--warning{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-warning-foreground)}.app-banner--error{background-color:var(--color-destructive);border-color:var(--color-destructive);color:var(--color-destructive-foreground)}