#loader {
  position: fixed;
  inset: 0;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  background: radial-gradient(
    rgb(0, 0, 0) 
  );

  transition: opacity 0.6s ease, visibility 0.6s ease;
}

#loader dotlottie-wc {
  filter: invert(50%) sepia(78%) saturate(380%) hue-rotate(359deg) brightness(94%) contrast(93%);
}


#loader.hidden {
  opacity: 0;
  visibility: hidden;
}