.track {
    position: relative;
    display: inline-flex;
    background: #E4E7ED;
    border: 0.5px solid rgba(255,255,255,0.1);
    border-radius: 100px;
    padding: 3px;
    cursor: pointer;
  }

  .pill {
    position: absolute;
    top: 3px;
    left: 3px;
    height: calc(100% - 6px);
    background: black;
    border-radius: 100px;
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),
                width 0.3s cubic-bezier(0.4,0,0.2,1);
    pointer-events: none;
  }

  .opt {
    position: relative;
    z-index: 1;
    border-radius: 100px;
    font-weight: 500;
    color: #666C7A;
    transition: color 0.2s;
    white-space: nowrap;
    font-weight: 700;
  }
  
    .opt:not(.active):hover {
      color: #14161A !important;
    }

  .opt.active { color: white; }