.rg-heart{--rg-heart-size:var(--rg-glyph-md);inline-size:var(--rg-heart-size);block-size:var(--rg-heart-size);filter:drop-shadow(0 calc(var(--rg-u) * 2) calc(var(--rg-u) * 2) rgb(var(--rg-rgb-black) / 40%));place-items:center;display:inline-grid}.rg-heart__shape{background:var(--rg-color-heart);clip-path:polygon(50% 92%,12% 56%,4% 33%,12% 13%,31% 5%,50% 22%,69% 5%,88% 13%,96% 33%,88% 56%);block-size:90%;inline-size:90%}.rg-heart--off .rg-heart__shape{background:var(--rg-color-glyph-off)}.rg-heart--small{--rg-heart-size:var(--rg-glyph-sm)}.rg-heart--large{--rg-heart-size:var(--rg-glyph-lg)}[data-rg-skin=enamel] .rg-heart{filter:drop-shadow(var(--rg-u) 0 0 var(--rg-color-accent-dark)) drop-shadow(calc(var(--rg-u) * -1) 0 0 var(--rg-color-accent-dark)) drop-shadow(0 var(--rg-u) 0 var(--rg-color-accent-dark)) drop-shadow(0 calc(var(--rg-u) * -1) 0 var(--rg-color-accent-dark)) drop-shadow(0 calc(var(--rg-u) * 2) calc(var(--rg-u) * 2) rgb(var(--rg-rgb-black) / 40%))}[data-rg-skin=enamel] .rg-heart--off{filter:drop-shadow(var(--rg-u) 0 0 var(--rg-color-glyph-off-deep)) drop-shadow(calc(var(--rg-u) * -1) 0 0 var(--rg-color-glyph-off-deep)) drop-shadow(0 var(--rg-u) 0 var(--rg-color-glyph-off-deep)) drop-shadow(0 calc(var(--rg-u) * -1) 0 var(--rg-color-glyph-off-deep))}[data-rg-skin=gloss] .rg-heart{filter:drop-shadow(0 calc(var(--rg-u) * 2) calc(var(--rg-u) * 3) rgb(var(--rg-rgb-shadow) / 45%))}