@layer q.tokens{:root,[data-theme]{--q-alert-gap:var(--q-space-2);--q-alert-py:var(--q-space-2);--q-alert-px:var(--q-space-2-5);--q-alert-radius:var(--q-radius-md);--q-alert-content-gap:var(--q-space-0-5);--q-alert-icon-nudge:var(--q-space-0-25);--q-alert-title-size:var(--q-text-md);--q-alert-title-weight:var(--q-weight-semibold);--q-alert-title-leading:var(--q-leading-ui);--q-alert-title-fg:var(--q-fg);--q-alert-body-size:var(--q-text-md);--q-alert-body-leading:var(--q-leading-body);--q-alert-body-fg:var(--q-fg-body);--q-alert-actions-gap:var(--q-space-2);--q-alert-actions-mt:var(--q-space-1);--q-alert-dismiss-nudge:calc(var(--q-space-0-25) * -1);--q-alert-info-bg:var(--q-status-info-bg);--q-alert-info-border:var(--q-status-info-border);--q-alert-success-bg:var(--q-status-success-bg);--q-alert-success-border:var(--q-status-success-border);--q-alert-warning-bg:var(--q-status-warning-bg);--q-alert-warning-border:var(--q-status-warning-border);--q-alert-error-bg:var(--q-status-error-bg);--q-alert-error-border:var(--q-status-error-border)}}@layer q.themes,q.base;@layer q.components{.q-alert{--_bg:var(--q-alert-info-bg);--_border:var(--q-alert-info-border);align-items:flex-start;gap:var(--q-alert-gap);padding:var(--q-alert-py) var(--q-alert-px);border:var(--q-hairline) solid var(--_border);border-radius:var(--q-alert-radius);background:var(--_bg);display:flex}.q-alert--success{--_bg:var(--q-alert-success-bg);--_border:var(--q-alert-success-border)}.q-alert--warning{--_bg:var(--q-alert-warning-bg);--_border:var(--q-alert-warning-border)}.q-alert--error{--_bg:var(--q-alert-error-bg);--_border:var(--q-alert-error-border)}.q-alert__icon{margin-top:var(--q-alert-icon-nudge);flex:none;display:inline-flex}.q-alert__content{gap:var(--q-alert-content-gap);flex-direction:column;flex:1;min-width:0;display:flex}.q-alert__title{color:var(--q-alert-title-fg);font-size:var(--q-alert-title-size);font-weight:var(--q-alert-title-weight);line-height:var(--q-alert-title-leading)}.q-alert__body{color:var(--q-alert-body-fg);font-size:var(--q-alert-body-size);line-height:var(--q-alert-body-leading);text-wrap:pretty}.q-alert__actions{gap:var(--q-alert-actions-gap);margin-top:var(--q-alert-actions-mt);display:flex}.q-alert__dismiss{margin-block:var(--q-alert-dismiss-nudge)}.q-alert__collapse{opacity:0;transition:opacity var(--q-dur-expand) var(--q-ease-soft)}.q-alert__collapse[data-open=true]{opacity:1}}@layer q.utilities;
