@keyframes pulse{0%,to{opacity:0;transform:scale(.9)}48%{opacity:1}50%{transform:scale(1)}52%{opacity:1}}.loading-dots{align-items:center;color:var(--color-graphite);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:24}.loading-dots.size-xs{font-size:.4rem}.loading-dots.size-xs .loading-dots-animation span{margin:0 .25em}.loading-dots.size-s{font-size:.5rem}.loading-dots.size-s .loading-dots-animation span{margin:0 .25em}.loading-dots.size-m{font-size:.625rem}.loading-dots.size-m .loading-dots-animation span{margin:0 .4em}.loading-dots.size-l{font-size:.75rem}.loading-dots.size-l .loading-dots-animation span{margin:0 .3333333333em}.loading-dots.v-enter-active,.loading-dots.v-leave-active{transition:background-color .25s cubic-bezier(.25,.46,.45,.94)}.loading-dots.v-enter-active .loading-dots-animation,.loading-dots.v-leave-active .loading-dots-animation{transition:opacity .25s cubic-bezier(.25,.46,.45,.94)}.loading-dots.v-enter,.loading-dots.v-leave-to{background-color:#fff0}.loading-dots.v-enter .loading-dots-animation,.loading-dots.v-leave-to .loading-dots-animation{opacity:0}.loading-dots-animation{display:flex;flex-direction:row}.loading-dots-animation span{animation:pulse .7s ease-in-out infinite;background-color:currentcolor;border-radius:50%;float:left;height:1em;opacity:0;width:1em}.loading-dots-animation span:nth-child(2){animation-delay:.1s}.loading-dots-animation span:nth-child(3){animation-delay:.2s}