.heart-definitions { position: absolute; pointer-events: none; }
.heart-artwork { position: relative; width: 100%; aspect-ratio: 736 / 640; }
.heart-portrait-window { position: absolute; inset: 0; clip-path: url(#heart-portrait-clip); }
.heart-artwork .heart-portrait,
.heart-artwork .heart-frame { position: absolute; display: block; margin: 0; aspect-ratio: auto; object-fit: cover; }
.heart-portrait-box { position: absolute; overflow: hidden; left: 19.7%; top: 18.515625%; width: 59.239130435%; height: 62.5%; }
.heart-artwork .heart-portrait { inset: 0; width: 100%; height: 100%; filter: none; }
.heart-artwork[data-original-portrait] .heart-portrait-box { inset: 0; width: 100%; height: 100%; }
.heart-artwork .heart-frame { inset: 0; width: 100%; height: 100%; object-position: 50% 50%; clip-path: url(#heart-frame-clip); filter: url(#remove-lace-red); pointer-events: none; }
.heart-control-preview { background: var(--heart-preview-background); margin-bottom: 15px; }