@property --price-num{syntax: "<integer>"; initial-value: 0; inherits: false;}.pricing-number[data-astro-cid-v2ky6hjp]{--price-num: 0;counter-reset:price var(--price-num);transition:--price-num .6s ease-out}.pricing-number[data-astro-cid-v2ky6hjp]:before{content:counter(price)}.pricing-period[data-astro-cid-v2ky6hjp]:before{content:attr(data-monthly);transition:opacity .3s ease-out}.pricing-period[data-astro-cid-v2ky6hjp].yearly:before{content:attr(data-yearly)}