#modal_auth_register {
  display: none;
  font-size: 20px;
  z-index: 7; }
  #modal_auth_register .modalContent {
    width: auto;
    min-width: 100px;
    width: 98%;
    max-width: 600px;
    max-height: 75vh;
    margin-top: 0;
    padding: 0;
    background-color: white;
    box-sizing: border-box;
    border: 3px solid #d0d0d0; }
  #modal_auth_register .modalContentPadded {
    padding: 20px; }
  #modal_auth_register .modalScrollButtonSaveEdits:hover {
    background-color: #b5b5b5; }
  #modal_auth_register .modalScrollCloseButton {
    z-index: 1; }
  #modal_auth_register .modal_bottomActions_frameInner {
    max-width: 420px; }
  @media only screen and (max-width: 900px) {
    #modal_auth_register .modalContent {
      border: 0px; }
    #modal_auth_register .modal_topBlock_sticky {
      width: 86%; }
    #modal_auth_register .modalContent {
      max-height: 68vh; } }
  #modal_auth_register .transitionOut1 {
    padding: 0px !important;
    margin-left: -13px !important;
    font-size: 0px !important;
    height: 0px !important; }
  #modal_auth_register .inline-block {
    display: inline-block; }
  #modal_auth_register .hidden {
    display: none !important; }
  #modal_auth_register .helpful-tip {
    position: relative;
    display: block;
    max-width: 90%;
    padding: 8 10;
    border-radius: 4px;
    border: 2px solid #7055dc12;
    background-color: #edffea; }
    #modal_auth_register .helpful-tip div.text {
      display: inline-block;
      vertical-align: top;
      max-width: 90%;
      font-size: 16px;
      margin-top: 3px; }
      #modal_auth_register .helpful-tip div.text li {
        margin-bottom: 6px; }
    #modal_auth_register .helpful-tip div.icon {
      display: inline-block;
      vertical-align: top; }
      #modal_auth_register .helpful-tip div.icon svg {
        width: 25px;
        height: 25px; }
  #modal_auth_register .modal_section {
    margin-bottom: 10px;
    padding-bottom: 20px; }
  #modal_auth_register .modalTitle {
    font-weight: 700;
    font-size: 30px;
    border-bottom: 2px solid var(--appColor_grey3);
    padding-bottom: 9px; }
    #modal_auth_register .modalTitle .icon, #modal_auth_register .modalTitle .insert-here {
      display: inline-block;
      vertical-align: baseline; }
    #modal_auth_register .modalTitle .icon-back {
      transition: font-size 0.3s;
      cursor: pointer; }
      #modal_auth_register .modalTitle .icon-back:hover {
        font-size: 1.13em; }
  #modal_auth_register .grapevineExplained {
    font-size: 17px;
    max-width: 95%;
    margin-bottom: 20px;
    font-weight: 400;
    padding-left: 12px;
    border-left: 4px solid var(--appColor_green1); }
  #modal_auth_register .option-forgotPassword {
    margin-bottom: 16px;
    font-size: 17px;
    margin-left: 15px;
    text-align: right;
    padding-right: 30px; }
    #modal_auth_register .option-forgotPassword a {
      font-size: 17px; }
  #modal_auth_register .grapevineExplained a, #modal_auth_register .option-forgotPassword a {
    font-size: 0.93em;
    font-weight: 600;
    color: black;
    text-decoration: none;
    padding-bottom: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    cursor: pointer; }
    #modal_auth_register .grapevineExplained a:hover, #modal_auth_register .option-forgotPassword a:hover {
      color: #28a382;
      border-bottom: 1px solid var(--appColor_purple1); }
  #modal_auth_register .buttons-div.align-right {
    text-align: right;
    width: 95%; }
  #modal_auth_register .pill-options {
    margin-top: 28px; }
    #modal_auth_register .pill-options .option-pill {
      transition: background-color 0.4s, color 0.4s, border-color 0.4s;
      position: relative;
      max-width: 400px;
      margin: auto;
      text-align: center;
      cursor: pointer;
      padding: 12px 15px;
      border-radius: 12px;
      border: 2px solid #dedede;
      margin-bottom: 18px;
      z-index: 0; }
      #modal_auth_register .pill-options .option-pill .pill-note {
        transition: color 0.5s; }
      #modal_auth_register .pill-options .option-pill::before {
        transition: opacity 0.3s;
        content: '\A';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: rgba(0, 0, 0, 0.08);
        opacity: 0;
        z-index: -1; }
      #modal_auth_register .pill-options .option-pill > * {
        width: auto;
        margin: auto; }
      #modal_auth_register .pill-options .option-pill .pill-title {
        font-size: 24px;
        font-weight: 500; }
      #modal_auth_register .pill-options .option-pill .pill-note {
        max-width: 80%;
        line-height: 1.2em;
        color: #5d5b5b;
        font-size: 16px; }
    #modal_auth_register .pill-options .option-pill.pc1 {
      background-color: var(--appColor_purple1);
      color: white; }
    #modal_auth_register .pill-options .option-pill.pc2 {
      background-color: #34ad9e;
      color: white; }
    #modal_auth_register .pill-options .option-pill.pc3 {
      background-color: #f1f1f1; }
      #modal_auth_register .pill-options .option-pill:hover::before {
        opacity: 1; }
  #modal_auth_register .option-row {
    margin-bottom: 20px; }
  #modal_auth_register .option-label {
    font-weight: 600;
    font-size: 18px; }
  #modal_auth_register .checkbox_option-row {
    margin-bottom: 10px; }
    #modal_auth_register .checkbox_option-row .checkbox_div-wrap, #modal_auth_register .checkbox_option-row .checkbox_option-displayName {
      display: inline-block;
      vertical-align: top; }
    #modal_auth_register .checkbox_option-row .checkbox_div-wrap {
      vertical-align: top; }
    #modal_auth_register .checkbox_option-row .checkbox_option-displayName {
      font-weight: 500;
      font-size: 16px;
      margin-top: 1px;
      margin-left: 27px;
      max-width: 80%; }
  #modal_auth_register .checkboxes.visible-if-new-user {
    margin-bottom: 25px; }
    #modal_auth_register .checkboxes.visible-if-new-user .newsletter-force-opt {
      display: none;
      margin-left: 20px; }
      #modal_auth_register .checkboxes.visible-if-new-user .newsletter-force-opt .checkbox_option-displayName {
        font-size: 14px; }
    #modal_auth_register .checkboxes.visible-if-new-user[data-newsletter="0"] .newsletter-force-opt {
      display: block; }
  #modal_auth_register .requiredAsterisk {
    display: inline-block;
    color: #c11919; }
  #modal_auth_register input:not([type="file"]) {
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    padding: 3px;
    padding-left: 6px;
    font-size: 16.5px;
    min-width: 60%;
    min-height: 30px;
    width: 94%; }
  #modal_auth_register textarea.snippet {
    resize: none;
    font-size: 15px;
    width: 94%;
    border: 1px solid rgba(0, 0, 0, 0.7);
    border-radius: 2px;
    padding: 3px;
    padding-left: 6px; }
    #modal_auth_register textarea.snippet::placeholder {
      color: #6b6b6b; }
  #modal_auth_register button .icon, #modal_auth_register button .button-text {
    display: inline-block; }
  #modal_auth_register button .icon {
    margin-left: 4px;
    margin-right: -4px; }
  #modal_auth_register button.submit.disabled, #modal_auth_register button.submit.processing, #modal_auth_register button.submit.prevent-click-action {
    cursor: not-allowed; }
  #modal_auth_register button.submit {
    transition: width 0.3s, background-color 0.2s;
    width: 202px;
    position: relative;
    border-radius: 3px;
    padding: 8px 15px;
    margin-right: 4px;
    font-size: 18px;
    font-weight: 500;
    background-color: var(--appColor_green1);
    border: 1px solid rgba(0, 0, 0, 0.6);
    color: white; }
    #modal_auth_register button.submit:hover {
      background-color: var(--appColor_purple1); }
  #modal_auth_register button.submit.disabled {
    width: 185px;
    background-color: #f1f1f1;
    border: 1px solid grey;
    color: grey; }
    #modal_auth_register button.submit.disabled .icon {
      color: #bdbdbd; }
  #modal_auth_register button.register_resendEmailCode {
    background-color: #868a8d; }
    #modal_auth_register button.register_resendEmailCode:hover {
      background-color: #6a6c6e; }
  #modal_auth_register .s_personal-info.guestmode button.submit.disabled {
    width: 173px; }
  #modal_auth_register .s_personal-info.guestmode button.submit {
    width: 190px; }
  #modal_auth_register button.submit.processing {
    padding-right: 25px; }
    #modal_auth_register button.submit.processing .button-text {
      margin-right: 5px; }
    #modal_auth_register button.submit.processing .icon {
      display: none; }
    #modal_auth_register button.submit.processing::after {
      content: ' .';
      font-size: 2.3em;
      position: absolute;
      line-height: 0;
      animation: dots 1s steps(5, end) infinite;
      animation-play-state: running; }

