.legal-page--top-left.topo {
  background-color: #12140c;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(185, 242, 13, 0.06) 1px, transparent 0),
    radial-gradient(circle at top left, rgba(185, 242, 13, 0.12), transparent 25%),
    linear-gradient(180deg, #12140c 0%, #0e1008 100%);
  background-size: 36px 36px;
  background-repeat: repeat, no-repeat, no-repeat;
}

.legal-page--top-right.topo {
  background-color: #12140c;
  background-image:
    radial-gradient(circle at 1px 1px, rgba(185, 242, 13, 0.07) 1px, transparent 0),
    radial-gradient(circle at top right, rgba(185, 242, 13, 0.14), transparent 30%),
    linear-gradient(180deg, #12140c 0%, #0e1008 100%);
  background-size: 36px 36px;
  background-repeat: repeat, no-repeat, no-repeat;
}

details > summary {
  list-style: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

details .details-content {
  display: grid;
  grid-template-rows: 0fr;
  transition:
    grid-template-rows 0.5s cubic-bezier(0.16, 1, 0.3, 1),
    opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  opacity: 0;
}

details[open] .details-content {
  grid-template-rows: 1fr;
  opacity: 1;
}

details .details-inner {
  overflow: hidden;
}

details summary .chevron {
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

details[open] summary .chevron {
  transform: rotate(180deg);
}