.throbber-line {
      display: flex;
      gap: 5px;
      align-items: center;
    }
 
    .seg {
      width: 28px;
      height: 7px;
      background: #231F20;
      border-radius: 2px;
      opacity: 0.15;
      animation: appear 1.6s linear infinite;
    }
 
    .seg:nth-child(1) { animation-delay: 0s; }
    .seg:nth-child(2) { animation-delay: 0.2s; }
    .seg:nth-child(3) { animation-delay: 0.4s; }
    .seg:nth-child(4) { animation-delay: 0.6s; }
    .seg:nth-child(5) { animation-delay: 0.8s; }
    .seg:nth-child(6) { animation-delay: 1.0s; }
    .seg:nth-child(7) { animation-delay: 1.2s; }
    .seg:nth-child(8) { animation-delay: 1.4s; }
 
    @keyframes appear {
      0%   { opacity: 1; }
      100% { opacity: 0.15; }
    }