/* CasinoLab cryptocurrency market tape: self-contained, white-page friendly. */
.clmt-root {
  --clmt-green: #249866;
  --clmt-red: #e4524c;
  --clmt-gold: #e3a700;
  --clmt-text: #111315;
  --clmt-muted: #62676e;
  --clmt-border: #ebebeb;
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--clmt-max-width, 1140px);
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--clmt-text);
  background: transparent !important;
  isolation: isolate;
  font-family: 'Roboto', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.clmt-root *, .clmt-root *::before, .clmt-root *::after { box-sizing: border-box; }
.clmt-root .clmt-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 6px 0;
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%);
  mask-image: linear-gradient(90deg,transparent 0,#000 2%,#000 98%,transparent 100%);
}
.clmt-root .clmt-track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  transform: translate3d(0,0,0);
  animation: clmt-ticker-scroll var(--clmt-duration, 75s) linear infinite;
  will-change: transform;
}
.clmt-root .clmt-strip {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 16px;
  padding: 0 16px 0 0;
}
.clmt-root .clmt-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 278px;
  width: 278px;
  min-height: 146px;
  gap: 9px;
  margin: 0 !important;
  padding: 17px 17px 16px !important;
  background: #ffffff;
  border: 1px solid var(--clmt-border);
  border-radius: 12px;
  box-shadow: 0 4px 22px rgba(0,0,0,.045);
  color: var(--clmt-text);
  text-decoration: none !important;
  transition: box-shadow .2s ease, border-color .2s ease;
  cursor: default;
}
.clmt-root a.clmt-card { cursor: pointer; }
.clmt-root a.clmt-card:hover,
.clmt-root a.clmt-card:focus-visible {
  border-color: #f2c658;
  box-shadow: 0 5px 22px rgba(0,0,0,.09);
}
.clmt-root .clmt-card-text { min-width: 0; flex: 1 1 auto; }
.clmt-root .clmt-name {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  line-height: 1.25;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0;
  color: #2e3033;
  white-space: nowrap;
}
.clmt-root .clmt-name img { display: block; width: 32px; height: 32px; object-fit: contain; flex: 0 0 32px; margin: 0; padding: 0; }
.clmt-root .clmt-name span { overflow: hidden; text-overflow: ellipsis; }
.clmt-root .clmt-price {
  margin: 10px 0 5px;
  line-height: 1.15;
  font-size: 21px;
  font-weight: 700;
  letter-spacing: -.6px;
  color: #141414;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.clmt-root .clmt-change {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.clmt-root .clmt-change svg { display:block; flex-shrink: 0; width: 19px; height: 19px; }
.clmt-root .clmt-negative { color: var(--clmt-red); }
.clmt-root .clmt-negative svg { transform: rotate(180deg); }
.clmt-root .clmt-positive { color: var(--clmt-green); }
.clmt-root .clmt-neutral { color: #9ba0a6; }
.clmt-root .clmt-spark {
  display: block;
  overflow: visible;
  flex: 0 0 116px;
  width: 116px;
  height: 45px;
  margin: 10px 0 0;
  padding: 0;
}
.clmt-root .clmt-spark .clmt-line {
  fill: none;
  stroke: #9ea4ad;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.clmt-root .clmt-spark .clmt-area { fill: #9ea4ad; fill-opacity: .09; stroke: none; }
.clmt-root .clmt-card.clmt-is-positive .clmt-spark .clmt-line { stroke: var(--clmt-green); }
.clmt-root .clmt-card.clmt-is-positive .clmt-spark .clmt-area { fill: var(--clmt-green); fill-opacity: .085; }
.clmt-root .clmt-card.clmt-is-negative .clmt-spark .clmt-line { stroke: var(--clmt-red); }
.clmt-root .clmt-card.clmt-is-negative .clmt-spark .clmt-area { fill: var(--clmt-red); fill-opacity: .085; }
.clmt-root .clmt-sr-only {
  position: absolute!important;
  height:1px!important; width:1px!important;
  clip-path:inset(50%)!important; overflow:hidden!important; white-space:nowrap!important;
}
@keyframes clmt-ticker-scroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }
.clmt-root.clmt-pause-hover:hover .clmt-track,
.clmt-root .clmt-track:focus-within { animation-play-state: paused; }
@media (max-width: 767px) {
  .clmt-root .clmt-strip { gap: 12px; padding-right: 12px; }
  .clmt-root .clmt-card { width: 246px; flex-basis: 246px; min-height: 130px; padding: 14px !important; }
  .clmt-root .clmt-spark { width: 87px; flex-basis: 87px; height: 41px; }
  .clmt-root .clmt-name { font-size: 12px; }
  .clmt-root .clmt-name img { width: 28px; height: 28px; flex-basis: 28px; }
  .clmt-root .clmt-price { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  .clmt-root .clmt-track { animation: none !important; }
  .clmt-root .clmt-viewport { overflow-x: auto; scrollbar-width: thin; -webkit-mask-image:none; mask-image:none; }
  .clmt-root .clmt-strip[aria-hidden="true"] { display:none; }
}