.form-error{z-index:50;pointer-events:none;max-inline-size:min(22rem,100vw - 1rem);position:fixed;top:0;left:0}.form-error-bubble{border:1px solid color-mix(in srgb, var(--color-expense) 55%, var(--color-hairline));background:var(--color-raised);color:var(--color-ink);text-align:start;box-shadow:0 10px 28px -12px var(--motion-shadow), 0 2px 6px -3px var(--motion-shadow);transform-origin:top;animation:formErrorIn .26s var(--ease-out-expo) backwards;border-radius:.75rem;align-items:flex-start;gap:.5rem;padding-block:.5rem;padding-inline:.625rem .75rem;font-size:.8125rem;line-height:1.4;display:flex;position:relative}.form-error-bubble:before{content:"";top:-5px;background:var(--color-raised);border-top:1px solid color-mix(in srgb, var(--color-expense) 55%, var(--color-hairline));border-left:1px solid color-mix(in srgb, var(--color-expense) 55%, var(--color-hairline));border-top-left-radius:2px;width:9px;height:9px;position:absolute;inset-inline-start:calc(.875rem + var(--form-error-caret,0px));transform:rotate(45deg)}.form-error-icon{width:1rem;height:1rem;color:var(--color-expense);flex:none;margin-top:.0625rem}[data-form-invalid]{border-color:var(--color-expense)}@keyframes formErrorIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}}@media (prefers-reduced-motion:reduce){.form-error-bubble{animation:none}}