/* Final mobile pricing toggle. Loaded last so legacy pricing themes cannot enlarge it. */
@media (max-width:760px) {
  html body.pricing-page .pricing-mobile-plan-toggle {
    width:min(252px,100%) !important;
    min-height:42px !important;
    margin:0 auto 4px !important;
    padding:3px !important;
    justify-self:center !important;
    border:1px solid rgba(23,24,28,.06) !important;
    border-radius:11px !important;
    background:#efefed !important;
  }

  html body.pricing-page .pricing-mobile-plan-toggle::before {
    top:3px !important;
    bottom:3px !important;
    left:3px !important;
    width:calc(50% - 3px) !important;
    border:1px solid rgba(23,24,28,.1) !important;
    border-radius:8px !important;
    background:#fff !important;
    box-shadow:0 1px 3px rgba(23,24,28,.06) !important;
  }

  html body.pricing-page .pricing-mobile-plan-toggle button,
  html body.pricing-page .pricing-mobile-plan-toggle button.is-selected {
    min-height:34px !important;
    padding:0 8px !important;
    gap:4px !important;
    color:#7e8188 !important;
    font:400 11px/1 var(--sans) !important;
    letter-spacing:-.012em !important;
  }

  html body.pricing-page .pricing-mobile-plan-toggle button.is-selected {
    color:#17181c !important;
    font-weight:450 !important;
  }

  html body.pricing-page .pricing-mobile-plan-toggle button em,
  html body.pricing-page .pricing-mobile-plan-toggle button.is-selected em {
    padding:3px 5px !important;
    border-radius:999px !important;
    background:#f6e5e9 !important;
    color:#a64b61 !important;
    font:500 6.5px/1 var(--sans) !important;
    letter-spacing:.015em !important;
  }

  html body.pricing-page .pricing-plan-grid .pricing-offer-price strong {
    font-weight:400 !important;
    letter-spacing:-.055em !important;
  }

  html body.pricing-page .pricing-plan-grid .pricing-offer-price del,
  html body.pricing-page .pricing-plan-grid .pricing-offer-price > span {
    font-weight:400 !important;
  }

  html body.pricing-page .pricing-plan-grid :is(.pricing-monthly-banner,.pricing-lifetime-banner) h2 {
    transform:translateY(9px) !important;
  }
}