@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)}.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))}.theos-alert__title{color:inherit}.theos-alert__desc{color:color-mix(in srgb, currentColor 80%, var(--theos-text-secondary))}}