.install-code-wrapper > .button svg {
  @apply w-6 h-6;
}

.release-body {
  margin-top: 2rem;
  word-break: break-word;
}

.release-body h1 {
  @apply heading-2 mt-12;
}
.release-body h2 {
  @apply heading-3 mt-12;
}

.release-body h3 {
  @apply heading-4;
}
.release-body h4 {
  @apply heading-5;
}
.release-body h5 {
  @apply heading-6;
}

.release-body ul,
.release-body li {
  @apply list-disc;
}

.releases-nav {
  @apply top-12 sticky self-start w-max;
}

.release > h2 {
  @apply mt-0;
}

.release > h2 a {
  color: var(--fg-color);
}

.releases-list {
  @apply flex flex-col gap-32;
}

.releases-wrapper {
  @apply md:grid gap-12 relative mt-12;
  grid-template-columns: 160px minmax(0, 1fr);
}

.releases-nav ul {
  @apply hidden list-none m-0 md:flex flex-col gap-2 border-l-4 pl-4;
  border-color: var(--fg-color);
}

.releases-nav ul li {
  @apply m-0 relative ml-1 text-sm;
}

.releases-nav ul li:before {
  content: "";
  @apply h-1 w-4 block absolute top-1/2 -left-5 -translate-y-1/2;
  background-color: var(--fg-color);
}

.releases-nav ul li a {
  @apply decoration-transparent underline-offset-2 hover:underline;
  color: var(--fg-color);
}

.release-info {
  @apply flex items-center gap-8 text-base;
}

.prereleases-toggle {
  @apply hidden relative md:flex items-center mb-6 w-max;
}

.prereleases-toggle input {
  @apply h-5 w-5 rounded;
  color: var(--fg-color);
}

.prereleases-toggle label {
  @apply font-medium ml-3;
}

.release-info svg {
  @apply w-6 h-6;
}

.release-info > span {
  @apply flex gap-2 items-center;
}
