/* The native value reserves its final size throughout the count-in. */
.woven-number{position:relative;font-variant-numeric:tabular-nums}
.garden-date .medallion strong.woven-number{display:inline-block;vertical-align:top}
.woven-number .number-actual{display:inline-block}
.woven-number.number-is-counting .number-actual{opacity:0}
.woven-number .number-reel{position:absolute;inset:0;overflow:hidden;pointer-events:none;text-align:center;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.woven-number .number-reel[hidden]{display:none}
.number-reel-current,.number-reel-next{position:absolute;inset:0;display:grid;place-items:center;white-space:nowrap}
@media(prefers-reduced-motion:reduce){.woven-number.number-is-counting .number-actual{opacity:1}.woven-number .number-reel{display:none}}
@media print{.woven-number.number-is-counting .number-actual{opacity:1}.woven-number .number-reel{display:none}}