@media (min-width: 64rem) {
  .electiveContentWrap {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }
  .electiveContent .accordion {
    grid-column: 1/2;
  }
  .electiveContent .accordionSummary {
    border: 0;
    width: 100%;
    -webkit-clip-path: none;
            clip-path: none;
  }
  .electiveContent .accordionSummaryWrap {
    width: 100%;
  }
  .electiveContent .accordionContent {
    position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
  }
  .electiveContent .accordion[open] .accordionSummaryIcon svg {
    opacity: 1;
    transform: rotate(-90deg);
  }
  .electiveContent .accordion[open] .accordionSummaryIcon use {
    fill: #ffffff;
  }
  .electiveContent .accordionSummaryIcon svg {
    opacity: 1;
    transform: rotate(90deg);
  }
  .electiveContent [open].accordion .accordionSummary {
    -webkit-clip-path: none;
            clip-path: none;
  }
  @supports not selector(*:focus-visible) {
    .electiveContent .accordion:not([open]) .accordionSummary:focus .accordionSummaryIcon svg {
      transform: rotate(90deg);
    }
    body.notUsingKeys .electiveContent .accordion:not([open]) .accordionSummary:focus {
      outline: 0;
    }
  }
  .electiveContent .accordion:not([open]) .accordionSummary:hover .accordionSummaryIcon svg {
    transform: rotate(90deg);
  }
  .electiveContent .accordion:not([open]) .accordionSummary:focus-visible .accordionSummaryIcon svg {
    transform: rotate(90deg);
  }
  summary::-webkit-details-marker, summary::marker {
    display: none;
  }
  .accordion[open]:not(.active) .accordionContent {
    height: auto;
  }
  .accordionSummary {
    pointer-events: all;
    cursor: pointer;
    display: block;
  }
  .accordionSummaryWrap {
    pointer-events: none;
  }
  .accordionSummaryText {
    pointer-events: none;
  }
  .accordionSummaryIcon {
    pointer-events: none;
  }
  .accordionContent {
    height: 0;
    overflow: hidden;
    padding: 0;
  }
  .timelineArrow {
    height: calc(100% - 10rem) !important;
  }
}