.NarrowSection_main_f71 {
  position: relative;
  margin: 8px 0;
  margin: var(--spacing-8) 0;
}.NarrowSection_main_f71.NarrowSection_small_dae {
    max-width: 560px;
  }.NarrowSection_main_f71.NarrowSection_medium_8f1 {
    max-width: 640px;
  }.NarrowSection_main_f71.NarrowSection_large_f91 {
    max-width: 984px;
  }

.CallAssistantServices_cardHeadingWrapper_bb9 {
  display: flex;
  gap: 8px;
  gap: var(--spacing-8);
}

.CallAssistantServices_pricingList_deb {
  margin-bottom: 0px;
}

.CallAssistantFreeTrialModal_bannerWrapper_613 {
  display: flex;
  gap: 8px;
  gap: var(--spacing-8);
  margin-top: 8px;
  margin-top: var(--spacing-8);
}

.CallAssistantFreeTrialModal_bannerCopy_030 {
  margin-bottom: 0;
  color: #5e5e5e;
  color: var(--gray-60);
}

.CallAssistantFreeTrialModal_illustrationWrapper_8ce svg {
    height: 82px;
    width: 96px;
    margin-bottom: -27px;
  }


  .InTrialContent_checkboxWrapper_371 span::after {
    box-sizing: content-box;
  }

.InTrialContent_optInDisclosure_9a6 {
  margin-left: 25px;
}

.PlanPriceComparison_container_a3e {
  margin-bottom: -15px;
}

.PlanPriceComparison_item_cd3 {
  display: grid;
  grid-template-columns: 104px 1fr 120px;
  grid-gap: 24px;
  align-items: center;
  padding: 20px 0;
  font-size: 14px;
}

.PlanPriceComparison_item_cd3:first-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

@media screen and (max-width: 767px) {

.PlanPriceComparison_item_cd3 {
    display: block;

    /* Plan label. Those are UITexts, not accepting className
       this is easiest way to style them. */
}
    .PlanPriceComparison_item_cd3 span:nth-child(1) {
      display: block;
    }

    /* Plan name */
    .PlanPriceComparison_item_cd3 span:nth-child(2) {
      display: block;
      margin: 8px 0;
      margin: var(--spacing-8) 0;
    }

    .PlanPriceComparison_item_cd3 .PlanPriceComparison_price_eb8 {
      text-align: left;
    }
  }

.PlanPriceComparison_price_eb8 {
  text-align: right;
}

.ChangePlanModal_insetSection_d2f {
  margin: -15px -15px 0;
  padding: 16px;
  background-color: #f1f1f1;
  background-color: var(--surfaceBackgroundDark);
}

.ChangePlanModal_insetSection_d2f.ChangePlanModal_downgrade_36b {
    background-color: #fbe6e8;
  }

.ChangePlanModal_insetSection_d2f.ChangePlanModal_bare_19e {
    margin-bottom: -15px;
  }

.ChangePlanModal_heading_63c {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  line-height: 20px;
}

.ChangePlanModal_copy_54e {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
}

.ChangePlanModal_copy_54e.ChangePlanModal_bare_19e {
    margin-bottom: 0;
  }

.ChangePlanModal_features_bfe {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px 16px;
}

.ChangePlanModal_featuresItem_52e {
  display: flex;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
}

.ChangePlanModal_limitsItem_eb4 {
  display: grid;
  grid-template-columns: 24px 220px auto;
  align-items: center;
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 8px;
}

.ChangePlanModal_limitsItem_eb4.ChangePlanModal_isFullWidth_637 {
    grid-template-columns: 24px auto;
  }

.ChangePlanModal_limitsItemTooltip_6b4 {
  padding-bottom: 3px;
  border-bottom: 1px dashed #919191;
  border-bottom: 1px dashed var(--gray-40);
}

.ChangePlanModal_limitsCurrent_501:after {
    content: ' ';
  }

.ChangePlanModal_limitsExtra_a0e {
  color: #5e5e5e;
  color: var(--colorTextMedium);
}

.ChangePlanModal_icon_1e6 {
  display: flex;
  margin-right: 8px;
}

.ChangePlanModal_icon_1e6 svg {
    width: 16px;
    height: 16px;
    fill: #4cb24d;
    fill: var(--fillSuccess);
  }

.ChangePlanModal_icon_1e6.ChangePlanModal_danger_052 svg {
    color: #dd0f21;
    color: var(--fillDanger);
  }

