.cft-bank-rate-ticker {
  --cft-bank-rate-bg: #0f172a;
  --cft-bank-rate-fg: #f8fafc;
  --cft-bank-rate-accent: #38bdf8;
  width: 100%;
  background: var(--cft-bank-rate-bg);
  color: var(--cft-bank-rate-fg);
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  overflow: hidden;
  line-height: 1.4;
  font-size: 13px;
  position: relative;
  z-index: 20;
}

.cft-bank-rate-ticker__inner {
  display: flex;
  align-items: center;
  min-height: 34px;
  gap: 14px;
  white-space: nowrap;
}

.cft-bank-rate-ticker__label {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  min-height: 34px;
  background: rgba(56, 189, 248, 0.18);
  color: #e0f2fe;
  font-weight: 600;
}

.cft-bank-rate-ticker__track-wrap {
  flex: 1 1 auto;
  overflow: hidden;
}

.cft-bank-rate-ticker__track {
  display: inline-flex;
  align-items: center;
  gap: 28px;
  min-width: 100%;
  padding-left: 100%;
  animation-name: cft-bank-rate-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 45s;
}

.cft-bank-rate-ticker:hover .cft-bank-rate-ticker__track {
  animation-play-state: paused;
}

.cft-bank-rate-ticker__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--cft-bank-rate-fg);
}

.cft-bank-rate-ticker__dot {
  color: var(--cft-bank-rate-accent);
}

.cft-bank-rate-ticker__link {
  flex: 0 0 auto;
  color: #e0f2fe;
  padding: 0 12px;
  text-decoration: none;
  border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.cft-bank-rate-ticker__link:hover,
.cft-bank-rate-ticker__link:focus {
  color: #ffffff;
  text-decoration: none;
}

@keyframes cft-bank-rate-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media (max-width: 767px) {
  .cft-bank-rate-ticker {
    font-size: 12px;
  }

  .cft-bank-rate-ticker__label {
    padding: 0 8px;
  }

  .cft-bank-rate-ticker__link {
    padding: 0 8px;
  }
}