#ez-toc {
  position: sticky;
  top: calc(var(--header-height, 0rem) + var(--admin-bar-height, 0rem) + 1.6rem);
  &-container {
    display: none;
    background-color: $gray-light;
    border-radius: 1rem;
    padding: 3.2rem;

    @include media-min($medium) {
      display: block;
    }

    .ez-toc-title-container {
      font-size: 2rem;
      color: $black;
      padding-bottom: 1.6rem;
      border-bottom: 1px solid $border-color;
    }

    ul {
      list-style: none;
    }

    .ez-toc-list {
      padding-top: 1.6rem;
    }

    .ez-toc-link {
      color: $black-600;
      line-height: 4.4rem;
      display: block;
      padding-left: 1.6rem;
      &:hover {
        color: $black;
        background-color: $gray;
      }
    }

    .ez-toc-heading-level-3 {
      .ez-toc-link {
        padding-left: 3.2rem;
      }
    }
  }
}