.app-alert[data-v-452c5b81]{display:flex;align-items:flex-start;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--alert-color) 12%,var(--color-surface))}.app-alert__bar[data-v-452c5b81]{width:4px;flex:none;align-self:stretch;background:var(--alert-color)}.app-alert__icon[data-v-452c5b81]{flex:none;margin:12px 0 12px 16px;color:var(--alert-color)}.app-alert__body[data-v-452c5b81]{flex:1;min-width:0;padding:12px 16px;font-size:.875rem;line-height:1.55;color:var(--color-on-surface)}.app-alert__close[data-v-452c5b81]{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:8px 8px 0 0;border-radius:6px;background:transparent;border:none;color:var(--color-dim);cursor:pointer}.app-alert__close[data-v-452c5b81]:hover{background:color-mix(in srgb,var(--color-on-surface) 8%,transparent)}.app-alert--info[data-v-452c5b81]{--alert-color:var(--color-secondary)}.app-alert--warning[data-v-452c5b81]{--alert-color:var(--color-warning)}.app-alert--error[data-v-452c5b81]{--alert-color:var(--color-error)}.app-alert--success[data-v-452c5b81]{--alert-color:var(--color-primary)}