/* Shared planned-stream modal and desktop action-button type scale. */
:root {
  --dw-action-font-size-desktop: 14px;
  --dw-action-font-weight-desktop: 700;
}

@media (min-width: 721px) {
  :is(.primary-button, .secondary-button, .schedule-primary-button, .schedule-secondary-button, .home-schedule-link, .account-button) {
    font-size: var(--dw-action-font-size-desktop);
    font-weight: var(--dw-action-font-weight-desktop);
  }

  .schedule-details-v136 .schedule-details-cover {
    min-height: 168px;
    padding-bottom: 20px;
  }

  .schedule-details-v136 .schedule-details-kicker {
    font-weight: 700;
  }

  .schedule-details-v136 .schedule-details-cover-copy h2 {
    font-size: 32px;
    font-weight: 800;
  }

  .schedule-details-v136 .schedule-details-pill,
  .schedule-details-v136 .schedule-details-pill.schedule-details-kind {
    min-height: 28px;
    border-radius: 999px;
    font-size: 14px !important;
    font-weight: 700;
  }

  .schedule-details-v136 .schedule-details-status {
    border-width: 2px;
  }

  .schedule-details-v136 .schedule-details-body {
    padding-top: 20px;
    padding-bottom: 22px;
  }

  .schedule-details-v136 .schedule-details-summary {
    min-height: 104px;
  }

  .schedule-details-v136 .schedule-details-date,
  .schedule-details-v136 .schedule-details-start,
  .schedule-details-v136 .schedule-details-duration {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: 12px 38px 12px;
    align-content: center;
    justify-content: stretch;
    justify-items: center;
    row-gap: 4px;
    padding: 12px 10px;
    text-align: center;
  }

  .schedule-details-v136 .schedule-details-weekday,
  .schedule-details-v136 .schedule-details-month,
  .schedule-details-v136 .schedule-details-start > small,
  .schedule-details-v136 .schedule-details-duration > small {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
  }

  .schedule-details-v136 .schedule-details-month-mobile {
    display: none;
  }

  .schedule-details-v136 .schedule-details-start > small,
  .schedule-details-v136 .schedule-details-duration > small {
    grid-row: 3;
    color: #c2c5ce;
    visibility: visible;
  }

  html[data-theme="light"] .schedule-details-v136 .schedule-details-start > small,
  html[data-theme="light"] .schedule-details-v136 .schedule-details-duration > small {
    color: #555c68;
  }

  .schedule-details-v136 .schedule-details-date strong,
  .schedule-details-v136 .schedule-details-start-value strong,
  .schedule-details-v136 .schedule-details-duration strong {
    margin: 0;
    font-size: 38px;
    font-weight: 700;
    line-height: 38px;
  }

  .schedule-details-v136 .schedule-details-start-value,
  .schedule-details-v136 .schedule-details-duration > div {
    grid-row: 2;
    height: 38px;
    margin: 0;
    align-items: center;
  }

  .schedule-details-v136 .schedule-details-duration > div {
    justify-content: center;
    gap: 0;
  }

  .schedule-details-v136 .schedule-details-duration svg {
    display: none;
  }

  .schedule-details-v136 .schedule-details-orders > span {
    font-size: 12px;
    font-weight: 700;
  }

  .schedule-details-v136 .schedule-details-order-list > button {
    min-height: 86px;
    grid-template-columns: 44px minmax(0, 1fr) 20px;
  }

  .schedule-details-v136 .schedule-details-order-poster {
    height: 66px;
  }

  .schedule-details-v136 .schedule-details-order-copy {
    gap: 4px;
  }

  .schedule-details-v136 .schedule-details-order-copy > strong {
    font-size: 16px;
    font-weight: 700;
  }

  .schedule-details-v136 .schedule-details-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-right: 22px;
    padding-left: 22px;
  }

  .schedule-details-v136 .schedule-details-actions:has(.schedule-duplicate-button) {
    grid-template-columns: 1.28fr 1.15fr 0.8fr 1.1fr;
  }

  .schedule-details-v136 .schedule-details-actions .schedule-primary-button,
  .schedule-details-v136 .schedule-details-actions .schedule-secondary-button {
    padding-right: 9px;
    padding-left: 9px;
    font-size: var(--dw-action-font-size-desktop);
    font-weight: var(--dw-action-font-weight-desktop);
    white-space: nowrap;
  }
}

@media (max-width: 720px) {
  .schedule-details-v136 .schedule-details-month-desktop {
    display: none;
  }

  .schedule-details-v136 .schedule-details-actions:has(.schedule-duplicate-button) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .schedule-details-v136 .schedule-details-actions .schedule-duplicate-button {
    grid-column: 1 / -1;
  }
}