@keyframes dots {
  0%, 20% {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0); }
  40% {
    color: white;
    text-shadow: 0.25em 0 0 rgba(0, 0, 0, 0), 0.5em 0 0 rgba(0, 0, 0, 0); }
  60% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 rgba(0, 0, 0, 0); }
  80%, 100% {
    text-shadow: 0.25em 0 0 white, 0.5em 0 0 white; } }
body.login-page #modal_auth_register .hiddenIf_pageIs_login {
  display: none !important; }
body.register-page #modal_auth_register .hiddenIf_pageIs_register {
  display: none !important; }
  body.login-page[data-pricing_ref="1"] #modal_auth_register .visible-if-pricing-page {
    display: block; }
  body.login-page[data-pricing_ref="1"] #modal_auth_register .visible-if-pricing-page.inline-block {
    display: inline-block; }
  body.login-page[data-pricing_ref="1"] #modal_auth_register .visible-if-not-pricing-page {
    display: none !important; }
#modal_auth_register .hint-box {
  font-size: 17px; }
  #modal_auth_register .hint-box.top {
    margin-bottom: 15px; }
  #modal_auth_register .hint-box.bottom {
    margin-top: 20px; }
  #modal_auth_register .hint-box .invalidCredentials {
    display: inline-block;
    padding: 3 24;
    margin-top: -4px;
    border-radius: 3px;
    background-color: #ce3939;
    font-size: 16px;
    font-weight: 600;
    color: white; }
#modal_auth_register .contactUs {
  font-size: 15.5px;
  margin-top: 30px; }
  #modal_auth_register .contactUs .title {
    font-weight: 600; }
  #modal_auth_register .contactUs .contact-info {
    margin-top: 9px; }
    #modal_auth_register .contactUs .contact-info .row {
      margin-bottom: 3px; }
    #modal_auth_register .contactUs .contact-info .icon-wrap, #modal_auth_register .contactUs .contact-info .text-wrap {
      display: inline-block;
      vertical-align: top; }
    #modal_auth_register .contactUs .contact-info .text-wrap {
      margin-top: -5px;
      font-size: 1em; }
    #modal_auth_register .contactUs .contact-info .icon-wrap {
      width: 28px;
      text-align: center;
      margin-left: -4px; }
    #modal_auth_register .contactUs .contact-info a {
      text-decoration: unset; }