.rewards-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  line-height: 1.2;
  span {
    font-size: 4.5rem;
    font-weight: 600;
    color: var(--primary);
  }
}

.small-content {
  text-align: center;
  img {
    max-width: 25rem;
  }
  .text-align-center {
    .cta {
      margin: 0 auto;
      margin-inline: auto;
    }
  }
}

#block-tabs {
  position: relative;
  nav {
    margin: 2rem 2rem 0;
    width: calc(100% - 4rem);
    max-width: 28rem;
    ul {
      position: relative;
      margin: 0;
      padding: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      li {
        position: relative;
        margin: 0;
        list-style: none;
        a {
          padding: 1rem;
          color: var(--primary);
        }
        &:after {
          content: "";
          position: absolute;
          display: block;
          left: 0;
          top: 2rem;
          bottom: 0;
          width: 0;
          height: 2px;
          background-color: var(--primary);

          transition: width 0.3s var(--ease);
        }
        &:hover {
          &:after {
            width: 100%;
          }
        }
        &.is-active {
          &::after {
            width: 100%;
            background-color: #fff;
          }
          a {
            text-align: center;
            font-weight: 700;
            text-decoration: none;
          }
        }
      }
    }
  }
  &.block-local-tasks-block {
    nav {
      margin: 0 auto 3rem;
      max-width: 1200px;
    }
  }
}

/* // tabs */
#block-tabs {
  nav {
    ul {
      li {
        &:hover {
          &:after {
            width: 100%;
          }
        }
        &.is-active {
          &::after {
            background-color: var(--primary);
          }
        }
      }
    }
  }
}

#block-returntotop {
  position: fixed;
  bottom: -3rem;
  right: 3rem;
  width: 3rem;
  height: 3rem;
  background-color: var(--primary);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="59" viewBox="0 0 41 59" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 58.1562C18.2909 58.1562 16.5 56.3654 16.5 54.1562L16.5 14.6562C16.5 12.4471 18.2909 10.6562 20.5 10.6562C22.7091 10.6562 24.5 12.4471 24.5 14.6562L24.5 54.1562C24.5 56.3654 22.7091 58.1562 20.5 58.1562Z" fill="%23FFFFFF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 24.9847C-0.390526 23.4226 -0.390526 20.8899 1.17157 19.3278L20.5 -0.000603618L39.8284 19.3278C41.3905 20.8899 41.3905 23.4226 39.8284 24.9847C38.2663 26.5468 35.7337 26.5468 34.1716 24.9847L20.5 11.3131L6.82843 24.9847C5.26633 26.5468 2.73367 26.5468 1.17157 24.9847Z" fill="%23FFFFFF"/></svg>');
  background-size: 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 0 0.5rem rgb(0, 0, 0, 0.5);
  border-radius: 100vmax;
  cursor: pointer;
  z-index: 99;
  transition: 0.3s bottom var(--ease);

  &.show {
    bottom: 5rem;
  }
}
[data-theme="dark"] {
  #block-returntotop {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="41" height="59" viewBox="0 0 41 59" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M20.5 58.1562C18.2909 58.1562 16.5 56.3654 16.5 54.1562L16.5 14.6562C16.5 12.4471 18.2909 10.6562 20.5 10.6562C22.7091 10.6562 24.5 12.4471 24.5 14.6562L24.5 54.1562C24.5 56.3654 22.7091 58.1562 20.5 58.1562Z" fill="%23222222"/><path fill-rule="evenodd" clip-rule="evenodd" d="M1.17157 24.9847C-0.390526 23.4226 -0.390526 20.8899 1.17157 19.3278L20.5 -0.000603618L39.8284 19.3278C41.3905 20.8899 41.3905 23.4226 39.8284 24.9847C38.2663 26.5468 35.7337 26.5468 34.1716 24.9847L20.5 11.3131L6.82843 24.9847C5.26633 26.5468 2.73367 26.5468 1.17157 24.9847Z" fill="%23222222"/></svg>');
  }
}

.tier-table {
  position: relative;
  padding: 0;
  margin: 0 auto;

  table {
    width: 100%;
    margin: 2rem 0;
  }

  tr {
    td {
      font-size: 1rem;
      padding: 0.5rem 1rem;
      height: 3rem;
      p {
        margin-bottom: 0;
        font-size: 1rem;
      }
    }
    td:nth-child(1) {
      width: 14rem;
    }
  }
  tr:nth-child(1) {
    background-color: var(--background-accent);
  }
  tr:nth-child(2) {
    background-color: transparent;
    td {
      text-align: center;
      img {
        display: inline-block;
        width: 100%;
        height: auto;
        max-width: 5rem;
        aspect-ratio: 4 / 2.5;
      }
    }
  }
  tr:nth-child(n + 3) {
    td {
      border-top: solid 1px var(--accent);
    }

    td:nth-child(2) {
      background-color: var(--lifestyle);
    }
    td:nth-child(3) {
      background-color: var(--silver);
    }
    td:nth-child(4) {
      background-color: var(--gold);
    }
    td:nth-child(5) {
      background-color: var(--platinum);
    }
    td:nth-child(6) {
      background-color: var(--emerald);
    }
    td:nth-child(7) {
      background-color: var(--ruby);
    }
    td:nth-child(8) {
      background-color: var(--diamond);
    }
    td.full {
      background-color: var(--background-accent);
    }
  }

  /* repush */

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