{"version":3,"sources":["twofas_light.scss","includes/_wrapper.scss","includes/_typography.scss","includes/_functions.scss","includes/_buttons.scss","includes/_variables.scss","includes/_header.scss","includes/_config_bar.scss","includes/_card.scss","includes/_switch.scss","includes/_breadcrumb.scss","includes/_trusted_devices.scss","includes/_configured_box.scss","includes/_backup_codes_box.scss","includes/_backup_codes_tutorial.scss","includes/_danger_zone_box.scss","includes/_toast.scss","includes/_config_wrapper.scss","includes/_view_renderer_error.scss","includes/_error_message.scss","includes/_modal.scss","includes/_rate_plugin_prompt.scss","includes/_admin_settings.scss","includes/_checkbox_container.scss","includes/_login_configuration_step.scss","includes/cards/_card_1.scss","includes/cards/_card_2.scss","includes/cards/_card_3.scss","wp/_login_form.scss","wp/_menu_icon.scss"],"names":[],"mappings":"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","file":"twofas_light.css","sourcesContent":["// MONTSERRAT\n@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;700;800&display=swap');\n\n// INCLUDES\n@import 'includes/variables';\n@import 'includes/functions';\n@import 'includes/wrapper';\n@import 'includes/typography';\n@import 'includes/buttons';\n@import 'includes/header';\n@import 'includes/config_bar';\n@import 'includes/card';\n@import 'includes/switch';\n@import 'includes/breadcrumb';\n@import 'includes/trusted_devices';\n@import 'includes/configured_box';\n@import 'includes/backup_codes_box';\n@import 'includes/backup_codes_tutorial';\n@import 'includes/danger_zone_box';\n@import 'includes/toast';\n@import 'includes/config_wrapper';\n@import 'includes/view_renderer_error';\n@import 'includes/error_message';\n@import 'includes/modal';\n@import 'includes/rate_plugin_prompt';\n@import 'includes/admin_settings';\n@import 'includes/checkbox_container';\n@import 'includes/login_configuration_step';\n\n// CARDS\n@import 'includes/cards/card_1';\n@import 'includes/cards/card_2';\n@import 'includes/cards/card_3';\n\n// WP\n@import 'wp/login_form';\n@import 'wp/menu_icon';\n","@import 'variables';\n@import 'functions';\n\n.twofas-light-wrapper {\n  font-family: 'Montserrat', sans-serif;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  line-height: 1;\n  text-rendering: optimizeSpeed;\n\n  * {\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n    outline: none;\n  }\n\n  .anim-on,\n  .anim-on * {\n    transition: all .2s ease-in-out;\n  }\n\n  .anim-off,\n  .anim-off * {\n    transition: none !important;\n  }\n\n  .clear-fix {\n    *zoom: 1;\n\n    &::before,\n    &::after {\n      content: ' ';\n      display: table;\n    }\n\n    &::after {\n      clear: both;\n    }\n  }\n\n  .twofas-light-text-line {\n    display: block;\n\n    @media all and (max-width: $screen-sm-max) {\n      display: inline;\n\n      &::after {\n        content: ' ';\n      }\n    }\n  }\n\n  input,\n  textarea,\n  button {\n    -webkit-appearance: none;\n  }\n\n  .twofas-hidden {\n    display: none;\n  }\n\n  a {\n    box-shadow: none;\n    outline: none;\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      box-shadow: none;\n      outline: none;\n      text-decoration: none;\n    }\n  }\n\n  ::-webkit-input-placeholder {\n    color: inherit;\n  }\n\n  ::-moz-placeholder {\n    color: inherit;\n  }\n\n  :-ms-input-placeholder {\n    color: inherit;\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARBIALES\n$headerColor: #000;\n$subHeaderColor: #898989;\n\n.twofas-light-wrapper {\n  h3,\n  h4 {\n    margin: 0 auto;\n  }\n\n  h3 {\n    color: $headerColor;\n    font-size: px-to-rem(20);\n    font-weight: 700;\n    line-height: px-to-rem(24);\n    margin-bottom: 6px;\n    text-align: center;\n  }\n\n  h4 {\n    color: $subHeaderColor;\n    font-size: px-to-rem(14);\n    font-weight: 500;\n    line-height: px-to-rem(17);\n    margin-bottom: 20px;\n    text-align: center;\n  }\n}\n","@function decimal-round ($number, $digits: 0, $mode: round) {\n  $n: 1;\n\n  @if type-of($number) != number {\n    @warn '#{ $number } is not a number.';\n    @return $number;\n  }\n\n  @if type-of($digits) != number {\n    @warn '#{ $digits } is not a number.';\n    @return $number;\n  }\n  @else if not unitless($digits) {\n    @warn '#{ $digits } has a unit.';\n    @return $number;\n  }\n\n  @for $i from 1 through $digits {\n    $n: $n * 10;\n  }\n\n  @if $mode == round {\n    @return round($number * $n) / $n;\n  }\n  @else if $mode == ceil {\n    @return ceil($number * $n) / $n;\n  }\n  @else if $mode == floor {\n    @return floor($number * $n) / $n;\n  }\n  @else {\n    @warn '#{ $mode } is undefined keyword.';\n    @return $number;\n  }\n}\n\n@function decimal-ceil ($number, $digits: 0) {\n  @return decimal-round($number, $digits, ceil);\n}\n\n@function px-to-rem($px) {\n  @return unquote(decimal-ceil($px / 16, 4) + \"rem\");\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$btnTextColor: #fff;\n$disabledBgColor: #e2e2eb;\n$bgExternal: #fff;\n\n.twofas-btn {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  align-items: center;\n  background-color: $tf-theme-color;\n  border: 0;\n  border-radius: 20px;\n  color: $btnTextColor;\n  cursor: pointer;\n  display: inline-flex;\n  font-size: px-to-rem(11);\n  font-weight: 800;\n  min-height: 40px;\n  letter-spacing: .646px;\n  line-height: 1.3;\n  outline: none !important;\n  padding: 0 24px;\n  text-align: center;\n  text-transform: uppercase;\n  transition: background-color .2s ease-in-out, color .2s ease-in-out;\n\n  &:hover {\n    background-color: darken($tf-theme-color, 5%);\n    color: $btnTextColor;\n  }\n\n  &:focus,\n  &:active {\n    background-color: $tf-theme-color;\n    color: $btnTextColor;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    background-color: $disabledBgColor;\n  }\n\n  &.twofas-btn-external {\n    background-color: $bgExternal;\n    border: 2px solid $tf-theme-color;\n    color: $tf-theme-color;\n\n    &:hover {\n      color: darken($tf-theme-color, 5%);\n    }\n  }\n}\n\n.twofas-btn-empty {\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  background-color: transparent;\n  border: 0;\n  color: $tf-theme-color;\n  cursor: pointer;\n  display: inline-block;\n  font-size: px-to-rem(11);\n  font-weight: 700;\n  height: 40px;\n  letter-spacing: .646px;\n  line-height: 40px;\n  outline: none !important;\n  padding: 0 24px;\n  text-align: center;\n  text-transform: uppercase;\n  transition: color .2s ease-in-out;\n\n  &:hover {\n    color: darken($tf-theme-color, 5%);\n  }\n\n  &:focus,\n  &:active {\n    color: $tf-theme-color;\n  }\n\n  &[disabled] {\n    cursor: not-allowed;\n    color: $disabledBgColor;\n  }\n\n  &.twofas-qr-refresh-btn {\n    height: 14px;\n    line-height: 14px;\n    padding: 0;\n\n    img {\n      display: inline-block;\n      height: 14px;\n      margin-right: 6px;\n      vertical-align: middle;\n    }\n  }\n}\n\n.twofas-btn-close {\n  border: 0;\n  box-shadow: none;\n  cursor: pointer;\n  margin: 0;\n  outline: none !important;\n  padding: 0;\n\n  img {\n    display: block;\n  }\n}\n\n.twofas-btn,\n.twofas-btn-empty,\n.twofas-btn-close {\n  &:hover,\n  &:focus,\n  &:active {\n    box-shadow: none;\n  }\n}\n","$tf-theme-color: #ED1C24;\n\n// TwoFas Trusted Devices\n$tf-trusted-devices-help-link-color: #282c32;\n$tf-trusted-devices-th-background: #e8e8e8;\n$tf-trusted-devices-th-color: #282c32;\n$tf-trusted-devices-table-border: #e8e8e8;\n$tf-trusted-devices-hour-color: #9fa3ab;\n$tf-trusted-devices-remove-link-color: #ff2b23;\n\n// TwoFas Tooltip\n$tf-tooltip-background: #282c32;\n$tf-tooltip-color: #fff;\n\n// TwoFas Toast\n$tf-toast-background: #333;\n$tf-toast-shadow: rgba(0, 0, 0, .2);\n$tf-toast-color: #fff;\n$tf-toast-background-success: #66bb6a;\n$tf-toast-background-error: #ef5350;\n$tf-toast-background-warning: #ffca28;\n\n// TwoFas Rate Plugin Prompt\n$tf-rate-plugin-prompt-background: #fff;\n$tf-rate-plugin-prompt-color: lighten(#333, 5%);\n$tf-rate-plugin-prompt-shadow: rgba(0, 0, 0, .3);\n\n// TwoFas View Renderer Error\n$tf-view-renderer-background: #fff;\n$tf-view-renderer-border: #dc3232;\n$tf-view-renderer-shadow: rgba(0, 0, 0, .1);\n\n//TwoFas Login Form\n$login-nav-message-color: #72777c;\n\n// TwoFas RWD Breakpoints\n$screen-xs:         576px;\n$screen-xs-min:     $screen-xs;\n$screen-phone:      $screen-xs-min;\n\n$screen-sm:         768px;\n$screen-sm-min:     $screen-sm;\n$screen-tablet:     $screen-sm-min;\n\n$screen-md:         992px;\n$screen-md-min:     $screen-md;\n$screen-desktop:    $screen-md-min;\n\n$screen-lg:         1200px;\n$screen-lg-min:     $screen-lg;\n$screen-lg-desktop: $screen-lg-min;\n\n$screen-xs-max:     ($screen-sm-min - 1);\n$screen-sm-max:     ($screen-md-min - 1);\n$screen-md-max:     ($screen-lg-min - 1);\n\n$twofas-light-border-color: #d9d9d9;\n$twofas-light-qr-code-size: 200px;\n$twofas-light-gray: #292d31;\n\n// Printable offline codes\n$backup-codes-list-bullet-color: #ff0000;\n$backup-codes-list-text-color: #000;\n","@import 'variables';\n@import 'functions';\n\n.twofas-light-logo-header {\n  padding-top: 10px;\n  margin-bottom: 29px;\n\n  @media all and (max-width: 782px) {\n    margin-bottom: 15px;\n  }\n\n  @media all and (max-width: $screen-xs) {\n    padding-top: 0;\n  }\n\n  h1 {\n    $logo-image-size: 35px;\n    $spacing-between-logo-and-title: 12px;\n\n    font-size: 0;\n    min-height: $logo-image-size;\n    padding: 0;\n\n    img,\n    .twofas-light-logo-header-title {\n      display: inline-block;\n      vertical-align: middle;\n    }\n\n    img {\n      height: $logo-image-size;\n      width: $logo-image-size;\n    }\n\n    .twofas-light-logo-header-title {\n      font-size: px-to-rem(16);\n      font-weight: 500;\n      line-height: px-to-rem(20);\n      margin-left: $spacing-between-logo-and-title;\n      padding: 9px 0 4px;\n      width: calc(100% - #{$logo-image-size} - #{$spacing-between-logo-and-title});\n\n      @media all and (max-width: $screen-xs) {\n        font-size: px-to-rem(15);\n      }\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$configBarTextColor: #898989;\n$configBarBg: #fff;\n\n.twofas-config-bar {\n  background: $configBarBg;\n  border-radius: 4px;\n  color: $configBarTextColor;\n  height: 0;\n  margin-bottom: 0;\n  overflow: hidden;\n  padding: 0 18px;\n  width: 100%;\n\n  @media all and (max-width: 400px) {\n    align-items: center;\n    display: flex;\n  }\n\n  &.twofas-show {\n    height: 39px;\n    line-height: 39px;\n    margin-bottom: 41px;\n    width: 100%;\n\n    @media all and (max-width: 400px) {\n      height: auto;\n      line-height: 1.4;\n      margin-bottom: 20px;\n      min-height: 30px;\n      padding: 4px 10px;\n    }\n  }\n\n  &-description {\n    display: inline-block;\n    font-size: px-to-rem(14);\n    font-weight: 700;\n    vertical-align: middle;\n\n    @media all and (max-width: 400px) {\n      font-size: px-to-rem(13);\n      text-align: center;\n      width: 100%;\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// TwoFas Card\n$cardBg: #fff;\n$footerBorderColor: #f1f1f1;\n$headerColor: #000;\n$contentColor: #000;\n\n.twofas-card {\n  background: $cardBg;\n  border-radius: 4px;\n  margin: 0 auto 42px;\n  max-width: 1386px;\n\n  @media all and (max-width: 500px) {\n    margin-bottom: 0;\n  }\n\n  &:last-of-type {\n    margin-bottom: 0;\n  }\n\n  &::after {\n    content: '';\n    display: table;\n    clear: both;\n  }\n\n  &-body {\n    max-width: 736px;\n    margin-left: auto;\n    margin-right: auto;\n    padding: 0 10px;\n\n    > .twofas-card-body-1,\n    > .twofas-card-body-2,\n    > .twofas-card-body-3 {\n      &.hidden {\n        display: none;\n      }\n    }\n\n    h4 {\n      color: $headerColor;\n      font-size: px-to-rem(16);\n      font-weight: 600;\n      line-height: px-to-rem(20);\n    }\n\n    p {\n      color: $contentColor;\n      font-size: px-to-rem(14);\n      line-height: px-to-rem(18);\n      margin: 0;\n\n      a {\n        color: $tf-theme-color;\n\n        &:hover {\n          color: darken($tf-theme-color, 5%);\n        }\n\n        &:focus,\n        &:active {\n          color: $tf-theme-color;\n        }\n      }\n    }\n  }\n\n  &-footer {\n    border-top: 1px solid $footerBorderColor;\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    padding: 37px;\n\n    @media all and (max-width: 500px) {\n      padding: 20px 10px;\n    }\n\n    button {\n      &.hidden {\n        display: none;\n      }\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$switchEnabledBg: $tf-theme-color;\n$switchDisabledBg: #8e8e8e;\n$switchCircleBg: #fff;\n$switchCircleBorderColor: #e5e5e5;\n$switchCircleShadowColor: rgba(0, 0, 0, .2);\n\n.twofas-switch {\n  display: inline-block;\n\n  .twofas-totp-switch {\n    display: none;\n\n    &[value='totp_enabled'] {\n      + label {\n        background: $switchEnabledBg;\n      }\n    }\n\n    &[value='totp_disabled'] {\n      + label {\n        background: $switchDisabledBg;\n\n        span {\n          &.twofas-totp-switch-indicator {\n            transform: translateX(-15px) translateY(-50%);\n          }\n        }\n      }\n    }\n\n    &[disabled] {\n      + label {\n        cursor: wait;\n      }\n    }\n  }\n\n  label {\n    border-radius: 26px;\n    display: inline-block;\n    height: 26px;\n    overflow: hidden;\n    position: relative;\n    transition: all .5s ease-in-out;\n    width: 41px;\n\n    span {\n      &.twofas-totp-switch-indicator {\n        background-color: $switchCircleBg;\n        border: .5px solid $switchCircleBorderColor;\n        border-radius: 50%;\n        box-shadow: 0 2px 2px $switchCircleShadowColor;\n        display: inline-block;\n        height: 22px;\n        left: 17px;\n        position: absolute;\n        top: 50%;\n        transform: translateX(0) translateY(-50%);\n        transition: all .3s ease-in-out;\n        width: 22px;\n      }\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$inactiveColor: #e2e2eb;\n$activeColor: $tf-theme-color;\n$textColor: #fff;\n\n.twofas-breadcrumb {\n  margin-bottom: 63px;\n  padding-top: 36px;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 736px;\n  width: 100%;\n\n  @media all and (max-width: 500px) {\n    margin-bottom: 20px;\n  }\n\n  &::after {\n    content: '';\n    display: table;\n    clear: both;\n  }\n\n  &-step {\n    float: left;\n    position: relative;\n    text-align: center;\n    width: 33.3%;\n\n    &.active {\n      .twofas-breadcrumb-step-number {\n        background-color: $activeColor;\n      }\n\n      .twofas-breadcrumb-step-text {\n        color: $activeColor;\n      }\n    }\n\n    &::after,\n    &::before {\n      background-color: $inactiveColor;\n      height: 2px;\n      position: absolute;\n      top: 17px;\n      width: calc(50% - 34px / 2 - 25px);\n\n      @media all and (max-width: 500px) {\n        width: calc(50% - 34px / 2 - 10px);\n      }\n    }\n\n    &:first-of-type,\n    &:nth-of-type(2) {\n      &::after {\n        content: '';\n        display: block;\n        right: 0;\n      }\n    }\n\n    &:nth-of-type(2),\n    &:nth-of-type(3) {\n      &::before {\n        content: '';\n        display: block;\n        left: 0;\n      }\n    }\n\n    &-number {\n      border-radius: 50%;\n      background-color: $inactiveColor;\n      color: $textColor;\n      display: inline-block;\n      font-size: px-to-rem(14);\n      font-weight: 700;\n      height: 34px;\n      line-height: 34px;\n      margin-bottom: 12px;\n      text-align: center;\n      width: 34px;\n    }\n\n    &-text {\n      color: $inactiveColor;\n      font-size: px-to-rem(14);\n      font-weight: 500;\n      line-height: px-to-rem(17);\n\n      @media all and (max-width: 500px) {\n        display: none;\n      }\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$cardBg: #fff;\n$fontColor: #000;\n$tableColor: #d4d4d9;\n$tableFontColor: #898989;\n$borderColor: #f1f1f1;\n\nh3 {\n  &.twofas-light-trusted-devices-header {\n    margin-bottom: 0;\n    max-height: 0;\n    overflow: hidden;\n\n    &.twofas-show {\n      max-height: 9999px;\n    }\n  }\n}\n\n.twofas-light-trusted-devices {\n  background: $cardBg;\n  border-radius: 4px;\n  max-height: 0;\n  padding: 0;\n  overflow: hidden;\n  width: 100%;\n\n  &.twofas-show {\n    margin-bottom: 51px;\n    margin-top: 17px;\n    max-height: 9999px;\n    padding: 45px 0 0;\n  }\n\n  &-desc {\n    text-align: center;\n\n    @media all and (max-width: 800px) {\n      padding: 0 20px;\n    }\n\n    h4 {\n      color: $fontColor;\n      font-size: px-to-rem(16);\n      font-weight: 600;\n      line-height: px-to-rem(20);\n      margin-bottom: 6px;\n    }\n\n    h5 {\n      color: $fontColor;\n      font-size: px-to-rem(14);\n      font-weight: 400;\n      line-height: px-to-rem(18);\n      margin-bottom: 45px;\n      margin-top: 0;\n    }\n  }\n\n  &-remove {\n    background: none;\n    border: 0;\n    color: $tf-trusted-devices-remove-link-color;\n    cursor: pointer;\n    display: inline-block;\n    font-size: px-to-rem(11);\n    font-weight: 700;\n    padding: 0;\n    text-decoration: none;\n\n    &:hover {\n      span:not(.twofas-light-icon) {\n        text-decoration: underline;\n      }\n    }\n\n    &[disabled] {\n      cursor: wait;\n      user-select: none;\n    }\n\n    .twofas-light-icon {\n      display: inline-block;\n      margin-top: -2px;\n      vertical-align: middle;\n    }\n  }\n\n  &-table {\n    padding: 0 39px 14px;\n\n    @media all and (max-width: 600px) {\n      padding: 0 20px 14px;\n    }\n\n    table {\n      border-collapse: collapse;\n      width: 100%;\n\n      @media all and (max-width: 800px) {\n        display: block;\n      }\n\n      thead {\n        border-bottom: 1px solid $tableColor;\n        border-top: 1px solid $tableColor;\n\n        @media all and (max-width: 800px) {\n          display: none;\n        }\n\n        tr {\n          th {\n            color: $fontColor;\n            font-size: px-to-rem(16);\n            font-weight: 600;\n            height: 48px;\n            line-height: 48px;\n            padding: 0;\n            text-align: left;\n          }\n        }\n      }\n\n      tbody {\n        @media all and (max-width: 800px) {\n          display: flex;\n          flex-direction: row;\n          flex-wrap: wrap;\n        }\n\n        tr {\n          color: $tableFontColor;\n\n          @media all and (max-width: 800px) {\n            border-bottom: 1px solid $borderColor;\n            display: flex;\n            flex-direction: column;\n            margin-bottom: 10px;\n            padding-bottom: 10px;\n            width: 100%;\n\n            &:last-of-type {\n              border-bottom: 0;\n              margin-bottom: 0;\n            }\n          }\n\n          &:last-of-type {\n            td {\n              padding-bottom: 0;\n            }\n          }\n\n          &.twofas-light-no-devices-row {\n            td {\n              h5 {\n                font-size: px-to-rem(16);\n                font-weight: 700;\n                text-align: center;\n              }\n            }\n          }\n\n          &.twofas-light-trusted-devices-subhead {\n            @media all and (max-width: 800px) {\n              display: none;\n            }\n\n            td {\n              font-size: px-to-rem(16);\n              font-weight: 600;\n              line-height: px-to-rem(20);\n              padding: 15px 0;\n            }\n          }\n\n          td {\n            padding-bottom: 10px;\n\n            @media all and (max-width: 800px) {\n              line-height: 1.3;\n              padding-bottom: 0;\n\n              &::before {\n                font-weight: 700;\n              }\n\n              &:nth-of-type(1) {\n                &::before {\n                  content: 'Browser and device: ';\n                }\n              }\n\n              &:nth-of-type(2) {\n                &::before {\n                  content: 'When: ';\n                }\n              }\n\n              &:nth-of-type(3) {\n                &::before {\n                  content: 'Date and time: ';\n                }\n              }\n\n              &:nth-of-type(4) {\n                &::before {\n                  content: 'IP Address: ';\n                }\n              }\n            }\n\n            &:last-of-type {\n              text-align: right;\n\n              @media all and (max-width: 800px) {\n                text-align: left;\n              }\n\n              span {\n                display: none;\n\n                @media all and (max-width: 800px) {\n                  color: $tf-theme-color;\n                  display: inline;\n                }\n              }\n\n              img {\n                display: inline-block;\n\n                @media all and (max-width: 800px) {\n                  display: none;\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n.twofas-light-trusted-devices-help {\n  border-top: 1px solid $borderColor;\n  display: block;\n  padding: 22px 0;\n  text-align: center;\n  width: 100%;\n\n  a {\n    box-shadow: none;\n    color: $tf-theme-color;\n    font-size: px-to-rem(14);\n    font-weight: 600;\n    letter-spacing: .2px;\n    line-height: px-to-rem(16);\n    outline: none;\n\n    &:hover {\n      color: darken($tf-theme-color, 5%);\n    }\n\n    &:focus,\n    &:active {\n      box-shadow: none;\n      color: $tf-theme-color;\n      outline: none;\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$configuredBoxBackground: #fff;\n$configuredBoxColor: #000;\n$configuredBoxBorder: #f1f1f1;\n$configuredBoxFooterColor: #898989;\n\n.twofas-configured-box {\n  background-color: $configuredBoxBackground;\n  border-radius: 4px;\n  max-height: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: center;\n\n  &.twofas-show {\n    margin-bottom: 41px;\n    margin-top: 17px;\n    max-height: 9999px;\n\n    .twofas-configured-box-content {\n      padding: 41px 10px 28px;\n\n      @media all and (max-width: 600px) {\n        padding: 25px 10px;\n      }\n    }\n\n    .twofas-configured-box-footer {\n      padding: 22px 10px;\n    }\n  }\n\n  &-content {\n    display: none;\n    padding: 0;\n\n    &.twofas-show {\n      display: block;\n    }\n\n    img {\n      margin-bottom: 25px;\n    }\n\n    h2 {\n      color: $configuredBoxColor;\n      font-size: px-to-rem(16);\n      font-weight: 600;\n      line-height: px-to-rem(20);\n      margin-bottom: 6px;\n      margin-top: 0;\n    }\n\n    p {\n      color: $configuredBoxColor;\n      font-size: px-to-rem(14);\n      line-height: px-to-rem(17);\n      margin: 0;\n    }\n  }\n\n  &-footer {\n    border-top: 1px solid $configuredBoxBorder;\n    padding: 0;\n\n    p {\n      color: $configuredBoxFooterColor;\n      font-size: px-to-rem(14);\n      font-weight: 600;\n      line-height: px-to-rem(16);\n      margin: 0;\n\n      a {\n        -webkit-appearance: none;\n        appearance: none;\n        box-shadow: none;\n        color: $tf-theme-color;\n        outline: none;\n\n        &:hover {\n          color: darken($tf-theme-color, 5%);\n        }\n\n        &:focus,\n        &:active {\n          box-shadow: none;\n          color: $tf-theme-color;\n          outline: none;\n        }\n      }\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$backupCodesBoxBg: #fff;\n$backupCodesBoxColor: #000;\n$backupCodesSubTextColor: #898989;\n$backupCodesFooterColor: #f1f1f1;\n$backupTutorialBoxBorder: #d4d4d9;\n\nh3 {\n  &.twofas-backup-codes-header {\n    margin-bottom: 0;\n    max-height: 0;\n    overflow: hidden;\n\n    &.twofas-show {\n      max-height: 9999px;\n    }\n  }\n}\n\n.twofas-backup-codes-box {\n  background-color: $backupCodesBoxBg;\n  border-radius: 4px;\n  max-height: 0;\n  overflow: hidden;\n  padding: 0;\n  text-align: center;\n\n  &.twofas-show {\n    margin-bottom: 41px;\n    margin-top: 17px;\n    max-height: 9999px;\n  }\n\n  &-new,\n  &-current {\n    max-height: 0;\n    overflow: hidden;\n\n    &.twofas-show {\n      max-height: 9999px;\n    }\n  }\n\n  .twofas-backup-codes-box-new {\n    &.twofas-show {\n      padding: 45px 125px;\n\n      @media all and (max-width: 1280px) {\n        padding: 45px 20px;\n      }\n\n      @media all and (max-width: 600px) {\n        padding: 20px 10px;\n      }\n    }\n  }\n\n  .twofas-backup-codes-box-current {\n    &.twofas-show {\n      padding: 45px 125px 23px;\n\n      @media all and (max-width: 1280px) {\n        padding: 45px 20px 23px;\n      }\n\n      @media all and (max-width: 600px) {\n        padding: 20px 0;\n      }\n    }\n\n    &-stats {\n      margin-bottom: 36px;\n      margin-top: 20px;\n\n      h5 {\n        color: $backupCodesBoxColor;\n        font-size: px-to-rem(21);\n        font-weight: 800;\n        line-height: px-to-rem(26);\n        margin-bottom: 6px;\n        margin-top: 0;\n      }\n    }\n\n    &-footer {\n      border-top: 1px solid $backupCodesFooterColor;\n\n      @media all and (max-width: 600px) {\n        padding: 0 10px;\n      }\n\n      p {\n        color: $backupCodesSubTextColor;\n        font-size: px-to-rem(14);\n        font-weight: 600;\n        line-height: px-to-rem(16);\n        margin-top: 22px;\n\n        a {\n          -moz-appearance: none;\n          -webkit-appearance: none;\n          box-shadow: none;\n          color: $tf-theme-color;\n          outline: none !important;\n\n          &:hover {\n            color: darken($tf-theme-color, 5%);\n          }\n\n          &:focus,\n          &:active {\n            box-shadow: none;\n            color: $tf-theme-color;\n            outline: none !important;\n          }\n        }\n      }\n    }\n  }\n\n  h4 {\n    color: $backupCodesBoxColor;\n    font-size: px-to-rem(16);\n    font-weight: 600;\n    line-height: px-to-rem(20);\n    margin-bottom: 6px;\n    margin-top: 0;\n  }\n\n  p {\n    color: $backupCodesBoxColor;\n    font-size: px-to-rem(14);\n    line-height: px-to-rem(17);\n    margin: 0;\n  }\n\n  button {\n    margin-top: 30px;\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$backupTutorialBoxBorder: #d4d4d9;\n$backupCodesBoxColor: #000;\n$backupCodesSubTextColor: #898989;\n\n.twofas-backup-codes-box-tutorial {\n  border: 1px solid $backupTutorialBoxBorder;\n  margin-top: 45px;\n  padding: 34px 38px;\n  text-align: left;\n\n  @media all and (max-width: 700px) {\n    padding: 25px;\n  }\n\n  @media all and (max-width: 480px) {\n    padding: 20px;\n  }\n\n  &.twofas-backup-codes-box-tutorial-modal {\n    margin-bottom: 20px;\n    padding: 20px;\n\n    @media all and (max-width: 700px) {\n      padding: 20px;\n    }\n\n    .twofas-backup-codes-box-tutorial-content {\n      position: relative;\n\n      &-step {\n        flex-shrink: unset;\n\n        &-content {\n          p {\n            margin: 0;\n          }\n        }\n      }\n    }\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: row;\n\n    @media all and (max-width: 700px) {\n      flex-direction: column;\n    }\n\n    &-step {\n      flex-grow: 0;\n      flex-shrink: 0;\n      width: 33.3%;\n\n      @media all and (max-width: 700px) {\n        display: flex;\n        flex-direction: row;\n        width: 100%;\n      }\n\n      &:first-of-type {\n        padding-right: 10px;\n\n        @media all and (max-width: 700px) {\n          padding-right: 0;\n        }\n\n        .twofas-backup-codes-box-tutorial-content-step-line {\n          &::after {\n            width: calc(100% + 10px);\n\n            @media all and (max-width: 700px) {\n              width: 1px;\n            }\n          }\n        }\n      }\n\n      &:nth-of-type(2) {\n        padding-left: 10px;\n        padding-right: 10px;\n\n        @media all and (max-width: 700px) {\n          padding-left: 0;\n          padding-right: 0;\n        }\n\n        .twofas-backup-codes-box-tutorial-content-step-line {\n          &::after {\n            left: -10px;\n            width: calc(100% + 20px);\n\n            @media all and (max-width: 700px) {\n              left: 4px;\n              width: 1px;\n            }\n          }\n        }\n      }\n\n      &:last-of-type {\n        padding-left: 10px;\n\n        @media all and (max-width: 700px) {\n          padding-left: 0;\n        }\n\n        .twofas-backup-codes-box-tutorial-content-step-line {\n          &::after {\n            left: -10px;\n            width: calc(100% + 10px);\n\n            @media all and (max-width: 700px) {\n              left: 4px;\n              width: 1px;\n            }\n          }\n        }\n      }\n\n      &-line {\n        margin-bottom: 33px;\n        position: relative;\n\n        @media all and (max-width: 700px) {\n          margin-bottom: 0;\n          margin-right: 33px;\n        }\n\n        &::before,\n        &::after {\n          background-color: $backupTutorialBoxBorder;\n          content: '';\n          display: block;\n        }\n\n        &::before {\n          border-radius: 50%;\n          height: 8px;\n          width: 8px;\n        }\n\n        &::after {\n          height: 1px;\n          left: 0;\n          position: absolute;\n          top: 4px;\n          width: 100%;\n\n          @media all and (max-width: 700px) {\n            height: 100%;\n            left: 4px;\n            top: 0;\n            width: 1px;\n          }\n        }\n      }\n\n      &-content {\n        img {\n          margin-bottom: 26px;\n\n          @media all and (max-width: 700px) {\n            margin-bottom: 5px;\n          }\n        }\n\n        p {\n          color: $backupCodesBoxColor;\n          font-size: px-to-rem(14);\n          font-weight: 400;\n          line-height: px-to-rem(18);\n          margin: 0;\n          max-width: 250px;\n\n          @media all and (max-width: 700px) {\n            margin: 0 0 15px !important;\n            max-width: 100%;\n          }\n        }\n      }\n    }\n  }\n\n  h6 {\n    color: $backupCodesSubTextColor;\n    font-size: px-to-rem(16);\n    font-weight: 600;\n    line-height: px-to-rem(20);\n    margin: 0 0 27px;\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$dangerBoxBackground: #fff;\n$dangerBoxColor: #000;\n$dangerBoxSubColor: #898989;\n$dangerDecorColor: #ed1c24;\n$dangerBoxItemBorderColor: #f1f1f1;\n\nh3 {\n  &.twofas-danger-zone-header {\n    color: $dangerDecorColor;\n    font-size: px-to-rem(20);\n    font-weight: 700;\n    line-height: px-to-rem(24);\n    margin-bottom: 0;\n    max-height: 0;\n    overflow: hidden;\n\n    &.twofas-show {\n      margin-bottom: 23px;\n      max-height: 9999px;\n    }\n  }\n}\n\n.twofas-danger-zone-box {\n  background: $dangerBoxBackground;\n  border: 0;\n  border-radius: 4px;\n  box-sizing: border-box;\n  max-height: 0;\n  overflow: hidden;\n\n  &.twofas-show {\n    border: 1px solid $dangerDecorColor;\n    max-height: 9999px;\n  }\n\n  &-item {\n    border-bottom: 1px solid $dangerBoxItemBorderColor;\n    padding: 44px 41px;\n    text-align: left;\n\n    @media all and (max-width: 600px) {\n      padding: 20px;\n      text-align: center;\n    }\n\n    &:last-of-type {\n      border-bottom: 0;\n    }\n\n    &-switch {\n      align-items: center;\n      display: flex;\n      flex-direction: row;\n      margin-top: 24px;\n\n      @media all and (max-width: 600px) {\n        display: inline-flex;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      > label {\n        color: $dangerBoxColor;\n        font-size: px-to-rem(14);\n        font-weight: 400;\n        line-height: px-to-rem(17);\n        margin-right: 21px;\n      }\n    }\n\n    &-remove-config {\n      a {\n        -moz-appearance: none;\n        -webkit-appearance: none;\n        box-shadow: none;\n        color: $dangerDecorColor;\n        display: inline-block;\n        font-size: px-to-rem(12);\n        font-weight: 500;\n        line-height: px-to-rem(17);\n        margin-top: 19px;\n        outline: none !important;\n\n        &:hover {\n          color: darken($dangerDecorColor, 5%);\n        }\n\n        &:focus,\n        &:active {\n          box-shadow: none;\n          color: $dangerDecorColor;\n          outline: none !important;\n        }\n      }\n    }\n\n    h4 {\n      color: $dangerBoxColor;\n      font-size: px-to-rem(16);\n      font-weight: 600;\n      line-height: px-to-rem(20);\n      margin-bottom: 6px;\n      margin-top: 0;\n      text-align: left;\n\n      @media all and (max-width: 600px) {\n        text-align: center;\n      }\n    }\n\n    h5 {\n      color: $dangerBoxSubColor;\n      font-size: px-to-rem(12);\n      font-weight: 400;\n      line-height: px-to-rem(15);\n      margin-bottom: 0;\n      margin-top: 0;\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n.twofas-light-toast {\n  background: $tf-toast-background;\n  border-radius: 4px;\n  -webkit-box-shadow: 0 0 15px 0 $tf-toast-shadow;\n  box-shadow: 0 0 15px 0 $tf-toast-shadow;\n  color: $tf-toast-color;\n  cursor: pointer;\n  display: block;\n  height: 62px;\n  min-width: 200px;\n  padding: 15px 20px;\n  position: fixed;\n  right: 15px;\n  top: 47px;\n  z-index: 9999;\n  transform: translateX(150%);\n  transition: transform 1s cubic-bezier(.87, -.41, .19, 1.44), top .75s cubic-bezier(.87, -.41, .19, 1.44);\n\n  @media all and (max-width: 782px) {\n    top: 61px;\n  }\n\n  &:nth-of-type(2) {\n    top: 119px;\n\n    @media all and (max-width: 782px) {\n      top: 134px;\n    }\n  }\n\n  &:nth-of-type(3) {\n    top: 191px;\n\n    @media all and (max-width: 782px) {\n      top: 206px;\n    }\n  }\n\n  &:nth-of-type(4) {\n    top: 263px;\n\n    @media all and (max-width: 782px) {\n      top: 278px;\n    }\n  }\n\n  &:nth-of-type(1n + 5) {\n    display: none;\n  }\n\n  &:hover {\n    background: rgba(lighten($tf-toast-background, 10%), .75);\n  }\n\n  &.twofas-show {\n    transform: translateX(0);\n  }\n\n  &.twofas-light-toast-success {\n    background: $tf-toast-background-success;\n\n    &:hover {\n      background: rgba(lighten($tf-toast-background-success, 10%), .75);\n    }\n  }\n\n  &.twofas-light-toast-error {\n    background: $tf-toast-background-error;\n\n    &:hover {\n      background: rgba(lighten($tf-toast-background-error, 10%), .75);\n    }\n  }\n\n  &.twofas-light-toast-warning {\n    background: $tf-toast-background-warning;\n\n    &:hover {\n      background: rgba(lighten($tf-toast-background-warning, 10%), .75);\n    }\n  }\n\n  p {\n    font-size: px-to-rem(13);\n    font-weight: 700;\n    line-height: 1.3;\n    margin: 0;\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n.twofas-config-wrapper {\n  display: none;\n  margin-bottom: 50px;\n\n  &.twofas-show {\n    display: block;\n  }\n}\n","@import 'variables';\n\n.twofas-light-view-renderer-error {\n  background: $tf-view-renderer-background;\n  border-left: 4px solid $tf-view-renderer-border;\n  box-shadow: 0 1px 1px 0 $tf-view-renderer-shadow;\n  -webkit-box-shadow: 0 1px 1px 0 $tf-view-renderer-shadow;\n  padding: 5px 12px;\n  margin: 5px 0 15px;\n}\n\nbody.login .twofas-light-view-renderer-error-container {\n  margin: auto;\n  width: 320px;\n}",".twofas-light-error-message {\n  .twofas-light-error-list {\n    padding-left: 2px;\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$modalBgColor: #fff;\n$backdropColor: #4f4f4f;\n$modalShadowColor: rgba(0, 0, 0, .25);\n$modalColor: #000;\n\n.twofas-modal-backdrop {\n  background: rgba($backdropColor,.5);\n  display: none;\n  height: 100%;\n  left: 0;\n  opacity: 0;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 99999;\n\n  &.twofas-show {\n    display: table;\n  }\n}\n\n.twofas-modal-container {\n  display: table;\n  height: 100%;\n  width: 100%;\n}\n\n.twofas-modal-cell {\n  display: table-cell;\n  text-align: center;\n  vertical-align: middle;\n}\n\n.twofas-modal {\n  background: $modalBgColor;\n  box-shadow: 4px 4px 50px $modalShadowColor;\n  color: $modalColor;\n  display: inline-block;\n  max-height: 80%;\n  max-width: 652px;\n  padding: 57px 20px;\n  position: relative;\n  width: 60%;\n\n  @media all and (max-width: $screen-sm-max) {\n    max-height: none;\n    width: 75%;\n  }\n\n  @media all and (max-width: 660px) {\n    width: 90%;\n  }\n\n  &-close {\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n\n  &-codes {\n    margin-bottom: 30px;\n\n    h6 {\n      color: $modalColor;\n      font-size: px-to-rem(20);\n      font-weight: 800;\n      letter-spacing: .05em;\n      line-height: px-to-rem(35);\n      margin-bottom: 0;\n      margin-top: 0;\n\n      @media all and (max-width: 500px) {\n        font-size: px-to-rem(18);\n        line-height: px-to-rem(28);\n      }\n    }\n  }\n\n  &-buttons {\n    align-items: center;\n    display: inline-flex;\n    flex-direction: column;\n    margin-left: auto;\n    margin-right: auto;\n\n    &.horizontal {\n      flex-direction: row;\n\n      a,button {\n        &:first-of-type {\n          margin-right: 13px;\n        }\n      }\n    }\n  }\n\n  h5 {\n    font-size: px-to-rem(16);\n    font-weight: 600;\n    line-height: px-to-rem(20);\n    margin-bottom: 38px;\n  }\n\n  h6 {\n    &.twofas-private-key {\n      color: $modalColor;\n      font-size: px-to-rem(20);\n      font-weight: 800;\n      letter-spacing: .05em;\n      line-height: px-to-rem(35);\n      margin-bottom: 48px;\n    }\n  }\n\n  p {\n    font-size: px-to-rem(14);\n    line-height: px-to-rem(18);\n    margin-bottom: 36px;\n    margin-top: 0;\n\n    &.twofas-private-key-instructions {\n      max-width: 376px;\n      margin-left: auto;\n      margin-right: auto;\n      width: 90%;\n    }\n\n    &.small-margin {\n      margin-bottom: 10px;\n    }\n\n    em {\n      color: $tf-theme-color;\n      font-style: normal;\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n// VARIABLES\n$bg: #fff;\n$fontColor: #000;\n\n.twofas-rate-plugin-prompt {\n  animation: slide-in .5s ease-in-out 3s 1 both;\n  background: $bg;\n  border-radius: 4px;\n  color: $fontColor;\n  left: 50%;\n  margin-left: 80px;\n  max-width: 95%;\n  padding: 30px;\n  position: fixed;\n  text-align: center;\n  top: 40px;\n  transform: translateX(-50%) translateY(-100%);\n  transition: visibility 0s 0s;\n  visibility: visible;\n  width: 550px;\n  z-index: 9999;\n\n  @media all and (max-width: 960px) {\n    margin-left: 18px;\n  }\n\n  @media all and (max-width: 782px) {\n    margin-left: 0;\n    top: 46px;\n  }\n\n  &.closed {\n    animation: slide-out .5s ease-in-out 1 both;\n    transition: visibility 0s .5s;\n    visibility: hidden;\n  }\n\n  &-header {\n    margin-bottom: 15px;\n\n    h6 {\n      font-size: px-to-rem(20);\n      font-weight: 700;\n      line-height: px-to-rem(24);\n      margin-bottom: 6px;\n      margin-top: 0;\n    }\n  }\n\n  &-content {\n    margin-bottom: 15px;\n\n    p {\n      font-size: px-to-rem(14);\n      font-weight: 400;\n      line-height: px-to-rem(18);\n      margin: 0;\n    }\n  }\n\n  &-buttons {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n    margin-left: auto;\n    margin-right: auto;\n\n    a,\n    button {\n      margin-bottom: 6px;\n    }\n  }\n}\n\n@keyframes slide-in {\n  from {\n    -webkit-box-shadow: 0 0 20px 0 rgba($tf-rate-plugin-prompt-shadow, 0);\n    box-shadow: 0 0 20px 0 rgba($tf-rate-plugin-prompt-shadow, 0);\n    transform: translateX(-50%) translateY(-100%);\n  }\n\n  to {\n    -webkit-box-shadow: 0 0 20px 0 $tf-rate-plugin-prompt-shadow;\n    box-shadow: 0 0 20px 0 $tf-rate-plugin-prompt-shadow;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n@keyframes slide-out {\n  from {\n    -webkit-box-shadow: 0 0 20px 0 $tf-rate-plugin-prompt-shadow;\n    box-shadow: 0 0 20px 0 $tf-rate-plugin-prompt-shadow;\n    transform: translateX(-50%) translateY(0);\n  }\n\n  to {\n    -webkit-box-shadow: 0 0 20px 0 rgba($tf-rate-plugin-prompt-shadow, 0);\n    box-shadow: 0 0 20px 0 rgba($tf-rate-plugin-prompt-shadow, 0);\n    transform: translateX(-50%) translateY(-100%);\n  }\n}\n","@import 'functions';\n@import 'variables';\n\n// VARIABLES\n$footerColor: #898989;\n$footerBorderColor: #f1f1f1;\n$tableColor: #000;\n$tableFirstHeaderColor: #898989;\n$tableBorderColor: #d4d4d9;\n\n.twofas-admin-settings {\n  width: 100%;\n\n  &-buttons {\n    align-items: center;\n    display: flex;\n    justify-content: center;\n    padding: 40px 0;\n    width: 100%;\n  }\n\n  .twofas-card {\n    &-body {\n      max-width: 100%;\n      padding: 0;\n\n      &-content {\n        padding: 22px 40px 0px;\n\n        @media all and (max-width: 960px) {\n          padding: 22px 30px 0;\n        }\n\n        @media all and (max-width: 800px) {\n          padding: 22px 20px 0;\n        }\n\n        @media all and (max-width: 680px) {\n          padding: 20px 20px 0;\n        }\n\n        table {\n          border-bottom: 1px solid $tableBorderColor;\n          border-collapse: collapse;\n          width: 100%;\n\n          @media all and (max-width: 680px) {\n            border-bottom: 0;\n            display: block;\n\n            tbody,\n            tr {\n              display: block;\n            }\n\n            tr {\n              border-bottom: 1px solid $tableBorderColor;\n              margin-bottom: 10px;\n              padding-bottom: 10px;\n\n              &:last-of-type {\n                border-bottom: 0;\n                margin-bottom: 0;\n                padding-bottom: 0;\n              }\n            }\n\n            td {\n              align-items: center;\n              display: flex;\n              flex-direction: row;\n              justify-content: space-between;\n              min-height: 22px;\n              width: 100%;\n            }\n          }\n\n          thead {\n            @media all and (max-width: 680px) {\n              display: none;\n            }\n\n            tr {\n              vertical-align: bottom;\n\n              th {\n                border-bottom: 1px solid $tableBorderColor;\n                color: $tableColor;\n                font-size: px-to-rem(16);\n                font-weight: 600;\n                line-height: px-to-rem(20);\n                padding: 0 5px 23px;\n\n                @media all and (max-width: 960px) {\n                  font-size: px-to-rem(14);\n                  line-height: px-to-rem(18);\n                }\n\n                &:first-of-type {\n                  color: $tableFirstHeaderColor;\n                }\n              }\n            }\n          }\n\n          tbody {\n            tr {\n              &:first-of-type {\n                td {\n                  padding-top: 34px;\n\n                  @media all and (max-width: 960px) {\n                    padding-top: 25px;\n                  }\n\n                  @media all and (max-width: 680px) {\n                    padding-top: 0;\n                  }\n                }\n              }\n\n              td {\n                color: $tableColor;\n                font-size: px-to-rem(14);\n                line-height: px-to-rem(17);\n                padding-bottom: 34px;\n                text-align: center;\n\n                @media all and (max-width: 960px) {\n                  padding-bottom: 25px;\n                }\n\n                @media all and (max-width: 680px) {\n                  margin-bottom: 5px;\n                  padding-bottom: 0;\n                  text-align: left;\n\n                  &::before {\n                    content: attr(data-rwd-desc);\n                  }\n\n                  &:nth-of-type(1) {\n                    font-weight: 700;\n                  }\n\n                  &:nth-of-type(4) {\n                    margin-bottom: 0;\n                  }\n\n                  &::before {\n                    margin-right: 5px;\n                  }\n\n                  p {\n                    display: inline;\n                  }\n                }\n              }\n            }\n          }\n\n          tr {\n            th,\n            td {\n              &:first-of-type {\n                text-align: left;\n              }\n\n              &:last-of-type {\n                text-align: right;\n\n                @media all and (max-width: 680px) {\n                  text-align: left;\n                }\n              }\n            }\n          }\n        }\n      }\n\n      &-footer {\n        border-top: 1px solid $footerBorderColor;\n        padding: 22px 0;\n\n        @media all and (max-width: 960px) {\n          padding: 18px 0;\n        }\n\n        p {\n          color: $footerColor;\n          font-size: px-to-rem(14);\n          font-weight: 600;\n          line-height: px-to-rem(16);\n          margin: 0;\n          padding: 0;\n          text-align: center;\n\n          @media all and (max-width: 960px) {\n            font-size: px-to-rem(12);\n          }\n\n          a {\n            color: $tf-theme-color;\n          }\n        }\n      }\n    }\n  }\n\n  h3 {\n    margin-bottom: 23px;\n  }\n}\n","@import 'functions';\n@import 'variables';\n\n// VARIABLES\n$uncheckedColor: #d4d4d9;\n\n.checkbox-container {\n  display: inline-block;\n\n  input {\n    &[type='checkbox'] {\n      display: none;\n    }\n\n    &:checked {\n      + label {\n        .unchecked {\n          display: none;\n        }\n\n        .checked {\n          display: flex;\n        }\n      }\n    }\n  }\n\n  label {\n    border-radius: 50%;\n    display: block;\n    height: 22px;\n    overflow: hidden;\n    user-select: none;\n    width: 22px;\n\n    .unchecked {\n      border: 2px solid $uncheckedColor;\n      border-radius: 50%;\n      display: block;\n      height: 100%;\n      width: 100%;\n    }\n\n    .checked {\n      align-items: center;\n      background-color: $tf-theme-color;\n      border: 2px solid transparent;\n      border-radius: 50%;\n      display: none;\n      height: 100%;\n      justify-content: center;\n      padding: 3px;\n      text-align: center;\n      width: 100%;\n    }\n  }\n}\n","@import 'variables';\n@import 'functions';\n\n.twofas-login-configuration-step {\n  margin-left: 50%;\n  transform: translateX(-50%);\n  width: 100vw;\n\n  .twofas-card {\n    width: 95%;\n  }\n\n  form {\n    background: none;\n    border: 0;\n    box-shadow: none;\n    font-weight: unset;\n    margin-left: unset;\n    margin-top: unset;\n    overflow: unset;\n    padding: 0;\n\n    input[type=\"text\"] {\n      background-color: transparent;\n      background-image: url('data:image/svg+xml;utf8,<svg fill=\"none\" height=\"2\" viewBox=\"0 0 195 2\" width=\"195\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23ed1c24\"><rect height=\"2\" rx=\"1\" width=\"29.5246\"/><rect height=\"2\" rx=\"1\" width=\"28.1514\" x=\"33.6443\"/><rect height=\"2\" rx=\"1\" width=\"29.5246\" x=\"65.9155\"/><rect height=\"2\" rx=\"1\" width=\"29.5246\" x=\"99.5598\"/><rect height=\"2\" rx=\"1\" width=\"28.1514\" x=\"133.204\"/><rect height=\"2\" rx=\"1\" width=\"29.5246\" x=\"165.475\"/></g></svg>');\n      background-size: 195px 2px;\n      background-position: bottom left;\n      background-repeat: no-repeat;\n      line-height: 29px;\n      margin: 0 -18.5px 0 0;\n      min-height: unset;\n      padding: 0 0 0 8px;\n      width: 213.5px;\n    }\n  }\n}\n\n.twofas-light-wrapper {\n  + #backtoblog {\n    margin: 0;\n    padding: 0;\n    text-align: center;\n  }\n}\n","@import '../variables';\n@import '../functions';\n\n// VARIABLES\n$contentColor: #000;\n$imgBorderColor: #f1f1f1;\n\n.twofas-card-body-1 {\n  display: flex;\n  flex-direction: row;\n\n  @media all and (max-width: 500px) {\n    flex-direction: column;\n  }\n\n  &-content {\n    align-items: flex-start;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-left: 24px;\n\n    @media all and (max-width: $screen-xs-max) {\n      margin-left: 15px;\n    }\n\n    @media all and (max-width: 500px) {\n      margin-bottom: 20px;\n      margin-left: 0;\n    }\n\n    &-stores {\n      display: flex;\n      flex-direction: row;\n\n      @media all and (max-width: 640px) {\n        align-items: center;\n        flex-direction: column;\n        width: 100%;\n      }\n\n      a {\n        display: inline-block;\n\n        &:first-of-type {\n          margin-right: 10px;\n\n          @media all and (max-width: 640px) {\n            margin-bottom: 10px;\n            margin-right: 0;\n          }\n        }\n      }\n    }\n\n    h4 {\n      margin-bottom: 25px;\n      text-align: left;\n\n      @media all and (max-width: 640px) {\n        text-align: center;\n      }\n    }\n  }\n\n  > img,\n  > picture {\n    @media all and (max-width: 500px) {\n      border-bottom: 1px solid $imgBorderColor;\n      display: block;\n      margin-bottom: 20px;\n      margin-left: auto;\n      margin-right: auto;\n      max-width: 250px;\n      width: 90%;\n    }\n  }\n}\n","@import '../variables';\n@import '../functions';\n\n// VARIABLES\n$contentColor: #000;\n\n.twofas-card-body-2 {\n  display: flex;\n  flex-direction: row;\n  padding-bottom: 46px;\n\n  @media all and (max-width: 550px) {\n    flex-direction: column;\n    padding-bottom: 20px;\n  }\n\n  &-qr {\n    align-items: center;\n    display: flex;\n    flex-direction: column;\n\n    @media all and (max-width: 550px) {\n      margin-bottom: 20px;\n    }\n\n    > img {\n      height: 200px;\n      image-rendering: pixelated;\n      margin-bottom: 27px;\n      width: 200px;\n\n      @media all and (max-width: 550px) {\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    margin-left: 87px;\n\n    @media all and (max-width: 800px) {\n      margin-left: 50px;\n    }\n\n    @media all and (max-width: 670px) {\n      margin-left: 20px;\n    }\n\n    @media all and (max-width: 550px) {\n      margin-left: 0;\n    }\n\n    h4 {\n      margin-bottom: 25px;\n      text-align: left;\n\n      @media all and (max-width: 670px) {\n        margin-bottom: 10px;\n      }\n\n      @media all and (max-width: 550px) {\n        text-align: center;\n      }\n    }\n\n    p {\n      @media all and (max-width: 550px) {\n        text-align: center;\n      }\n    }\n  }\n}\n","@import '../variables';\n@import '../functions';\n\n// VARIABLES\n$contentColor: #000;\n$labelColor: #898989;\n\n.twofas-card-body-3 {\n  &-content {\n    &-totp-token {\n      &-container {\n        display: inline-flex;\n        flex-direction: row;\n        margin-left: auto;\n        margin-right: auto;\n      }\n\n      form {\n        align-items: center;\n        display: flex;\n        flex-direction: column;\n        margin-bottom: 67px;\n        text-align: center;\n\n        @media all and (max-width: 500px) {\n          margin-bottom: 30px;\n        }\n\n        label {\n          color: $labelColor;\n          font-size: px-to-rem(16);\n          font-weight: 500;\n          line-height: px-to-rem(20);\n          margin-bottom: 27px;\n\n          @media all and (max-width: 500px) {\n            margin-bottom: 10px;\n          }\n        }\n\n        input {\n          appearance: none;\n          background-image: url('data:image/svg+xml;utf8,<svg fill=\"none\" height=\"2\" viewBox=\"0 0 195 2\" width=\"195\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"%23ed1c24\"><rect height=\"2\" rx=\"1\" width=\"29.5246\"/><rect height=\"2\" rx=\"1\" width=\"28.1514\" x=\"33.6443\"/><rect height=\"2\" rx=\"1\" width=\"29.5246\" x=\"65.9155\"/><rect height=\"2\" rx=\"1\" width=\"29.5246\" x=\"99.5598\"/><rect height=\"2\" rx=\"1\" width=\"28.1514\" x=\"133.204\"/><rect height=\"2\" rx=\"1\" width=\"29.5246\" x=\"165.475\"/></g></svg>');\n          background-size: 195px 2px;\n          background-position: bottom left;\n          background-repeat: no-repeat;\n          border-radius: 0;\n          border: 0;\n          box-shadow: none;\n          color: $contentColor;\n          font-family: monospace;\n          font-size: 24px;\n          font-weight: 500;\n          height: 42px;\n          letter-spacing: 18.5px;\n          line-height: 29px;\n          margin-right: -18.5px;\n          outline: 0;\n          padding: 0 0 0 8px;\n          width: 213.5px;\n\n          &:last-of-type {\n            margin-right: 0;\n          }\n\n          &:focus,\n          &:active {\n            border: 0;\n            box-shadow: none;\n            outline: 0;\n          }\n        }\n      }\n    }\n\n    h4 {\n      margin-bottom: 43px;\n      text-align: center;\n    }\n  }\n}\n","@import '../includes/variables';\n\n#twofas-light-loginform {\n  padding-bottom: 20px !important;\n}\n\n.twofas-light-login-footer {\n  position: absolute;\n  bottom: 30px;\n  right: 30px;\n\n  &:hover {\n    .twofas-light-login-footer-tooltip {\n      display: inline;\n    }\n  }\n\n  &.twofas-login-configuration-footer {\n    bottom: auto;\n    position: relative;\n    margin-right: 30px;\n    right: auto;\n    text-align: right;\n\n    .twofas-light-login-footer-tooltip {\n      position: absolute;\n      right: 35px;\n    }\n  }\n\n  .twofas-light-login-footer-tooltip {\n    display: none;\n    width: 250px;\n    background-color: black;\n    color: #fff;\n    text-align: center;\n    padding: 5px 0;\n    border-radius: 6px;\n    margin-top: 3px;\n    margin-right: 4px;\n    float: left;\n  }\n}\n\n.twofas-light-login-nav {\n  margin-top: 10px;\n\n  .twofas-light-login-nav-wrapper {\n    padding: 10px 24px;\n\n    .twofas-light-table-wrapper {\n      width: 100%;\n      display: table;\n\n      .twofas-light-login-nav-message {\n        display: table-cell;\n        vertical-align: middle;\n        text-align: left;\n        font-size: 11px;\n        line-height: 19px;\n        color: $login-nav-message-color;\n\n        a {\n          font-size: 11px;\n          line-height: 19px;\n          color: $login-nav-message-color;\n        }\n\n        .twofas-light-login-nav-form {\n          box-shadow: none;\n          padding: 0;\n          margin: 0;\n          background: transparent;\n          border: none;\n\n          input {\n            font-size: 11px;\n            line-height: 19px;\n            text-decoration: underline;\n            color: $login-nav-message-color;\n          }\n        }\n      }\n    }\n  }\n}\n",".toplevel_page_twofas-light-menu {\n  > a {\n    img {\n      height: 20px;\n      padding-top: 7px !important;\n      width: 20px;\n    }\n  }\n}\n"]}