{"version":3,"file":"two-fa/styles.css","mappings":";;;AAAA;AACA;EACE;EACA;EACA;EACA;EACA;ACCF;;ADEA;AACA;EACE;EACA;EACA;EACA;EACA;ACCF;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;EACA;ACCF;;ADEA;;EAAA;AAGA;EACE;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;EACA;EACA;EACA;ACCF;ADAE;EACE;ACEJ;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;EACA;ACCF;ADAE;EACE;ACEJ;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;EACA;EACA;EACA;EACA;ACCF;ADAE;EACE;EACA;EACA;EACA;EACA;ACEJ;ADAE;EACE;EACA;ACEJ;;ADEA;EACE;EACA;ACCF;;ADEA;EACE;ACCF;;ADEA;EACE;EACA;EACA;EACA;ACCF;;ACpHA;EACE;EACA;EACA;EACA;EACA;ADuHF;;ACpHA;EACE;EACA;EACA;ADuHF;;ACnHA;EACE;ADsHF;;ACpHA;EACE;ADuHF;;ACrHA;EACE;EACA;ADwHF;;ACrHA;EACE;EACA;EACA;EACA;ADwHF;;ACrHA;EACE;ADwHF;;ACrHA;EACE;EACA;EACA;EACA;ADwHF;;ACrHA;EACE;ADwHF;;ACrHA;EACE;ADwHF;;ACrHA;EACE;EACA;EACA;EACA;EACA;ADwHF;ACvHE;EACE;EACA;ADyHJ;;ACtHA;EACE;ADyHF;ACvHE;EACE;ADyHJ;;ACtHA;EACE;ADyHF;;ACtHA;EACE;ADyHF;;ACtHA;EACE;EACA;EACA;EACA;EACA;EACA;ADyHF;ACvHE;EACE;EACA;EACA;EACA;EACA;EACA;ADyHJ;ACxHI;EACE;EACA;EACA;EACA;EACA;AD0HN;ACxHI;EACE;EACA;EACA;AD0HN;ACxHI;EACE;EACA;EACA;EACA;AD0HN;ACxHI;EACE;EACA;EACA;EACA;EACA;AD0HN;ACxHI;EACE;EACA;EACA;AD0HN;ACvHE;EACE;EACA;EACA;ADyHJ;;AExPA;EACE;EACA;EACA;EACA;AF2PF;AEzPE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AF2PJ;AE1PI;EACE;EACA;EACA;EACA;EACA;AF4PN;AE1PI;EACE;EACA;EACA;AF4PN;AE1PI;EACE;EACA;EACA;EACA;AF4PN;AE1PI;EACE;EACA;EACA;EACA;EACA;AF4PN;AE1PI;EACE;EACA;EACA;AF4PN;;AEvPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;UAAA;EACA;EACA;EACA;AF0PF;;AGnUA;AAEE;EACE;AHqUJ;AGjUI;EACE;EACE;EACF;EACA;AHmUN;AGhUE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AHkUJ;AGjUI;EACE;EACA;EACA;AHmUN;AGjUI;EACE;AHmUN;AGjUI;EACE;AHmUN;;AG9TA;EACE;EACA;EACA;AHiUF;AGhUE;EACE;EACA;EACA;AHkUJ;AGjUI;EACE;EACA;EACA;EACA;EACA;AHmUN;AGjUI;EACE;EACA;EACA;AHmUN;AGjUI;EACE;EACA;EACA;EACA;AHmUN;AGjUI;EACE;EACA;EACA;EACA;EACA;AHmUN;AGjUI;EACE;EACA;EACA;AHmUN;AG/TE;EACE;AHiUJ,C","sources":["webpack://really-simple-ssl/../security/wordpress/two-fa/assets/css/two-fa-onboarding.scss","webpack://really-simple-ssl/../security/wordpress/two-fa/assets/css/two-fa.scss","webpack://really-simple-ssl/../security/wordpress/two-fa/assets/css/profile-settings.scss","webpack://really-simple-ssl/../security/wordpress/two-fa/assets/css/passkey.scss","webpack://really-simple-ssl/../security/wordpress/two-fa/assets/css/custom-login.scss"],"sourcesContent":["/* Style radio inputs */\n.radio-input {\n  position: absolute;\n  right: 0;\n  margin-left: 10px; /* Adjust this value to your preferred spacing */\n  vertical-align: middle;\n  top: 5px;\n}\n\n/* Style radio labels */\n.radio-label {\n  display: inline-block;\n  vertical-align: middle;\n  width: 100%;\n  position: relative;\n  margin: 20px 0;\n}\n\n.badge {\n  margin-left: 10px;\n  padding: 2px 4px;\n}\n\n.badge-default {\n  background-color: #e5e5e5;\n  color: black;\n}\n\n.badge-enabled {\n  background-color: #fbc43e;\n  color: black;\n}\n\n/**\n * The following styles are for the onboarding form\n */\n#two_fa_onboarding_form {\n  margin-top: 20px;\n}\n\n#two_fa_onboarding_form div {\n  transition: height 0.5s;\n}\n\n#skip_onboarding {\n  margin-right: 20px;\n}\n\n.skip_container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 10px;\n  a {\n    text-decoration: none;\n  }\n}\n\n.totp-submit {\n  margin-top: 10px;\n}\n\ndiv.rsssl_step_one_onboarding {\n  display: block;\n}\n\ndiv.rsssl_step_two_onboarding {\n  display: none;\n}\n\ndiv.rsssl_step_three_onboarding {\n  margin: 10px 0 50px 0;\n  display: none;\n  & button {\n    margin-top: 10px;\n  }\n}\n\ndiv.rsssl_step_four_onboarding {\n  margin-top: 10px;\n  display: none;\n}\n\n#two-factor-qr-code {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 245px;\n  height: 270px;  // or whatever container height you choose\n  a {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n  }\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n}\n\n.error {\n  color: red;\n  margin-top: -5px;\n}\n\n.input {\n  margin-bottom: 5px !important;\n}\n\n#totp-key {\n  cursor: pointer;\n  display: flex; /* Enables Flexbox */\n  justify-content: center; /* Centers horizontally */\n  align-items: center; /* Centers vertically */\n}","/* Style radio inputs */\n.radio-input {\n  position: absolute;\n  right: 0;\n  margin-left: 10px; /* Adjust this value to your preferred spacing */\n  vertical-align: middle;\n  top: 5px;\n}\n\n/* Style radio labels */\n.radio-label {\n  display: inline-block;\n  vertical-align: middle;\n  width: 100%;\n  position: relative;\n  margin: 20px 0;\n}\n\n.badge {\n  margin-left: 10px;\n  padding: 2px 4px;\n}\n\n.badge-default {\n  background-color: #e5e5e5;\n  color: black;\n}\n\n.badge-enabled {\n  background-color: #fbc43e;\n  color: black;\n}\n\n/**\n * The following styles are for the onboarding form\n */\n#two_fa_onboarding_form {\n  margin-top: 20px;\n}\n\n#two_fa_onboarding_form div {\n  transition: height 0.5s;\n}\n\n#skip_onboarding {\n  margin-right: 20px;\n}\n\n.skip_container {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 10px;\n}\n.skip_container a {\n  text-decoration: none;\n}\n\n.totp-submit {\n  margin-top: 10px;\n}\n\ndiv.rsssl_step_one_onboarding {\n  display: block;\n}\n\ndiv.rsssl_step_two_onboarding {\n  display: none;\n}\n\ndiv.rsssl_step_three_onboarding {\n  margin: 10px 0 50px 0;\n  display: none;\n}\ndiv.rsssl_step_three_onboarding button {\n  margin-top: 10px;\n}\n\ndiv.rsssl_step_four_onboarding {\n  margin-top: 10px;\n  display: none;\n}\n\n#two-factor-qr-code {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 245px;\n  height: 270px;\n}\n#two-factor-qr-code a {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n#two-factor-qr-code svg {\n  width: 100%;\n  height: 100%;\n}\n\n.error {\n  color: red;\n  margin-top: -5px;\n}\n\n.input {\n  margin-bottom: 5px !important;\n}\n\n#totp-key {\n  cursor: pointer;\n  display: flex; /* Enables Flexbox */\n  justify-content: center; /* Centers horizontally */\n  align-items: center; /* Centers vertically */\n}\n\n#two-factor-qr-code {\n  display: flex; /* Enables Flexbox */\n  justify-content: left; /* Centers horizontally */\n  align-items: center; /* Centers vertically */\n  width: 100%;\n  min-height: 100%;\n}\n\n#qr-code-container {\n  margin-bottom: 20px;\n  position: relative;\n  text-align: center;\n}\n\n#two-factor-totp-authcode {\n  width: 100%;\n}\n\ntr.rsssl_verify_email {\n  display: none;\n}\n\n.error {\n  color: red;\n  margin-top: -5px;\n}\n\nspan.rsssl-backup-codes {\n  padding: 5px;\n  background: #fbebed;\n  border-radius: 8px;\n  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px;\n}\n\n.input {\n  margin-bottom: 5px !important;\n}\n\n#totp-key {\n  cursor: pointer;\n  display: flex; /* Enables Flexbox */\n  justify-content: center; /* Centers horizontally */\n  align-items: center; /* Centers vertically */\n}\n\ntable.rsssl-table-two-fa {\n  padding-bottom: 20px;\n}\n\n#rsssl_step_three_onboarding {\n  display: none;\n}\n\n.rsssl-methods-tag {\n  padding: 2px 5px;\n  border: 1px solid #000;\n  color: #000;\n  margin-left: 5px;\n  background: dimgrey;\n}\n.rsssl-methods-tag.active {\n  background: darkgreen;\n  color: #fff;\n}\n\n.rsssl_datatable {\n  background: white;\n}\n.rsssl_datatable thead {\n  border-bottom: black 1px solid;\n}\n\n.column-device_name, .column-actions {\n  padding-left: 10px !important;\n}\n\n.column-registered, .column-last_used {\n  padding-top: 13px !important;\n}\n\n.passkey-datatable {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: -10px;\n  background-color: #f1f1f1;\n  border-bottom: 1px solid #ddd;\n}\n.passkey-datatable .rsssl-passkey-button {\n  background-color: #f6f7f7;\n  color: #2271b1;\n  border: 1px solid #2271b1;\n  padding: 5px 10px;\n  text-decoration: none;\n  border-radius: 3px;\n}\n.passkey-datatable .rsssl-passkey-button.pending {\n  background-color: #f5e6ab;\n  border-color: #f0c33c;\n  color: #1e1e1e;\n  opacity: 1;\n  cursor: not-allowed;\n}\n.passkey-datatable .rsssl-passkey-button.failed {\n  background-color: #facfd2;\n  border-color: #f86368;\n  color: black;\n}\n.passkey-datatable .rsssl-passkey-button.success {\n  background-color: #b8e6bf;\n  border-color: #68de7c;\n  color: #1d2327;\n  opacity: 1;\n}\n.passkey-datatable .rsssl-passkey-button.login {\n  background-color: #f5e6ab;\n  border-color: #f0c33c;\n  color: #1d2327;\n  opacity: 1;\n  cursor: not-allowed;\n}\n.passkey-datatable .rsssl-passkey-button.login-failed {\n  background-color: #facfd2;\n  border-color: #f86368;\n  color: black;\n}\n.passkey-datatable .passkey-datatable-title {\n  font-size: 16px;\n  font-weight: 600;\n  padding: 10px 0;\n}\n\n.passkey-integration {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n}\n.passkey-integration .passkey-registration-button {\n  width: 100%;\n  background: #2271b1;\n  border-color: #2271b1;\n  color: #fff;\n  text-decoration: none;\n  text-shadow: none;\n  display: inline-block;\n  font-size: 13px;\n  line-height: 2.15384615;\n  min-height: 30px;\n  margin: 0;\n  padding: 0 10px;\n  cursor: pointer;\n  border-width: 1px;\n  border-style: solid;\n  -webkit-appearance: none;\n  border-radius: 3px;\n  white-space: nowrap;\n  box-sizing: border-box;\n}\n.passkey-integration .passkey-registration-button.pending {\n  background-color: #f5e6ab;\n  border-color: #f0c33c;\n  color: #1e1e1e;\n  opacity: 1;\n  cursor: not-allowed;\n}\n.passkey-integration .passkey-registration-button.failed {\n  background-color: #facfd2;\n  border-color: #f86368;\n  color: black;\n}\n.passkey-integration .passkey-registration-button.success {\n  background-color: #b8e6bf;\n  border-color: #68de7c;\n  color: #1d2327;\n  opacity: 1;\n}\n.passkey-integration .passkey-registration-button.login {\n  background-color: #f5e6ab;\n  border-color: #f0c33c;\n  color: #1d2327;\n  opacity: 1;\n  cursor: not-allowed;\n}\n.passkey-integration .passkey-registration-button.login-failed {\n  background-color: #facfd2;\n  border-color: #f86368;\n  color: black;\n}\n\n#rsssl-passkey-error {\n  color: #dc3232;\n  background-color: #fef7f7;\n  border: 1px solid #dc3232;\n  padding: 10px;\n  margin-top: 10px;\n  width: 100%;\n  min-width: 280px;\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  word-wrap: break-word;\n  word-break: normal;\n  hyphens: none;\n  white-space: normal;\n  text-align: left;\n  display: none;\n}\n\n/* Extra css styling for login when passkey is enabled */\n#login:has(#passkey-login-button) #wp-submit, #login:has(#passkey-login-button) #rememberme {\n  margin-top: 4px;\n}\n#login:has(#passkey-login-button) #passkey-login-button.button-primary {\n  margin: 0 auto;\n  display: block;\n  font-size: 16px;\n  padding: 0 16px;\n}\n#login:has(#passkey-login-button) .or-divider {\n  margin-top: 20px;\n  margin-bottom: 10px;\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n  color: #000;\n  position: relative;\n}\n#login:has(#passkey-login-button) .or-divider::before, #login:has(#passkey-login-button) .or-divider::after {\n  content: \"\";\n  flex: 1;\n  border-bottom: 1px solid #000;\n}\n#login:has(#passkey-login-button) .or-divider::before {\n  margin-right: 10px;\n}\n#login:has(#passkey-login-button) .or-divider::after {\n  margin-left: 10px;\n}\n\n.validation_button_holder {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.validation_button_holder #rsssl-passkey-button {\n  margin-top: 10px;\n  padding: 10px 20px;\n  width: 100%;\n}\n.validation_button_holder #rsssl-passkey-button.pending {\n  background-color: #f5e6ab;\n  border-color: #f0c33c;\n  opacity: 1;\n  color: #1e1e1e;\n  cursor: not-allowed;\n}\n.validation_button_holder #rsssl-passkey-button.failed {\n  background-color: #facfd2;\n  border-color: #f86368;\n  color: black;\n}\n.validation_button_holder #rsssl-passkey-button.success {\n  background-color: #b8e6bf;\n  border-color: #68de7c;\n  color: #1d2327;\n  opacity: 1;\n}\n.validation_button_holder #rsssl-passkey-button.login {\n  background-color: #f5e6ab;\n  border-color: #f0c33c;\n  color: #1d2327;\n  opacity: 1;\n  cursor: not-allowed;\n}\n.validation_button_holder #rsssl-passkey-button.login-failed {\n  background-color: #facfd2;\n  border-color: #f86368;\n  color: black;\n}\n.validation_button_holder .button {\n  width: 100%;\n}","#two-factor-qr-code {\n  display: flex; /* Enables Flexbox */\n  justify-content: left; /* Centers horizontally */\n  align-items: center; /* Centers vertically */\n  width: 100%;\n  min-height: 100%;\n}\n\n#qr-code-container {\n  margin-bottom: 20px;\n  position: relative;\n  text-align: center;\n  //right: 0;\n}\n\n#two-factor-totp-authcode {\n  width: 100%;\n}\ntr.rsssl_verify_email {\n  display: none;\n}\n.error {\n  color: red;\n  margin-top: -5px;\n}\n\nspan.rsssl-backup-codes {\n  padding: 5px;\n  background: #fbebed;\n  border-radius: 8px;\n  box-shadow: rgba(0,0,0,0.1) 0 4px 6px -1px;\n}\n\n.input {\n  margin-bottom: 5px !important;\n}\n\n#totp-key {\n  cursor: pointer;\n  display: flex; /* Enables Flexbox */\n  justify-content: center; /* Centers horizontally */\n  align-items: center; /* Centers vertically */\n}\n\ntable.rsssl-table-two-fa {\n  padding-bottom: 20px;\n}\n\n#rsssl_step_three_onboarding {\n  display: none;\n}\n\n.rsssl-methods-tag {\n  padding: 2px 5px;\n  border: 1px solid #000;\n  color: #000;\n  margin-left: 5px;\n  background: dimgrey;\n  &.active {\n    background: darkgreen;\n    color: #fff;\n  }\n}\n.rsssl_datatable {\n  background: white;\n // padding: 1em;\n  thead {\n    border-bottom: black 1px solid;\n  }\n}\n.column-device_name, .column-actions {\n  padding-left: 10px !important;\n}\n\n.column-registered, .column-last_used {\n  padding-top: 13px !important;\n}\n\n.passkey-datatable {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top:-10px;\n  background-color: #f1f1f1;\n  border-bottom: 1px solid #ddd;\n\n  .rsssl-passkey-button {\n    background-color: #f6f7f7;\n    color: #2271b1;\n    border: 1px solid #2271b1;\n    padding: 5px 10px;\n    text-decoration: none;\n    border-radius: 3px;\n    &.pending {\n      background-color: #f5e6ab;\n      border-color: #f0c33c;\n      color: #1e1e1e;\n      opacity: 1;\n      cursor: not-allowed;\n    }\n    &.failed {\n      background-color: #facfd2;\n      border-color: #f86368;\n      color: black;\n    }\n    &.success {\n      background-color: #b8e6bf;\n      border-color: #68de7c;\n      color: #1d2327;\n      opacity: 1;\n    }\n    &.login {\n      background-color: #f5e6ab;\n      border-color: #f0c33c;\n      color: #1d2327;\n      opacity: 1;\n      cursor: not-allowed;\n    }\n    &.login-failed {\n      background-color: #facfd2;\n      border-color: #f86368;\n      color: black;\n    }\n  }\n  .passkey-datatable-title {\n    font-size: 16px;\n    font-weight: 600;\n    padding: 10px 0;\n  }\n}",".passkey-integration {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n\n  .passkey-registration-button {\n    width: 100%;\n    background: #2271b1;\n    border-color: #2271b1;\n    color: #fff;\n    text-decoration: none;\n    text-shadow: none;\n    display: inline-block;\n    font-size: 13px;\n    line-height: 2.15384615;\n    min-height: 30px;\n    margin: 0;\n    padding: 0 10px;\n    cursor: pointer;\n    border-width: 1px;\n    border-style: solid;\n    -webkit-appearance: none;\n    border-radius: 3px;\n    white-space: nowrap;\n    box-sizing: border-box;\n    &.pending {\n      background-color: #f5e6ab;\n      border-color: #f0c33c;\n      color: #1e1e1e;\n      opacity: 1;\n      cursor: not-allowed;\n    }\n    &.failed {\n      background-color: #facfd2;\n      border-color: #f86368;\n      color: black;\n    }\n    &.success {\n      background-color: #b8e6bf;\n      border-color: #68de7c;\n      color: #1d2327;\n      opacity: 1;\n    }\n    &.login {\n      background-color: #f5e6ab;\n      border-color: #f0c33c;\n      color: #1d2327;\n      opacity: 1;\n      cursor: not-allowed;\n    }\n    &.login-failed {\n      background-color: #facfd2;\n      border-color: #f86368;\n      color: black;\n    }\n  }\n}\n\n#rsssl-passkey-error {\n  color: #dc3232; // Standard WordPress error color\n  background-color: #fef7f7;\n  border: 1px solid #dc3232;\n  padding: 10px;\n  margin-top: 10px;\n  width: 100%; // Or a suitable max-width\n  min-width: 280px; // Ensure a minimum width for the error message\n  box-sizing: border-box; // Ensures padding and border don't increase the specified width\n  overflow-wrap: break-word; // Allows long words to break and wrap\n  word-wrap: break-word; // older browser compatibility for overflow-wrap\n  word-break: normal; // Prevents breaking within words unless absolutely necessary by overflow-wrap\n  hyphens: none; // Disable automatic hyphenation\n  white-space: normal; // Ensure text wraps normally\n  text-align: left; // Align text to the left\n  display: none; // Initially hidden, shown by JS\n}","\n/* Extra css styling for login when passkey is enabled */\n#login:has(#passkey-login-button) {\n  #wp-submit, #rememberme {\n    margin-top: 4px;\n  }\n\n  #passkey-login-button {\n    &.button-primary {\n      margin: 0 auto;\n        display: block;\n      font-size: 16px;\n      padding: 0 16px;\n    }\n  }\n  .or-divider {\n    margin-top: 20px;\n    margin-bottom: 10px;\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    align-items: center;\n    color: #000;\n    position: relative;\n    &::before, &::after {\n      content: '';\n      flex: 1;\n      border-bottom: 1px solid #000;\n    }\n    &::before {\n      margin-right: 10px;\n    }\n    &::after {\n      margin-left: 10px;\n    }\n  }\n}\n\n.validation_button_holder {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  #rsssl-passkey-button {\n    margin-top: 10px;\n    padding: 10px 20px;\n    width: 100%;\n    &.pending {\n      background-color: #f5e6ab;\n      border-color: #f0c33c;\n      opacity: 1;\n      color: #1e1e1e;\n      cursor: not-allowed;\n    }\n    &.failed {\n      background-color: #facfd2;\n      border-color: #f86368;\n      color: black;\n    }\n    &.success {\n      background-color: #b8e6bf;\n      border-color: #68de7c;\n      color: #1d2327;\n      opacity: 1;\n    }\n    &.login {\n      background-color: #f5e6ab;\n      border-color: #f0c33c;\n      color: #1d2327;\n      opacity: 1;\n      cursor: not-allowed;\n    }\n    &.login-failed {\n      background-color: #facfd2;\n      border-color: #f86368;\n      color: black;\n    }\n  }\n\n  .button {\n    width: 100%;\n  }\n}\n"],"names":[],"sourceRoot":""}