:root {
  /* Настройки бегущей строки */
  --marquee-duration: 75.66125s;
  --marquee-delay: 0s;

  /* Основные стили */
  --marquee-padding: 10px 20px 20px 20px;
  --marquee-padding-line: 10px 5px 20px 5px;
  --marquee-font-family: "Oswald", sans-serif;
  --marquee-font-size: 1.7rem;
  --marquee-title-font-size: 1.7rem;
  --marquee-title-border-color: #cbd1e1;
  --marquee-title-color: #e6f0fa;
  --marquee-title-bg-gradient: linear-gradient(
    to right,
    #183658 0%,
    #425a76 50%,
    #425a76 50%,
    #183658 100%
  );
  --marquee-content-bg-gradient: linear-gradient(
    to right,
    #343e61 0%,
    #596ca4 15%,
    #596ca4 85%,
    #343e61 100%
  );
  --marquee-gradient-left-bg: linear-gradient(to left, transparent, #343e61);
  --marquee-gradient-right-bg: linear-gradient(to right, transparent, #343e61);
  --marquee-line-color: white;
  --marquee-line-items-gap: 50px;
}

.rfm-marquee {
  --duration: var(--marquee-duration) !important;
  --delay: var(--marquee-delay) !important;
}

.overlay-marquee-wrapper {
  width: 100%;
  display: flex;
}

.overlay-marquee-title,
.overlay-marquee-line {
  padding: var(--marquee-padding);
  text-align: center;
  font-family: var(--marquee-font-family);
  font-optical-sizing: auto;
  font-style: normal;
  text-wrap: nowrap;
}

.overlay-marquee-line {
  padding: var(--marquee-padding-line);
}

.overlay-marquee-title {
  text-transform: uppercase;
  font-size: var(--marquee-title-font-size);
  border-right: 4px solid var(--marquee-title-border-color);
  color: var(--marquee-title-color);
  width: fit-content;
  white-space: nowrap;
  background: var(--marquee-title-bg-gradient);
  display: flex;
  align-items: center;
}

.overlay-marquee-content {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: var(--marquee-content-bg-gradient);
  text-align: center;
  width: 100%;
  justify-content: center;
}

.overlay-marquee-gradient-left,
.overlay-marquee-gradient-right {
  height: 100%;
  width: 30px;
  position: absolute;
  z-index: 10;
}

.overlay-marquee-gradient-left {
  left: 0;
  background: var(--marquee-gradient-left-bg);
}

.overlay-marquee-gradient-right {
  right: 0;
  background: var(--marquee-gradient-right-bg);
}

.overlay-marquee-line {
  color: var(--marquee-line-color);
  font-size: var(--marquee-font-size);
  overflow: hidden;
}

.rfm-marquee-container .overlay-marquee-line-item {
  margin-right: var(--marquee-line-items-gap);
}
