@use '@inside-library/styles/mixins/partials/common-mixin' as *;

.list-ged {
  cursor: pointer;

  @include tablet {
    padding: 0 var(--spacing-m);
  }

  li {
    padding: 1rem 0;
    color: var(--color-text-light);
    font-size: 13px;

    i {
      color: var(--color-primary);
    }

    svg {
      fill: var(--color-text);
    }

    &:first-of-type {
      display: flex;
      align-items: center;

      svg {
        margin-right: var(--spacing-m);
      }

      p {
        overflow-wrap: anywhere;
      }
    }
  }

  li.bookmark {
    margin-right: var(--spacing-s);
  }

  .content__edit {
    opacity: 0;

    @include transition(opacity 0.4s);
  }

  &__wrapper {
    &--underlined {
      .list-ged--master {
        position: relative;

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          left: 1.5rem;
          width: calc(100% - 3rem);
          height: 0.1rem;
          background-color: var(--color-primary);
        }
      }
    }

    ul.list-ged {
      &--declension .list-ged__title {
        padding-left: 35px;
      }
    }
  }
}
