.pixel-loading-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.pixel-loading{position:relative;display:grid;place-items:center;width:100%;min-height:7rem;overflow:hidden;isolation:isolate;user-select:none;background-color:transparent}.pixel-loading__label-viewport{position:relative;z-index:1;width:90%;max-width:90%;height:1.4em;overflow:hidden;text-align:center}.pixel-loading__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;line-height:1.4;color:#fff;text-shadow:0 1px 3px rgb(0 0 0/.55),0 0 1px rgb(0 0 0/.35);will-change:transform,opacity}.pixel-loading__label--enter{animation:pixel-loading-label-enter .42s cubic-bezier(.22,1,.36,1) forwards}.pixel-loading__label--exit{animation:pixel-loading-label-exit .42s cubic-bezier(.22,1,.36,1) forwards}@keyframes pixel-loading-label-enter{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pixel-loading-label-exit{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (prefers-reduced-motion:reduce){.pixel-loading__label--enter,.pixel-loading__label--exit{animation:none}}