/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[5]!./src/components/general/running-line/index.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Running Line — Infinite Marquee
 * ─────────────────────────────────
 * .running-line        → outer clip container (overflow: hidden)
 * .running-line__track → scrolling track; two copies are placed
 *                        side-by-side by JS using absolute positioning.
 */
.running-line {
  --running-line-height: 40px;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1030;
  width: 100%;
  height: 40px; /* fixed height; tracks fill this */
  overflow: hidden;
  background-color: var(--color-bg-primary);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.running-line:hover .running-line__track, .running-line:focus-within .running-line__track {
  /* rAF respects this via _pause/_resume handlers in JS */
}

.running-line__track {
  position: absolute; /* both copies live in the same box */
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap; /* items must stay on ONE line */
  align-items: center;
  height: 100%;
  white-space: nowrap;
  will-change: transform; /* GPU layer hint */
}

.running-line__item {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}

.running-line__item span,
.running-line__item a {
  color: var(--color-white);
}

.running-line__item span:not(:empty), .running-line__item span:not(.running-line__item span.offset_none) {
  margin-right: 10px;
}

.running-line__item a {
  text-decoration: none;
  transition: opacity 0.2s ease;
}

@media (hover: hover) and (pointer: fine) {
  .running-line__item a:hover {
    opacity: 0.7;
  }
}
.running-line__sep {
  flex-shrink: 0;
  width: 16px;
  height: auto;
  margin: 0 20px;
}