.ChangePlanModal_icon_1e6.ChangePlanModal_warning_762 svg {
    fill: #fccc0b;
    fill: var(--fillWarn);
  }

.A2P10DLCScreen_A2P10DLCStatus_content_549 {
  max-width: 530px;
}

.A2P10DLCScreen_A2P10DLCStatus_header_9da {
  display: flex;
  gap: 8px;
  gap: var(--spacing-8);
}

.A2P10DLCScreen_A2P10DLCStatus_ctas_2a6 {
  display: flex;
  gap: 16px;
  gap: var(--spacing-16);
}

.CreateEditUnsubscribeLinkScreen_container_d7f {
  max-width: 600px;
  width: 100%;
}

.CreateEditUnsubscribeLinkScreen_hintWrapper_a65 span {
  line-height: 20px;
}

.CreateEditUnsubscribeLinkScreen_hintWrapper_a65:not(:has(> li:nth-child(2))) > li {
  list-style: none;
}

.CreateEditUnsubscribeLinkScreen_errorWrapper_bc5 {
  color: #dd0f21;
  color: var(--failurePrimaryColor);
}

.SettingsScreen_wrapper_d75 {
  display: flex;
  flex: 1;
}

.SettingsScreen_nav_ce1 {
  min-width: 140px;
  max-width: 175px;
  width: 15%;
  padding: 24px;
  border-right: 1px solid #ddd;
}

.SettingsScreen_content_56b {
  background: #ffffff;
  background: var(--surfaceBackgroundDefault);
  padding: 24px;
  padding: var(--spacing-24);
  flex: 1;
  min-width: 0; /* so the flex can be smaller than content https://css-tricks.com/flexbox-truncated-text/ */
  position: relative;
}

@media screen and (max-width: 767px) {

.SettingsScreen_content_56b {
    padding: 16px;
    padding: var(--spacing-16);
}
  }

.SettingsScreen_navGroup_207 {
  font-size: 13px;
  margin: 0 -24px 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.SettingsScreen_navGroup_207:last-child {
    border-bottom: 0;
  }

.SettingsScreen_navGroupTitle_999 {
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  font-weight: var(--fontWeightBold);
  margin: 0 0 8px 0;
  padding: 0 12px 0 24px;
}

.SettingsScreen_navList_8e7 {
  list-style-type: none;
  margin: 0 0 0 24px;
  padding: 0;
}

.SettingsScreen_navListItem_ea8 {
  display: block;
  font-size: 14px;
  line-height: 16px;
}

.SettingsScreen_navLink_c6c {
  display: grid; /* TODO: switch to flex when Safari v16 is released */
  grid-auto-flow: column;
  grid-template-columns: auto auto 1fr;
  align-items: center;
  grid-column-gap: 8px;
  column-gap: 8px;
  padding: 4px 0 4px 24px;
  margin-left: -24px;
}

.SettingsScreen_navLink_c6c {
    color: #464a55;
    color: var(--colorMako);
  }

.SettingsScreen_navLink_c6c:active,
  .SettingsScreen_navLink_c6c:focus {
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.SettingsScreen_navLink_c6c:hover {
    color: #464a55;
    color: var(--colorMako);
    background: #f2f2f2;
    -webkit-text-decoration: none;
    text-decoration: none;
  }

.SettingsScreen_navLink_c6c.SettingsScreen_active_f71 {
    margin-right: -1px; /* overlap the right border */
    background: #3781b8;
    background: var(--linkColor);
    color: #ffffff;
    color: var(--colorTextNeutralWhite);
  }

.SettingsScreen_warningIcon_7e2 {
  margin-right: 26px;
  float: right;
  line-height: inherit;
}

.SettingsScreen_warningIcon_7e2 svg {
    vertical-align: text-bottom;
  }

.SettingsScreen_warningIcon_7e2.SettingsScreen_payment_e5f {
    color: #dd0f21;
    color: var(--failurePrimaryColor);
  }

.SettingsScreen_warningIcon_7e2.SettingsScreen_usage_663 {
    color: #fccc0b;
    color: var(--warningPrimaryColor);
  }

.SettingsScreen_navLink_c6c.SettingsScreen_active_f71 .SettingsScreen_warningIcon_7e2 {
    color: #ffffff;
    color: var(--colorTextNeutralWhite);
  }


/*# sourceMappingURL=https://srcmaps.close.com/srcmaps/main~f79178ca.1c90f9d678d21cd863d8.js.map*/