body{--color-red:oklch(70% .138 25);--color-green:oklch(70% .138 165);--color-yellow:oklch(70% .138 84);--color-blue:oklch(70% .138 223)}u1-alert{border-color:var(--color);border-style:solid;border-width:.2em 0 0;margin-block:1em;padding:1em;font-size:max(13px,.8rem);display:block;box-shadow:0 0 .3em #0004}u1-alert:not([open]){display:none}u1-alert[variant=success]{--color:var(--color-green)}u1-alert[variant=warn]{--color:var(--color-yellow)}u1-alert[variant=error]{--color:var(--color-red)}u1-alert[variant=info]{--color:var(--color-blue)}