/* Match the booking introduction panel to the rendered barber introduction width. */
html body [data-pc-booking-intro-width-match="true"] {
  width: var(--pc-team-intro-width, calc(100% - 40px)) !important;
  max-width: var(--pc-team-intro-width, none) !important;
  margin-left: var(--pc-team-intro-left, auto) !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

@media (max-width: 900px) {
  html body [data-pc-booking-intro-width-match="true"] {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
}

@media (max-width: 560px) {
  html body [data-pc-booking-intro-width-match="true"] {
    width: calc(100% - 16px) !important;
    max-width: calc(100% - 16px) !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
}