@layer components{.x-loading-mark{--draw:.9s;--lap:1.9s;height:auto;display:block;overflow:visible}.x-loading-mark-fill{fill:var(--alpha,#6cff8d)}.x-loading-mark-line,.x-loading-mark-lap{display:none}@media (prefers-reduced-motion:no-preference){.x-loading-mark-line,.x-loading-mark-lap{fill:none;stroke-linejoin:round;stroke-linecap:round;display:block}.x-loading-mark-fill{animation:x-loading-mark-flood calc(var(--draw) * .4) ease-out calc(var(--draw) * .62) both}.x-loading-mark-line{stroke:var(--alpha,#6cff8d);stroke-width:2.6px;stroke-dasharray:137.58 275.16;animation:x-loading-mark-head var(--draw) ease-out both, x-loading-mark-settle calc(var(--draw) * .3) ease-out calc(var(--draw) * .7) both}.x-loading-mark-line[data-head=b]{animation-name:x-loading-mark-head-back,x-loading-mark-settle}.x-loading-mark-lap{stroke:var(--beta,#8627ff);stroke-width:3px;stroke-dasharray:34 241.16;animation:x-loading-mark-lap var(--lap) linear var(--draw) infinite, x-loading-mark-flood calc(var(--draw) * .3) ease-out var(--draw) both}}@keyframes x-loading-mark-flood{0%{opacity:0}to{opacity:1}}@keyframes x-loading-mark-settle{to{stroke-opacity:0}}@keyframes x-loading-mark-head{0%{stroke-dashoffset:137.58px}to{stroke-dashoffset:0}}@keyframes x-loading-mark-head-back{0%{stroke-dashoffset:137.58px}to{stroke-dashoffset:275.16px}}@keyframes x-loading-mark-lap{to{stroke-dashoffset:-275.16px}}}