/*
 * PE-Class v1.16.19
 * Enlarge only the compact MacBook lesson modal while preserving its
 * header-aware centering and the side-by-side first/second sections.
 */
@media (min-width:769px) {
  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddDialog {
    width:min(960px,calc(100vw - 48px))!important;
    max-width:960px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddHeader {
    min-height:58px!important;
    padding:10px 58px 10px 18px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddHeading {
    gap:11px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddHeading small {
    margin-bottom:2px!important;
    font-size:11px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddHeading h3 {
    font-size:19px!important;
    line-height:1.2!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddIcon {
    width:39px!important;
    height:39px!important;
    flex-basis:39px!important;
    border-radius:11px!important;
    font-size:19px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddClose {
    top:9px!important;
    right:10px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:19px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddItem {
    padding:10px 17px 0!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calEditGrid {
    gap:8px 11px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSection {
    padding:8px 10px 9px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionDetail {
    padding-bottom:10px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionHead {
    gap:6px!important;
    margin-bottom:6px!important;
    font-size:12px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionHead b {
    width:21px!important;
    height:21px!important;
    font-size:10.5px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionGrid,
  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionDetail .calendarAddSectionGrid {
    gap:6px 9px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionGrid label {
    gap:3px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionGrid label>span {
    font-size:11.5px!important;
    line-height:1.2!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionGrid input,
  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionGrid select {
    min-height:40px!important;
    height:40px!important;
    padding:7px 10px!important;
    font-size:13.5px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddSectionGrid textarea {
    min-height:52px!important;
    height:52px!important;
    padding:8px 10px!important;
    font-size:13.5px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarActivityLinkState {
    gap:5px!important;
    margin-top:4px!important;
    padding:4px 8px!important;
    font-size:10.5px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddActions {
    margin:9px -17px 0!important;
    padding:9px 17px 11px!important;
  }

  html.pe87MacDesktop:not(.pe87Ipad):not(.pe87IpadRuntime):not(.pe87FoldWide)
  .calendarAddCModal .calendarAddActions .btn {
    width:140px!important;
    min-width:140px!important;
    min-height:42px!important;
    height:42px!important;
    padding:8px 12px!important;
    font-size:13px!important;
  }
}
