/* Page loader: spinning spokes, shown on page load and when moving to another page */
#hc-loader{
  position:fixed;inset:0;z-index:99999;background:#fff;
  display:flex;align-items:center;justify-content:center;
  opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease;
}
#hc-loader.hc-hide{opacity:0;visibility:hidden;pointer-events:none}
#hc-loader .hc-spin{position:relative;width:64px;height:64px}
#hc-loader .hc-spin i{
  position:absolute;left:50%;top:0;width:5px;height:18px;margin-left:-2.5px;
  border-radius:3px;background:#222;transform-origin:50% 32px;opacity:.12;
  animation:hc-fade 1.2s linear infinite;
}
#hc-loader .hc-spin i:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}
#hc-loader .hc-spin i:nth-child(2){transform:rotate(30deg);animation-delay:-1.0s}
#hc-loader .hc-spin i:nth-child(3){transform:rotate(60deg);animation-delay:-.9s}
#hc-loader .hc-spin i:nth-child(4){transform:rotate(90deg);animation-delay:-.8s}
#hc-loader .hc-spin i:nth-child(5){transform:rotate(120deg);animation-delay:-.7s}
#hc-loader .hc-spin i:nth-child(6){transform:rotate(150deg);animation-delay:-.6s}
#hc-loader .hc-spin i:nth-child(7){transform:rotate(180deg);animation-delay:-.5s}
#hc-loader .hc-spin i:nth-child(8){transform:rotate(210deg);animation-delay:-.4s}
#hc-loader .hc-spin i:nth-child(9){transform:rotate(240deg);animation-delay:-.3s}
#hc-loader .hc-spin i:nth-child(10){transform:rotate(270deg);animation-delay:-.2s}
#hc-loader .hc-spin i:nth-child(11){transform:rotate(300deg);animation-delay:-.1s}
#hc-loader .hc-spin i:nth-child(12){transform:rotate(330deg);animation-delay:0s}
@keyframes hc-fade{0%{opacity:1}100%{opacity:.12}}
@media (prefers-reduced-motion:reduce){#hc-loader .hc-spin i{animation-duration:2.4s}}