@layer components{.alert{border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);background-color:var(--background);align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;display:flex;position:relative;&[data-variant=destructive]{border-color:var(--destructive);color:var(--destructive);& .alert-title{color:var(--destructive)}& .alert-description{color:var(--destructive);opacity:.9}& .alert-icon{color:var(--destructive)}}}.alert-icon{width:1rem;height:1rem;color:var(--foreground);flex-shrink:0;margin-top:.125rem}.alert-content{flex:1;min-width:0}.alert:where([data-density=compact]){gap:.5rem;padding:.75rem 1rem}.alert:where([data-density=comfortable]){gap:.75rem;padding:1rem 1.25rem}.alert:where([data-density=spacious]){gap:1rem;padding:1.25rem 1.5rem}.alert-title{letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:.875rem;font-weight:500;line-height:1.4}.alert-description{color:var(--muted-foreground);margin:.25rem 0 0;font-size:.8125rem;line-height:1.5}.alert-action{flex-shrink:0;align-self:center;margin-left:auto}}