.xp-loader{--l-color:#f4a04f;--l-beat:1.4;--l-size:96;--l-gap:1;--l-fill:0.34;display:inline-block;line-height:0}.xp-heart{display:grid;grid-template-columns:repeat(var(--l-cols),1fr);grid-gap:calc(var(--l-size) / var(--l-cols) * var(--l-gap) * 1px);gap:calc(var(--l-size) / var(--l-cols) * var(--l-gap) * 1px);width:calc(var(--l-size) * 1px)}.xp-heart-pixel{aspect-ratio:1;background:var(--l-color);animation-duration:calc(var(--l-beat) * 1s);animation-iteration-count:infinite;animation-fill-mode:both}.xp-heart[data-variant=pulse] .xp-heart-pixel{animation-name:xp-heart-ripple;animation-timing-function:ease-in-out;animation-direction:alternate;animation-delay:calc(var(--l-reach) * var(--l-beat) * -.55s)}.xp-heart[data-variant=blink] .xp-heart-pixel{animation-name:xp-heart-blink;animation-timing-function:step-end}.xp-heart[data-variant=pulse]{animation:xp-heart-breathe calc(var(--l-beat) * 2s) ease-in-out infinite alternate}@keyframes xp-heart-ripple{0%{opacity:.34}to{opacity:1}}@keyframes xp-heart-blink{0%{opacity:1}55%{opacity:.22}to{opacity:1}}@keyframes xp-heart-breathe{0%{transform:scale(.94)}to{transform:scale(1.04)}}.xp-blocks{display:flex;align-items:flex-end;gap:calc(var(--l-size) * var(--l-gap) * 1px);height:calc(var(--l-size) * 2.4px)}.xp-blocks-pixel{width:calc(var(--l-size) * 1px);height:calc(var(--l-size) * 1px);background:var(--l-color);animation-duration:calc(var(--l-beat) * 1s);animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:ease-in-out;animation-delay:calc(var(--l-step) * var(--l-beat) * -1s)}.xp-blocks[data-variant=wave] .xp-blocks-pixel{animation-name:xp-blocks-wave}.xp-blocks[data-variant=center] .xp-blocks-pixel{animation-name:xp-blocks-center;animation-direction:alternate}.xp-blocks[data-variant=steps] .xp-blocks-pixel{animation-name:xp-blocks-steps;animation-timing-function:step-end}@keyframes xp-blocks-wave{0%,to{transform:translateY(0);opacity:.4}35%{transform:translateY(calc(var(--l-size) * -1.2px));opacity:1}}@keyframes xp-blocks-center{0%{transform:scale(.55);opacity:.35}to{transform:scale(1);opacity:1}}@keyframes xp-blocks-steps{0%,to{opacity:.22}25%{opacity:1}50%{opacity:.55}}.xp-bar{display:grid;grid-template-columns:repeat(var(--l-count),1fr);grid-gap:calc(var(--l-size) * 1.2 * var(--l-gap) * 1px);gap:calc(var(--l-size) * 1.2 * var(--l-gap) * 1px);width:100%;min-width:calc(var(--l-count) * var(--l-size) * 1.2px)}.xp-bar-cell{height:calc(var(--l-size) * 1px);background:var(--l-color);opacity:.16}.xp-bar[data-mode=flow] .xp-bar-cell{animation:xp-bar-march calc(var(--l-beat) * 1s) linear infinite;animation-delay:calc(var(--l-step) * var(--l-beat) * -1s)}.xp-bar-cell[data-lit=true]{opacity:1}.xp-bar[data-mode=value] .xp-bar-cell[data-edge=true]{animation:xp-bar-tip calc(var(--l-beat) * .7s) step-end infinite}@keyframes xp-bar-march{0%{opacity:1}16%{opacity:.42}34%,to{opacity:.16}}@keyframes xp-bar-tip{0%,to{opacity:1}50%{opacity:.3}}.xp-pulse{position:relative;display:grid;place-items:center;width:100%;min-height:100%;isolation:isolate}.xp-pulse-overlay{position:fixed;inset:0;z-index:60;background:var(--l-scrim)}.xp-pulse-grid{position:absolute;inset:0;pointer-events:none;background:var(--l-color);-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 calc(var(--l-cell) * var(--l-fill) * 1px),transparent calc(var(--l-cell) * var(--l-fill) * 1px) calc(var(--l-cell) * 1px)),repeating-linear-gradient(0deg,#000 0 calc(var(--l-cell) * var(--l-fill) * 1px),transparent calc(var(--l-cell) * var(--l-fill) * 1px) calc(var(--l-cell) * 1px));mask-image:repeating-linear-gradient(90deg,#000 0 calc(var(--l-cell) * var(--l-fill) * 1px),transparent calc(var(--l-cell) * var(--l-fill) * 1px) calc(var(--l-cell) * 1px)),repeating-linear-gradient(0deg,#000 0 calc(var(--l-cell) * var(--l-fill) * 1px),transparent calc(var(--l-cell) * var(--l-fill) * 1px) calc(var(--l-cell) * 1px));-webkit-mask-composite:source-in,xor;mask-composite:intersect;animation:xp-pulse-breathe calc(var(--l-beat) * 2s) ease-in-out infinite alternate}.xp-pulse-grid[data-phase=b]{-webkit-mask-position:calc(var(--l-cell) * .5px) calc(var(--l-cell) * .5px);mask-position:calc(var(--l-cell) * .5px) calc(var(--l-cell) * .5px);animation-direction:alternate-reverse}.xp-pulse-content{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:18px;gap:18px;padding:24px}@keyframes xp-pulse-breathe{0%{opacity:.05}to{opacity:.14}}.xp-loader-still .xp-bar-cell,.xp-loader-still .xp-blocks-pixel,.xp-loader-still .xp-heart-pixel,.xp-loader-still .xp-pulse-grid,.xp-loader-still.xp-heart{animation:none}.xp-loader-still .xp-heart-pixel{opacity:1}.xp-loader-still .xp-blocks-pixel{opacity:.75;transform:none}.xp-loader-still .xp-pulse-grid{opacity:.09}.xp-loader-still.xp-bar[data-mode=flow] .xp-bar-cell[data-rest=true]{opacity:1}