/* checkout-loader.css */
html.loading #checkout-main{
  visibility:hidden;
}

#loader-block{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  animation:fadeIn .35s both;
}

#loader-block .spin{
  width:90px;
  height:90px;
  animation:spin 1.4s linear infinite;
  transform-origin:center;
}

#loader-block .track{
  stroke:#333333;
  opacity:.85;
}

#loader-block .arc{
  stroke:#C8A177;
  stroke-linecap:round;
  stroke-dasharray:90 283;
  stroke-dashoffset:0;
  filter:drop-shadow(0 0 6px rgba(202,189,115,0.9));
  animation:dash 1.4s ease-in-out infinite;
  transform-origin:center;
}

#loader-block p{
  margin-top:1.6rem;
  font:600 1.12rem/1.3 "Nunito Sans",sans-serif;
  letter-spacing:.03em;
  color:#C8A177;
}

@keyframes spin{
  100%{transform:rotate(360deg)}
}

@keyframes dash{
  0%  {stroke-dasharray:1 283;   stroke-dashoffset:0}
  50% {stroke-dasharray:110 283; stroke-dashoffset:-35}
  100%{stroke-dasharray:1 283;   stroke-dashoffset:-283}
}

@keyframes fadeIn{
  from{opacity:0}
  to  {opacity:1}
}