.ticker_tape_outer {
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    margin-bottom: 10px;
  }

  .ticker_tape_outer div {
    display: inline-block;
    height: 26px;
    position: relative;
    overflow: hidden;
  }

  .ticker_tape_container {
    animation: marquee 60s linear infinite;
  }

  .ticker_tape {
    min-width: 104px;
    padding: 4px 8px 4px 8px;
    border-width: 0px 1px 0px 0px;
    border-color: #D9D9D9;
    border-style: solid;
  }

  .ticker_tape a {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    gap: 5px;
  }

  .ticker_tape_outer:hover .ticker_tape_container{
    animation-play-state: paused;
  }

  .ticker_tape:hover {
    background-color: rgb(243 244 245);
    cursor: pointer;
  }

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

  .ticker_tape_ticker{
    font-family: sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #05274C;
  }

  .ticker_tape_data{
    font-family: sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding-left: 5px;
    svg{
      display: inline-block;
    }
  }

  .ticker_percentage {
    min-width: 26px !important;
    top: -2px !important;
  }

  .ticker-positive{
    color: #56bb79;
    display: inline-flex;
    align-items: center;
  }

  .ticker-negative{
    color: #cf4141;
    display: inline-flex;
    align-items: center;
  }

  .dot-pulse {
    margin-left: 10px;
    height: 5px !important;
    width: 5px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
    top: -4px;
  }

  @keyframes l5 {
    0% {
        box-shadow: 10px 0 #999, -10px 0 #0002;
        background: #999
    }

    33% {
        box-shadow: 10px 0 #999, -10px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 10px 0 #0002, -10px 0 #999;
        background: #0002
    }

    100% {
        box-shadow: 10px 0 #0002, -10px 0 #999;
        background: #999
    }
  }

  @media screen and (max-width: 767px) {
    @supports (-webkit-appearance:none) {
      .ticker-positive {
        margin-top: 5px;
      }

      .ticker-negative {
        margin-top: 5px;
      }
    }
  }

  /* Media query for screens with a maximum width of 767px */
  @media screen and (max-width: 767px) {
    .ticker_tape_outer div {
      height: 21px;
    }

    .ticker_tape_ticker{
      font-size: 10px;
    }

    .ticker_tape_data{
      font-size: 10px;
      padding-left: 1px;
    }

    .ticker_percentage{
      top: -7px !important;
    }

    .ticker_tape {
      min-width: 92px;
    }

    .dot-pulse {
      top: unset;
    }
  }

#block-basic-tickertapeblock {
    display: block;
    background: #fff;
}