.yuktera-top-marquee {
  width: 100%;
  height: var(--ytm-height, 40px);
  min-height: var(--ytm-height, 40px);
  background: var(--ytm-bg, #C91E1E);
  color: var(--ytm-text, #fff);
  overflow: hidden;
  position: relative;
  z-index: 999999;
  box-sizing: border-box;
  font-family: inherit;
  font-size: var(--ytm-font, 15px);
  font-weight: var(--ytm-weight, 500);
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.yuktera-top-marquee *,
.yuktera-top-marquee *::before,
.yuktera-top-marquee *::after {
  box-sizing: border-box;
}

.yuktera-top-marquee.is-sticky {
  position: sticky;
  top: 0;
}

body.admin-bar .yuktera-top-marquee.is-sticky {
  top: 32px;
}

.yuktera-top-marquee__viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.yuktera-top-marquee__track {
  display: flex;
  width: max-content;
  min-width: max-content;
  height: 100%;
  align-items: center;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.yuktera-top-marquee.direction-left .yuktera-top-marquee__track {
  animation: ytm-scroll-left var(--ytm-speed, 24s) linear infinite;
}

.yuktera-top-marquee.direction-right .yuktera-top-marquee__track {
  animation: ytm-scroll-right var(--ytm-speed, 24s) linear infinite;
}

.yuktera-top-marquee.pause-hover:hover .yuktera-top-marquee__track {
  animation-play-state: paused;
}

.yuktera-top-marquee__group {
  display: flex;
  flex: none;
  align-items: center;
  height: 100%;
  gap: var(--ytm-gap, 55px);
  padding-right: var(--ytm-gap, 55px);
  box-sizing: border-box;
}

.yuktera-top-marquee__item,
.yuktera-top-marquee__separator {
  flex: none;
  white-space: nowrap;
}

.yuktera-top-marquee__item a,
.yuktera-top-marquee__content {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 1.2;
}

.yuktera-top-marquee__content {
  color: var(--ytm-text, #fff);
}

.yuktera-top-marquee__item a {
  color: var(--ytm-link, #fff);
}

.yuktera-top-marquee__item a:hover,
.yuktera-top-marquee__item a:focus {
  opacity: .86;
  color: var(--ytm-link, #fff);
  text-decoration: none;
  outline-offset: 2px;
}

.yuktera-top-marquee__icon {
  font-size: 1em;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
}

.yuktera-top-marquee__separator {
  opacity: .45;
  margin-left: calc(var(--ytm-gap, 55px) * -0.5);
  margin-right: calc(var(--ytm-gap, 55px) * -0.5);
}

@keyframes ytm-scroll-left {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(-50%, 0, 0); }
}

@keyframes ytm-scroll-right {
  from { transform: translate3d(-50%, 0, 0); }
  to   { transform: translate3d(0, 0, 0); }
}

/* Responsive tablet */
@media (max-width: 782px) {
  body.admin-bar .yuktera-top-marquee.is-sticky {
    top: 46px;
  }

  .yuktera-top-marquee {
    height: auto;
    min-height: clamp(32px, var(--ytm-height, 40px), 48px);
    font-size: min(var(--ytm-font, 15px), 14px);
  }

  .yuktera-top-marquee__viewport,
  .yuktera-top-marquee__track,
  .yuktera-top-marquee__group {
    min-height: inherit;
  }

  .yuktera-top-marquee__group {
    gap: min(var(--ytm-gap, 55px), 34px);
    padding-right: min(var(--ytm-gap, 55px), 34px);
  }

  .yuktera-top-marquee__item a,
  .yuktera-top-marquee__content {
    gap: 6px;
  }
}

/* Responsive phone */
@media (max-width: 480px) {
  .yuktera-top-marquee {
    min-height: clamp(30px, var(--ytm-height, 40px), 42px);
    font-size: min(var(--ytm-font, 15px), 13px);
  }

  .yuktera-top-marquee__group {
    gap: min(var(--ytm-gap, 55px), 24px);
    padding-right: min(var(--ytm-gap, 55px), 24px);
  }

  .yuktera-top-marquee__separator {
    margin-left: -6px;
    margin-right: -6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .yuktera-top-marquee__track {
    animation-play-state: paused !important;
  }
}