@layer theos.frames{.theos-alert{gap:var(--theos-space-1);padding:var(--theos-space-3);background:var(--theos-surface);color:var(--theos-text);border:var(--theos-hairline) solid var(--theos-border);border-radius:var(--theos-radius-md);flex-direction:column;display:flex}.theos-alert--danger{border-color:color-mix(in srgb, var(--theos-danger) 45%, var(--theos-border));background:color-mix(in srgb, var(--theos-danger) 8%, var(--theos-surface));color:var(--theos-danger-ink)}.theos-alert--success{border-color:color-mix(in srgb, var(--theos-success) 45%, var(--theos-border));background:color-mix(in srgb, var(--theos-success) 8%, var(--theos-surface));color:var(--theos-success)}.theos-alert--amber{border-color:color-mix(in srgb, var(--theos-amber) 45%, var(--theos-border));background:color-mix(in srgb, var(--theos-amber) 10%, var(--theos-surface));color:color-mix(in srgb, var(--theos-amber) 70%, var(--theos-text));animation:theos-motion-rise var(--theos-duration-slow) var(--theos-easing)}.theos-alert--danger{animation:theos-motion-rise var(--theos-duration-slow) var(--theos-easing), theos-motion-nudge var(--theos-duration-slow) var(--theos-easing) var(--theos-duration-slow)}@media (prefers-reduced-motion:reduce){.theos-alert--amber,.theos-alert--danger{animation:theos-motion-fade var(--theos-duration-fast) linear}}.theos-alert__title{color:inherit}.theos-alert__desc{color:color-mix(in srgb, currentColor 80%, var(--theos-text-secondary))}}