export declare const errorIconStyles = "\n.comimi-error-icon {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  display: grid;\n  gap: 10px;\n  justify-items: center;\n  width: 80px;\n}\n\n.comimi-error-icon-svg {\n  width: 80px;\n}\n\n.comimi-error-svg {\n  display: block;\n  width: 100%;\n  transform-origin: center bottom;\n  animation: comimi-error-fall 0.8s ease-in-out 0s both;\n}\n\n.comimi-error-body {\n  fill: var(--comimi-bg);\n  transition: fill 0.2s linear;\n}\n\n.comimi-error-stroke {\n  fill: none;\n  stroke: var(--comimi-placeholder);\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke-width: 10px;\n}\n\n.comimi-error-mimi {\n  transform-origin: 56px 43px;\n}\n\n.comimi-error-mimi-left {\n  animation:\n    comimi-error-mimi-left-intro 0.8s ease-in-out 0s both,\n    comimi-error-mimi-left-loop 1.5s ease-in-out 0.8s infinite forwards;\n}\n\n.comimi-error-mimi-right {\n  animation:\n    comimi-error-mimi-right-intro 0.8s ease-in-out 0s both,\n    comimi-error-mimi-right-loop 1.5s ease-in-out 0.8s infinite forwards;\n}\n\n.comimi-error-eye {\n  fill: var(--comimi-placeholder);\n  transform-origin: center;\n  transform-box: fill-box;\n  animation: comimi-error-eye 1.5s ease-in-out 0.8s infinite forwards;\n}\n\n.comimi-error-icon-text {\n  color: var(--comimi-faint);\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1.45;\n  text-align: center;\n}\n\n@keyframes comimi-error-fall {\n  from {\n    opacity: 0;\n    transform: translateY(-40%) rotate(10deg);\n  }\n  20% {\n    opacity: 1;\n  }\n  40% {\n    transform: translateY(0) rotate(0);\n  }\n  60% {\n    transform: translateY(0) scale(1.1, 0.95);\n  }\n  80% {\n    transform: translateY(0) scale(0.95, 1.1);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes comimi-error-mimi-left-intro {\n  from {\n    transform: rotate(0deg);\n  }\n  60% {\n    transform: rotate(20deg);\n  }\n  to {\n    transform: rotate(10deg);\n  }\n}\n\n@keyframes comimi-error-mimi-left-loop {\n  from, to {\n    transform: rotate(10deg);\n  }\n  50% {\n    transform: rotate(30deg);\n  }\n}\n\n@keyframes comimi-error-mimi-right-intro {\n  from {\n    transform: rotate(0deg);\n  }\n  60% {\n    transform: rotate(-20deg);\n  }\n  to {\n    transform: rotate(-10deg);\n  }\n}\n\n@keyframes comimi-error-mimi-right-loop {\n  from, to {\n    transform: rotate(-10deg);\n  }\n  50% {\n    transform: rotate(-30deg);\n  }\n}\n\n@keyframes comimi-error-eye {\n  from, to {\n    transform: translateY(0);\n  }\n  50% {\n    transform: translateY(4px);\n  }\n}\n";
//# sourceMappingURL=error-icon.styles.d.ts.map