.vi-loading{--vi-veil: var(--canvas, #f3f4f6);--vi-ink: var(--ink, #111827);--vi-glow: rgba(17, 24, 39, .12);--vi-vignette: rgba(17, 24, 39, .1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;overflow:hidden;color:var(--vi-ink);visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease-out,visibility 0s linear .15s}@media(prefers-color-scheme:dark){html:not([data-theme=light]) .theme-auto .vi-loading{--vi-glow: rgba(255, 255, 255, .16);--vi-vignette: rgba(0, 0, 0, .5)}}html[data-theme=dark] .theme-auto .vi-loading{--vi-glow: rgba(255, 255, 255, .16);--vi-vignette: rgba(0, 0, 0, .5)}.vi-loading.is-open{visibility:visible;opacity:1;pointer-events:auto;transition:opacity .15s ease-out}.vi-loading.is-instant{transition:none}.vi-loading__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--vi-veil)}.vi-loading__vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 35%,var(--vi-vignette) 100%)}.vi-loading__glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(closest-side,var(--vi-glow),transparent);opacity:0}.vi-loading__lockup{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px}.vi-loading__mark{width:96px}.vi-loading__name svg{display:block;height:30px;width:auto;overflow:visible}@media(min-width:640px){.vi-loading__lockup{flex-direction:row;gap:30px}.vi-loading__mark{width:128px}.vi-loading__name svg{height:42px}.vi-loading__glow{width:520px;height:520px}}.vi-loading__mark svg{display:block;width:100%;height:auto;overflow:visible;transform-origin:72% 50.8%}.vi-loading__mark path,.vi-loading__name path{fill-opacity:0;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-dasharray:var(--len, 600);stroke-dashoffset:var(--len, 600)}.vi-loading__name path{stroke-width:1.2}.vi-loading__spark{fill:currentColor;opacity:0;offset-rotate:0deg;filter:drop-shadow(0 0 3px currentColor)}.vi-loading__hint{position:absolute;bottom:14%;margin:0;font-family:inherit;font-size:14px;line-height:1.4;color:var(--vi-ink);opacity:0;transition:opacity .5s ease-out}.vi-loading__hint.is-visible{opacity:.65}.vi-loading.is-open .vi-loading__mark path{animation:vi-trace .6s ease-out forwards,vi-fill .35s ease-out .5s forwards,vi-breathe 1.6s ease-in-out calc(1s + var(--i, 0) * .12s) infinite}.vi-loading.is-open .vi-loading__spark{animation:vi-spark .6s linear forwards}.vi-loading.is-open .vi-loading__name path{animation:vi-trace .45s ease-out calc(.3s + var(--i, 0) * 70ms) forwards,vi-fill .3s ease-out calc(.65s + var(--i, 0) * 70ms) forwards}.vi-loading.is-open .vi-loading__glow{animation:vi-glow 1.6s ease-in-out .9s infinite}.vi-loading.is-open .vi-loading__mark svg{animation:vi-seek 3.2s ease-in-out 1s infinite}.vi-loading.is-drawn .vi-loading__mark path{fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0;animation:vi-click .4s ease-in-out,vi-breathe 1.6s ease-in-out calc(.4s + var(--i, 0) * .12s) infinite}.vi-loading.is-drawn .vi-loading__spark{animation:none}.vi-loading.is-drawn .vi-loading__name path{animation:none;fill-opacity:1;stroke-opacity:0;stroke-dashoffset:0}.vi-loading.is-drawn .vi-loading__glow{animation:vi-glow 1.6s ease-in-out infinite}.vi-loading.is-drawn .vi-loading__mark svg{animation:vi-seek 3.2s ease-in-out infinite}.vi-loading.is-opening{opacity:0;transition:opacity .3s ease-out}@keyframes vi-trace{to{stroke-dashoffset:0}}@keyframes vi-spark{0%{offset-distance:0%;opacity:1}85%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes vi-fill{to{fill-opacity:1;stroke-opacity:0}}@keyframes vi-breathe{0%,to{transform:translate(0)}50%{transform:translate(calc(var(--dx, 0) * 5px),calc(var(--dy, 0) * 5px))}}@keyframes vi-click{0%,to{transform:translate(0)}35%{transform:translate(calc(var(--dx, 0) * -2px),calc(var(--dy, 0) * -2px))}70%{transform:translate(calc(var(--dx, 0) * 4px),calc(var(--dy, 0) * 4px))}}@keyframes vi-glow{0%,to{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}@keyframes vi-seek{0%,55%{rotate:0deg}68%,85%{rotate:9deg}to{rotate:0deg}}@media(prefers-reduced-motion:reduce){.vi-loading.is-open .vi-loading__mark path{animation:vi-trace .6s ease-out forwards,vi-fill .35s ease-out .5s forwards}.vi-loading.is-drawn .vi-loading__mark path{animation:none}.vi-loading.is-open .vi-loading__spark,.vi-loading.is-open .vi-loading__glow,.vi-loading.is-drawn .vi-loading__glow,.vi-loading.is-open .vi-loading__mark svg,.vi-loading.is-drawn .vi-loading__mark svg{animation:none}}