@keyframes heart {
    0%,
    40%,
    80%,
    100% {
        transform: scale(1);
    }
    20%,
    60% {
        transform: scale(1.15);
    }
}

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

.emoji {
    color: #ffc83d;
}


/* start image admonition*/

:root {
    --md-admonition-icon--image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"/></svg>')
}

.md-typeset .admonition.image,
.md-typeset details.image {
    border-color: rgb(0, 176, 255);
}

.md-typeset .image>.admonition-title,
.md-typeset .image>summary {
    background-color: rgba(0, 176, 255, 0.1);
}

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


/* end image admonition*/
