.hb-coin{--coin-size: 4.8rem;position:relative;display:inline-block;flex:none;width:var(--coin-size);aspect-ratio:1;background:center / contain no-repeat;filter:drop-shadow(0 calc(var(--coin-size) * .04) calc(var(--coin-size) * .05) rgba(0,0,0,.16))}.hb-coin--bronze{background-image:url(loyalty-coin-bronze.webp)}.hb-coin--silver{background-image:url(loyalty-coin-silver.webp)}.hb-coin--gold{background-image:url(loyalty-coin-gold.webp)}.hb-coin:not(.hb-coin--plain)>.hb-coin__face{display:none}.hb-coin--plain{--coin-hi: #ffffff;--coin-mid: #f6d2e2;--coin-lo: #e58fb5;--coin-rim: #e7a3c1;--coin-ink: #b8296a;--coin-glint: rgba(255, 255, 255, .8);border-radius:50%;background:radial-gradient(circle at 32% 26%,var(--coin-hi) 0%,transparent 46%),linear-gradient(145deg,var(--coin-mid) 18%,var(--coin-lo) 86%);box-shadow:inset 0 0 0 calc(var(--coin-size) * .035) var(--coin-rim),inset 0 calc(var(--coin-size) * .03) calc(var(--coin-size) * .03) var(--coin-glint),inset 0 calc(var(--coin-size) * -.04) calc(var(--coin-size) * .06) #0000002e,0 calc(var(--coin-size) * .05) calc(var(--coin-size) * .12) #00000029;filter:none}.hb-coin--plain:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border-radius:50%;border:max(1px,calc(var(--coin-size) * .012)) solid rgba(255,255,255,.55);box-shadow:0 0 0 max(1px,calc(var(--coin-size) * .012)) #0000001f,inset 0 calc(var(--coin-size) * .02) calc(var(--coin-size) * .04) #0000001f}.hb-coin__face{position:absolute;top:0;right:0;bottom:0;left:0;filter:drop-shadow(0 max(1px,calc(var(--coin-size) * .012)) 0 var(--coin-glint)) drop-shadow(0 calc(var(--coin-size) * -.008) 0 rgba(0,0,0,.22))}.hb-coin__mark{position:absolute;top:17%;right:12%;bottom:19%;left:12%;background:var(--coin-ink);-webkit-mask:url(hb-monogram.png) center / contain no-repeat;mask:url(hb-monogram.png) center / contain no-repeat}.hb-coin-stack{display:inline-flex;align-items:center}.hb-coin-stack>.hb-coin+.hb-coin{margin-inline-start:calc(var(--coin-size) * -.1)}
/*# sourceMappingURL=/cdn/shop/t/355/assets/loyalty-coin.css.map */