/* Adapted from https://uiverse.io/dexter-st/wicked-elephant-4 (MIT). */
.spectrum-loading{position:relative;isolation:isolate;min-width:0;width:100%;padding:18px 12px 8px;text-align:center;color:inherit;border-radius:18px;background:linear-gradient(110deg,#18bba00a,#78bcf810);overflow:hidden}
.spectrum-loading__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:66px;max-width:420px;margin:auto;isolation:isolate}
.spectrum-loading__light{position:absolute;inset:-10px 0;z-index:-1;overflow:hidden;mask:repeating-linear-gradient(90deg,transparent 0,transparent 5px,#000 6px,#000 7px)}
.spectrum-loading__light::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 45% 50%,#18cbb688,transparent 50%),radial-gradient(ellipse at 58% 45%,#76bdfa88,transparent 45%),radial-gradient(ellipse at 66% 55%,#b1a0ef44,transparent 40%);animation:spectrum-sweep 3.6s ease-in-out infinite;will-change:transform;opacity:0}
.spectrum-loading__letters{display:flex;justify-content:center;flex-wrap:wrap;font-size:clamp(14px,2.5vw,18px);font-weight:600;letter-spacing:.09em;line-height:1.8}
.spectrum-loading__letters>span{display:inline-block;animation:spectrum-letter 3.6s ease-in-out infinite;animation-delay:var(--letter-delay);opacity:1}
.spectrum-loading__hint{margin:0;font-size:12px;line-height:1.6;max-height:0;overflow:hidden;visibility:hidden;animation:spectrum-slow 0s 10s forwards}
.spectrum-loading__accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes spectrum-sweep{0%{transform:translateX(-65%);opacity:0}20%{opacity:1}75%{opacity:.65}100%{transform:translateX(65%);opacity:0}}
@keyframes spectrum-letter{0%,35%,100%{transform:translateY(0);text-shadow:none}12%{transform:translateY(-2px);text-shadow:0 0 14px #22c7b799}}
@keyframes spectrum-slow{to{visibility:visible;max-height:10em;margin-top:4px}}
@media(max-width:480px){.spectrum-loading{padding:12px 10px 6px}.spectrum-loading__stage{min-height:58px}.spectrum-loading__letters{letter-spacing:.04em}.spectrum-loading__hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){.spectrum-loading__light{display:none}.spectrum-loading__letters>span{animation:none;transform:none;text-shadow:none}}
.no-motion .spectrum-loading__light{display:none}.no-motion .spectrum-loading__letters>span{animation:none;transform:none;text-shadow:none}
