@authing/react-ui-components 3.0.1-beta.2 → 3.0.1-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.min.js +1 -1
  2. package/es/version/version.d.ts +1 -1
  3. package/es/version/version.js +1 -1
  4. package/lib/index.css +183 -183
  5. package/lib/index.min.css +1 -1
  6. package/lib/version/version.d.ts +1 -1
  7. package/lib/version/version.js +1 -1
  8. package/package.json +6 -5
package/es/version/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "3.0.1-beta.2";
1
+ declare const _default: "3.0.1-beta.3";
2
2
  export default _default;
package/es/version/version.js CHANGED
@@ -1 +1 @@
1
- export default '3.0.1-beta.2';
1
+ export default '3.0.1-beta.3';
package/lib/index.css CHANGED
@@ -940,18 +940,6 @@
940
940
  margin-top: 30px !important;
941
941
  }
942
942
 
943
- .authing-copy-text {
944
- display: flex;
945
- align-items: center;
946
- }
947
- .authing-copy-text-icon {
948
- margin-left: 4px;
949
- color: #396aff;
950
- }
951
- .authing-copy-text-icon__success {
952
- color: #b7eb8f;
953
- }
954
-
955
943
  .g2-view-container-totp-dl {
956
944
  width: 900px;
957
945
  padding: 0;
@@ -1014,11 +1002,16 @@
1014
1002
  font-size: 14px;
1015
1003
  }
1016
1004
 
