.timetable-event-modal {
  &__type {
    display: inline-flex;
    align-items: center;
    @include set-font(-1, "single", $weight: "bold", $transform: "uppercase");
    line-height: 1;
    margin-bottom: spacing(-5);

    &::before {
      content: "";
      flex: 0 0 auto;
      display: block;
      margin-right: spacing(-4);
      height: line-height("single");
      width: line-height("single");
      background-color: color("theme");
      border-radius: 50%;
      border: $width-border solid color("foreground");
    }
  }

  &__action {
    padding: spacing($modal-view-padding-header) spacing($modal-view-padding-horizontal) spacing($modal-view-padding-vertical) spacing($modal-view-padding-horizontal);
    margin-top: spacing($modal-view-padding-vertical, $times: -1);
    position: relative;
    z-index: $z-index-just-above-static;

    &__system-link {
      @include set-icon("link-external", $include-pseudo: "before");
    }
  }

  &__details {
    margin-top: 0;
  }
}