.field-validation-message{position:absolute;z-index:10000;max-width:min(280px,calc(100vw - 16px));width:max-content;padding:10px 13px;margin:0;background:color-mix(in srgb,var(--accent,#c41f3b) 9%,var(--paper,#f5f4f0));border:1px solid color-mix(in srgb,var(--accent,#c41f3b) 45%,transparent);border-radius:10px;color:var(--ink,#19191c);font:inherit;font-size:13px;font-weight:500;line-height:1.4;overflow-wrap:anywhere;text-align:left;box-sizing:border-box;pointer-events:none;animation:field-error-in .16s ease-out}.field-validation-message:before{content:'';position:absolute;left:var(--validation-arrow-x,18px);top:-5px;width:8px;height:8px;background:inherit;border-top:inherit;border-left:inherit;transform:rotate(45deg)}.field-validation-message.field-validation-above:before{top:auto;bottom:-5px;border-top:0;border-left:0;border-right:inherit;border-bottom:inherit}.field-has-error{outline:2px solid var(--accent,#c41f3b)!important;outline-offset:2px}.field-has-error:focus-visible{outline-offset:3px}.studio .field-validation-message{font-size:13px;text-align:left}
.field-validation-message.field-validation-side:before{display:none}
@keyframes field-error-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.field-validation-message{animation:none}}
@media(forced-colors:active){.field-validation-message{border-color:CanvasText;background:Canvas;color:CanvasText}.field-has-error{outline-color:Highlight!important}}