.ks-chart-individual {
  @media screen and (max-width: 767px) {
    padding-bottom: 4rem;
  }

  & .ks-html-content {
    a span {
      color: black !important;
    }

    p {
      margin-bottom: 0.625rem;
    }
  }

  & .ks-html-content:last-of-type {
    text-transform: initial;
    width: 16.125rem;

    a {
      line-height: 1.25rem;
    }
  }

  & .ks-table-content-wrapper {
    margin-bottom: 1.875rem;
  }

  @media screen and (min-width: 600px) {
    & .ks-table-content-wrapper {
      margin-bottom: 2.5rem;
    }
  }

  & .ks-table-content-wrapper:nth-child(4) {
    margin-bottom: 2.25rem;
    position: relative;

    .ks-table-wrapper table tbody {
      tr:nth-child(1) {
        td:first-of-type {
          font-weight: 700 !important;
        }
      }

      tr:nth-child(2) {
        order: -1;

        td:first-of-type {
          font-weight: 700 !important;
        }
      }
    }
  }

  @media screen and (min-width: 600px) {
    & .ks-table-content-wrapper:nth-child(4) {
      margin-bottom: 1.625rem;
    }
  }

  @media screen and (max-width: 420px) {
    & .ks-table-content-wrapper:nth-child(4) {
      table {
        border: 0;

        tbody {
          padding-bottom: 1.25rem;

          tr {
            td:first-child {
              border-left: 1px solid #e6e6e6;
            }

            td:last-child {
              border-right: 1px solid #e6e6e6;
            }
          }

          tr:nth-child(2) {
            td {
              border-top: 1px solid #e6e6e6;
            }
          }

          tr:last-child {
            td {
              border-bottom: 1px solid #e6e6e6;
            }
          }
        }
      }
    }
  }

  .ks-table {
    table-layout: fixed;

    tr td {
      padding: 0.625rem 0.75rem;
      height: 3.125rem;
      font-size: 0.75rem;
      text-align: left;
      width: 100% !important;
      border-top: 0;
      border-left: 0;
      display: flex !important;
      align-items: center;

      &.ks-table-header-cell {
        font-weight: 400 !important;
      }
    }
  }

  @media screen and (max-width: 420px) {
    .ks-table tr td {
      min-width: 83px;
    }
  }
}

.ks-table-wrapper table tbody {
  display: flex !important;
  flex-direction: column;

  tr {
    border-block: unset;
    display: flex !important;

    td:last-of-type {
      border-right: 0;
    }
  }

  tr:last-of-type {
    td {
      border-bottom: 0;
    }
  }
}

@media screen and (max-width: 767px) {
  .ks-table-wrapper {
    overflow: visible;
  }
}

.ks-toggle-style-1 {
  .ks-unit-toggle-wrapper {
    margin-bottom: 1.25rem;

    .ks-unit-toggle-label {
      color: black;
      font-weight: normal;
      padding: 0;
      border-left: 0 !important;
      position: relative;
      display: flex;
      align-items: center;
      height: 1.25rem;

      &:not(.kiwi-active)::before {
        content: '';
        position: absolute;
        border: 1px solid #D8D7D5;
        border-radius: 1.875rem;
        width: 36px;
        height: 20px;
        top: -1px;
      }

      &:not(.kiwi-active)::after {
        content: '';
        position: absolute;
        background-color: black;
        border-radius: 1.875rem;
        width: 12px;
        height: 12px;
        aspect-ratio: 1/1;
        top: 3px;
      }
    }

    .ks-unit-toggle-label:first-child {
      &:not(.kiwi-active)::before {
        right: -2.875rem;
      }

      &:not(.kiwi-active)::after {
        right: -2.625rem;
      }
    }

    .ks-unit-toggle-label:last-child {
      &:not(.kiwi-active)::before {
        left: -2.875rem;
      }

      &:not(.kiwi-active)::after {
        left: -2.625rem;
      }
    }
  }

  .ks-unit-toggle {
    margin: 0;
    height: 2.125rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 3.5rem;
    font-size: 11px;
    overflow: unset;
  }
}

.ks-i18n-conversion {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px !important;
  height: 2.125rem;
  text-transform: uppercase !important;
  padding-left: 9px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-top: 3px;
  background: transparent;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M0.373703 0.353577L4.3737 4.85358L8.8737 0.353577" stroke="black"/></svg>');
  background-repeat: no-repeat;
  background-position-x: calc(100% - 10px);
  background-position-y: 13px;
  border: 1px solid #E6E6E6;
}

@media screen and (min-width: 600px) {
  .ks-i18n-conversion {
    width: 260px !important;
  }
}