.hub-tape{display:none}

@media(min-width:981px){
  .hub-tape{
    display:block;
    position:relative;
    overflow:hidden;
    background:#171b20;
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(215,174,99,.45);
    color:#f4f5f6;
    min-height:48px;
  }

  .hub-tape::before,
  .hub-tape::after{
    content:"";
    position:absolute;
    z-index:4;
    top:0;
    bottom:0;
    width:54px;
    pointer-events:none;
  }

  .hub-tape::before{
    left:0;
    background:linear-gradient(90deg,#171b20 15%,rgba(23,27,32,0));
  }

  .hub-tape::after{
    right:0;
    background:linear-gradient(270deg,#171b20 15%,rgba(23,27,32,0));
  }

  .hub-tape__rail{
    display:flex;
    width:max-content;
    min-width:100%;
    will-change:transform;
    animation:hub-tape-scroll 58s linear infinite;
  }

  .hub-tape:hover .hub-tape__rail,
  .hub-tape:focus-within .hub-tape__rail{
    animation-play-state:paused;
  }

  .hub-tape__group{
    display:flex;
    align-items:center;
    flex-shrink:0;
    min-height:48px;
  }

  .hub-tape__item{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:48px;
    padding:0 20px;
    border-right:1px solid rgba(255,255,255,.12);
    color:#edf0f2;
    text-decoration:none;
    white-space:nowrap;
    font-size:.76rem;
    letter-spacing:.025em;
  }

  .hub-tape__item:hover,
  .hub-tape__item:focus-visible{
    background:#252b32;
    outline:none;
  }

  .hub-tape__label{
    color:#d9aa55;
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.12em;
    text-transform:uppercase;
  }

  .hub-tape__text{
    color:#f0f2f3;
    font-weight:500;
  }

  .hub-tape__item--field{
    background:linear-gradient(90deg,rgba(201,154,67,.18),rgba(201,154,67,.05));
    border-top:2px solid #d7ae63;
  }

  .hub-tape__item--field .hub-tape__label{
    color:#f1bf62;
  }

  .hub-tape__item--field .hub-tape__label::before{
    content:"⚡ ";
  }

  .hub-tape__item--hub .hub-tape__label{
    color:#d7ae63;
  }

  .hub-tape__item--market .hub-tape__label{
    color:#d7dadd;
  }

  .hub-tape__item--market .hub-tape__text{
    font-variant-numeric:tabular-nums;
    color:#dfe2e5;
  }

  .hub-tape__item--news .hub-tape__label{
    color:#9fa6ae;
  }

  .hub-tape__stamp{
    position:absolute;
    z-index:5;
    top:0;
    left:0;
    bottom:0;
    display:flex;
    align-items:center;
    padding:0 16px;
    background:#c99a43;
    color:#1c2127;
    font-size:.64rem;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    box-shadow:12px 0 24px rgba(0,0,0,.22);
  }

  .hub-tape__inner{
    padding-left:114px;
    overflow:hidden;
  }

  .hub-tape__status{
    position:absolute;
    right:10px;
    bottom:2px;
    z-index:6;
    color:#8f969f;
    font-size:.52rem;
    letter-spacing:.08em;
    text-transform:uppercase;
    pointer-events:none;
  }

  @keyframes hub-tape-scroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }

  @media(prefers-reduced-motion:reduce){
    .hub-tape__rail{animation:none;overflow-x:auto}
  }
}