.sticky {
    position: sticky;
    top: 0;
    background: var(--bg);
    z-index: 1;
}

[data-play]::before,
[data-heart]::before {
    filter: brightness(0);
    vertical-align: sub;
    margin: 0 5px;
    line-height: 1em;
}


[data-heart="false"]::before {
    content: url(/images/icons/Heart.svg);
}

[data-heart="true"]::before {
    content: url(/images/icons/HeartFilled.svg);
}


[data-play="false"]::before {
    content: url(/images/icons/play.svg);
}

[data-play="true"]::before {
    content: url(/images/icons/pause.svg);
}

button.big.white.shrink {
    width: 100%;
    max-width: fit-content;
}

.flex.semiGaped {
    gap: 10px;
}