.price-pill {
  display: inline-flex; align-items:center; justify-content:flex-end;
  position:relative; white-space:nowrap; font-variant-numeric:tabular-nums; line-height:1;
  padding:.22em .4em; min-height:1.45em; border-radius:999px;
  isolation:isolate; transition:color .3s ease;
}
.price-pill[data-trend=down] {color:var(--price-down,#346747)}
.price-pill[data-trend=up] {color:var(--price-up,#914e48)}
.price-wash{position:absolute;inset:0;z-index:-1;border-radius:inherit;transform-origin:right;transition:background-color .3s ease}
[data-trend=down] > .price-wash{background:var(--wash-down,#e2efe5)}
[data-trend=up] > .price-wash{background:var(--wash-up,#f5e7e5)}
.price-pill number-flow {--number-flow-mask-height:.3em; position:relative; margin-block:-.3em; font-kerning:none}
.trend-arrow {display:inline-block;line-height:1;font-size:.76em;margin-inline-end:.25em;rotate:0deg;transition:rotate .5s cubic-bezier(.22,.8,.22,1)}
[data-trend=down] > .trend-arrow {rotate:-180deg}
@media(prefers-reduced-motion:reduce){.price-pill,.price-wash,.trend-arrow{transition:none}}