{"version":3,"file":"typing-indicator.css.cjs","names":[],"sources":["../../../src/feedback/typing-indicator/typing-indicator.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_dot-color: var(--typing-indicator-color, var(--_theme-base, var(--color-contrast-400)));\n\n    display: inline-flex;\n    align-items: center;\n  }\n\n  .dots {\n    display: inline-flex;\n    gap: var(--_gap);\n    align-items: center;\n  }\n\n  .dot {\n    display: inline-block;\n    width: var(--_size);\n    height: var(--_size);\n    background: var(--_dot-color);\n    border-radius: 50%;\n    animation: var(--_motion-animation, typing-indicator-bounce 1.2s ease-in-out infinite);\n  }\n\n  .dot:nth-child(2) {\n    animation-delay: 0.15s;\n  }\n\n  .dot:nth-child(3) {\n    animation-delay: 0.3s;\n  }\n\n  @keyframes typing-indicator-bounce {\n    0%,\n    60%,\n    100% {\n      opacity: 0.4;\n      transform: translateY(0);\n    }\n\n    30% {\n      opacity: 1;\n      transform: translateY(-35%);\n    }\n  }\n}\n"],"mappings":""}