@keyframes heart {

  0%,
  40%,
  80%,
  100% {
    transform: scale(1);
  }

  20%,
  60% {
    transform: scale(1.15);
  }
}

.heart {
  animation: heart 1000ms infinite;
  color: #e91e63;
}

.experimental {
  color: rgb(124, 77, 255)
}

:root {
  --md-success-invert-color: #fff;
  --md-success-color: #107c10;
}

:root>* {
  --md-primary-fg-color: #211f42;
  --md-primary-fg-color--light: #211f42;
  --md-primary-fg-color--dark: #211f42;
  --md-accent-fg-color: #2cb7be;
  --md-code-hl-constant-color: #2cb7be;
}

:root {
  --md-admonition-icon--experimental: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M8 8.807V3.5h-.563a.75.75 0 0 1 0-1.5h9.125a.75.75 0 0 1 0 1.5H16v5.307l5.125 9.301c.964 1.75-.302 3.892-2.299 3.892H5.174c-1.998 0-3.263-2.142-2.3-3.892L8 8.807zM14.5 3.5h-5V9a.75.75 0 0 1-.093.362L7.127 13.5h9.746l-2.28-4.138A.75.75 0 0 1 14.5 9V3.5zM4.189 18.832 6.3 15h11.4l2.111 3.832a1.125 1.125 0 0 1-.985 1.668H5.174a1.125 1.125 0 0 1-.985-1.668z"/></svg>')
}

.md-typeset .admonition.experimental,
.md-typeset details.experimental {
  border-color: rgb(124, 77, 255)
}

.md-typeset .experimental>.admonition-title,
.md-typeset .experimental>summary {
  background-color: rgba(124, 77, 255, .1);
  ;
  border-color: rgb(124, 77, 255);
}

.md-typeset .experimental>.admonition-title::before,
.md-typeset .experimental>summary::before {
  background-color: rgb(124, 77, 255);
  -webkit-mask-image: var(--md-admonition-icon--experimental);
  mask-image: var(--md-admonition-icon--experimental);
}

.md-header__title {
  margin-top: 10px;
}