#html-preloader {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  animation: rotator 1.4s linear infinite;
  background-color: #fff; }
  #html-preloader svg circle {
    stroke-linecap: "round";
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    stroke-width: 7px;
    transform-origin: center;
    animation: dash 1.4s ease-in-out infinite; }
    body.theme-default #html-preloader svg circle {
      stroke: #778fa9; }
    body.theme-dark #html-preloader svg circle {
      stroke: #5a5a63; }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 187; }
  50% {
    stroke-dashoffset: 46.75;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 187;
    transform: rotate(450deg); } }
  #html-preloader.media-v2 svg circle {
    stroke: #000000 !important; }