:root{--variant-badge-position-left: .75rem;--variant-badge-background: rgba(0, 0, 0, 0);--variant-badge-top: -.5rem}:is(.preview,.previewHolder).hasBadge,:is(.preview,.previewHolder).variantBadge{--variant-badge-background: linear-gradient(180deg, rgba(0, 0, 0, 0) calc(50% - 1px), var(--background-color) calc(50% - 1px))}:is(.preview,.previewHolder).hasBadge .preview__card:before,:is(.preview,.previewHolder).variantBadge .preview__card:before{content:attr(data-badge-name);position:absolute;top:var(--variant-badge-top);left:var(--variant-badge-position-left);padding:0 .25rem;color:#e7a90f;font-family:PT Sans Narrow,Open Sans,sans-serif;font-size:.75rem;font-weight:700;background:var(--variant-badge-background);line-height:1rem;text-transform:uppercase;white-space:nowrap}:is(.preview,.previewHolder).hasBadge.isSpaced .preview__card,:is(.preview,.previewHolder).variantBadge.isSpaced .preview__card{padding-top:1.125rem}:is(.preview,.previewHolder).hasBadge.isSpaced .preview__card:before,:is(.preview,.previewHolder).variantBadge.isSpaced .preview__card:before{top:-.125rem}