.module {
  @reference "@src/styles/global.css";
  
  @apply m-3 py-3 text-sm font-normal;

  & p {
    @apply px-1 leading-relaxed;
  }

  @media only screen and (width <= 1200px) {
    @apply leading-normal;
  }

  & h1 {
    @apply pl-2 text-4xl font-medium font-mono;
  }

  & .class {
    @apply my-8 border-l-3 border-t-1 border-mid-grey pl-2;

    & h2 {
      @apply font-mono;
    }

    & .attr {
    }

    & .inherited {
    }
  }

  & .function {
    @apply my-4 border-l border-mid-grey bg-dark-grey px-0.5 flex flex-col;

    & h2 {
      @apply font-mono;
    }

    & .decorator {
      @apply text-sm font-medium font-mono p-1;
    }

    & .content {
      @apply flex mb-2 text-xs items-start border-t-2 border-theme bg-darker-grey p-3 font-mono font-light;
    }

    & .name {
      @apply font-normal;
    }

    & .multiline {
      @apply flex-col;

      & .pr {
        @apply pl-2;
      }

      & .param {
        @apply pl-2;
      }
    }

    & .signature {
      @apply flex flex-wrap;

      & .param {
        @apply font-light text-xs;

        & .pn {
        }

        & .pc {
          @apply text-xxs;
        }

        & .pa {
          @apply font-extralight text-xxs;
        }
      }

      & .pt {
      }

      & .pr {
        @apply font-extralight text-xxs;
      }
    }
  }

  & .param-set {
    @apply flex items-start border-t border-mid-grey bg-darker-grey py-1;

    & .def {
      @apply flex min-w-[180px] max-w-[230px] flex-col py-1;
    }

    & .name {
      @apply px-1 text-xs font-semibold;
    }

    & .type {
      @apply px-1 text-xs font-light;
    }

    & .desc {
      @apply flex w-full flex-col text-xs font-light;

      & p {
        @apply text-xs font-light;
      }
    }
  }
}
