.app-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:#f5f5f7;
  color:#1d1d1f;
  transition:opacity .24s ease,visibility .24s ease;
}

.app-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.app-loader-card{
  display:grid;
  justify-items:center;
  gap:14px;
  padding:24px;
}

.app-loader-mark{
  width:138px;
  height:56px;
  object-fit:contain;
}

.app-loader-ring{
  width:38px;
  height:38px;
  border-radius:999px;
  border:3px solid rgba(29,29,31,.14);
  border-top-color:#1d1d1f;
  animation:karrionLoaderSpin .82s linear infinite;
}

.app-loader-text{
  margin:0;
  color:#6e6e73;
  font-size:13px;
  font-weight:600;
}

@keyframes karrionLoaderSpin{
  to{transform:rotate(360deg)}
}

@media (prefers-reduced-motion:reduce){
  .app-loader-ring{animation:none;border-color:#1d1d1f}
  .app-loader{transition:none}
}