.messages .message{display:flex;align-items:flex-start;gap:8px;border:1px solid color-mix(in srgb,var(--red) 22%,var(--surface,#fff));border-left:4px solid var(--red);background:color-mix(in srgb,var(--red) 10%,var(--surface,#fff));color:var(--red)}.messages .message:before{content:'!';display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--red);color:var(--surface,#fff);font-size:10px;font-weight:800}.messages .message.recovery-success{border-color:color-mix(in srgb,var(--green) 24%,var(--surface,#fff));border-left-color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface,#fff));color:var(--green)}.messages .message.recovery-success:before{content:'✓';background:var(--green)}