/* MAX extends the existing cabinet. All additions are scoped to its page. */
.portal-max [hidden] { display: none !important; }
.portal-max__field { margin-bottom: 24px; }
.portal-max__field > label { display: block; margin-bottom: 9px; font-weight: 650; color: #24334e; }
.portal-max__field > small { display: block; margin-top: 7px; color: #657187; font-size: 12px; line-height: 1.6; }
.portal-max__number input { padding-right: 102px !important; }
.portal-max__steppers { position: absolute; right: 5px; top: 5px; bottom: 5px; display: flex; }
.portal-max__steppers button { width: 42px; border: 0; border-left: 1px solid #dce2ed; background: #f6f8fc; color: #526078; font-size: 22px; cursor: pointer; }
.portal-max__steppers button:last-child { border-radius: 0 7px 7px 0; }
.portal-max__steppers button:focus-visible { outline: 2px solid var(--portal-primary); outline-offset: -2px; }
.portal-max__modes { margin: 0 0 24px; width: 100%; max-width: 360px; }
.portal-max__services { margin: 0; padding: 0; border: 0; }
.portal-max__choices { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.portal-max__choices--ordinary { grid-template-columns: minmax(0, 1fr); }
.portal-max__choices--reactions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.portal-max__choices--reactions .portal-stage3__choice-option { min-height: 112px; align-content: center; gap: 15px; padding: 18px 28px 18px 12px; }
.portal-max__emojis { display: flex; justify-content: center; align-items: center; gap: 10px; font-family: 'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif; font-size: 27px; line-height: 1.2; font-weight: normal; }
.portal-max__choices input:disabled + span { opacity: .55; cursor: not-allowed; }
.portal-max__payment { margin-top: 28px; }
.portal-max__fact-label { display: block; color: #657187; font-size: 12px; font-weight: 400; }
.portal-max input:disabled, .portal-max button:disabled { cursor: not-allowed; }
.portal-max .portal-stage2__form-error { margin-bottom: 18px; }
@media (max-width: 680px) {
  .portal-max__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portal-max__choices--ordinary { grid-template-columns: minmax(0, 1fr); }
  .portal-max__choices--reactions .portal-stage3__choice-option { padding: 16px 25px 16px 8px; }
  .portal-max__emojis { gap: 6px; font-size: 23px; }
}
@media (max-width: 390px) {
  .portal-max__choices--reactions { grid-template-columns: minmax(0, 1fr); }
}