.price-ticker { display: block; position: relative; background: var(--pt-background); color: var(--pt-text); font-size: var(--pt-font-size); font-weight: var(--pt-font-weight, 500); letter-spacing: normal; }
.price-ticker__viewport { overflow: hidden; min-height: var(--pt-height); display: flex; align-items: center; direction: ltr; }
.price-ticker__viewport:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
.price-ticker__track { display: flex; flex: none; width: max-content; direction: ltr; will-change: transform; }
.price-ticker__group { display: flex; flex: none; align-items: center; }
.price-ticker__item { display: flex; flex: none; align-items: center; gap: .5em; padding: 4px 24px; white-space: nowrap; line-height: 1.5; }
.price-ticker__item:not([data-ready]) { display: none; }
.price-ticker__label { text-transform: capitalize; }
.price-ticker__price { font-variant-numeric: tabular-nums; font-size: inherit; }
.price-ticker__change { font-variant-numeric: tabular-nums; font-weight: inherit; white-space: pre; }
.price-ticker__change[data-direction="up"] { color: var(--pt-up); }
.price-ticker__change[data-direction="down"] { color: var(--pt-down); }
.price-ticker__status { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.price-ticker__editor { display: block; padding: 4px 16px; font-size: 12px; font-weight: 400; letter-spacing: normal; }
.price-ticker__editor:empty { display: none; }
@media (prefers-reduced-motion: reduce) {
  .price-ticker__track { will-change: auto; }
  .price-ticker__viewport { overflow-x: auto; }
  .price-ticker__group[aria-hidden="true"] { display: none; }
}