1017
- .g2-icon {
1018
- width: 1em;
1019
- height: 1em;
1020
- vertical-align: -0.15em;
1021
- fill: currentColor;
1005
+ .authing-copy-text {
1006
+ display: flex;
1007
+ align-items: center;
1008
+ }
1009
+ .authing-copy-text-icon {
1010
+ margin-left: 4px;
1011
+ color: #396aff;
1012
+ }
1013
+ .authing-copy-text-icon__success {
1014
+ color: #b7eb8f;
1022
1015
  }
1023
1016
 
1024
1017
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@@ -1888,6 +1881,13 @@ strong {
1888
1881
  align-items: center;
1889
1882
  }
1890
1883
 
1884
+ .g2-icon {
1885
+ width: 1em;
1886
+ height: 1em;
1887
+ vertical-align: -0.15em;
1888
+ fill: currentColor;
1889
+ }
1890
+
1891
1891
  .g2-base-image-background-animation {
1892
1892
  background: linear-gradient(60deg, #888888, #cecece, #dfdfdf, #f0f0f0);
1893
1893
  -webkit-animation: gradientBG 3s ease infinite;
@@ -1936,166 +1936,6 @@ strong {
1936
1936
  object-fit: cover;
1937
1937
  }
1938
1938
 
1939
- .g2-qrcode-switch {
1940
- position: absolute;
1941
- display: flex;
1942
- right: 16px;
1943
- }
1944
- .g2-qrcode-switch :global(.authing-ant-popover-inner-content) {
1945
- display: flex;
1946
- justify-content: center;
1947
- align-items: center;
1948
- background: rgba(84, 89, 104, 0.1);
1949
- height: 26px;
1950
- margin-right: 4px;
1951
- font-size: 12px;
1952
- padding: 0 12px;
1953
- border-radius: 4px;
1954
- color: #545968;
1955
- }
1956
- @media (any-hover: hover) {
1957
- .g2-qrcode-switch .switch-img:hover .imgae-mask {
1958
- border-width: 0;
1959
- right: 50px;
1960
- top: 50px;
1961
- }
1962
- }
1963
- .g2-qrcode-switch .imgae-mask {
1964
- width: 0;
1965
- height: 0;
1966
- border-style: solid;
1967
- border-width: 50px 0 0 50px;
1968
- border-color: transparent transparent transparent #fff;
1969
- position: absolute;
1970
- right: 0;
1971
- top: 0;
1972
- transition: 0.2s all;
1973
- }
1974
- .g2-qrcode-switch .qrcode-switch-image {
1975
- font-size: 50px;
1976
- color: #396aff;
1977
- cursor: pointer;
1978
- }
1979
- .authing-g2-login-app-qrcode {
1980
- min-height: 288px;
1981
- display: flex;
1982
- justify-content: center;
1983
- align-items: center;
1984
- }
1985
- .authing-g2-login-app-qrcode img {
1986
- width: 200px;
1987
- height: 200px;
1988
- margin-top: 0px !important;
1989
- }
1990
- .authing-g2-login-app-qrcode .__authing__heading-subtitle-style {
1991
- font-size: 14px;
1992
- }
1993
- .authing-g2-login-app-qrcode .__authing-shadow-style {
1994
- width: 200px;
1995
- height: 200px;
1996
- margin-left: -100px;
1997
- line-height: 200px;
1998
- }
1999
- .switch-text {
2000
- left: -80px !important;
2001
- top: 4px !important;
2002
- }
2003
- .switch-text .authing-ant-popover-inner {
2004
- background: rgba(84, 89, 104, 0.1);
2005
- border-radius: 4px;
2006
- box-shadow: none;
2007
- }
2008
- .switch-text .authing-ant-popover-inner-content {
2009
- display: flex;
2010
- justify-content: center;
2011
- align-items: center;
2012
- height: 26px;
2013
- width: 72px;
2014
- white-space: nowrap;
2015
- margin-right: 4px;
2016
- font-size: 12px;
2017
- padding: 0 12px;
2018
- border-radius: 4px;
2019
- color: #545968;
2020
- }
2021
- .switch-text .authing-ant-popover-arrow {
2022
- border-color: rgba(84, 89, 104, 0.1) !important;
2023
- border-width: 3px !important;
2024
- background: #fff !important;
2025
- width: 0px !important;
2026
- height: 0px !important;
2027
- right: 7px !important;
2028
- }
2029
-
2030
- .g2-guard-full-width-space {
2031
- width: 100%;
2032
- }
2033
- .no-login-methods {
2034
- padding: 38px;
2035
- }
2036
- .g2-guard-third-login-btn {
2037
- display: flex !important;
2038
- border: none !important;
2039
- background-color: #f5f6f7 !important;
2040
- border-radius: 4px !important;
2041
- color: #282d3c !important;
2042
- font-size: 14px !important;
2043
- margin-bottom: 8px !important;
2044
- margin-top: 8px !important;
2045
- justify-content: center;
2046
- align-items: center;
2047
- }
2048
- .g2-guard-third-login-btn:last-child {
2049
- margin-bottom: 16px !important;
2050
- }
2051
- .g2-guard-third-login-btn:hover {
2052
- background-color: rgba(84, 89, 104, 0.2) !important;
2053
- }
2054
- .g2-social-login-item {
2055
- display: inline-flex;
2056
- margin: 12px;
2057
- width: 56px;
2058
- height: 48px;
2059
- background-color: #f5f6f7;
2060
- border-radius: 4px;
2061
- justify-content: center;
2062
- align-items: center;
2063
- cursor: pointer;
2064
- -webkit-user-select: none;
2065
- -ms-user-select: none;
2066
- user-select: none;
2067
- }
2068
- .g2-social-login-item .g2-icon {
2069
- font-size: 24px;
2070
- transition: color 0.3s ease-out;
2071
- }
2072
- .g2-social-login-item:hover {
2073
- background: rgba(84, 89, 104, 0.2);
2074
- }
2075
- .g2-social-login-title {
2076
- text-align: center;
2077
- font-size: 14px;
2078
- color: #c8c9cc;
2079
- }
2080
- .g2-social-login-title::before,
2081
- .g2-social-login-title::after {
2082
- content: '——';
2083
- color: #eeeeee;
2084
- margin: 0 11px;
2085
- }
2086
- .g2-social-login-list {
2087
- display: flex;
2088
- flex-wrap: wrap;
2089
- justify-content: center;
2090
- padding: 0 35px;
2091
- }
2092
- .authing-ant-avatar > img {
2093
- display: block;
2094
- width: 100%;
2095
- height: 100%;
2096
- object-fit: cover;
2097
- }
2098
-
2099
1939
  .authing-g2-mfa-title {
2100
1940
  color: #282d3c;
2101
1941
  font-size: 18px;
@@ -2254,14 +2094,164 @@ strong {
2254
2094
  border: 1px solid #ff4d4f;
2255
2095
  }
2256
2096
 
2257
- .g2-mfa-recovery-code .authing-g2-mfa-title {
2258
- margin-top: 92px;
2097
+ .g2-qrcode-switch {
2098
+ position: absolute;
2099
+ display: flex;
2100
+ right: 16px;
2259
2101
  }
2260
- .g2-mfa-recovery-code .authing-g2-mfa-tips {
2261
- margin-bottom: 52px;
2102
+ .g2-qrcode-switch :global(.authing-ant-popover-inner-content) {
2103
+ display: flex;
2104
+ justify-content: center;
2105
+ align-items: center;
2106
+ background: rgba(84, 89, 104, 0.1);
2107
+ height: 26px;
2108
+ margin-right: 4px;
2109
+ font-size: 12px;
2110
+ padding: 0 12px;
2111
+ border-radius: 4px;
2112
+ color: #545968;
2262
2113
  }
2263
- .g2-mfa-recovery-code .submit-form {
2264
- margin-top: 64px !important;
2114
+ @media (any-hover: hover) {
2115
+ .g2-qrcode-switch .switch-img:hover .imgae-mask {
2116
+ border-width: 0;
2117
+ right: 50px;
2118
+ top: 50px;
2119
+ }
2120
+ }
2121
+ .g2-qrcode-switch .imgae-mask {
2122
+ width: 0;
2123
+ height: 0;
2124
+ border-style: solid;
2125
+ border-width: 50px 0 0 50px;
2126
+ border-color: transparent transparent transparent #fff;
2127
+ position: absolute;
2128
+ right: 0;
2129
+ top: 0;
2130
+ transition: 0.2s all;
2131
+ }
2132
+ .g2-qrcode-switch .qrcode-switch-image {
2133
+ font-size: 50px;
2134
+ color: #396aff;
2135
+ cursor: pointer;
2136
+ }
2137
+ .authing-g2-login-app-qrcode {
2138
+ min-height: 288px;
2139
+ display: flex;
2140
+ justify-content: center;
2141
+ align-items: center;
2142
+ }
2143
+ .authing-g2-login-app-qrcode img {
2144
+ width: 200px;
2145
+ height: 200px;
2146
+ margin-top: 0px !important;
2147
+ }
2148
+ .authing-g2-login-app-qrcode .__authing__heading-subtitle-style {
2149
+ font-size: 14px;
2150
+ }
2151
+ .authing-g2-login-app-qrcode .__authing-shadow-style {
2152
+ width: 200px;
2153
+ height: 200px;
2154
+ margin-left: -100px;
2155
+ line-height: 200px;
2156
+ }
2157
+ .switch-text {
2158
+ left: -80px !important;
2159
+ top: 4px !important;
2160
+ }
2161
+ .switch-text .authing-ant-popover-inner {
2162
+ background: rgba(84, 89, 104, 0.1);
2163
+ border-radius: 4px;
2164
+ box-shadow: none;
2165
+ }
2166
+ .switch-text .authing-ant-popover-inner-content {
2167
+ display: flex;
2168
+ justify-content: center;
2169
+ align-items: center;
2170
+ height: 26px;
2171
+ width: 72px;
2172
+ white-space: nowrap;
2173
+ margin-right: 4px;
2174
+ font-size: 12px;
2175
+ padding: 0 12px;
2176
+ border-radius: 4px;
2177
+ color: #545968;
2178
+ }
2179
+ .switch-text .authing-ant-popover-arrow {
2180
+ border-color: rgba(84, 89, 104, 0.1) !important;
2181
+ border-width: 3px !important;
2182
+ background: #fff !important;
2183
+ width: 0px !important;
2184
+ height: 0px !important;
2185
+ right: 7px !important;
2186
+ }
2187
+
2188
+ .g2-guard-full-width-space {
2189
+ width: 100%;
2190
+ }
2191
+ .no-login-methods {
2192
+ padding: 38px;
2193
+ }
2194
+ .g2-guard-third-login-btn {
2195
+ display: flex !important;
2196
+ border: none !important;
2197
+ background-color: #f5f6f7 !important;
2198
+ border-radius: 4px !important;
2199
+ color: #282d3c !important;
2200
+ font-size: 14px !important;
2201
+ margin-bottom: 8px !important;
2202
+ margin-top: 8px !important;
2203
+ justify-content: center;
2204
+ align-items: center;
2205
+ }
2206
+ .g2-guard-third-login-btn:last-child {
2207
+ margin-bottom: 16px !important;
2208
+ }
2209
+ .g2-guard-third-login-btn:hover {
2210
+ background-color: rgba(84, 89, 104, 0.2) !important;
2211
+ }
2212
+ .g2-social-login-item {
2213
+ display: inline-flex;
2214
+ margin: 12px;
2215
+ width: 56px;
2216
+ height: 48px;
2217
+ background-color: #f5f6f7;
2218
+ border-radius: 4px;
2219
+ justify-content: center;
2220
+ align-items: center;
2221
+ cursor: pointer;
2222
+ -webkit-user-select: none;
2223
+ -ms-user-select: none;
2224
+ user-select: none;
2225
+ }
2226
+ .g2-social-login-item .g2-icon {
2227
+ font-size: 24px;
2228
+ transition: color 0.3s ease-out;
2229
+ }
2230
+ .g2-social-login-item:hover {
2231
+ background: rgba(84, 89, 104, 0.2);
2232
+ }
2233
+ .g2-social-login-title {
2234
+ text-align: center;
2235
+ font-size: 14px;
2236
+ color: #c8c9cc;
2237
+ }
2238
+ .g2-social-login-title::before,
2239
+ .g2-social-login-title::after {
2240
+ content: '——';
2241
+ color: #eeeeee;
2242
+ margin: 0 11px;
2243
+ }
2244
+ .g2-social-login-list {
2245
+ display: flex;
2246
+ flex-wrap: wrap;
2247
+ justify-content: center;
2248
+ padding: 0 35px;
2249
+ }
2250
+ .authing-ant-avatar > img {
2251
+ display: block;
2252
+ width: 100%;
2253
+ height: 100%;
2254
+ object-fit: cover;
2265
2255
  }
2266
2256
 
2267
2257
  .authing-agreements {
@@ -2306,6 +2296,16 @@ strong {
2306
2296
  line-height: 23px;
2307
2297
  }
2308
2298
 
2299
+ .g2-mfa-recovery-code .authing-g2-mfa-title {
2300
+ margin-top: 92px;
2301
+ }
2302
+ .g2-mfa-recovery-code .authing-g2-mfa-tips {
2303
+ margin-bottom: 52px;
2304
+ }
2305
+ .g2-mfa-recovery-code .submit-form {
2306
+ margin-top: 64px !important;
2307
+ }
2308
+
2309
2309
  .authing-g2-send-code-btn {
2310
2310
  height: 43px;
2311
2311
  width: 100%;
package/lib/index.min.css CHANGED
@@ -1 +1 @@
1
- .authing-dropdown{display:inline-flex;position:relative;align-items:center}.authing-dropdown-trigger{cursor:pointer}.authing-dropdown-menu-container{height:0;opacity:0;position:absolute;top:100%;left:0;transition:all .3s;cursor:pointer;background-color:#fff;padding:4px 0;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:none}.authing-dropdown-menu-container__visible{height:auto;opacity:1;pointer-events:unset}.authing-dropdown-menu-item{padding:5px 12px;transition:all .3s}.authing-dropdown-menu-item:hover{background-color:#f5f5f5}.authing-dropdown-icon{margin-left:8px}.authing-toggle-mfa,.toggle-mfa-dropdown .authing-dropdown-icon{color:#999}.toggle-mfa-dropdown{margin-top:30px;align-self:center}.toggle-mfa-dropdown .authing-dropdown-menu-item{white-space:nowrap}.authing-guard-complete-info-title{font-size:20px;text-align:center;color:#333}.authing-guard-complete-info-msg{color:#b2b2b2}.authing-reset-pwd-btn{margin-top:24px}.authing-guard-layout{display:flex;justify-content:center;align-items:center;width:100%;padding:24px 0;height:100%}.authing-guard-layout__hidden{pointer-events:none}.authing-guard-layout__dis-none{z-index:-1;opacity:0}.authing-guard-layout__modal{position:fixed;left:0;top:0}.authing-guard-mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);opacity:1;transition:all .3s}.authing-guard-mask__hidden{opacity:0}.authing-guard-container{width:440px;min-height:610px;max-height:100%;box-sizing:border-box;background-color:#fff;padding:39px 38px 31px;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 2px 10px 0 rgba(57,106,255,.2);margin-left:auto;margin-right:auto;overflow:auto;position:relative;-webkit-transform:translateY(0);transform:translateY(0);transition:all .3s}.authing-guard-container__hidden{-webkit-transform:translateY(2000px);transform:translateY(2000px)}.authing-guard-load-error,.authing-guard-loading{flex:1;display:flex;align-items:center;justify-content:center}.authing-guard-close-btn{position:absolute;right:12px;top:12px;border:none;outline:0;box-shadow:none;background-color:#fff;border-radius:50%;width:30px;height:30px;text-align:center;line-height:20px;cursor:pointer}.authing-guard-close-btn:focus{outline:0;border:none;box-shadow:none}.authing-guard-close-btn:hover{color:#396aff}@media only screen and (max-width:719px){.authing-guard-layout{padding:0}.authing-guard-container{width:100%;min-height:100%;border:none;border-radius:initial;box-shadow:initial;padding-left:24px;padding-right:24px}.authing-ant-input{font-size:14px}}.authing-guard-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.authing-guard-logo{margin-bottom:8px}.authing-guard-logo img{object-fit:contain}.authing-guard-title-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.authing-guard-title{color:#282d3c;font-size:24px;margin-bottom:4px;width:100%;word-break:break-all;text-align:center}.authing-icon,.g2-icon{width:1em;vertical-align:-.15em;fill:currentColor}.authing-guard-description{font-size:16px;color:#878a95;margin-bottom:23px}@media only screen and (max-width:719px){.authing-guard-description,.authing-guard-title{margin-bottom:0;padding-left:8px}.authing-guard-header{flex-direction:row;align-items:center;justify-content:flex-start;padding-top:40px;padding-bottom:48px}.authing-guard-title{color:#333;font-weight:500;text-align:unset}.authing-guard-logo{margin:0}.authing-guard-title-container{flex-direction:column;align-items:flex-start}}.authing-icon{height:1em}@-ms-viewport{width:device-width}.authing-guard-text-btn{color:#396aff;padding:0}.authing-guard-text-btn:focus,.authing-guard-text-btn:hover{color:#6b90ff;background-color:transparent}.authing-text-center{text-align:center}.authing-text-center .authing-code-input{justify-content:center}.authing-text-center .authing-dropdown-menu-container{text-align:left}.authing-guard-form-actions{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.authing-guard-form-actions .authing-ant-divider-vertical{visibility:hidden}.authing-guard-tip{color:#999}.authing-guard-tip-btn-comb{margin-left:auto}.authing-guard-full-width-space{width:100%}.authing-data-tips{position:relative}.authing-data-tips::after{content:attr(data-tips);position:absolute;white-space:nowrap;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(6px);transform:translateX(-50%) translateY(6px);display:none;background-color:rgba(0,0,0,.75);font-size:12px;padding:12px;z-index:500;border-radius:4px;color:#fff}.authing-data-tips:hover::after{display:block}.authing-data-tips__top{position:relative}.authing-data-tips__top::after{top:auto;bottom:100%;-webkit-transform:translateX(-50%) translateY(-6px);transform:translateX(-50%) translateY(-6px)}.authing-guard-pointer{cursor:pointer}@media only screen and (max-width:719px){.authing-guard-form-actions{justify-content:flex-end!important}.authing-guard-form-actions .authing-ant-divider-vertical{visibility:initial}.authing-guard-form-actions .authing-guard-text-btn{color:#999;font-size:12px}.authing-guard-form-actions .authing-guard-tip-btn-comb{margin-left:initial!important;font-size:12px;font-weight:400;color:#999}.authing-guard-form-submit-btn{margin-top:56px;font-size:14px}}.authing-guard-mfa-confirm-btn{margin-top:80px}.authing-guard-mfa-title{color:#181818;font-size:18px;font-weight:600;text-align:center;margin:0}.authing-guard-mfa-tips{margin:38px 0;text-align:center}.authing-guard-qr-form{position:relative;min-height:300px}.authing-guard-qr-loading{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center}.authing-send-code-btn{display:inline-block;border:none;background-color:transparent;font-size:inherit;color:#396aff;cursor:pointer;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:0}.authing-send-code-btn:focus{outline:0}.authing-send-code-btn[disabled]{cursor:not-allowed;-webkit-filter:opacity(.5);filter:opacity(.5)}@media only screen and (max-width:719px){.authing-send-code-btn{font-size:14px}}.authing-mfa-check-phone-from{text-align:center}.authing-tabs{display:flex;margin-bottom:36px;align-items:center}.authing-tabs-inner{display:flex;justify-content:space-around;align-items:center;flex:1}.authing-tabs-inner--more{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.authing-tab-item{color:#aeb9d4;font-size:16px;transition:all .3s ease-out;white-space:nowrap;cursor:pointer;position:relative;height:28px;margin-right:32px}.authing-tab-item:last-child{margin-right:12px}.authing-tab-item:only-child{margin-right:0}.authing-tab-item::after{content:'';width:0;height:2px;display:block;position:absolute;left:50%;bottom:-4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;transition:all .3s ease-out}.authing-tab-item__active{color:#396aff;font-size:18px}.authing-tab-item__active::after{width:26px;background-color:#396aff}.authing-tabs-show-more{position:relative;z-index:2}.authing-tabs-show-more.ant-btn{padding:0 12px}.authing-tabs-show-more:active,.authing-tabs-show-more:focus,.authing-tabs-show-more:hover{background-color:#fff}.authing-tabs-show-more:hover .authing-tabs-more-panel{height:auto;opacity:1;padding:4px 0}.authing-tabs-show-more:after{content:'';display:block;width:100%;height:6px;top:100%;left:0;position:absolute}.authing-tabs-more-panel{position:absolute;box-sizing:border-box;transition:all .3s;height:0;opacity:0;right:0;top:100%;-webkit-transform:translateY(6px);transform:translateY(6px);background-color:#fff;max-height:200px;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-clip:padding-box;border-radius:2px;outline:0;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.authing-tabs-more-panel-item{min-width:120px;margin:0;padding:5px 12px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.authing-tabs-more-panel-item:hover{background-color:#f5f5f5}@media only screen and (max-width:719px){.authing-tabs-inner{justify-content:flex-start}.authing-tab-item{margin-right:40px;font-size:14px}.authing-tab-item__active{font-size:16px}.authing-tab-pane{padding-bottom:70px}}.g2-mfa-bindTotp{display:flex;flex-direction:column;align-items:center;height:100%}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret{width:100%;height:48px;display:flex;justify-content:center;align-items:center;background:#f5f6f7;border-radius:4px}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret .authing-ant-typography{margin:0}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret .authing-ant-typography svg{color:#878a95!important;margin-left:30px}.g2-mfa-bindTotp .g2-mfa-bindTotp-secretSave{margin-top:16px}.g2-mfa-bindTotp .g2-mfa-submit-button{margin-top:80px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-qrcode{box-shadow:0 0 30px rgba(84,89,104,.15);border-radius:4px}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form{display:flex;flex-direction:column;align-items:center}.authing-copy-text,.g2-mfa-totp-title{align-items:center;display:flex}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form .g2-mfa-submit-button{margin-top:64px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form .g2-mfa-totp-verify-input{text-align:center;margin-top:40px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form p{color:#878a95}.g2-completeInfo-content{margin-bottom:44px}.g2-completeInfo-submit{margin-top:30px!important}.authing-copy-text-icon{margin-left:4px;color:#396aff}.authing-copy-text-icon__success{color:#b7eb8f}.g2-view-container-totp-dl{width:900px;padding:0}.g2-mfa-totp-title{width:100%;height:54px;justify-content:center;font-size:16px;color:#293350;border-bottom:1px solid #eaebee;margin-bottom:54px}.g2-mfa-totp-download-tabs{margin-top:30px}.g2-mfa-totp-download-tabs .authing-ant-tabs-tab-active .authing-ant-tabs-tab-btn{font-weight:unset!important}.g2-mfa-download-at-tab{display:flex;flex-direction:column;align-items:center;margin-top:15px}.g2-mfa-download-at-tab .g2-mfa-totp-download-subtitle{color:#545968}.g2-mfa-download-at-tab .g2-mfa-totp-download-qrcode-item{display:flex;flex-direction:column;align-items:center;margin-top:35px}.g2-mfa-download-at-tab .g2-mfa-totp-download-qrcode-item .g2-mfa-totp-download-image{width:130px;height:130px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(84,89,104,.15);border-radius:4px}.g2-mfa-download-at-tab .g2-mfa-totp-download-qrcode-item .g2-mfa-totp-download-qrcode-text{margin-top:8px;color:#545968}.g2-error-content{display:flex;flex-direction:column;align-items:center;margin:auto 0}[class*=authing-] dl,[class*=authing-] ol,[class*=authing-] p,[class*=authing-] pre,[class*=authing-] ul{margin-bottom:1em;margin-top:0}.g2-error-content span{margin-top:33px;color:#545968;font-size:14px}[class*=authing-] blockquote,[class*=authing-] figure{margin:0 0 1em}.g2-icon{height:1em}[class*=authing-] body,[class*=authing-] html{width:100%;height:100%}[class*=authing-] input::-ms-clear,[class*=authing-] input::-ms-reveal{display:none}[class*=authing-] *,[class*=authing-] ::after,[class*=authing-] ::before{box-sizing:border-box}[class*=authing-] html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}[class*=authing-] body{margin:0;color:rgba(0,0,0,.85);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-variant:tabular-nums;line-height:1.5715;background-color:#fff;-webkit-font-feature-settings:'tnum';font-feature-settings:'tnum'}[class*=authing-] [tabindex='-1']:focus{outline:0!important}[class*=authing-] hr{box-sizing:content-box;height:0;overflow:visible}[class*=authing-] h1,[class*=authing-] h2,[class*=authing-] h3,[class*=authing-] h4,[class*=authing-] h5,[class*=authing-] h6{margin-top:0;margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:500}[class*=authing-] abbr[data-original-title],[class*=authing-] abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}[class*=authing-] address{margin-bottom:1em;font-style:normal;line-height:inherit}[class*=authing-] input[type=text],[class*=authing-] input[type=password],[class*=authing-] input[type=number],[class*=authing-] textarea{-webkit-appearance:none}[class*=authing-] ol ol,[class*=authing-] ol ul,[class*=authing-] ul ol,[class*=authing-] ul ul{margin-bottom:0}[class*=authing-] dt{font-weight:500}[class*=authing-] dd{margin-bottom:.5em;margin-left:0}[class*=authing-] dfn{font-style:italic}[class*=authing-] b,[class*=authing-] strong{font-weight:bolder}[class*=authing-] small{font-size:80%}[class*=authing-] sub,[class*=authing-] sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}[class*=authing-] sub{bottom:-.25em}[class*=authing-] sup{top:-.5em}[class*=authing-] a{color:#396aff;text-decoration:none;background-color:transparent;outline:0;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}[class*=authing-] a:hover{color:#618eff}[class*=authing-] a:active{color:#254cd9}[class*=authing-] a:active,[class*=authing-] a:focus,[class*=authing-] a:hover{text-decoration:none;outline:0}[class*=authing-] a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}[class*=authing-] code,[class*=authing-] kbd,[class*=authing-] pre,[class*=authing-] samp{font-size:1em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace}[class*=authing-] pre{overflow:auto}[class*=authing-] img{vertical-align:middle;border-style:none}[class*=authing-] svg:not(:root){overflow:hidden}[class*=authing-] [role=button],[class*=authing-] a,[class*=authing-] area,[class*=authing-] button,[class*=authing-] input:not([type=range]),[class*=authing-] label,[class*=authing-] select,[class*=authing-] summary,[class*=authing-] textarea{touch-action:manipulation}[class*=authing-] table{border-collapse:collapse}[class*=authing-] caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}[class*=authing-] th{text-align:inherit}[class*=authing-] button,[class*=authing-] input,[class*=authing-] optgroup,[class*=authing-] select,[class*=authing-] textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}[class*=authing-] button,[class*=authing-] input{overflow:visible}[class*=authing-] button,[class*=authing-] select{text-transform:none}[class*=authing-] [type=reset],[class*=authing-] [type=submit],[class*=authing-] button,[class*=authing-] html [type=button]{-webkit-appearance:button}[class*=authing-] [type=button]::-moz-focus-inner,[class*=authing-] [type=reset]::-moz-focus-inner,[class*=authing-] [type=submit]::-moz-focus-inner,[class*=authing-] button::-moz-focus-inner{padding:0;border-style:none}[class*=authing-] input[type=radio],[class*=authing-] input[type=checkbox]{box-sizing:border-box;padding:0}[class*=authing-] input[type=date],[class*=authing-] input[type=time],[class*=authing-] input[type=datetime-local],[class*=authing-] input[type=month]{-webkit-appearance:listbox}[class*=authing-] textarea{overflow:auto;resize:vertical}[class*=authing-] fieldset{min-width:0;margin:0;padding:0;border:0}[class*=authing-] legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[class*=authing-] progress{vertical-align:baseline}[class*=authing-] [type=number]::-webkit-inner-spin-button,[class*=authing-] [type=number]::-webkit-outer-spin-button{height:auto}[class*=authing-] [type=search]{outline-offset:-2px;-webkit-appearance:none}[class*=authing-] [type=search]::-webkit-search-cancel-button,[class*=authing-] [type=search]::-webkit-search-decoration{-webkit-appearance:none}[class*=authing-] ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[class*=authing-] output{display:inline-block}[class*=authing-] summary{display:list-item}[class*=authing-] template{display:none}[class*=authing-] [hidden]{display:none!important}[class*=authing-] mark{padding:.2em;background-color:#feffe6}[class*=authing-] ::selection{color:#fff;background:#396aff}[class*=authing-] .clearfix::before{display:table;content:''}[class*=authing-] .clearfix::after{display:table;clear:both;content:''}.authing-g2-render-module{--sidePadding:38px;--containerWidth:456px}@media only screen and (max-width:450px){.authing-g2-render-module{width:100%;--sidePadding:8px;--containerWidth:100%}.authing-g2-render-module-modal{width:100%;--containerWidth:100%}.g2-view-container{box-shadow:initial!important;height:100%!important}}.g2-view-container{font-family:sans-serif;box-shadow:0 0 60px rgba(84,89,104,.05);background:#fff;display:flex;flex-direction:column;width:var(--containerWidth);min-height:610px;box-sizing:border-box;padding:16px;border-radius:8px;position:relative}.authing-g2-button-group .authing-ant-radio-button-wrapper:not(:first-child)::before,.authing-g2-input.authing-ant-input-number .authing-ant-input-number-handler-wrap,.g2-view-container .none{display:none}.g2-view-container .g2-view-back{margin-top:26px;padding-left:var(--sidePadding);cursor:pointer;font-size:14px;color:#878a95}.g2-view-container .g2-view-back .g2-view-back-hover:hover{color:#396aff}.g2-view-container .g2-view-back .g2-view-back-hover .g2-icon{margin-right:8px}.g2-view-container .g2-view-back .g2-view-back-hover .g2-icon.g2-view-back-icon{font-size:22px;margin-right:5px;-webkit-transform:translateY(2px);transform:translateY(2px)}.g2-view-container .g2-mfa-content,.g2-view-container .g2-mfa-method{margin:0!important;padding:0 var(--sidePadding)!important}.g2-view-container .g2-view-header{-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:24px var(--sidePadding) 0;margin-bottom:24px}.g2-view-container .g2-view-header .icon{width:48px;height:48px;border-radius:4px;margin-bottom:8px}.g2-view-container .g2-view-header .title{color:#282d3c;font-weight:600;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-view-container .g2-view-header .title-explain{font-weight:300;font-size:14px;color:#545968}.g2-view-container .g2-view-tabs{padding:0 var(--sidePadding)}.g2-view-container .g2-view-tabs .authing-ant-tabs-tab{color:#878a95}.g2-view-container .g2-view-tabs .authing-ant-tabs-tab:hover{color:#282d3c}.g2-view-container .authing-g2-submit-button{width:calc(100% - 4px);border-radius:4px;height:42px;margin:16px 2px 0}.g2-view-container .authing-g2-submit-button.shaking{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.authing-g2-button-group{background:#eff2f6;border-radius:8px;padding:4px 2px;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.authing-g2-button-group .authing-ant-radio-button-wrapper{margin:0 2px;border-radius:8px;color:#545968;cursor:pointer;border:none;background:0 0;height:auto}.authing-g2-button-group .authing-ant-radio-button-wrapper.authing-ant-radio-button-wrapper-checked{color:#396aff;background:#fff}.authing-g2-input-form{padding:0 2px;margin-bottom:16px}.authing-g2-input-form .label-title{padding:0 0 8px}.authing-g2-input-form .authing-g2-select{border:1px solid #f5f6f7;border-radius:4px}.authing-g2-input-form .authing-g2-select:hover{border-color:#eeeff1!important;background:#eeeff1}.authing-g2-input-form .authing-g2-select .authing-ant-select-selector{outline:0;border-color:#f5f6f7!important;height:100%!important;background-color:#f5f6f7}.authing-g2-input-form .authing-g2-select .authing-ant-select-selector:hover{border-color:#eeeff1!important;background:#eeeff1}.authing-g2-input-form .authing-g2-select.authing-ant-select-focused{border-color:#618eff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(57,106,255,.2)}.authing-g2-input-form .authing-g2-select.authing-ant-select-focused .authing-ant-select-selector{border-color:#eeeff1!important;background:#fff!important}.authing-g2-input-form.authing-ant-form-item-has-error .authing-g2-select:hover{border-color:#eeeff1!important;background:#eeeff1}.authing-g2-input-form.authing-ant-form-item-has-error .authing-g2-select.authing-ant-select-focused{border-color:#ff4d4f;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.authing-g2-input-form.authing-ant-form-item-has-error .authing-g2-select.authing-ant-select-focused .authing-ant-select-selector{border-color:#eeeff1!important;background:#fff!important}.authing-g2-input{border:1px solid #f5f6f7;border-radius:4px;background:#f5f6f7}.authing-g2-input:hover{background-color:#eeeff1}.authing-g2-input:focus{background:#fff!important;border-color:#618eff}.authing-g2-input input{font-size:14px;height:0;background-color:#f5f6f7;padding:1em .5em!important;background-clip:content-box!important}.authing-g2-input input::-webkit-input-placeholder{color:#c8c9cc}.authing-g2-input input::-webkit-input-placeholder,.authing-g2-input input::placeholder{color:#c8c9cc}.authing-g2-input.authing-ant-input-affix-wrapper:hover{border-color:#eeeff1;background:#eeeff1}.authing-g2-input.authing-ant-input-affix-wrapper:hover .authing-ant-input{background:#eeeff1}.authing-g2-input.authing-ant-input-affix-wrapper-focused{background:#fff!important;border-color:#618eff}.authing-g2-input.authing-ant-input-affix-wrapper-focused input{height:0;padding:1em .5em!important;background-clip:content-box!important}.authing-g2-input.authing-ant-input-affix-wrapper-focused input::-webkit-input-placeholder{color:#a7a7a7}.authing-g2-input.authing-ant-input-affix-wrapper-focused input::-webkit-input-placeholder,.authing-g2-input.authing-ant-input-affix-wrapper-focused input::placeholder{color:#a7a7a7}.authing-g2-input.add-after{border:none}.authing-g2-input.add-after .authing-ant-input-group .authing-ant-input,.authing-g2-input.add-after .authing-ant-input-group .authing-ant-input-group-addon{border-radius:4px;height:46px}.authing-g2-input.authing-ant-input-number{width:100%}.authing-g2-input.authing-ant-input-number input{padding:1.4em .5em!important}.authing-g2-input .g2-captcha-code-image{min-width:100px}.g2-graphic-verify-code{display:flex;justify-content:space-between}.g2-graphic-verify-code .authing-ant-input{width:55%}.g2-graphic-verify-code .g2-captcha-code-image{min-width:100px;border-radius:4px;border:1px solid #eff2f6!important}.authing-ant-form-item-has-error .authing-ant-input-affix-wrapper-focused,.authing-ant-form-item-has-error .authing-ant-input-affix-wrapper:hover{border-color:#ff4d4f!important}.authing-g2-send-code{color:#396aff;cursor:pointer}.authing-g2-send-code.sending{cursor:not-allowed;-webkit-filter:opacity(.5);filter:opacity(.5)}.g2-tips-line{display:flex;font-size:14px;padding:0 var(--sidePadding);height:22px}.g2-tips-line .link-like{color:#396aff;cursor:pointer;transition:all .3s}.g2-tips-line .link-like:hover{color:#557fff}.g2-tips-line .link-like:active{color:#254cd9}.g2-tips-line .gray{color:#999}.g2-tips-line .back-to-login,.g2-tips-line .go-to-register{margin-left:auto}.g2-tips-line .touch-tip{color:#d4d6dc;display:flex;align-items:center;cursor:pointer}.g2-tips-line .touch-tip:hover{color:#396aff}.g2-init-setting-loading{width:var(--containerWidth);min-height:610px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 60px rgba(84,89,104,.05)}.g2-questions .authing-ant-upload-list-picture-card-container{height:56px;width:56px}.g2-questions .authing-ant-upload-list-picture-card-container .authing-ant-upload-list-item-list-type-picture-card{padding:4px}.g2-questions .authing-ant-upload-select-picture-card{border-radius:4px;height:56px;width:56px;border:none;background:#f5f6f7;transition:.2s all;margin:unset}.g2-questions .authing-ant-upload-select-picture-card:hover{background:#eeeff1}.g2-questions .authing-g2-questions-upload-self .anticon-plus{font-size:18px;color:#545968}.g2-questions-send-success-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:610px}.g2-questions-send-success-page .plate{margin-bottom:14px}.g2-questions-send-success-page .title{color:#282d3c;font-weight:500;font-size:16px;margin-bottom:10px}.authing-ant-tabs-tab-btn,strong{font-weight:400!important}.g2-questions-send-success-page .message{font-size:14px;color:#545968;margin-bottom:32px;text-align:center}.g2-questions-send-success-page .timer-tip{font-size:14px;color:#545968;margin-top:12px}.g2-change-language-container{margin:auto 0;padding-top:10px;text-align:center}.g2-change-language-container .g2-change-language-button{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;color:#878a95;cursor:pointer;margin:auto;transition:.2s all}.authing-g2-form-required-item-icon-after label.authing-ant-form-item-required:not(.authing-ant-form-item-required-mark-optional)::before,.authing-g2-render-module-modal .authing-ant-modal-footer{display:none}.g2-change-language-container .g2-change-language-button:hover{color:#282d3c}.g2-change-language-container .g2-change-language-button .g2-change-language-text{margin-left:5px}.authing-g2-render-module-modal{--containerWidth:456px;width:var(--containerWidth)}.authing-g2-render-module-modal .authing-ant-modal-content{width:var(--containerWidth);border-radius:8px;margin:auto}.authing-g2-render-module-modal .authing-ant-modal-body{padding:0}.authing-g2-render-module-modal .authing-ant-modal-close{left:0;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5);color:#d4d6dc;transition:.2s all;width:56px;height:56px}.authing-g2-render-module-modal .authing-ant-modal-close:hover{background:#eeeff1;color:#878a95}.authing-g2-render-module-modal .authing-ant-modal-close .g2-modal-close{font-size:36px;margin-top:10px}.g2-send-code-input-col input::-webkit-inner-spin-button,.g2-send-code-input-col input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.g2-send-code-input-col input[type=number]{-moz-appearance:textfield}[class*=authing-].authing-ant-input-prefix{margin-right:0}.authing-g2-form-required-item-icon-after label.authing-ant-form-item-required:not(.authing-ant-form-item-required-mark-optional)::after{display:inline-block;margin-right:4px;margin-top:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.authing-g2-questions-textarea>textarea{resize:none;background:#f5f6f7;border:1px solid #f5f6f7}.authing-g2-questions-textarea>textarea:hover{border-color:#eeeff1!important;background-color:#eeeff1}.authing-g2-questions-textarea>textarea:focus{background:#fff}.authing-g2-question-option{background:0 0!important}.authing-g2-question-option.authing-g2-question-option-active{color:#396aff}.authing-g2-question-option:hover{background:#f5f6f7!important}.authing-g2-completeInfo-form input:hover{border-color:#eeeff1!important}.authing-g2-completeInfo-form .authing-g2-input:hover{border-color:#eeeff1}.authing-g2-completeInfo-form .authing-g2-input.authing-ant-picker-focused{background:#fff}.authing-ant-select-selector{padding:3px 11px!important}.authing-ant-select-selector .authing-ant-select-selection-item{line-height:30px!important}.authing-ant-select-selector .authing-ant-select-selection-search{display:flex;align-items:center}.g2-base-image-background-animation{background:linear-gradient(60deg,#888,#cecece,#dfdfdf,#f0f0f0);-webkit-animation:gradientBG 3s ease infinite;animation:gradientBG 3s ease infinite;background-size:400% 400%}@-webkit-keyframes gradientBG{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientBG{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.g2-base-imagepro-container{border-radius:4px;display:inline-block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.g2-base-imagepro-container.loaded{background:0 0}.g2-base-imagepro-container.loaded .imagePro{opacity:1}.g2-base-imagepro-container.unload .imagePro{opacity:0}.g2-base-imagepro{object-fit:cover}.g2-qrcode-switch{position:absolute;display:flex;right:16px}.g2-qrcode-switch :global(.authing-ant-popover-inner-content){display:flex;justify-content:center;align-items:center;background:rgba(84,89,104,.1);height:26px;margin-right:4px;font-size:12px;padding:0 12px;border-radius:4px;color:#545968}@media (any-hover:hover){.g2-qrcode-switch .switch-img:hover .imgae-mask{border-width:0;right:50px;top:50px}}.g2-qrcode-switch .imgae-mask{width:0;height:0;border-style:solid;border-width:50px 0 0 50px;border-color:transparent transparent transparent #fff;position:absolute;right:0;top:0;transition:.2s all}.g2-qrcode-switch .qrcode-switch-image{font-size:50px;color:#396aff;cursor:pointer}.authing-g2-login-app-qrcode{min-height:288px;display:flex;justify-content:center;align-items:center}.authing-g2-login-app-qrcode img{width:200px;height:200px;margin-top:0!important}.authing-g2-login-app-qrcode .__authing__heading-subtitle-style{font-size:14px}.authing-g2-login-app-qrcode .__authing-shadow-style{width:200px;height:200px;margin-left:-100px;line-height:200px}.switch-text{left:-80px!important;top:4px!important}.switch-text .authing-ant-popover-inner{background:rgba(84,89,104,.1);border-radius:4px;box-shadow:none}.switch-text .authing-ant-popover-inner-content{display:flex;justify-content:center;align-items:center;height:26px;width:72px;white-space:nowrap;margin-right:4px;font-size:12px;padding:0 12px;border-radius:4px;color:#545968}.switch-text .authing-ant-popover-arrow{border-color:rgba(84,89,104,.1)!important;border-width:3px!important;background:#fff!important;width:0!important;height:0!important;right:7px!important}.g2-guard-full-width-space{width:100%}.no-login-methods{padding:38px}.g2-guard-third-login-btn{display:flex!important;border:none!important;background-color:#f5f6f7!important;border-radius:4px!important;color:#282d3c!important;font-size:14px!important;margin-bottom:8px!important;margin-top:8px!important;justify-content:center;align-items:center}.g2-guard-third-login-btn:last-child{margin-bottom:16px!important}.g2-guard-third-login-btn:hover{background-color:rgba(84,89,104,.2)!important}.g2-social-login-item{display:inline-flex;margin:12px;width:56px;height:48px;background-color:#f5f6f7;border-radius:4px;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.g2-social-login-item .g2-icon{font-size:24px;transition:color .3s ease-out}.g2-social-login-item:hover{background:rgba(84,89,104,.2)}.g2-social-login-title{text-align:center;font-size:14px;color:#c8c9cc}.g2-social-login-title::after,.g2-social-login-title::before{content:'——';color:#eee;margin:0 11px}.g2-social-login-list{display:flex;flex-wrap:wrap;justify-content:center;padding:0 35px}.authing-ant-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.authing-g2-mfa-title{color:#282d3c;font-size:18px;font-weight:600;text-align:center;margin-bottom:8px;margin-top:40px}.authing-g2-mfa-tips{font-size:14px;color:#545968;text-align:center;margin-bottom:24px;min-height:23px}.g2-mfa-content{margin:0 38px}.g2-mfa-content .g2-mfa-submit-button{margin-top:32px!important}.g2-mfa-content .bind-totp{margin-top:40px!important}.g2-mfa-content .authing-ant-form-item-control-input-content{display:flex;justify-content:center}.g2-mfa-content .g2-mfa-totp-verify-input{text-align:center}.g2-mfa-content .g2-mfa-totp-verify-input .authing-code-input-item:not(:first-child){margin-left:14px}.g2-mfa-content .authing-ant-form-horizontal{display:flex;justify-content:center;flex-direction:column}.g2-mfa-content .g2-mfa-face-image{margin:0 auto 24px;display:block}.g2-mfa-content .g2-mfa-face-identifying{display:flex;justify-content:center;align-items:center}.g2-mfa-content .g2-mfa-face-identifying .video-round{width:210px;height:210px;border-radius:50%;vertical-align:middle}.g2-mfa-content .g2-mfa-face-identifying .mesh{z-index:100;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#fff;position:absolute;display:flex;justify-content:center;align-items:center;cursor:pointer;background:rgba(0,0,0,.4)}.g2-mfa-content .g2-mfa-face-identifying .ring{width:240px;height:240px;position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.svg-circle-bg{stroke-width:4}.svg-circle-running{stroke-width:4;transition:all .2s linear;stroke:#396aff;stroke-linecap:round}.g2-mfa-verifyCode-formItem .authing-ant-form-item-explain-error{display:flex;justify-content:center}.g2-mfa-method{padding:0 38px}.g2-mfa-method-title{text-align:center;font-size:14px;color:#c8c9cc;margin-bottom:8px;width:100%}.g2-mfa-method-title::after,.g2-mfa-method-title::before{content:'——';color:#eee;margin:0 11px}.g2-guard-mfa-methods-btn{border:none!important;background-color:#f5f6f7!important;border-radius:4px!important;color:#282d3c!important;font-size:14px!important;height:49px!important;margin-top:8px!important;width:100%;justify-content:center;align-items:center}.g2-guard-mfa-methods-btn:hover{background:rgba(84,89,104,.2)!important}.g2-guard-mfa-methods-btn .g2-icon{font-size:16px;margin-right:8px}.authing-g2-code-input-item{text-align:center;width:40px;min-width:40px;min-height:40px;height:40px;line-height:40px;background-color:#f5f6f7;border:unset;border-radius:4px}.authing-g2-code-input-item:not(:first-child){margin-left:18px}.authing-g2-code-input-item input{text-align:center}.authing-g2-code-input-divider{width:14px;min-width:14px;max-width:14px;margin-left:10px}.authing-g2-code-input{display:flex;align-items:center}.authing-ant-form-item-has-error .authing-g2-code-input-item{background-color:#f5f6f7;border:1px solid #ff4d4f}.g2-mfa-recovery-code .authing-g2-mfa-title{margin-top:92px}.g2-mfa-recovery-code .authing-g2-mfa-tips{margin-bottom:52px}.g2-mfa-recovery-code .submit-form{margin-top:64px!important}.authing-agreements{margin-top:20px;margin-bottom:20px}.authing-agreements.authing-agreements-error .authing-agreements-item-invalid,.authing-agreements.authing-agreements-error .authing-agreements-item-invalid a{color:#ff4d4f}.authing-agreements.authing-agreements-error .authing-agreements-item-invalid :global(.ant-checkbox-inner){border-color:#ff4d4f}.authing-agreements-item{color:#999;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-size:12px}.authing-agreements-item:not(:first-child){margin-top:4px}.authing-agreements-item p{margin-bottom:0;display:inline-block}.authing-agreements-checkbox{margin-bottom:2px}.authing-agreements-checkbox :global(.ant-checkbox-inner){width:14px;height:14px}.authing-agreements-checkbox :global(.ant-checkbox-inner)::after{left:20%}.authing-agreements-item-content{line-height:23px}.authing-g2-send-code-btn{height:43px;width:100%;border:1px solid #d4d6dc;border-radius:4px}.authing-g2-send-code-btn:hover{background:rgba(57,106,255,.1)}.authing-g2-send-code-btn:focus{outline:0}.authing-g2-send-code-btn[disabled]{cursor:not-allowed;-webkit-filter:opacity(.5);filter:opacity(.5)}@media only screen and (max-width:719px){.authing-g2-send-code-btn{font-size:14px}}.g2-loading-btn-center .authing-ant-btn-loading-icon .anticon{padding-right:0}.authing-code-input-item{text-align:center;width:40px;min-width:40px;min-height:40px;height:40px;line-height:40px}.authing-code-input-item:not(:first-child){margin-left:18px}.authing-code-input-item input{text-align:center}.authing-code-input-divider{width:14px;min-width:14px;max-width:14px;margin-left:18px}.authing-code-input{display:flex;align-items:center}
1
+ .authing-dropdown{display:inline-flex;position:relative;align-items:center}.authing-dropdown-trigger{cursor:pointer}.authing-dropdown-menu-container{height:0;opacity:0;position:absolute;top:100%;left:0;transition:all .3s;cursor:pointer;background-color:#fff;padding:4px 0;border-radius:2px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);pointer-events:none}.authing-dropdown-menu-container__visible{height:auto;opacity:1;pointer-events:unset}.authing-dropdown-menu-item{padding:5px 12px;transition:all .3s}.authing-dropdown-menu-item:hover{background-color:#f5f5f5}.authing-dropdown-icon{margin-left:8px}.authing-toggle-mfa,.toggle-mfa-dropdown .authing-dropdown-icon{color:#999}.toggle-mfa-dropdown{margin-top:30px;align-self:center}.toggle-mfa-dropdown .authing-dropdown-menu-item{white-space:nowrap}.authing-guard-complete-info-title{font-size:20px;text-align:center;color:#333}.authing-guard-complete-info-msg{color:#b2b2b2}.authing-reset-pwd-btn{margin-top:24px}.authing-guard-layout{display:flex;justify-content:center;align-items:center;width:100%;padding:24px 0;height:100%}.authing-guard-layout__hidden{pointer-events:none}.authing-guard-layout__dis-none{z-index:-1;opacity:0}.authing-guard-layout__modal{position:fixed;left:0;top:0}.authing-guard-mask{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.45);opacity:1;transition:all .3s}.authing-guard-mask__hidden{opacity:0}.authing-guard-container{width:440px;min-height:610px;max-height:100%;box-sizing:border-box;background-color:#fff;padding:39px 38px 31px;border-radius:10px;display:flex;flex-direction:column;box-shadow:0 2px 10px 0 rgba(57,106,255,.2);margin-left:auto;margin-right:auto;overflow:auto;position:relative;-webkit-transform:translateY(0);transform:translateY(0);transition:all .3s}.authing-guard-container__hidden{-webkit-transform:translateY(2000px);transform:translateY(2000px)}.authing-guard-load-error,.authing-guard-loading{flex:1;display:flex;align-items:center;justify-content:center}.authing-guard-close-btn{position:absolute;right:12px;top:12px;border:none;outline:0;box-shadow:none;background-color:#fff;border-radius:50%;width:30px;height:30px;text-align:center;line-height:20px;cursor:pointer}.authing-guard-close-btn:focus{outline:0;border:none;box-shadow:none}.authing-guard-close-btn:hover{color:#396aff}@media only screen and (max-width:719px){.authing-guard-layout{padding:0}.authing-guard-container{width:100%;min-height:100%;border:none;border-radius:initial;box-shadow:initial;padding-left:24px;padding-right:24px}.authing-ant-input{font-size:14px}}.authing-guard-header{display:flex;flex-direction:column;justify-content:center;align-items:center}.authing-guard-logo{margin-bottom:8px}.authing-guard-logo img{object-fit:contain}.authing-guard-title-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.authing-guard-title{color:#282d3c;font-size:24px;margin-bottom:4px;width:100%;word-break:break-all;text-align:center}.authing-icon,.g2-icon{width:1em;vertical-align:-.15em;fill:currentColor}.authing-guard-description{font-size:16px;color:#878a95;margin-bottom:23px}@media only screen and (max-width:719px){.authing-guard-description,.authing-guard-title{margin-bottom:0;padding-left:8px}.authing-guard-header{flex-direction:row;align-items:center;justify-content:flex-start;padding-top:40px;padding-bottom:48px}.authing-guard-title{color:#333;font-weight:500;text-align:unset}.authing-guard-logo{margin:0}.authing-guard-title-container{flex-direction:column;align-items:flex-start}}.authing-icon{height:1em}@-ms-viewport{width:device-width}.authing-guard-text-btn{color:#396aff;padding:0}.authing-guard-text-btn:focus,.authing-guard-text-btn:hover{color:#6b90ff;background-color:transparent}.authing-text-center{text-align:center}.authing-text-center .authing-code-input{justify-content:center}.authing-text-center .authing-dropdown-menu-container{text-align:left}.authing-guard-form-actions{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.authing-guard-form-actions .authing-ant-divider-vertical{visibility:hidden}.authing-guard-tip{color:#999}.authing-guard-tip-btn-comb{margin-left:auto}.authing-guard-full-width-space{width:100%}.authing-data-tips{position:relative}.authing-data-tips::after{content:attr(data-tips);position:absolute;white-space:nowrap;top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(6px);transform:translateX(-50%) translateY(6px);display:none;background-color:rgba(0,0,0,.75);font-size:12px;padding:12px;z-index:500;border-radius:4px;color:#fff}.authing-data-tips:hover::after{display:block}.authing-data-tips__top{position:relative}.authing-data-tips__top::after{top:auto;bottom:100%;-webkit-transform:translateX(-50%) translateY(-6px);transform:translateX(-50%) translateY(-6px)}.authing-guard-pointer{cursor:pointer}@media only screen and (max-width:719px){.authing-guard-form-actions{justify-content:flex-end!important}.authing-guard-form-actions .authing-ant-divider-vertical{visibility:initial}.authing-guard-form-actions .authing-guard-text-btn{color:#999;font-size:12px}.authing-guard-form-actions .authing-guard-tip-btn-comb{margin-left:initial!important;font-size:12px;font-weight:400;color:#999}.authing-guard-form-submit-btn{margin-top:56px;font-size:14px}}.authing-guard-mfa-confirm-btn{margin-top:80px}.authing-guard-mfa-title{color:#181818;font-size:18px;font-weight:600;text-align:center;margin:0}.authing-guard-mfa-tips{margin:38px 0;text-align:center}.authing-guard-qr-form{position:relative;min-height:300px}.authing-guard-qr-loading{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center}.authing-send-code-btn{display:inline-block;border:none;background-color:transparent;font-size:inherit;color:#396aff;cursor:pointer;padding:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;outline:0}.authing-send-code-btn:focus{outline:0}.authing-send-code-btn[disabled]{cursor:not-allowed;-webkit-filter:opacity(.5);filter:opacity(.5)}@media only screen and (max-width:719px){.authing-send-code-btn{font-size:14px}}.authing-mfa-check-phone-from{text-align:center}.authing-tabs{display:flex;margin-bottom:36px;align-items:center}.authing-tabs-inner{display:flex;justify-content:space-around;align-items:center;flex:1}.authing-tabs-inner--more{box-shadow:inset -10px 0 8px -8px rgba(0,0,0,.08)}.authing-tab-item{color:#aeb9d4;font-size:16px;transition:all .3s ease-out;white-space:nowrap;cursor:pointer;position:relative;height:28px;margin-right:32px}.authing-tab-item:last-child{margin-right:12px}.authing-tab-item:only-child{margin-right:0}.authing-tab-item::after{content:'';width:0;height:2px;display:block;position:absolute;left:50%;bottom:-4px;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:transparent;transition:all .3s ease-out}.authing-tab-item__active{color:#396aff;font-size:18px}.authing-tab-item__active::after{width:26px;background-color:#396aff}.authing-tabs-show-more{position:relative;z-index:2}.authing-tabs-show-more.ant-btn{padding:0 12px}.authing-tabs-show-more:active,.authing-tabs-show-more:focus,.authing-tabs-show-more:hover{background-color:#fff}.authing-tabs-show-more:hover .authing-tabs-more-panel{height:auto;opacity:1;padding:4px 0}.authing-tabs-show-more:after{content:'';display:block;width:100%;height:6px;top:100%;left:0;position:absolute}.authing-tabs-more-panel{position:absolute;box-sizing:border-box;transition:all .3s;height:0;opacity:0;right:0;top:100%;-webkit-transform:translateY(6px);transform:translateY(6px);background-color:#fff;max-height:200px;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;text-align:left;list-style-type:none;background-clip:padding-box;border-radius:2px;outline:0;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05)}.authing-tabs-more-panel-item{min-width:120px;margin:0;padding:5px 12px;overflow:hidden;color:rgba(0,0,0,.85);font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all .3s}.authing-tabs-more-panel-item:hover{background-color:#f5f5f5}@media only screen and (max-width:719px){.authing-tabs-inner{justify-content:flex-start}.authing-tab-item{margin-right:40px;font-size:14px}.authing-tab-item__active{font-size:16px}.authing-tab-pane{padding-bottom:70px}}.g2-mfa-bindTotp{display:flex;flex-direction:column;align-items:center;height:100%}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret{width:100%;height:48px;display:flex;justify-content:center;align-items:center;background:#f5f6f7;border-radius:4px}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret .authing-ant-typography{margin:0}.g2-mfa-bindTotp .g2-mfa-bindTotp-copySecret .authing-ant-typography svg{color:#878a95!important;margin-left:30px}.g2-mfa-bindTotp .g2-mfa-bindTotp-secretSave{margin-top:16px}.g2-mfa-bindTotp .g2-mfa-submit-button{margin-top:80px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-qrcode{box-shadow:0 0 30px rgba(84,89,104,.15);border-radius:4px}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form{display:flex;flex-direction:column;align-items:center}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form .g2-mfa-submit-button{margin-top:64px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form .g2-mfa-totp-verify-input{text-align:center;margin-top:40px!important}.g2-mfa-bindTotp .g2-mfa-bindTotp-securityCode-form p{color:#878a95}.g2-completeInfo-content{margin-bottom:44px}.g2-completeInfo-submit{margin-top:30px!important}.g2-view-container-totp-dl{width:900px;padding:0}.g2-mfa-totp-title{width:100%;height:54px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#293350;border-bottom:1px solid #eaebee;margin-bottom:54px}.g2-mfa-totp-download-tabs{margin-top:30px}.g2-mfa-totp-download-tabs .authing-ant-tabs-tab-active .authing-ant-tabs-tab-btn{font-weight:unset!important}.g2-mfa-download-at-tab{display:flex;flex-direction:column;align-items:center;margin-top:15px}.g2-mfa-download-at-tab .g2-mfa-totp-download-subtitle{color:#545968}.g2-mfa-download-at-tab .g2-mfa-totp-download-qrcode-item{display:flex;flex-direction:column;align-items:center;margin-top:35px}.g2-mfa-download-at-tab .g2-mfa-totp-download-qrcode-item .g2-mfa-totp-download-image{width:130px;height:130px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px rgba(84,89,104,.15);border-radius:4px}.g2-mfa-download-at-tab .g2-mfa-totp-download-qrcode-item .g2-mfa-totp-download-qrcode-text{margin-top:8px;color:#545968}.g2-error-content{display:flex;flex-direction:column;align-items:center;margin:auto 0}.g2-error-content span{margin-top:33px;color:#545968;font-size:14px}.authing-copy-text{display:flex;align-items:center}.authing-copy-text-icon{margin-left:4px;color:#396aff}[class*=authing-] blockquote,[class*=authing-] figure{margin:0 0 1em}.authing-copy-text-icon__success{color:#b7eb8f}[class*=authing-] body,[class*=authing-] html{width:100%;height:100%}[class*=authing-] input::-ms-clear,[class*=authing-] input::-ms-reveal{display:none}[class*=authing-] *,[class*=authing-] ::after,[class*=authing-] ::before{box-sizing:border-box}[class*=authing-] html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}[class*=authing-] body{margin:0;color:rgba(0,0,0,.85);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-variant:tabular-nums;line-height:1.5715;background-color:#fff;-webkit-font-feature-settings:'tnum';font-feature-settings:'tnum'}[class*=authing-] [tabindex='-1']:focus{outline:0!important}[class*=authing-] hr{box-sizing:content-box;height:0;overflow:visible}[class*=authing-] h1,[class*=authing-] h2,[class*=authing-] h3,[class*=authing-] h4,[class*=authing-] h5,[class*=authing-] h6{margin-top:0;margin-bottom:.5em;color:rgba(0,0,0,.85);font-weight:500}[class*=authing-] p{margin-top:0;margin-bottom:1em}[class*=authing-] abbr[data-original-title],[class*=authing-] abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}[class*=authing-] address{margin-bottom:1em;font-style:normal;line-height:inherit}[class*=authing-] input[type=text],[class*=authing-] input[type=password],[class*=authing-] input[type=number],[class*=authing-] textarea{-webkit-appearance:none}[class*=authing-] dl,[class*=authing-] ol,[class*=authing-] ul{margin-top:0;margin-bottom:1em}[class*=authing-] ol ol,[class*=authing-] ol ul,[class*=authing-] ul ol,[class*=authing-] ul ul{margin-bottom:0}[class*=authing-] dt{font-weight:500}[class*=authing-] dd{margin-bottom:.5em;margin-left:0}[class*=authing-] dfn{font-style:italic}[class*=authing-] b,[class*=authing-] strong{font-weight:bolder}[class*=authing-] small{font-size:80%}[class*=authing-] sub,[class*=authing-] sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}[class*=authing-] sub{bottom:-.25em}[class*=authing-] sup{top:-.5em}[class*=authing-] a{color:#396aff;text-decoration:none;background-color:transparent;outline:0;cursor:pointer;transition:color .3s;-webkit-text-decoration-skip:objects}[class*=authing-] a:hover{color:#618eff}[class*=authing-] a:active{color:#254cd9}[class*=authing-] a:active,[class*=authing-] a:focus,[class*=authing-] a:hover{text-decoration:none;outline:0}[class*=authing-] a[disabled]{color:rgba(0,0,0,.25);cursor:not-allowed;pointer-events:none}[class*=authing-] code,[class*=authing-] kbd,[class*=authing-] pre,[class*=authing-] samp{font-size:1em;font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,Courier,monospace}[class*=authing-] pre{margin-top:0;margin-bottom:1em;overflow:auto}[class*=authing-] img{vertical-align:middle;border-style:none}[class*=authing-] svg:not(:root){overflow:hidden}[class*=authing-] [role=button],[class*=authing-] a,[class*=authing-] area,[class*=authing-] button,[class*=authing-] input:not([type=range]),[class*=authing-] label,[class*=authing-] select,[class*=authing-] summary,[class*=authing-] textarea{touch-action:manipulation}[class*=authing-] table{border-collapse:collapse}[class*=authing-] caption{padding-top:.75em;padding-bottom:.3em;color:rgba(0,0,0,.45);text-align:left;caption-side:bottom}[class*=authing-] th{text-align:inherit}[class*=authing-] button,[class*=authing-] input,[class*=authing-] optgroup,[class*=authing-] select,[class*=authing-] textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}[class*=authing-] button,[class*=authing-] input{overflow:visible}[class*=authing-] button,[class*=authing-] select{text-transform:none}[class*=authing-] [type=reset],[class*=authing-] [type=submit],[class*=authing-] button,[class*=authing-] html [type=button]{-webkit-appearance:button}[class*=authing-] [type=button]::-moz-focus-inner,[class*=authing-] [type=reset]::-moz-focus-inner,[class*=authing-] [type=submit]::-moz-focus-inner,[class*=authing-] button::-moz-focus-inner{padding:0;border-style:none}[class*=authing-] input[type=radio],[class*=authing-] input[type=checkbox]{box-sizing:border-box;padding:0}[class*=authing-] input[type=date],[class*=authing-] input[type=time],[class*=authing-] input[type=datetime-local],[class*=authing-] input[type=month]{-webkit-appearance:listbox}[class*=authing-] textarea{overflow:auto;resize:vertical}[class*=authing-] fieldset{min-width:0;margin:0;padding:0;border:0}[class*=authing-] legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[class*=authing-] progress{vertical-align:baseline}[class*=authing-] [type=number]::-webkit-inner-spin-button,[class*=authing-] [type=number]::-webkit-outer-spin-button{height:auto}[class*=authing-] [type=search]{outline-offset:-2px;-webkit-appearance:none}[class*=authing-] [type=search]::-webkit-search-cancel-button,[class*=authing-] [type=search]::-webkit-search-decoration{-webkit-appearance:none}[class*=authing-] ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}[class*=authing-] output{display:inline-block}[class*=authing-] summary{display:list-item}[class*=authing-] template{display:none}[class*=authing-] [hidden]{display:none!important}[class*=authing-] mark{padding:.2em;background-color:#feffe6}[class*=authing-] ::selection{color:#fff;background:#396aff}[class*=authing-] .clearfix::before{display:table;content:''}[class*=authing-] .clearfix::after{display:table;clear:both;content:''}.authing-g2-render-module{--sidePadding:38px;--containerWidth:456px}@media only screen and (max-width:450px){.authing-g2-render-module{width:100%;--sidePadding:8px;--containerWidth:100%}.authing-g2-render-module-modal{width:100%;--containerWidth:100%}.g2-view-container{box-shadow:initial!important;height:100%!important}}.g2-view-container{font-family:sans-serif;box-shadow:0 0 60px rgba(84,89,104,.05);background:#fff;display:flex;flex-direction:column;width:var(--containerWidth);min-height:610px;box-sizing:border-box;padding:16px;border-radius:8px;position:relative}.authing-g2-button-group .authing-ant-radio-button-wrapper:not(:first-child)::before,.authing-g2-input.authing-ant-input-number .authing-ant-input-number-handler-wrap,.g2-view-container .none{display:none}.g2-view-container .g2-view-back{margin-top:26px;padding-left:var(--sidePadding);cursor:pointer;font-size:14px;color:#878a95}.g2-view-container .g2-view-back .g2-view-back-hover:hover{color:#396aff}.g2-view-container .g2-view-back .g2-view-back-hover .g2-icon{margin-right:8px}.g2-view-container .g2-view-back .g2-view-back-hover .g2-icon.g2-view-back-icon{font-size:22px;margin-right:5px;-webkit-transform:translateY(2px);transform:translateY(2px)}.g2-view-container .g2-mfa-content,.g2-view-container .g2-mfa-method{margin:0!important;padding:0 var(--sidePadding)!important}.g2-view-container .g2-view-header{-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:24px var(--sidePadding) 0;margin-bottom:24px}.g2-tips-line,.g2-view-container .g2-view-tabs{padding:0 var(--sidePadding)}.g2-view-container .g2-view-header .icon{width:48px;height:48px;border-radius:4px;margin-bottom:8px}.g2-view-container .g2-view-header .title{color:#282d3c;font-weight:600;font-size:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g2-view-container .g2-view-header .title-explain{font-weight:300;font-size:14px;color:#545968}.g2-view-container .g2-view-tabs .authing-ant-tabs-tab{color:#878a95}.g2-view-container .g2-view-tabs .authing-ant-tabs-tab:hover{color:#282d3c}.g2-view-container .authing-g2-submit-button{width:calc(100% - 4px);border-radius:4px;height:42px;margin:16px 2px 0}.g2-view-container .authing-g2-submit-button.shaking{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.authing-g2-button-group{background:#eff2f6;border-radius:8px;padding:4px 2px;margin-bottom:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.authing-g2-button-group .authing-ant-radio-button-wrapper{margin:0 2px;border-radius:8px;color:#545968;cursor:pointer;border:none;background:0 0;height:auto}.authing-g2-button-group .authing-ant-radio-button-wrapper.authing-ant-radio-button-wrapper-checked{color:#396aff;background:#fff}.authing-g2-input-form{padding:0 2px;margin-bottom:16px}.authing-g2-input-form .label-title{padding:0 0 8px}.authing-g2-input-form .authing-g2-select{border:1px solid #f5f6f7;border-radius:4px}.authing-g2-input-form .authing-g2-select:hover{border-color:#eeeff1!important;background:#eeeff1}.authing-g2-input-form .authing-g2-select .authing-ant-select-selector{outline:0;border-color:#f5f6f7!important;height:100%!important;background-color:#f5f6f7}.authing-g2-input-form .authing-g2-select .authing-ant-select-selector:hover{border-color:#eeeff1!important;background:#eeeff1}.authing-g2-input-form .authing-g2-select.authing-ant-select-focused{border-color:#618eff;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(57,106,255,.2)}.authing-g2-input-form .authing-g2-select.authing-ant-select-focused .authing-ant-select-selector{border-color:#eeeff1!important;background:#fff!important}.authing-g2-input-form.authing-ant-form-item-has-error .authing-g2-select:hover{border-color:#eeeff1!important;background:#eeeff1}.authing-g2-input-form.authing-ant-form-item-has-error .authing-g2-select.authing-ant-select-focused{border-color:#ff4d4f;border-right-width:1px!important;outline:0;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.authing-g2-input-form.authing-ant-form-item-has-error .authing-g2-select.authing-ant-select-focused .authing-ant-select-selector{border-color:#eeeff1!important;background:#fff!important}.authing-g2-input{border:1px solid #f5f6f7;border-radius:4px;background:#f5f6f7}.authing-g2-input:hover{background-color:#eeeff1}.authing-g2-input:focus{background:#fff!important;border-color:#618eff}.authing-g2-input input{font-size:14px;height:0;background-color:#f5f6f7;padding:1em .5em!important;background-clip:content-box!important}.authing-g2-input input::-webkit-input-placeholder{color:#c8c9cc}.authing-g2-input input::-webkit-input-placeholder,.authing-g2-input input::placeholder{color:#c8c9cc}.authing-g2-input.authing-ant-input-affix-wrapper:hover{border-color:#eeeff1;background:#eeeff1}.authing-g2-input.authing-ant-input-affix-wrapper:hover .authing-ant-input{background:#eeeff1}.authing-g2-input.authing-ant-input-affix-wrapper-focused{background:#fff!important;border-color:#618eff}.authing-g2-input.authing-ant-input-affix-wrapper-focused input{height:0;padding:1em .5em!important;background-clip:content-box!important}.authing-g2-input.authing-ant-input-affix-wrapper-focused input::-webkit-input-placeholder{color:#a7a7a7}.authing-g2-input.authing-ant-input-affix-wrapper-focused input::-webkit-input-placeholder,.authing-g2-input.authing-ant-input-affix-wrapper-focused input::placeholder{color:#a7a7a7}.authing-g2-input.add-after{border:none}.authing-g2-input.add-after .authing-ant-input-group .authing-ant-input,.authing-g2-input.add-after .authing-ant-input-group .authing-ant-input-group-addon{border-radius:4px;height:46px}.authing-g2-input.authing-ant-input-number{width:100%}.authing-g2-input.authing-ant-input-number input{padding:1.4em .5em!important}.authing-g2-input .g2-captcha-code-image{min-width:100px}.g2-graphic-verify-code{display:flex;justify-content:space-between}.g2-graphic-verify-code .authing-ant-input{width:55%}.g2-graphic-verify-code .g2-captcha-code-image{min-width:100px;border-radius:4px;border:1px solid #eff2f6!important}.authing-ant-form-item-has-error .authing-ant-input-affix-wrapper-focused,.authing-ant-form-item-has-error .authing-ant-input-affix-wrapper:hover{border-color:#ff4d4f!important}.authing-g2-send-code{color:#396aff;cursor:pointer}.authing-g2-send-code.sending{cursor:not-allowed;-webkit-filter:opacity(.5);filter:opacity(.5)}.g2-tips-line{display:flex;font-size:14px;height:22px}.g2-tips-line .link-like{color:#396aff;cursor:pointer;transition:all .3s}.g2-tips-line .link-like:hover{color:#557fff}.g2-tips-line .link-like:active{color:#254cd9}.g2-tips-line .gray{color:#999}.g2-tips-line .back-to-login,.g2-tips-line .go-to-register{margin-left:auto}.g2-tips-line .touch-tip{color:#d4d6dc;display:flex;align-items:center;cursor:pointer}.g2-tips-line .touch-tip:hover{color:#396aff}.g2-init-setting-loading{width:var(--containerWidth);min-height:610px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 60px rgba(84,89,104,.05)}.g2-questions .authing-ant-upload-list-picture-card-container{height:56px;width:56px}.g2-questions .authing-ant-upload-list-picture-card-container .authing-ant-upload-list-item-list-type-picture-card{padding:4px}.g2-questions .authing-ant-upload-select-picture-card{border-radius:4px;height:56px;width:56px;border:none;background:#f5f6f7;transition:.2s all;margin:unset}.g2-questions .authing-ant-upload-select-picture-card:hover{background:#eeeff1}.g2-questions .authing-g2-questions-upload-self .anticon-plus{font-size:18px;color:#545968}.g2-questions-send-success-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:610px}.g2-questions-send-success-page .plate{margin-bottom:14px}.g2-questions-send-success-page .title{color:#282d3c;font-weight:500;font-size:16px;margin-bottom:10px}.authing-ant-tabs-tab-btn,strong{font-weight:400!important}.g2-questions-send-success-page .message{font-size:14px;color:#545968;margin-bottom:32px;text-align:center}.g2-questions-send-success-page .timer-tip{font-size:14px;color:#545968;margin-top:12px}.g2-change-language-container{margin:auto 0;padding-top:10px;text-align:center}.g2-change-language-container .g2-change-language-button{display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;color:#878a95;cursor:pointer;margin:auto;transition:.2s all}.authing-g2-form-required-item-icon-after label.authing-ant-form-item-required:not(.authing-ant-form-item-required-mark-optional)::before,.authing-g2-render-module-modal .authing-ant-modal-footer{display:none}.g2-change-language-container .g2-change-language-button:hover{color:#282d3c}.g2-change-language-container .g2-change-language-button .g2-change-language-text{margin-left:5px}.authing-g2-render-module-modal{--containerWidth:456px;width:var(--containerWidth)}.authing-g2-render-module-modal .authing-ant-modal-content{width:var(--containerWidth);border-radius:8px;margin:auto}.authing-g2-render-module-modal .authing-ant-modal-body{padding:0}.authing-g2-render-module-modal .authing-ant-modal-close{left:0;border-radius:4px;-webkit-transform:scale(.5);transform:scale(.5);color:#d4d6dc;transition:.2s all;width:56px;height:56px}.authing-g2-render-module-modal .authing-ant-modal-close:hover{background:#eeeff1;color:#878a95}.authing-g2-render-module-modal .authing-ant-modal-close .g2-modal-close{font-size:36px;margin-top:10px}.g2-send-code-input-col input::-webkit-inner-spin-button,.g2-send-code-input-col input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.g2-send-code-input-col input[type=number]{-moz-appearance:textfield}[class*=authing-].authing-ant-input-prefix{margin-right:0}.authing-g2-form-required-item-icon-after label.authing-ant-form-item-required:not(.authing-ant-form-item-required-mark-optional)::after{display:inline-block;margin-right:4px;margin-top:4px;color:#ff4d4f;font-size:14px;font-family:SimSun,sans-serif;line-height:1;content:'*'}.authing-g2-questions-textarea>textarea{resize:none;background:#f5f6f7;border:1px solid #f5f6f7}.authing-g2-questions-textarea>textarea:hover{border-color:#eeeff1!important;background-color:#eeeff1}.authing-g2-questions-textarea>textarea:focus{background:#fff}.authing-g2-question-option{background:0 0!important}.authing-g2-question-option.authing-g2-question-option-active{color:#396aff}.authing-g2-question-option:hover{background:#f5f6f7!important}.authing-g2-completeInfo-form input:hover{border-color:#eeeff1!important}.authing-g2-completeInfo-form .authing-g2-input:hover{border-color:#eeeff1}.authing-g2-completeInfo-form .authing-g2-input.authing-ant-picker-focused{background:#fff}.authing-ant-select-selector{padding:3px 11px!important}.authing-ant-select-selector .authing-ant-select-selection-item{line-height:30px!important}.authing-ant-select-selector .authing-ant-select-selection-search{display:flex;align-items:center}.g2-icon{height:1em}.g2-base-image-background-animation{background:linear-gradient(60deg,#888,#cecece,#dfdfdf,#f0f0f0);-webkit-animation:gradientBG 3s ease infinite;animation:gradientBG 3s ease infinite;background-size:400% 400%}@-webkit-keyframes gradientBG{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientBG{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.g2-base-imagepro-container{border-radius:4px;display:inline-block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.g2-base-imagepro-container.loaded{background:0 0}.g2-base-imagepro-container.loaded .imagePro{opacity:1}.g2-base-imagepro-container.unload .imagePro{opacity:0}.g2-base-imagepro{object-fit:cover}.authing-g2-mfa-title{color:#282d3c;font-size:18px;font-weight:600;text-align:center;margin-bottom:8px;margin-top:40px}.authing-g2-mfa-tips{font-size:14px;color:#545968;text-align:center;margin-bottom:24px;min-height:23px}.g2-mfa-content{margin:0 38px}.g2-mfa-content .g2-mfa-submit-button{margin-top:32px!important}.g2-mfa-content .bind-totp{margin-top:40px!important}.g2-mfa-content .authing-ant-form-item-control-input-content{display:flex;justify-content:center}.g2-mfa-content .g2-mfa-totp-verify-input{text-align:center}.g2-mfa-content .g2-mfa-totp-verify-input .authing-code-input-item:not(:first-child){margin-left:14px}.g2-mfa-content .authing-ant-form-horizontal{display:flex;justify-content:center;flex-direction:column}.g2-mfa-content .g2-mfa-face-image{margin:0 auto 24px;display:block}.g2-mfa-content .g2-mfa-face-identifying{display:flex;justify-content:center;align-items:center}.g2-mfa-content .g2-mfa-face-identifying .video-round{width:210px;height:210px;border-radius:50%;vertical-align:middle}.g2-mfa-content .g2-mfa-face-identifying .mesh{z-index:100;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:#fff;position:absolute;display:flex;justify-content:center;align-items:center;cursor:pointer;background:rgba(0,0,0,.4)}.g2-mfa-content .g2-mfa-face-identifying .ring{width:240px;height:240px;position:absolute;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.svg-circle-bg{stroke-width:4}.svg-circle-running{stroke-width:4;transition:all .2s linear;stroke:#396aff;stroke-linecap:round}.g2-mfa-verifyCode-formItem .authing-ant-form-item-explain-error{display:flex;justify-content:center}.g2-mfa-method{padding:0 38px}.g2-mfa-method-title{text-align:center;font-size:14px;color:#c8c9cc;margin-bottom:8px;width:100%}.g2-mfa-method-title::after,.g2-mfa-method-title::before{content:'——';color:#eee;margin:0 11px}.g2-guard-mfa-methods-btn{border:none!important;background-color:#f5f6f7!important;border-radius:4px!important;color:#282d3c!important;font-size:14px!important;height:49px!important;margin-top:8px!important;width:100%;justify-content:center;align-items:center}.g2-guard-mfa-methods-btn:hover{background:rgba(84,89,104,.2)!important}.g2-guard-mfa-methods-btn .g2-icon{font-size:16px;margin-right:8px}.authing-g2-code-input-item{text-align:center;width:40px;min-width:40px;min-height:40px;height:40px;line-height:40px;background-color:#f5f6f7;border:unset;border-radius:4px}.authing-g2-code-input-item:not(:first-child){margin-left:18px}.authing-g2-code-input-item input{text-align:center}.authing-g2-code-input-divider{width:14px;min-width:14px;max-width:14px;margin-left:10px}.authing-g2-code-input{display:flex;align-items:center}.authing-ant-form-item-has-error .authing-g2-code-input-item{background-color:#f5f6f7;border:1px solid #ff4d4f}.g2-qrcode-switch{position:absolute;display:flex;right:16px}.g2-qrcode-switch :global(.authing-ant-popover-inner-content){display:flex;justify-content:center;align-items:center;background:rgba(84,89,104,.1);height:26px;margin-right:4px;font-size:12px;padding:0 12px;border-radius:4px;color:#545968}@media (any-hover:hover){.g2-qrcode-switch .switch-img:hover .imgae-mask{border-width:0;right:50px;top:50px}}.g2-qrcode-switch .imgae-mask{width:0;height:0;border-style:solid;border-width:50px 0 0 50px;border-color:transparent transparent transparent #fff;position:absolute;right:0;top:0;transition:.2s all}.g2-qrcode-switch .qrcode-switch-image{font-size:50px;color:#396aff;cursor:pointer}.authing-g2-login-app-qrcode{min-height:288px;display:flex;justify-content:center;align-items:center}.authing-g2-login-app-qrcode img{width:200px;height:200px;margin-top:0!important}.authing-g2-login-app-qrcode .__authing__heading-subtitle-style{font-size:14px}.authing-g2-login-app-qrcode .__authing-shadow-style{width:200px;height:200px;margin-left:-100px;line-height:200px}.switch-text{left:-80px!important;top:4px!important}.switch-text .authing-ant-popover-inner{background:rgba(84,89,104,.1);border-radius:4px;box-shadow:none}.switch-text .authing-ant-popover-inner-content{display:flex;justify-content:center;align-items:center;height:26px;width:72px;white-space:nowrap;margin-right:4px;font-size:12px;padding:0 12px;border-radius:4px;color:#545968}.switch-text .authing-ant-popover-arrow{border-color:rgba(84,89,104,.1)!important;border-width:3px!important;background:#fff!important;width:0!important;height:0!important;right:7px!important}.g2-guard-full-width-space{width:100%}.no-login-methods{padding:38px}.g2-guard-third-login-btn{display:flex!important;border:none!important;background-color:#f5f6f7!important;border-radius:4px!important;color:#282d3c!important;font-size:14px!important;margin-bottom:8px!important;margin-top:8px!important;justify-content:center;align-items:center}.g2-guard-third-login-btn:last-child{margin-bottom:16px!important}.g2-guard-third-login-btn:hover{background-color:rgba(84,89,104,.2)!important}.g2-social-login-item{display:inline-flex;margin:12px;width:56px;height:48px;background-color:#f5f6f7;border-radius:4px;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.g2-social-login-item .g2-icon{font-size:24px;transition:color .3s ease-out}.g2-social-login-item:hover{background:rgba(84,89,104,.2)}.g2-social-login-title{text-align:center;font-size:14px;color:#c8c9cc}.g2-social-login-title::after,.g2-social-login-title::before{content:'——';color:#eee;margin:0 11px}.g2-social-login-list{display:flex;flex-wrap:wrap;justify-content:center;padding:0 35px}.authing-ant-avatar>img{display:block;width:100%;height:100%;object-fit:cover}.authing-agreements{margin-top:20px;margin-bottom:20px}.authing-agreements.authing-agreements-error .authing-agreements-item-invalid,.authing-agreements.authing-agreements-error .authing-agreements-item-invalid a{color:#ff4d4f}.authing-agreements.authing-agreements-error .authing-agreements-item-invalid :global(.ant-checkbox-inner){border-color:#ff4d4f}.authing-agreements-item{color:#999;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;font-size:12px}.authing-agreements-item:not(:first-child){margin-top:4px}.authing-agreements-item p{margin-bottom:0;display:inline-block}.authing-agreements-checkbox{margin-bottom:2px}.authing-agreements-checkbox :global(.ant-checkbox-inner){width:14px;height:14px}.authing-agreements-checkbox :global(.ant-checkbox-inner)::after{left:20%}.authing-agreements-item-content{line-height:23px}.g2-mfa-recovery-code .authing-g2-mfa-title{margin-top:92px}.g2-mfa-recovery-code .authing-g2-mfa-tips{margin-bottom:52px}.g2-mfa-recovery-code .submit-form{margin-top:64px!important}.authing-g2-send-code-btn{height:43px;width:100%;border:1px solid #d4d6dc;border-radius:4px}.authing-g2-send-code-btn:hover{background:rgba(57,106,255,.1)}.authing-g2-send-code-btn:focus{outline:0}.authing-g2-send-code-btn[disabled]{cursor:not-allowed;-webkit-filter:opacity(.5);filter:opacity(.5)}@media only screen and (max-width:719px){.authing-g2-send-code-btn{font-size:14px}}.g2-loading-btn-center .authing-ant-btn-loading-icon .anticon{padding-right:0}.authing-code-input-item{text-align:center;width:40px;min-width:40px;min-height:40px;height:40px;line-height:40px}.authing-code-input-item:not(:first-child){margin-left:18px}.authing-code-input-item input{text-align:center}.authing-code-input-divider{width:14px;min-width:14px;max-width:14px;margin-left:18px}.authing-code-input{display:flex;align-items:center}
package/lib/version/version.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const _default: "3.0.1-beta.2";
1
+ declare const _default: "3.0.1-beta.3";
2
2
  export default _default;
package/lib/version/version.js CHANGED
@@ -4,5 +4,5 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
- var _default = '3.0.1-beta.2';
7
+ var _default = '3.0.1-beta.3';
8
8
  exports.default = _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@authing/react-ui-components",
3
- "version": "3.0.1-beta.2",
3
+ "version": "3.0.1-beta.3",
4
4
  "private": false,
5
5
  "main": "lib/index.js",
6
6
  "typings": "lib/index.d.ts",
@@ -19,16 +19,17 @@
19
19
  ],
20
20
  "dependencies": {
21
21
  "@babel/runtime-corejs3": "^7.0.0",
22
+ "authing-js-sdk": ">=4.23.3",
22
23
  "face-api.js": "^0.22.2",
23
24
  "fastclick": "^1.0.6",
24
25
  "global": "^4.4.0",
26
+ "i18next": "^20.1.0",
27
+ "i18next-browser-languagedetector": "^6.1.0",
25
28
  "prop-types": "^15.7.2",
26
29
  "qs": "^6.9.4",
30
+ "react-i18next": "^11.8.12",
27
31
  "react-use": "^17.3.1",
28
- "authing-js-sdk": ">=4.23.3",
29
- "i18next": "^20.1.0",
30
- "i18next-browser-languagedetector": "^6.1.0",
31
- "react-i18next": "^11.8.12"
32
+ "shortid": "^2.2.16"
32
33
  },
33
34
  "peerDependencies": {
34
35
  "react": ">=16.9.0",