/*============================
  59.loader
============================*/
#loader-wrapper {
  background-color: var(--white-color);
  height: 100%;
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  bottom: 0;
}
#loader-wrapper #loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  inset-inline-start: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loader-wrapper #loader img {
  width: auto;
  height: 100px;
}
#loader-wrapper #loader .loader-line {
  display: inline-grid;
  width: 40px;
  aspect-ratio: 1;
  margin: 30px;
}
#loader-wrapper #loader .loader-line::before,
#loader-wrapper #loader .loader-line::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  background: repeating-conic-gradient(#cf3425 0 60deg, #111827 0 120deg);
}
#loader-wrapper #loader .loader-line::before {
  transform: rotate(0turn) translate(100%) rotate(0turn);
  animation: l5 4s linear infinite;
}
#loader-wrapper #loader .loader-line::after {
  padding: 20%;
  mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
  scale: -1 1;
}
#loader-wrapper2 {
  display: flex;
  position: fixed;
  background: #8a8a8bc2;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  z-index: 999999;
  align-items: center;
  justify-content: center;
}
#loader-wrapper2 img {
  max-width: 70px;
}
@keyframes l5 {
  to {
    transform: rotate(1turn) translate(100%) rotate(1turn);
  }
}