@layer components{[data-ui=alert]{--icon-size:18px;font:var(--font-body-md);justify-content:space-between;align-items:flex-start;width:100%;display:flex}[data-ui=alert]:not([data-ui=alert]:has([data-ui=alert-description])){align-items:center}[data-ui=alert][data-status=error]{--color-alert:var(--color-error);--color-on-alert:var(--color-on-error);--color-alert-container:var(--color-error-container);--color-on-alert-container:var(--color-on-error-container)}[data-ui=alert][data-status=warning]{--color-alert:var(--color-warning);--color-on-alert:var(--color-on-warning);--color-alert-container:var(--color-warning-container);--color-on-alert-container:var(--color-on-warning-container)}[data-ui=alert][data-status=feature]{--color-alert:var(--color-on-surface-variant);--color-on-alert:var(--color-surface-variant);--color-alert-container:var(--color-surface-container);--color-on-alert-container:var(--color-on-surface)}[data-ui=alert][data-status=success]{--color-alert:var(--color-success);--color-on-alert:var(--color-on-success);--color-alert-container:var(--color-success-container);--color-on-alert-container:var(--color-on-success-container)}[data-ui=alert][data-status=information]{--color-alert:var(--color-info);--color-on-alert:var(--color-on-info);--color-alert-container:var(--color-info-container);--color-on-alert-container:var(--color-on-info-container)}[data-ui=alert][data-size=lg]{--icon-size:var(--spacing-24);gap:var(--spacing-12);height:auto;padding:var(--spacing-14);border-radius:var(--radius-md);font:var(--font-body-lg)}[data-ui=alert][data-size=md]{padding:var(--spacing-10);gap:var(--spacing-8);border-radius:var(--radius-sm);font:var(--font-body-md)}[data-ui=alert][data-size=sm]{padding:var(--spacing-8);border-radius:var(--radius-sm);font:var(--font-body-sm);gap:var(--spacing-8)}[data-ui=alert][data-variant=filled]{background-color:var(--color-alert);color:var(--color-on-alert)}[data-ui=alert][data-variant=light]{background-color:color-mix(in srgb, var(--color-alert-container), var(--color-alert) 24%);color:var(--color-on-alert-container)}[data-ui=alert][data-variant=lighter]{background-color:var(--color-alert-container);color:var(--color-on-alert-container)}[data-ui=alert][data-variant=stroke]{border:1px solid var(--color-surface-container-highest);box-shadow:0 10px 32px -12px color-mix(in srgb, var(--color-on-surface) 15%, transparent)}[data-ui=alert][data-variant=stroke] svg{color:var(--color-alert)}[data-ui=alert] [data-ui=alert-icon]{place-content:center;display:grid}[data-ui=alert] [data-ui=alert-icon] svg{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}[data-ui=alert] [data-ui=alert-content]{flex:1}[data-ui=alert] [data-slot=alert-close]:is(button){color:currentColor;background-color:#0000;border-color:#0000}@media (hover:hover) and (pointer:fine){[data-ui=alert] [data-slot=alert-close]:is(button)[data-slot=alert-close]:hover{background-color:color-mix(in srgb, currentcolor 10%, transparent);color:currentColor}}}