:root {
  --time: 30s; }

@keyframes topbar-marquee {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-50%); } }

.loomline-topbar-marquee {
  padding: 8px 0;
  background: #000000;
  color: #ffffff; }
  .loomline-topbar-marquee .marquee {
    overflow: hidden;
    white-space: nowrap;
    width: 100%; }
    .loomline-topbar-marquee .marquee__inner {
      display: inline-flex;
      gap: 60px;
      animation: topbar-marquee var(--time) linear infinite;
      /*
   &:hover{
   animation-play-state: paused;
   }
*/ }
      .loomline-topbar-marquee .marquee__inner--item {
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 1.5; }
  @media (max-width: 767px) {
    .loomline-topbar-marquee {
      padding: 5px 0; }
      .loomline-topbar-marquee .marquee__inner {
        gap: 15px; }
        .loomline-topbar-marquee .marquee__inner--item {
          font-size: 12px; } }