[data-md-color-scheme="youtube"] {
  --md-primary-fg-color: #ee0f0f;
  --md-primary-fg-color--light: #ecb7b7;
  --md-primary-fg-color--dark: #90030c;
}

[data-md-color-scheme="slate"] {
  --md-hue: 210;
}

@keyframes heart {
  0%,
  40%,
  80%,
  100% {
    transform: scale(1);
  }
  20%,
  60% {
    transform: scale(1.5);
  }
}
.heart {
  animation: heart 1000ms infinite;
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 70px;
  aspect-ratio: 1;
  background: conic-gradient(
    from -45deg,
    #8a8780 90deg,
    #94ba65 0 180deg,
    #2790b0 0 270deg,
    #2b4e72 0
  );
  animation: l20 2s infinite;
}
@keyframes l20 {
  0% {
    clip-path: polygon(0 0, 100% 0, 50% 50%);
  }
  25% {
    clip-path: polygon(100% 0, 100% 100%, 50% 50%);
  }
  50% {
    clip-path: polygon(100% 100%, 0 100%, 50% 50%);
  }
  75% {
    clip-path: polygon(0 100%, 0 0, 50% 50%);
  }
  100% {
    clip-path: polygon(0 0, 100% 0, 50% 50%);
  }
}