{"version":3,"file":"LoadingEllipsis.D131mRR_.js","sources":["../../../../../../src/lib/UI/LoadingEllipsis.svelte"],"sourcesContent":["<div class=\"dot-container\">\n  <div class=\"dot-flashing\" />\n</div>\n\n<style>\n  .dot-container {\n    margin: 1rem 1rem 1rem 2rem;\n  }\n  .dot-flashing {\n    position: relative;\n    width: 10px;\n    height: 10px;\n    border-radius: 5px;\n    background-color: var(--background-header);\n    color: var(--background-header);\n    animation: dotFlashing 1s infinite linear alternate;\n    animation-delay: 0.5s;\n  }\n\n  .dot-flashing::before,\n  .dot-flashing::after {\n    content: \"\";\n    display: inline-block;\n    position: absolute;\n    top: 0;\n  }\n\n  .dot-flashing::before {\n    left: -15px;\n    width: 10px;\n    height: 10px;\n    border-radius: 5px;\n    background-color: var(--background-header);\n    color: var(--background-header);\n    animation: dotFlashing 1s infinite alternate;\n    animation-delay: 0s;\n  }\n\n  .dot-flashing::after {\n    left: 15px;\n    width: 10px;\n    height: 10px;\n    border-radius: 5px;\n    background-color: var(--background-header);\n    color: var(--background-header);\n    animation: dotFlashing 1s infinite alternate;\n    animation-delay: 1s;\n  }\n\n  @keyframes dotFlashing {\n    0% {\n      background-color: var(--background-header);\n    }\n    50%,\n    100% {\n      background-color: var(--accent-color);\n    }\n  }\n</style>\n"],"names":["insert_hydration","target","div1","anchor"],"mappings":"yZAAAA,EAEKC,EAAAC,EAAAC,CAAA"}