:root{
  --chiedia-preloader-navy:#0b1f33;
  --chiedia-preloader-teal:#0ea5a8;
  --chiedia-preloader-text:#536779;
}

html.chiedia-preloader-lock,
body.chiedia-preloader-lock{
  overflow:hidden!important;
}

.chiedia-preloader{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(255,255,255,.985);
  opacity:1;
  visibility:visible;
  transition:opacity .38s ease,visibility .38s ease;
  box-sizing:border-box;
}

.chiedia-preloader.is-visible{
  display:flex;
}

.chiedia-preloader.is-leaving{
  opacity:0;
  visibility:hidden;
}

.chiedia-preloader-inner{
  width:min(680px,100%);
  text-align:center;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  transform:translateY(-8px);
}

.chiedia-preloader-brand{
  margin-bottom:18px;
}

.chiedia-preloader-logo{
  font-size:clamp(42px,7vw,72px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.055em;
  color:var(--chiedia-preloader-navy);
}

.chiedia-preloader-logo span{
  color:var(--chiedia-preloader-teal);
}

.chiedia-preloader-payoff{
  margin-top:8px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--chiedia-preloader-navy);
}

.chiedia-preloader-dots{
  display:flex;
  justify-content:center;
  gap:7px;
  margin:16px 0 18px;
}

.chiedia-preloader-dots i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--chiedia-preloader-teal);
  animation:chiediaDot 1s infinite ease-in-out;
}

.chiedia-preloader-dots i:nth-child(2){
  animation-delay:.15s;
}

.chiedia-preloader-dots i:nth-child(3){
  animation-delay:.3s;
}

.chiedia-preloader-copy{
  max-width:610px;
  margin:0 auto;
  color:var(--chiedia-preloader-text);
  font-size:14px;
  line-height:1.65;
}

@keyframes chiediaDot{
  0%,60%,100%{transform:translateY(0);opacity:.45}
  30%{transform:translateY(-6px);opacity:1}
}

@media(max-width:640px){
  .chiedia-preloader{
    padding:20px;
  }

  .chiedia-preloader-inner{
    transform:none;
  }

  .chiedia-preloader-logo{
    font-size:46px;
  }

  .chiedia-preloader-copy{
    font-size:13px;
    line-height:1.6;
  }
}

@media(prefers-reduced-motion:reduce){
  .chiedia-preloader,
  .chiedia-preloader-dots i{
    transition:none!important;
    animation:none!important;
  }
}