.support-strip {
  --support-strip-bg: #ffc107;
  --support-strip-text: #212121;
  --support-strip-phone: #d32f2f;
  --support-strip-icon: #212121;
  --support-strip-pad-y: 10px;
  --support-strip-pad-x: 16px;
  --support-strip-gap: 20px;
  --support-strip-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;

  background: var(--support-strip-bg);
  color: var(--support-strip-text);
  font-family: var(--support-strip-font);
  font-size: 14px;
  line-height: 1.45;
  padding: var(--support-strip-pad-y) 0;
  overflow: hidden;
	width: 100vw;
}

.support-strip__viewport {
  width: 100%;
  overflow: hidden;
	justify-content: center;
  display: flex;
}

.support-strip__track {
  display: flex;
  width: max-content;
  will-change: transform;
}

.support-strip.is-marquee .support-strip__track {
  animation: support-strip-marquee var(--support-strip-marquee-duration, 22s)
    linear infinite;
}

.support-strip.is-marquee:hover .support-strip__track,
.support-strip.is-marquee:focus-within .support-strip__track {
  animation-play-state: paused;
}

@keyframes support-strip-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.support-strip__segment {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: var(--support-strip-gap);
  padding: 0 var(--support-strip-pad-x);
  white-space: nowrap;
}

.support-strip__lead {
  font-weight: 700;
  color: var(--support-strip-text);
}

.support-strip__block {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.support-strip__icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  color: var(--support-strip-icon);
}

.support-strip__label {
  font-weight: 400;
}

.support-strip__phones {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  font-weight: 700;
  color: var(--support-strip-phone);
}

.support-strip__phones a {
  color: inherit;
  text-decoration: none;
}

.support-strip__phones a:hover,
.support-strip__phones a:focus {
  text-decoration: underline;
}

.support-strip__sep {
  color: var(--support-strip-text);
  font-weight: 400;
  opacity: 0.7;
  user-select: none;
}

.support-strip__divider {
  display: inline-block;
  width: 1px;
  height: 1.1em;
  background: currentColor;
  opacity: 0.45;
  margin: 0 4px;
  flex-shrink: 0;
}

@media (min-width: 992px) {
  .support-strip {
    font-size: 15px;
  }

  .support-strip__segment {
    justify-content: center;
    margin: 0 auto;
  }
}
