@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%}.app-form-error{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));color:color-mix(in srgb, oklch(from var(--colors-danger) l c h) var(--un-text-opacity), transparent);--un-font-weight:var(--fontWeight-semibold);font-weight:var(--fontWeight-semibold);padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 2.5);border-width:1px;border-color:color-mix(in srgb, oklch(from var(--colors-danger) l c h) 20%, transparent);border-radius:var(--radius-lg);background-color:color-mix(in srgb, oklch(from var(--colors-danger) l c h) 10%, transparent);gap:calc(var(--spacing) * 2);align-items:center;animation:1s ease-in-out head-shake;display:flex}.app-form-error__icon{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight));flex-shrink:0}@keyframes head-shake{0%{transform:translate(0)}6.5%{transform:translate(-6px)rotateY(-9deg)}18.5%{transform:translate(5px)rotateY(7deg)}31.5%{transform:translate(-3px)rotateY(-5deg)}43.5%{transform:translate(2px)rotateY(3deg)}50%{transform:translate(0)}}