export declare const loadingIconStyles = "\n.comimi-loading-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-loading-icon-svg {\n  width: 80px;\n}\n\n.comimi-loading-svg {\n  display: block;\n  width: 100%;\n  transform-origin: center bottom;\n}\n\n.comimi-loading-body {\n  fill: var(--comimi-bg);\n  transition: fill 0.2s linear;\n}\n\n.comimi-loading-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-loading-mimi {\n  transform-origin: 56px 43px;\n}\n\n.comimi-loading-mimi-left {\n  animation:\n    comimi-loading-mimi-left 0.4s ease-in-out 0.1s 2 forwards,\n    comimi-loading-mimi-left 0.4s ease-in-out 1.7s 2 forwards;\n}\n\n.comimi-loading-mimi-right {\n  animation:\n    comimi-loading-mimi-right 0.4s ease-in-out 0.1s 2 forwards,\n    comimi-loading-mimi-right 0.4s ease-in-out 1.7s 2 forwards;\n}\n\n.comimi-loading-eyes {\n  transform: translateX(-7px);\n  animation:\n    comimi-loading-eyes-move 0.4s ease-in-out 1.2s both,\n    comimi-loading-eyes-move 0.4s ease-in-out 2.6s reverse forwards;\n}\n\n.comimi-loading-eye {\n  fill: var(--comimi-placeholder);\n  transform-origin: center;\n  transform-box: fill-box;\n  animation:\n    comimi-loading-eye 0.4s ease-in-out 0s forwards,\n    comimi-loading-eye 0.4s ease-in-out 1.6s forwards;\n}\n\n.comimi-loading-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.comimi-loading-icon-text span {\n  display: inline-block;\n  animation: comimi-loading-dot 0.8s ease-in-out 0s infinite both;\n}\n\n.comimi-loading-icon-text span:nth-child(1) {\n  animation-delay: 0s;\n}\n\n.comimi-loading-icon-text span:nth-child(2) {\n  animation-delay: 0.15s;\n}\n\n.comimi-loading-icon-text span:nth-child(3) {\n  animation-delay: 0.3s;\n}\n\n@keyframes comimi-loading-mimi-left {\n  from, to {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(20deg);\n  }\n}\n\n@keyframes comimi-loading-mimi-right {\n  from, to {\n    transform: rotate(0deg);\n  }\n  50% {\n    transform: rotate(-20deg);\n  }\n}\n\n@keyframes comimi-loading-eyes-move {\n  from {\n    transform: translateX(-7px);\n  }\n  to {\n    transform: translateX(7px);\n  }\n}\n\n@keyframes comimi-loading-eye {\n  from, to {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.2);\n  }\n}\n\n@keyframes comimi-loading-dot {\n  from, 50%, to {\n    opacity: 1;\n  }\n  25% {\n    opacity: 0;\n  }\n}\n";
//# sourceMappingURL=loading-icon.styles.d.ts.map