Mobile Map Pane: Highschool

.mobilemappane {
  background-color: $color-light1;
  border-top-left-radius: $border-radius;
  border-top-right-radius: $border-radius;
  overflow: hidden;

  .mobilemappane-x-select {
    margin-bottom: $gridspacing * 3;
    padding: 0 $gridspacing;
  }

  .mobilemappane-x-heading {
    // This was moved to the container so the box-shadow doesnt get cut off.
    // margin-bottom: $gridspacing;
    padding: 0 ($gridspacing * 2.5);
  }

  .mobilemappane-x-map {
    pointer-events: none;
  }

  .mobilemappane-x-empty {
    padding: ($gridspacing * 2) ($gridspacing * 3) ($gridspacing * 6);
  }

  .mobilemappane-x-emptytext1 {
    gap: 1rem;

    img {
      height: $gridspacing * 3;
      position: relative;
      top: $gridspacing;
      width: $gridspacing * 3;
    }

    .sidebar-x-emptybody > * + * {
      margin-top: $gridspacing;
    }
  }

  .sidebar-x-emptybacklink {
    display: inline-block;
    margin-top: $gridspacing;
  }
}