/* Shared Loader Component */
:root {
  --loader-backdrop: rgb(10 25 47 / 88%);
  --loader-border: rgb(255 255 255 / 12%);
  --loader-text:#f0f4ff;
  --loader-accent: var(--hx-accent-orange,#F77F00);
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader { /* stylelint-disable-line selector-id-pattern */
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:var(--loader-backdrop);
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-backdrop-filter:blur(14px); /* stylelint-disable-line property-no-vendor-prefix */
  backdrop-filter:blur(14px);
  transition:opacity .45s ease, visibility .45s ease;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader.hidden { /* stylelint-disable-line selector-id-pattern */
  opacity:0;
  visibility:hidden;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .loader-shell { /* stylelint-disable-line selector-id-pattern */
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:18px;
  padding:34px 44px 40px;
  border:1px solid var(--loader-border);
  border-radius:22px;
  background:linear-gradient(160deg, rgb(255 255 255 / 5%), rgb(255 255 255 / 1.5%));
  box-shadow:0 8px 40px -8px rgb(0 0 0 / 55%), 0 0 0 1px rgb(255 255 255 / 5%) inset;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .logo { /* stylelint-disable-line selector-id-pattern */
  font-size:1.15rem;
  font-weight:600;
  letter-spacing:.5px;
  display:flex;
  align-items:center;
  gap:.5rem;
  color:var(--loader-text);
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .logo img { /* stylelint-disable-line selector-id-pattern */
  height:34px;
  width:auto;
  filter:drop-shadow(0 2px 4px rgb(0 0 0 / 45%));
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .spinner { /* stylelint-disable-line selector-id-pattern */
  width:52px;
  height:52px;
  position:relative;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .spinner::before, #qkLoader .spinner::after { /* stylelint-disable-line selector-id-pattern */
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  border:4px solid transparent;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .spinner::before { /* stylelint-disable-line selector-id-pattern */
  border-top-color:var(--loader-accent);
  border-right-color:var(--loader-accent);
  animation:spin 1s linear infinite;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .spinner::after { /* stylelint-disable-line selector-id-pattern */
  border-bottom-color:rgb(255 255 255 / 35%);
  border-left-color:rgb(255 255 255 / 18%);
  animation:spin 1.6s linear infinite reverse;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .msg { /* stylelint-disable-line selector-id-pattern */
  font-size:.9rem;
  color:var(--loader-text);
  opacity:.9;
  text-align:center;
  max-width:280px;
  line-height:1.4;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .progress-bar { /* stylelint-disable-line selector-id-pattern */
  position:relative;
  width:160px;
  height:6px;
  background:rgb(255 255 255 / 8%);
  border-radius:4px;
  overflow:hidden;
}
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

#qkLoader .progress-bar span { /* stylelint-disable-line selector-id-pattern */
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--loader-accent),#FFC837);
  width:40%;
  animation:bar-move 1.8s ease-in-out infinite;
  border-radius:4px;
}

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

@keyframes bar-move { 0%{
   transform:translateX(-60%);
 }

 50%{
   transform:translateX(40%);
 }

 100%{
   transform:translateX(160%);
 } }

@media (prefers-reduced-motion:reduce){ #qkLoader .spinner::before,#qkLoader .spinner::after{ /* stylelint-disable-line selector-id-pattern */
   animation:none;
 }
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */
/* stylelint-disable-next-line selector-id-pattern */

 #qkLoader .progress-bar span { /* stylelint-disable-line selector-id-pattern */
   animation:none;
   width:60%;
 } }