@layer component{.loading-indicator[data-v-4c94e92b]{display:flex}.loading-indicator.--overlay[data-v-4c94e92b]{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.viewport[data-v-4c94e92b]{align-items:center;display:flex;flex-direction:column;gap:.5em;justify-content:center;width:100%}.--horizontal .viewport[data-v-4c94e92b]{flex-direction:row}.--overlay .viewport[data-v-4c94e92b]{block-size:0;inset-block-start:50dvh;position:sticky}.label[data-v-4c94e92b]{color:var(--fg-primary);font-weight:700;text-align:center}.--vertical .label[data-v-4c94e92b]{margin-block-start:var(--sp-xs)}.--horizontal .label[data-v-4c94e92b]{margin-inline-start:var(--sp-xs)}.container[data-v-4c94e92b]{display:flex;height:15px}span[data-v-4c94e92b]{--animation-duration:2s;background-color:var(--fg-primary);border-radius:8px;height:15px;margin:0 15px;width:35px}span[data-v-4c94e92b]:first-child{animation:spin-4c94e92b var(--animation-duration) linear infinite;margin-right:-18px;transform-origin:center left}span[data-v-4c94e92b]:nth-child(2){animation:spin2-4c94e92b var(--animation-duration) linear infinite;animation-delay:.2s;transform-origin:center right}span[data-v-4c94e92b]:nth-child(3){animation:spin3-4c94e92b var(--animation-duration) linear infinite;animation-delay:.3s;transform-origin:center right}span[data-v-4c94e92b]:nth-child(4){animation:spin4-4c94e92b var(--animation-duration) linear infinite;animation-delay:.4s;transform-origin:center right}@keyframes spin-4c94e92b{0%{transform:rotate(0)}25%{transform:rotate(1turn)}30%{transform:rotate(370deg)}35%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes spin2-4c94e92b{0%{transform:rotate(0)}20%{transform:rotate(0)}30%{transform:rotate(-180deg)}35%{transform:rotate(-190deg)}40%{transform:rotate(-180deg)}78%{transform:rotate(-180deg)}95%{transform:rotate(-1turn)}98%{transform:rotate(-370deg)}to{transform:rotate(-1turn)}}@keyframes spin3-4c94e92b{0%{transform:rotate(0)}27%{transform:rotate(0)}40%{transform:rotate(180deg)}45%{transform:rotate(190deg)}50%{transform:rotate(180deg)}62%{transform:rotate(180deg)}75%{transform:rotate(1turn)}80%{transform:rotate(370deg)}85%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes spin4-4c94e92b{0%{transform:rotate(0)}38%{transform:rotate(0)}60%{transform:rotate(-1turn)}65%{transform:rotate(-370deg)}75%{transform:rotate(-1turn)}to{transform:rotate(-1turn)}}}