.about-campus .about-details-toggle .icon {
  width: 18px;
  height: 18px;
}

.about-campus details[open] .about-details-toggle {
  transform: rotate(90deg);
}

@media screen and (prefers-reduced-motion: no-preference) {
  .about-campus .about-details-toggle {
    transition: transform 180ms cubic-bezier(.2,.7,.25,1), color 160ms ease-out;
  }

  @supports (interpolate-size: allow-keywords) and selector(details::details-content) {
    .about-campus details {
      interpolate-size: allow-keywords;
    }

    .about-campus details::details-content {
      height: 0;
      overflow: clip;
      opacity: 0;
      transition: height 190ms cubic-bezier(.2,.7,.25,1),
        opacity 160ms ease-out,
        content-visibility 190ms allow-discrete;
    }

    .about-campus details[open]::details-content {
      height: auto;
      opacity: 1;
    }
  }
}