.tabs {
    width: 100%;
    margin: 0 auto;
    display: none;
    color: #F8F8F8;
  }

  .go-back {
    button {
      background: none;
      border: none;
      cursor: pointer;
      color: #161616;
    }
  }

  .tab-list {
    display: flex;
    justify-content: space-evenly;
    gap: 8px;
    background-color: #fff;
    padding: 8px;
    border-radius: 8px;
  }

  .tab-header {
      .card-data {
          padding: 10px 0;
      }
  }

  .tab-list.hide {
      display: none;
  }

  .tab-button-container {
    width: 100%;
    display: flex;
  }

  .tab-button {
      padding: 10px 20px;
      cursor: pointer;
      border: none;
      background: none;
      font-size: 16px;
      color: #242424;
      transition: background 0.3s;
      width: 100%;
      border-radius: 10px;
      justify-content: center;
      font-weight: 400;
      &.active {
        color: #216fed;
        font-weight: 600;
      }
  }

  .tab-button-container.active {
    border-radius: 10px;
    background-color: #EBF2FF;
    color: #216fed;
}

  .tab-button-container:hover {
    border-radius: 10px;
    background-color: #216fed33;
    cursor: pointer;
}

  .tab-content {
    padding: 2px 0px;
    border-top: none;
  }

  .tab-content-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .styled-card-details-container {
      margin-top: 10px;
  }

  .card-meta-data-container.active {
    padding: 12px 6px;
    display: grid;
    grid-template-columns: 85% 15%;
    background-color: #FFFFFF;
    border-radius: 6px;
}

  .card-meta-data-container {
    border-bottom: none;
    border-radius: 6px;
    }

  .styled-card-meta-data {
    padding: 0 5px;
    display: flex;
    flex-direction: column;
    gap: 3px;
  }

  .field-title {
    color: #242424;
    font-family: 'Neurial Grotesk', sans-serif;
    font-weight: 600;
    font-size: 16px;
  }

  .styled-copy-block {
    display: flex;
    color: #242424;
    font-weight: 600;
    gap: 0.5rem;
    align-items: center;
    font-size: 0.875rem;
    cursor: pointer;
    justify-content: flex-end;
    button {
        color: #4E4E4E !important;
    }
  }

  .wrap {
    max-width: 95%;
    word-wrap: break-word;
    color: #4E4E4E;
    font-size: 14px;
  }

  button {
    background: none;
    border: none;
    cursor: pointer;
    color: #216fed;
  }

  button img {
    width: 16px;
    vertical-align: middle;
    margin-right: 5px;
  }