diff --git a/.eslintrc.js b/.eslintrc.js index 69093ca..ada0c92 100755 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -12,6 +12,7 @@ module.exports = { }, rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', - 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off' + 'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off', + 'vue/multi-word-component-names': 'off' } } diff --git a/src/App.vue b/src/App.vue index 66dcd87..4f596c5 100755 --- a/src/App.vue +++ b/src/App.vue @@ -1,15 +1,71 @@ - + \ No newline at end of file diff --git a/src/components/Header.vue b/src/components/Header.vue new file mode 100644 index 0000000..20b6e3b --- /dev/null +++ b/src/components/Header.vue @@ -0,0 +1,10 @@ + \ No newline at end of file diff --git a/src/components/PhoneCode.vue b/src/components/PhoneCode.vue index 77f9139..fba4e37 100644 --- a/src/components/PhoneCode.vue +++ b/src/components/PhoneCode.vue @@ -34,7 +34,7 @@ import GuipInput from '@/components/GuipInput.vue'; methods: { async sendCode() { if (!/^1\d{10}$/.test(this.$refs.phoneNumber.value)) { - alert('请输入有效的手机号码'); + this.$message.warning('请输入有效的手机号码'); return; } this.phoneValue = this.$refs.phoneNumber.value; diff --git a/src/components/SliderMenu.vue b/src/components/SliderMenu.vue new file mode 100644 index 0000000..21a7935 --- /dev/null +++ b/src/components/SliderMenu.vue @@ -0,0 +1,59 @@ + + + \ No newline at end of file diff --git a/src/router/index.js b/src/router/index.js index fa78e7e..d76aa54 100755 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,14 +1,18 @@ -import Vue from 'vue' -import VueRouter from 'vue-router' -import HomeView from '../views/HomeView.vue' +import Vue from 'vue'; +import VueRouter from 'vue-router'; +import store from '../store'; +import HomeView from '../views/HomeView.vue'; +// import Franchise from '../views/Franchise.vue' Vue.use(VueRouter) - +const whiteSlideList = ['/','/franchise'];//侧边导航白名单 +const whiteFooterList = ['/','/franchise'];//侧边导航白名单 const routes = [ { path: '/', name: 'home', component: HomeView + // component: Franchise }, { path: '/about', @@ -25,6 +29,11 @@ const routes = [ // this generates a separate chunk (about.[hash].js) for this route // which is lazy-loaded when the route is visited. component: () => import(/* webpackChunkName: "about" */ '../views/elementGroups.vue') + }, + { + path: '/franchise', + name: '加盟', + component: () => import(/* webpackChunkName: "about" */ '../views/Franchise.vue') } ] @@ -33,5 +42,19 @@ const router = new VueRouter({ base: process.env.BASE_URL, routes }) +router.beforeEach((to, from, next) => { + console.log(to.path,'to.path-----'); + if (whiteSlideList.includes(to.path)) { + store.commit('SET_SIDEBAR', true); // 登录页面不显示侧边栏 + } else { + store.commit('SET_SIDEBAR', false); // 其他页面显示侧边栏 + } + if (whiteFooterList.includes(to.path)) { + store.commit('SET_FOOTER', true); // 登录页面不显示侧边栏 + } else { + store.commit('SET_FOOTER', false); // 其他页面显示侧边栏 + } + next(); +}); export default router diff --git a/src/store/index.js b/src/store/index.js index ceffa8e..2dd825f 100755 --- a/src/store/index.js +++ b/src/store/index.js @@ -5,10 +5,18 @@ Vue.use(Vuex) export default new Vuex.Store({ state: { - }, - getters: { + showSidebar: false, + showFooter:false, }, mutations: { + SET_SIDEBAR(state, show) { + state.showSidebar = show; + }, + SET_FOOTER(state, show) { + state.showFooter = show; + } + }, + getters: { }, actions: { }, diff --git a/src/style/franchise.scss b/src/style/franchise.scss new file mode 100644 index 0000000..644345d --- /dev/null +++ b/src/style/franchise.scss @@ -0,0 +1,9491 @@ +body,html { + height: 100%; + padding: 0; + margin: 0; + background: #fff +} + +ul { + padding: 0 +} + +input,p { + margin: 0 +} + +.isWeb .newLogin-lang { + color: #7e838c +} + +.isWeb .newLogin-lang .newLogin_lang-box .newLogin_lang-selected .newLogin_lang-arrow { + border-top-color: #7e838c +} + +.loading-box { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 109; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + background-color: #fff +} + +#root { + height: 100% +} + +@media (min-width: 480px) { + .pp-base-code-box.base-code-box-container .code-input-seg { + width:11px + } +} + +@media (max-width: 568px) { + .pp-base-code-box.base-code-box-container .base-code-box { + height:.96rem + } + + .pp-base-code-box.base-code-box-container .base-code-box.base-code-box-error { + margin-top: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .pp-base-code-box.base-code-box-container .base-code-box .base-code-box-input { + width: .9rem; + text-align: center; + height: .9rem; + border-radius: .12rem; + font-size: .48rem; + -webkit-box-shadow: none; + box-shadow: none; + outline: none + } + + .pp-base-code-box.base-code-box-container .base-code-box-count,.pp-base-code-box.base-code-box-container .base-code-box-resend { + font-size: .28rem; + line-height: .4rem; + margin-top: .3rem + } +} + +@media (max-height: 599px) { + .base-country-list-container { + height:319px + } + + .base-country-list-letter { + line-height: 11px + } +} + +@media (min-width: 480px) { + .pp-country-list.base-country-list-container { + height:400px + } + + .country-list-search-box { + display: none + } +} + +@media (max-width: 568px) { + .pp-country-list:not(.disabled-media-h5).base-country-list-container { + position:fixed!important; + top: 0!important; + left: 0!important; + z-index: 9999; + width: 100vw!important; + height: 100%; + -webkit-overflow-scrolling: touch + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list { + padding: 0 + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list .base-country-list-item { + height: .96rem; + padding-left: 0; + margin-left: .32rem; + font-size: .32rem; + line-height: .96rem; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + border-top: 1px solid #d0d3d6 + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list .base-country-list-item:hover { + background: inherit + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list .base-country-list-item .base-country-list-item-code { + width: .84rem!important + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list .base-country-list-letter-tab { + height: .64rem; + padding-left: .32rem + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list-letter-list { + right: 0; + width: .8rem; + padding-right: .3rem + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list-letter-list .base-country-list-letter { + font-size: .24rem; + line-height: 1.5; + text-align: right + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .base-country-list-letter-list::-webkit-scrollbar { + width: 0 + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container { + top: auto!important; + bottom: 0!important; + padding: 0; + background-color: #f2f3f5; + border-radius: 4px 4px 0 0 + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container .base-country-list { + background-color: #fff; + border-top: .01rem solid rgba(31,35,41,.15) + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container .base-country-list .base-country-list-item { + border-top: none; + border-bottom: .01rem solid rgba(31,35,41,.15) + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container .country-list-title-box { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-height: 1.12rem; + background-color: #fff; + border-bottom: .16rem solid #f2f3f5 + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container .country-list-title-box .pp-close-icon { + position: absolute; + top: .36rem; + left: .4rem; + display: inline-block; + width: .42rem; + height: .42rem; + color: #646a73; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwLjc3OCAyMC43NzhhMSAxIDAgMDAwLTEuNDE0TDEzLjQxNCAxMmw3LjM2NC03LjM2NGExIDEgMCAwMC0xLjQxNC0xLjQxNEwxMiAxMC41ODYgNC42MzYgMy4yMjJhMSAxIDAgMDAtMS40MTQgMS40MTRMMTAuNTg2IDEybC03LjM2NCA3LjM2NGExIDEgMCAxMDEuNDE0IDEuNDE0TDEyIDEzLjQxNGw3LjM2NCA3LjM2NGExIDEgMCAwMDEuNDE0IDB6IiBmaWxsPSIjNjQ2QTczIi8+PC9zdmc+); + background-repeat: no-repeat; + background-position: 50%; + background-size: contain + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container .country-list-title-box .country-list-title { + padding: 0 .48rem; + font-size: .34rem; + font-weight: 500; + line-height: .48rem; + text-align: center + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container .country-list-search-box { + display: none + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container.base-country-list-simple-container:before { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + display: block; + content: " "; + background-color: rgba(0,0,0,.4) + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .country-list-search-box { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + height: 1.2rem; + padding: 0 .32rem + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .country-list-search-box input::-webkit-search-cancel-button { + display: none!important + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .country-list-search-box .pp-search-icon { + position: absolute; + top: 50%; + left: .6rem; + display: inline-block; + width: 18px; + height: 18px; + font-size: .4rem; + color: #646a73; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIzOSI+PHBhdGggZmlsbD0iIzE0MjQzNyIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTggMmM4LjgzNyAwIDE2IDcuMTYzIDE2IDE2YTE1LjkzIDE1LjkzIDAgMDEtMi44MzMgOS4wOTNsNS45NzggNS45NzhhMi4xNzQgMi4xNzQgMCAwMS0zLjA3NCAzLjA3NGwtNS44NDEtNS44NDJBMTUuOTM1IDE1LjkzNSAwIDAxMTggMzRDOS4xNjMgMzQgMiAyNi44MzcgMiAxOFM5LjE2MyAyIDE4IDJ6bTAgNEMxMS4zNzMgNiA2IDExLjM3MyA2IDE4czUuMzczIDEyIDEyIDEyIDEyLTUuMzczIDEyLTEyUzI0LjYyNyA2IDE4IDZ6IiBvcGFjaXR5PSIuMjE1Ii8+PC9zdmc+); + background-repeat: no-repeat; + background-size: contain; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .country-list-search-box>input { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + height: .72rem; + padding: 0 .2rem 0 .84rem; + font-size: .28rem; + background-color: #eff0f1; + border: none; + border-radius: .12rem + } + + .pp-country-list:not(.disabled-media-h5).base-country-list-container .country-list-search-box>span { + margin-left: .32rem; + font-size: .32rem; + color: #1f2329; + white-space: nowrap; + cursor: pointer + } +} + +@media (max-width: 568px) { + .pp-base-dropdown.base-dropdown-container .base-dropdown-toggle { + font-size:.32rem + } + + .pp-base-dropdown.base-dropdown-container .base-dropdown-menu { + font-size: .28rem + } + + .pp-base-dropdown.base-dropdown-container .base-dropdown-menu li { + height: .76rem + } +} + +@media (max-width: 568px) { + .pp-base-input.base-input-container .base-input-box { + height:.96rem; + line-height: .96rem; + font-size: .32rem + } + + .pp-base-input.base-input-container .base-input-box .base-input-icon-box { + width: .56rem + } + + .pp-base-input.base-input-container .base-input-box .base-input-icon { + font-size: .28rem; + right: .24rem; + top: .32rem + } + + .pp-base-input.base-input-container .base-input-box .base-input { + font-size: .32rem + } + + .base-input-error-msg,.base-input-tip-msg { + margin-top: .08rem; + font-size: .28rem + } +} + +@media (max-width: 568px) { + .login-com-lang { + width:3rem; + height: .44rem + } + + .login-com-lang .newLogin_lang-options { + -webkit-transform: translateY(100%); + transform: translateY(100%) + } + + .login-com-lang.newLogin-lang-show .newLogin_lang-options-down { + -webkit-transform: translateY(0); + transform: translateY(0); + top: auto!important; + margin-bottom: 0 + } + + .login-com-lang.newLogin-lang-show .language-options-h5-mask { + display: block; + position: fixed; + left: 0; + top: 0; + height: 100%; + width: 100%; + background: rgba(0,0,0,.4); + z-index: 1 + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down { + position: fixed; + width: 100%; + top: 100%; + bottom: 0; + left: 0; + z-index: 2; + border-radius: .15rem .15rem 0 0 + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down .lang-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 1.04rem; + padding: 0 .32rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: 1px solid #dee0e3; + position: relative + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down .lang-options-header .header-close { + display: inline-block; + width: .4rem; + height: .4rem; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIwLjc3OCAyMC43NzhhMSAxIDAgMDAwLTEuNDE0TDEzLjQxNCAxMmw3LjM2NC03LjM2NGExIDEgMCAwMC0xLjQxNC0xLjQxNEwxMiAxMC41ODYgNC42MzYgMy4yMjJhMSAxIDAgMDAtMS40MTQgMS40MTRMMTAuNTg2IDEybC03LjM2NCA3LjM2NGExIDEgMCAxMDEuNDE0IDEuNDE0TDEyIDEzLjQxNGw3LjM2NCA3LjM2NGExIDEgMCAwMDEuNDE0IDB6IiBmaWxsPSIjNjQ2QTczIi8+PC9zdmc+); + background-repeat: no-repeat; + background-size: contain; + background-position: 50%; + font-size: .4rem; + opacity: .6 + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down .lang-options-header .header-title { + font-size: .36rem; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down .lang-options-header .header-done { + font-size: .32rem; + color: #bacefd + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down .lang-options-header .header-done.active { + color: #3370ff + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down .newLogin_lang-options-list { + padding: 0; + overflow-y: scroll; + max-height: 68vh; + -webkit-overflow-scrolling: touch + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down li { + height: 1.04rem; + margin-left: .32rem; + padding-left: 0; + font-size: .32rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + border-bottom: 1px solid #dee0e3; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down li span { + font-size: .32rem + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down li:hover { + background-color: #eff0f1 + } + + .login-com-lang .newLogin_lang-options.newLogin_lang-options-down li .language-check-icon { + font-size: .5rem; + width: .5rem; + height: .5rem + } + + .login-com-lang .newLogin_lang-box .earth { + width: .28rem; + height: .28rem; + -webkit-transition: none; + transition: none; + background-size: 95% 95%; + background-position: 50% + } + + .login-com-lang .newLogin_lang-box .newLogin_lang-selected { + height: .44rem; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end + } + + .login-com-lang .newLogin_lang-box .newLogin_lang-selected:hover { + background: transparent + } + + .login-com-lang .newLogin_lang-box .newLogin_lang-selected-box .earth { + width: .32rem; + height: .32rem + } + + .login-com-lang .newLogin_lang-box .newLogin_lang-selected-box .newLogin_lang-selected-text { + position: relative; + font-size: .32rem; + height: .44rem; + line-height: .44rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + margin: 0 .16rem + } + + .login-com-lang .newLogin_lang-box .newLogin_lang-selected-box .newLogin_lang-arrow { + width: .2rem; + height: .2rem + } +} + +.base-loading-container .base-loading { + border: 2px solid; + border-color: #fff #fff transparent +} + +@media (max-width: 568px) { + .pp-mobile-input.mobile-input-container .mobile-input { + height:.96rem; + font-size: .32rem; + line-height: .96rem + } + + .pp-mobile-input.mobile-input-container .mobile-input .mobile-input-code { + width: .8rem; + min-width: 0; + margin-right: 0; + margin-left: 0; + text-align: center; + white-space: nowrap + } + + .pp-mobile-input.mobile-input-container .mobile-input .mobile-input-dropdown-icon { + width: .32rem; + height: .32rem; + font-size: .32rem + } + + .pp-mobile-input.mobile-input-container .mobile-input input { + height: .48rem; + font-size: .32rem; + line-height: .48rem + } + + .pp-mobile-input.mobile-input-container .mobile-input .mobile-input-dropdown-btn { + width: .02rem; + margin-right: .24rem + } + + .pp-mobile-input.mobile-input-container .mobile-input .mobile-input-left { + min-width: 1.6rem; + height: .96rem + } + + .pp-mobile-input.mobile-input-container .mobile-input .mobile-input-right { + height: .96rem + } +} + +@media (max-width: 568px) { + .pp-base-tabs.base-tabs-container .base-tabs-bar-container { + font-size:.3rem; + margin-bottom: 12px + } +} + +.web-v3-layout-box { + height: 100% +} + +@media (min-width: 480px) { + .base-country-list-container { + width:380px!important + } + + .base-country-list-container .base-country-list-letter-list { + right: 22px!important + } + + .login-com-lang .newLogin_lang-box { + z-index: 10 + } + + .h5-logo-container,.is-h5 { + display: none + } + + .is-web { + display: block + } + + .web-v3-layout-box .web-main-content { + position: absolute; + top: 50%; + left: 50%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 468px; + height: 639px; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) + } + + .web-v3-layout-box .new-account-login-box-show,.web-v3-layout-box .new-scan-login-box-show { + z-index: 1 + } + + .web-v3-layout-box .new-account-login-box-hide,.web-v3-layout-box .new-scan-login-box-hide { + z-index: -1 + } + + .web-v3-layout-box.web-full-height .new-account-login-module { + padding-bottom: 0 + } + + .web-v3-layout-box.web-full-height .new-account-login-module::-webkit-scrollbar { + display: none + } + + .web-v3-layout-box.web-full-height.passport-layout-web-login .web-main-content,.web-v3-layout-box.web-full-height.passport-layout-web-opener .web-main-content,.web-v3-layout-box.web-full-height.passport-layout-web-reg .web-main-content { + min-height: 444px; + max-height: calc(100% - 50px) + } + + .web-v3-layout-box.web-full-height.passport-layout-web-login .web-main-content .new-account-login-box,.web-v3-layout-box.web-full-height.passport-layout-web-opener .web-main-content .new-account-login-box,.web-v3-layout-box.web-full-height.passport-layout-web-reg .web-main-content .new-account-login-box { + height: 100%; + min-height: 550px + } + + .base-modal-container .base-modal-web-login { + left: -259.5px + } + + .base-modal-container .base-modal-web-create { + right: -259.5px + } +} + +@media (max-width: 1200px) { + .base-modal-container .base-modal-web-login { + left:0 + } + + .base-modal-container .base-modal-web-create { + right: 0 + } +} + +@media (max-width: 568px) { + .base-modal-container .base-modal-web-login { + left:0 + } + + .base-modal-container .base-modal-web-create { + right: 0 + } + + .isWeb .base-country-list-container { + position: fixed; + z-index: 9999; + width: 100vw; + height: 100%; + -webkit-overflow-scrolling: touch + } + + .isWeb .base-country-list-container .base-country-list-letter-list { + width: .8rem + } + + .isWeb .base-country-list-container .base-country-list-letter-list .base-country-list-letter { + font-size: .28rem; + line-height: 1.5; + text-align: center + } + + .login-com-lang .newLogin_lang-selected-box { + text-align: right + } + + .web-main-content { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } + + .web-main-content .switch-login-mode-container { + display: none + } + + .web-v3-layout-box { + overflow: hidden + } + + .web-v3-layout-box .new-account-login-box { + width: 100%; + height: 100% + } + + .web-v3-layout-box .is-h5 { + display: block + } + + .web-v3-layout-box .is-web { + display: none + } + + .web-v3-layout-box .login-lang-box { + display: none!important + } + + .web-v3-layout-box .h5-logo-container { + position: fixed; + top: 0; + left: 0; + z-index: 98; + width: 100%; + height: 1.1rem; + background-color: #fff + } + + .web-v3-layout-box .h5-logo-container .h5-logo { + position: absolute; + top: 0; + height: 1.1rem + } +} + +@media (max-width: 568px) { + *,:after,:before { + -webkit-tap-highlight-color:transparent + } + + input,textarea { + resize: none; + border: none; + outline: none; + -webkit-appearance: none + } +} + +@media (min-width: 480px) { + .passport-layout-web-login { + width:100%; + height: 100%; + min-height: 655px + } + + .passport-layout-web-login,.passport-layout-web-login .web-login-right { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } + + .passport-layout-web-login .web-login-right { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 520px; + padding: 0 20px; + background: #f3f4fb; + // background-image: url(../img/loginbg.6069751b.png); + background-repeat: no-repeat; + background-size: 100% 100% + } + + .passport-layout-web-login .web-login-right .isv-img { + width: 420px + } + + .passport-layout-web-login .web-login-left { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden + } + + .passport-layout-web-login .login-com-lang { + position: absolute; + bottom: 20px; + left: 20px + } +} + +@media (min-width: 480px) and (min-width:480px) and (max-width:1200px) { + .passport-layout-web-login .web-login-right { + display:none + } + + .passport-layout-web-login .web-login-left { + min-width: auto + } +} + +@media (max-width: 568px) { + .passport-layout-web-login .web-login-right { + display:none + } + + .passport-layout-web-login .login-com-lang { + position: fixed; + top: .34rem; + right: .2rem; + z-index: 100 + } + + .passport-layout-web-login .login-com-lang .newLogin_lang-selected-box { + text-align: right + } + + .passport-layout-web-login .web-login-left { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100vw; + height: 100%; + padding-top: 1.2rem; + background: #fff + } + + .passport-layout-web-login .web-login-left .web-main-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1 + } +} + +.login-com-lang { + position: relative; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + width: auto; + margin: 0 auto; + font-size: 14px; + color: #646a73; + text-align: center; + -webkit-transition: color .2s; + transition: color .2s +} + +.login-com-lang,.login-com-lang .newLogin_lang-box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal +} + +.login-com-lang .newLogin_lang-box { + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 22px; + text-align: left; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.login-com-lang .newLogin_lang-box .newLogin_lang-selected { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + height: 24px; + padding: 0 7px; + cursor: pointer; + border-radius: 6px +} + +.login-com-lang .newLogin_lang-box .newLogin_lang-selected:hover { + background: rgba(31,35,41,.08) +} + +.login-com-lang .newLogin_lang-box .newLogin_lang-selected .earth { + display: inline-block; + width: 15px; + height: 15px; + color: #646a73; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM2IDEzLjQ5YTYuODMyIDYuODMyIDAgMDEtMS42MjYuMTk5Yy0uMzM5IDAtLjYxIDAtLjk0OS0uMTMzLjIwMy0uMDY2LjQ3NS0uMDY2LjY3OC0uMDY2LS4wNjgtLjM5Ny0uMDY4LS43MjgtLjA2OC0xLjEyNSAwIDAtMS41NTgtMS4xMjYtMS41NTgtMS43ODggMC0uMjguMDM2LS41LjA2Mi0uNjYyLjAzNy0uMjIuMDU1LS4zMzEtLjA2Mi0uMzMxYTEuNTMgMS41MyAwIDAwLS4zNzMuMDY2Yy0uMjE1LjA1Ni0uMzk3LjEwNC0uNDQtLjA2Ni0uMTM2LS4zOTctLjQwNy0uNzI4LS44MTQtLjg2LTEuMDE2IDAtMS4wODQtMS4xOTItMS4wODQtMi4zMTggMC0uMjE5LS4xNzgtLjI5My0uMzc3LS4zNzYtLjEwMi0uMDQyLS4yMDktLjA4Ni0uMy0uMTUzLS4wMzQuMDMzLS4wNTEuMDUtLjA1MS4wNjZzLjAxNy4wMzMuMDUuMDY2Yy0uMjAzLjMzMS0uNjc3LjMzMS0uOTQ4LjA2NkMyLjExIDMuMDk2IDQuNzUyLjk3OCA3Ljg3Ljk3OGguMzM4YzEuMTUyLjI2NCAxLjIyIDEuMzkuMzM5IDEuMjU3IDAgLjMzMSAwIC43MjktLjA2OCAxLjEyNi0uMDQuNC0uMzU0LjQ4Ni0uNjQuNTY0LS4xODguMDUxLS4zNjQuMS0uNDQ0LjIzLS4yMDMuMzMxLjQwNy42NjIgMS4wODQuNTMuMTEgMCAuMTAxLS4wNTguMDkxLS4xMjItLjAwOC0uMDU0LS4wMTctLjExMy4wNDUtLjE0My4yNy0uMDY2LjYxLS4wNjYuODggMC0uMjcuNTk2LS42MSAxLjE5Mi0uOTQ4IDEuNzIxLS4wOTIuMTM1LS4wNi4zNi0uMDI5LjU3My4wMTUuMTAyLjAyOS4yMDIuMDI5LjI4OCAwIDEuNDI3LS40OS41NjQtLjgxNi0uMDEtLjEyNy0uMjI1LS4yMy0uNDA2LS4yNjgtLjM4Ny0uMDgzLjA4LS4zNC4wMTQtLjU5LS4wNS0uMTYyLS4wNDItLjMyLS4wODMtLjQyNy0uMDgzLS4xMzUgMC0uMTY5LjEzMy0uMjAzLjI2NS0uMDM0LjEzMy0uMDY4LjI2NS0uMjAzLjI2NS0uMzM4IDAtLjQxMi0uMDUxLS40Mi0uMDQyLS4wMDYuMDA2LjAxMy4wMzMuMDEzLjEwOCAwIC4wOTcuMDEuMjMuMDIuMzk4LjAyLjI5LjA0OC42ODguMDQ4IDEuMTkxIDAgLjE2My4yMDUuMS40NDIuMDI4LjE0OC0uMDQ1LjMwOS0uMDk0LjQzOS0uMDk0LjI3OCAwIC40OTIuMTU1LjY4Ny4yOTUuMDkuMDY1LjE3Ni4xMjYuMjYyLjE2OC4yMzQuMDk5LjQ2OS4zMS42ODcuNTA3LjIyMy4yMDEuNDI5LjM4Ny42LjQyLjE1OS4wMzEuMTg0LjE2NC4yMDcuMjkuMDI3LjE0Mi4wNTEuMjc1LjI2Ny4yNC4yMDQtLjA2Ni40NzUuMDY2LjYxLjI2NS4yMDMuMjY0LjA2OC41OTUtLjIwMy43OTQtLjQwNy4zOTctLjU0Mi44Ni0uNzQ1IDEuNzg4LjIwMy0uMDY3LjMzOCAwIC40MDYuMTMyem00LjE0NS04LjU4NGMwIC4wNjYuMDcuMDY2LjA3LjA2Ni4xNDIuMzk2LjI4NC43OTIuMzU0IDEuMDU2LjA3MS4wNjYuMDcxLjE5OC4wNzEuMzN2LjU5NGMwIC43MjYtLjA3IDEuNDUzLS4zNTQgMi4xMTMtLjU2Ni43OTItMS40MTUuOTI0LTEuMjAzLjM5Ni0uMjEyLS4zOTYtLjQ5NS0uNzI2LS44NDktMS4wNTYtLjYzNy0uNTI4LTEuMjAzLTEuNTE5Ljc3OS0yLjkwNS0uMzU0LS44NTguNzA3LTEuNjUgMS4xMzItLjU5NHoiIGZpbGw9IiM2NDZBNzMiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS41IDcuMzMzYzAgNC4wNTEgMy4zNTcgNy4zMzQgNy41IDcuMzM0czcuNS0zLjI4MyA3LjUtNy4zMzRDMTUuNSAzLjI4MyAxMi4xNDMgMCA4IDBTLjUgMy4yODMuNSA3LjMzM3ptMTQgMGMwIDMuNTExLTIuOTEgNi4zNTYtNi41IDYuMzU2cy02LjUtMi44NDUtNi41LTYuMzU2QzEuNSAzLjgyMyA0LjQxLjk3OCA4IC45NzhzNi41IDIuODQ1IDYuNSA2LjM1NXoiIGZpbGw9IiM2NDZBNzMiLz48L3N2Zz4=); + background-repeat: no-repeat; + background-position: 50%; + background-size: contain +} + +.login-com-lang .newLogin_lang-box .newLogin_lang-selected .earth.earth-dark { + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05LjM2IDEzLjQ5YTYuODMyIDYuODMyIDAgMDEtMS42MjYuMTk5Yy0uMzM5IDAtLjYxIDAtLjk0OS0uMTMzLjIwMy0uMDY2LjQ3NS0uMDY2LjY3OC0uMDY2LS4wNjgtLjM5Ny0uMDY4LS43MjgtLjA2OC0xLjEyNSAwIDAtMS41NTgtMS4xMjYtMS41NTgtMS43ODggMC0uMjguMDM2LS41LjA2Mi0uNjYyLjAzNy0uMjIuMDU1LS4zMzEtLjA2Mi0uMzMxYTEuNTMgMS41MyAwIDAwLS4zNzMuMDY2Yy0uMjE1LjA1Ni0uMzk3LjEwNC0uNDQtLjA2Ni0uMTM2LS4zOTctLjQwNy0uNzI4LS44MTQtLjg2LTEuMDE2IDAtMS4wODQtMS4xOTItMS4wODQtMi4zMTggMC0uMjE5LS4xNzgtLjI5My0uMzc3LS4zNzYtLjEwMi0uMDQyLS4yMDktLjA4Ni0uMy0uMTUzLS4wMzQuMDMzLS4wNTEuMDUtLjA1MS4wNjZzLjAxNy4wMzMuMDUuMDY2Yy0uMjAzLjMzMS0uNjc3LjMzMS0uOTQ4LjA2NkMyLjExIDMuMDk2IDQuNzUyLjk3OCA3Ljg3Ljk3OGguMzM4YzEuMTUyLjI2NCAxLjIyIDEuMzkuMzM5IDEuMjU3IDAgLjMzMSAwIC43MjktLjA2OCAxLjEyNi0uMDQuNC0uMzU0LjQ4Ni0uNjQuNTY0LS4xODguMDUxLS4zNjQuMS0uNDQ0LjIzLS4yMDMuMzMxLjQwNy42NjIgMS4wODQuNTMuMTEgMCAuMTAxLS4wNTguMDkxLS4xMjItLjAwOC0uMDU0LS4wMTctLjExMy4wNDUtLjE0My4yNy0uMDY2LjYxLS4wNjYuODggMC0uMjcuNTk2LS42MSAxLjE5Mi0uOTQ4IDEuNzIxLS4wOTIuMTM1LS4wNi4zNi0uMDI5LjU3My4wMTUuMTAyLjAyOS4yMDIuMDI5LjI4OCAwIDEuNDI3LS40OS41NjQtLjgxNi0uMDEtLjEyNy0uMjI1LS4yMy0uNDA2LS4yNjgtLjM4Ny0uMDgzLjA4LS4zNC4wMTQtLjU5LS4wNS0uMTYyLS4wNDItLjMyLS4wODMtLjQyNy0uMDgzLS4xMzUgMC0uMTY5LjEzMy0uMjAzLjI2NS0uMDM0LjEzMy0uMDY4LjI2NS0uMjAzLjI2NS0uMzM4IDAtLjQxMi0uMDUxLS40Mi0uMDQyLS4wMDYuMDA2LjAxMy4wMzMuMDEzLjEwOCAwIC4wOTcuMDEuMjMuMDIuMzk4LjAyLjI5LjA0OC42ODguMDQ4IDEuMTkxIDAgLjE2My4yMDUuMS40NDIuMDI4LjE0OC0uMDQ1LjMwOS0uMDk0LjQzOS0uMDk0LjI3OCAwIC40OTIuMTU1LjY4Ny4yOTUuMDkuMDY1LjE3Ni4xMjYuMjYyLjE2OC4yMzQuMDk5LjQ2OS4zMS42ODcuNTA3LjIyMy4yMDEuNDI5LjM4Ny42LjQyLjE1OS4wMzEuMTg0LjE2NC4yMDcuMjkuMDI3LjE0Mi4wNTEuMjc1LjI2Ny4yNC4yMDQtLjA2Ni40NzUuMDY2LjYxLjI2NS4yMDMuMjY0LjA2OC41OTUtLjIwMy43OTQtLjQwNy4zOTctLjU0Mi44Ni0uNzQ1IDEuNzg4LjIwMy0uMDY3LjMzOCAwIC40MDYuMTMyem00LjE0NS04LjU4NGMwIC4wNjYuMDcuMDY2LjA3LjA2Ni4xNDIuMzk2LjI4NC43OTIuMzU0IDEuMDU2LjA3MS4wNjYuMDcxLjE5OC4wNzEuMzN2LjU5NGMwIC43MjYtLjA3IDEuNDUzLS4zNTQgMi4xMTMtLjU2Ni43OTItMS40MTUuOTI0LTEuMjAzLjM5Ni0uMjEyLS4zOTYtLjQ5NS0uNzI2LS44NDktMS4wNTYtLjYzNy0uNTI4LTEuMjAzLTEuNTE5Ljc3OS0yLjkwNS0uMzU0LS44NTguNzA3LTEuNjUgMS4xMzItLjU5NHoiIGZpbGw9IiNBNkE2QTYiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTS41IDcuMzMzYzAgNC4wNTEgMy4zNTcgNy4zMzQgNy41IDcuMzM0czcuNS0zLjI4MyA3LjUtNy4zMzRDMTUuNSAzLjI4MyAxMi4xNDMgMCA4IDBTLjUgMy4yODMuNSA3LjMzM3ptMTQgMGMwIDMuNTExLTIuOTEgNi4zNTYtNi41IDYuMzU2cy02LjUtMi44NDUtNi41LTYuMzU2QzEuNSAzLjgyMyA0LjQxLjk3OCA4IC45NzhzNi41IDIuODQ1IDYuNSA2LjM1NXoiIGZpbGw9IiNBNkE2QTYiLz48L3N2Zz4=) +} + +.login-com-lang .newLogin_lang-box .newLogin_lang-selected .newLogin_lang-selected-text { + height: 22px; + margin: 0 4px; + line-height: 22px +} + +.login-com-lang .newLogin_lang-box .newLogin_lang-selected .newLogin_lang-arrow { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: inline-block; + width: 8px; + height: 8px; + color: #646a73; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQuNzYgNy43OTNMMS4xMTUgMy4yNWEuMzc1LjM3NSAwIDAxMC0uNDQ4LjIzMi4yMzIgMCAwMS4xOC0uMDkzaDcuNDA3Yy4xNCAwIC4yNTUuMTQyLjI1NS4zMTdhLjM2LjM2IDAgMDEtLjA3NS4yMjRMNS4yNCA3Ljc5M2MtLjEzMy4xNjYtLjM0OC4xNjYtLjQ4IDB6IiBmaWxsPSIjNjQ2QTczIi8+PC9zdmc+); + background-repeat: no-repeat; + background-position: 50%; + background-size: contain; + -webkit-transition: -webkit-transform .2s; + transition: -webkit-transform .2s; + transition: transform .2s; + transition: transform .2s,-webkit-transform .2s; + -webkit-transform-origin: center center; + transform-origin: center center +} + +.login-com-lang .newLogin_lang-options-up { + bottom: 30px +} + +.login-com-lang .newLogin_lang-options-down { + top: 30px; + margin-bottom: 15px +} + +.login-com-lang .newLogin_lang-options { + position: absolute; + left: 0; + width: 185px; + overflow: hidden; + font-size: 14px; + color: #1f2329; + background: #fff; + border-radius: 8px; + -webkit-box-shadow: 0 5px 13px 0 rgba(31,35,41,.12); + box-shadow: 0 5px 13px 0 rgba(31,35,41,.12); + -webkit-transition: all .2s; + transition: all .2s +} + +.login-com-lang .newLogin_lang-options .lang-options-header,.login-com-lang .newLogin_lang-options .language-options-h5-mask { + display: none +} + +.login-com-lang .newLogin_lang-options .newLogin_lang-options-list { + height: 0; + margin: 0; + overflow: hidden +} + +.login-com-lang .newLogin_lang-options li { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 32.5px; + padding-left: 8px; + margin: 0 4px; + cursor: pointer; + border-radius: 4px; + -webkit-transition: all .2s; + transition: all .2s +} + +.login-com-lang .newLogin_lang-options li:hover { + background-color: rgba(31,35,41,.08); + border-radius: 4px +} + +.login-com-lang .newLogin_lang-options li .language-check-icon { + position: absolute; + top: 50%; + right: 5px; + display: inline-block; + width: 20px; + height: 20px; + font-size: 20px; + color: #3370ff; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNzE4IDE1LjQxbDkuMTkyLTkuMTkyYS41LjUgMCAwMS43MDcgMGwuNzA3LjcwN2EuNS41IDAgMDEwIC43MDdsLTkuOSA5LjlhMSAxIDAgMDEtMS40MTQgMGwtNS4zMDMtNS4zMDRhLjUuNSAwIDAxMC0uNzA3bC43MDctLjcwN2EuNS41IDAgMDEuNzA3IDBsNC41OTcgNC41OTZ6IiBmaWxsPSIjMzM3MEZGIi8+PC9zdmc+); + background-repeat: no-repeat; + background-position: 50%; + background-size: contain; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} + +.login-com-lang.newLogin-lang-show .newLogin_lang-arrow-down,.login-com-lang.newLogin-lang-show .newLogin_lang-arrow-up { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) +} + +.login-com-lang.newLogin-lang-show .newLogin_lang-options-list { + height: auto; + max-height: 250px; + padding: 5px 0; + overflow: auto; + overflow-y: auto; + overflow-y: overlay; + border-radius: 4px +} + +.login-com-lang.newLogin-lang-show .newLogin_lang-options-list::-webkit-scrollbar { + width: 11px; + height: 11px +} + +.login-com-lang.newLogin-lang-show .newLogin_lang-options-list::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 2px +} + +.login-com-lang.newLogin-lang-show .newLogin_lang-options-list::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +.login-com-lang.newLogin-lang-show .newLogin_lang-options-list::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +.login-com-lang.newLogin-lang-show .newLogin_lang-options { + -webkit-transition: all .2s; + transition: all .2s +} + +.passport-lottie-root { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 420px; + overflow: hidden +} + +.passport-lottie-root .lottie-content { + position: relative +} + +.passport-lottie-root .lottie-bg { + width: 100% +} + +.passport-lottie-root .lottie-animation { + position: absolute; + top: 0; + left: 0; + width: 100% +} + +.passport-lottie-root .lottie-main-slogan { + width: 100%; + margin-top: 24px; + font-size: 24px; + font-weight: 600; + line-height: 40px; + color: #1f2329; + text-align: center +} + +.passport-lottie-root .lottie-sub-slogan { + width: 280px; + min-height: 24px; + margin-top: 20px; + margin-bottom: 38px; + font-size: 16px; + font-weight: 400; + line-height: 24px; + color: #646a73; + text-align: center +} + +@media (min-width: 480px) { + .passport-layout-web-reg { + position:relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + min-height: 605px + } + + .passport-layout-web-reg .web-reg-right { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: flex; + flex-direction: column; + overflow: hidden; + // background: #f8f9fa + background-image: url(../img/../assets/franchise1/f_right_back.png); + background-repeat: no-repeat; + background-size: 100% 100%; + } + + .passport-layout-web-reg .web-reg-right .new-account-login-box,.passport-layout-web-reg .web-reg-right .web-main-content { + overflow: visible + } + + .passport-layout-web-reg .web-reg-right .login-com-lang { + position: absolute; + right: 20px; + bottom: 20px + } + + .passport-layout-web-reg .web-reg-right .login-com-lang .newLogin_lang-options { + right: 0; + left: auto + } + + .passport-layout-web-reg .web-reg-left { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 603px; + padding: 0 20px; + background: #f3f4fb; + background-image: url(../assets/franchise1/f_left_back.png); + background-repeat: no-repeat; + background-size: 100% 100% + } + + .passport-layout-web-reg .web-reg-left .isv-img { + width: 448px + } + + .passport-layout-web-reg .login-com-lang .newLogin_lang-selected-box { + text-align: right + } +} + +@media (min-width: 480px) and (min-width:480px) and (max-width:1200px) { + .passport-layout-web-reg .web-reg-left { + display:none; + } + + .passport-layout-web-reg .web-reg-right { + min-width: auto + } +} + +@media (max-width: 568px) { + .passport-layout-web-reg .web-reg-left { + display:none + } + + .passport-layout-web-reg .web-reg-right { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100vw; + height: 100%; + padding-top: 1.2rem; + overflow: hidden; + background: #fff + } + + .passport-layout-web-reg .web-reg-right .web-main-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1 + } + + .passport-layout-web-reg .login-com-lang { + position: fixed; + top: .34rem; + right: .2rem; + z-index: 100 + } +} + +@media (min-width: 480px) { + .passport-layout-web-ug-reg.web-v3-layout-box { + position:absolute; + display: block; + width: 100%; + height: 100%; + min-height: 850px + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-media-container { + position: fixed; + width: 100%; + height: 100%; + // background-image: url(../img/bg.aca4f8ec.png); + background-position: 50%; + background-size: cover + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-main-container { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 100% + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-main { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + min-width: 1200px + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-hot-content { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 640px; + height: 700px; + padding: 0 60px; + font-style: normal; + // background-image: url(../img/front_bg.7efb8d9f.svg); + background-size: 100% 100% + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-form-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 464px; + height: 700px + } + + .passport-layout-web-ug-reg.web-v3-layout-box .login-com-lang.web-reg-pc-lang { + right: 20px; + left: unset + } + + .passport-layout-web-ug-reg.web-v3-layout-box .login-com-lang.web-reg-pc-lang .newLogin_lang-options { + right: 0; + left: unset + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-h5-lang-container { + display: none + } + + .base-modal-container .base-modal.base-modal-web-create { + right: 0 + } +} + +@media (min-width: 480px) and (max-width:1200px) { + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-main { + -webkit-box-pack:center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-width: unset + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-hot-content { + display: none + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-right { + min-width: auto + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-h5-lang-container { + display: none + } +} + +@media (max-width: 568px) { + .passport-layout-web-ug-reg.web-v3-layout-box { + width:100%; + height: 100%; + min-height: 550px + } + + .passport-layout-web-ug-reg.web-v3-layout-box .main-logo { + display: none + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-main-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100% + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-main-container .web-reg-form-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100vw; + height: 100% + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-main-container .new-account-login-module .base-back-text,.passport-layout-web-ug-reg.web-v3-layout-box .web-reg-main-container .step-box .new-back__content { + display: none + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-h5-lang-container { + position: relative; + bottom: 40px; + left: 50%; + z-index: 2; + width: 91%; + height: 34px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%) + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-h5-lang-container .web-reg-h5-lang { + position: unset; + width: unset; + color: #646a73 + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-h5-lang-container .web-reg-h5-lang .newLogin_lang-box { + height: 24px + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-h5-lang-container .web-reg-h5-lang .newLogin_lang-box .newLogin_lang-selected-box .newLogin_lang-selected .earth { + width: .26rem; + height: .26rem + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-h5-lang-container .web-reg-h5-lang .newLogin_lang-box .newLogin_lang-selected-box .newLogin_lang-selected .newLogin_lang-selected-text { + font-size: .26rem + } + + .passport-layout-web-ug-reg.web-v3-layout-box .web-reg-pc-lang { + display: none + } +} + +.passport-layout-web-confirm { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + overflow: hidden +} + +.passport-layout-web-confirm,.passport-layout-web-confirm .web-main-content { + background: #fff; + width: 100vw; + height: 100%; + min-height: 480px +} + +.passport-layout-web-confirm .web-main-content .new-account-login-box { + width: 100vw; + height: 100%; + min-height: 480px +} + +.passport-layout-web-confirm .web-main-content .new-account-login-box .new-account-login-module { + padding: 16px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzc1IiBoZWlnaHQ9IjIxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDApIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMCAwaDM3NXYyMTJIMHoiLz48cGF0aCBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIiBkPSJNMCAwaDM3NXYyMTJIMHoiLz48ZyBvcGFjaXR5PSIuMDUiIGNsaXAtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjMDA2QUZGIiBzdHJva2Utd2lkdGg9IjQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjxwYXRoIGQ9Ik00NzkuODM0IDE0LjkxN0wyODIuMTM5LTk5LjIyMnYyMjguMjc4TDQ3OS44MzQgMTQuOTE3eiIvPjxwYXRoIGQ9Ik0yOTQuMjE4LTc4LjAxN3YxODYuODY4TDQ1Ni4wNSAxNS40MTcgMjk0LjIxOC03OC4wMTd6Ii8+PHBhdGggZD0iTTMwNS45NTItNTcuODJWODguMTU0bDEyNi40MTctNzIuOTg3TDMwNS45NTItNTcuODJ6Ii8+PHBhdGggZD0iTTMxOC4wMzEtMzcuMTE0bC0uMDAxIDEwNC41NjIgOTAuNTU1LTUyLjI4MS05MC41NTQtNTIuMjgyeiIvPjxwYXRoIGQ9Ik0zMjkuMTA5LTE1LjkwOXY2My4xNTJsNTQuNjkyLTMxLjU3Ni01NC42OTItMzEuNTc2eiIvPjxwYXRoIGQ9Ik0zNjAuMTIgMTUuOTE3bC0xOS4yNzctMTEuMTN2MjIuMjZsMTkuMjc3LTExLjEzeiIvPjwvZz48cGF0aCBvcGFjaXR5PSIuMyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zODYuNTk3IDQxLjQ0M2wtNDEuNjMzLjQ3NGEuNjQ0LjY0NCAwIDAwLS4zODYuMDg5LjY2My42NjMgMCAwMC0uMjI5LjkwNEwzNjUuNiA3OS4xMTVjLjAwNi4wMS4wMTYuMDE4LjAyMy4wMjlhLjcwMi43MDIgMCAwMC4wNzIuMDkzbC4wMTUuMDE2YS42NS42NSAwIDAwMS4wMjgtLjE0NmMuMDA5LS4wMTguMDE0LS4wMzguMDIyLS4wNTZsMjAuNDE0LTM2LjYyNWEuNjY2LjY2NiAwIDAwLS4wMDgtLjY2LjY1LjY1IDAgMDAtLjU2Mi0uMzIzaC0uMDA3eiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPjxwYXRoIG9wYWNpdHk9Ii4xOTQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzQwLjAwNyA5LjQ0M2wtMTQuNzUgMjUuNSAxNC43NSAyNS41aDI5LjVsMTQuNzUtMjUuNS0xNC43NS0yNS41aC0yOS41eiIgZmlsbD0iIzE0QzBGRiIvPjwvZz48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSIxODgiIHkxPSIxMTkiIHgyPSIxODgiIHkyPSIyMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRURFRkZDIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRjNGNEZCIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQxX2xpbmVhciIgeDE9IjM0NC4yNTciIHkxPSI3OS40NDMiIHgyPSIzODcuMjU3IiB5Mj0iNzkuNDQzIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agc3RvcC1jb2xvcj0iIzAwNjlGRiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwNjlGRiIvPjwvbGluZWFyR3JhZGllbnQ+PGNsaXBQYXRoIGlkPSJjbGlwMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgzNzV2MjEySDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+); + background-size: 100% auto; + background-position: center 0; + background-repeat: no-repeat +} + +@media (min-width: 480px) { + .web-v3-layout-box { + width:100%; + height: 100%; + min-height: 850px + } + + .web-v3-layout-box,.web-v3-layout-box .web-opener-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } + + .web-v3-layout-box .web-opener-container { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-width: 480px; + overflow: hidden; + background: #fff + } + + .web-v3-layout-box .web-opener-container .web-main-content { + position: static; + -webkit-transform: none; + transform: none + } + + .web-v3-layout-box .web-opener-container .web-main-content .login-content-container { + -webkit-transform: none; + transform: none + } + + .web-v3-layout-box .web-opener-container:before { + position: absolute; + bottom: 20px; + left: 0; + width: 280px; + height: 238px; + content: ""; + background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTExIiBoZWlnaHQ9IjIxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBvcGFjaXR5PSIuNCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0tMTAwLjU5MiAwTC0xNjkgMTE4LjYxNWw2OC40MDggMTE4LjYxNUgzNi4yMjVsNjguNDA5LTExOC42MTVMMzYuMjI0IDBoLTEzNi44MTZ6IiBmaWxsPSIjRjRGMEY3Ii8+PGcgb3BhY2l0eT0iLjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjNjZBNkZGIj48cGF0aCBkPSJNNjkuNCAxMjcuNGEzLjQgMy40IDAgMTE2LjggMCAzLjQgMy40IDAgMDEtNi44IDB6TTgxIDEyNy40YTMuNCAzLjQgMCAxMTYuOCAwIDMuNCAzLjQgMCAwMS02LjggMHpNOTIuNiAxMjcuNGEzLjQgMy40IDAgMTE2LjggMCAzLjQgMy40IDAgMDEtNi44IDB6TTc1IDEzNy40YTMuNCAzLjQgMCAxMTYuOCAwIDMuNCAzLjQgMCAwMS02LjggMHpNODYuNiAxMzcuNGEzLjQgMy40IDAgMTE2LjggMCAzLjQgMy40IDAgMDEtNi44IDB6TTgxIDE0Ny44YTMuNCAzLjQgMCAxMTYuOCAwIDMuNCAzLjQgMCAwMS02LjggMHpNOTIuNiAxNDcuOGEzLjQgMy40IDAgMTE2LjggMCAzLjQgMy40IDAgMDEtNi44IDB6TTg2LjYgMTU3LjhhMy40IDMuNCAwIDExNi44IDAgMy40IDMuNCAwIDAxLTYuOCAwek05OC4yIDEzNy40YTMuNCAzLjQgMCAxMTYuOCAwIDMuNCAzLjQgMCAwMS02LjggMHpNMTA0LjIgMTI3LjRhMy40IDMuNCAwIDExNi44IDAgMy40IDMuNCAwIDAxLTYuOCAweiIvPjwvZz48L3N2Zz4=) no-repeat + } + + .web-v3-layout-box .web-opener-container:after { + position: absolute; + top: 20px; + right: -131px; + z-index: 0; + width: 229px; + height: 243px; + content: ""; + background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTkiIGhlaWdodD0iMjQ0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxtYXNrIGlkPSJhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjI5IiBoZWlnaHQ9IjE5OSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01Ny4xNTguM0wwIDk5LjI3NGw1Ny4xNTggOTguOTcyaDExNC4zMTdsNTcuMTU5LTk4Ljk3MkwxNzEuNDc1LjNINTcuMTU4eiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2EpIj48cGF0aCBvcGFjaXR5PSIuNCIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02NC43NTggNS4wMDlMNy42IDEwMy45OGw1Ny4xNTggOTguOTcyaDExNC4zMTdsNTcuMTU5LTk4Ljk3Mi01Ny4xNTktOTguOTcySDY0Ljc1OHoiIGZpbGw9IiNGMEYxRjciIGZpbGwtb3BhY2l0eT0iLjgiLz48L2c+PGcgb3BhY2l0eT0iLjMiPjxwYXRoIG9wYWNpdHk9Ii41IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTU5Ljg4MiAxNzIuMTc5YTEuMjc0IDEuMjc0IDAgMDExLjM3OC0xLjI2Mmw4MS4xNjYtLjkxN2ExLjI3NCAxLjI3NCAwIDAxMS4xMjQgMS44OThsLTM5Ljc5OCA3MC43MDljLS4wMTUuMDM1LS4wMjQuMDc0LS4wNDQuMTA4YTEuMjcyIDEuMjcyIDAgMDEtMi4wMDMuMjgybC0uMDI4LS4wMzJhMS4xODMgMS4xODMgMCAwMS0uMTQxLS4xNzljLS4wMTQtLjAyMS0uMDMyLS4wMzUtLjA0NS0uMDU3TDYwLjA2IDE3Mi44MzNhMS4yNyAxLjI3IDAgMDEtLjE3OC0uNjQydi0uMDEyeiIgZmlsbD0iIzY2QTZGRiIvPjxtYXNrIGlkPSJiIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSI1OSIgeT0iMTcwIiB3aWR0aD0iODUiIGhlaWdodD0iNzQiPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNTkuODgyIDE3Mi4xNzlhMS4yNzQgMS4yNzQgMCAwMTEuMzc4LTEuMjYybDgxLjE2Ni0uOTE3YTEuMjc0IDEuMjc0IDAgMDExLjEyNCAxLjg5OGwtMzkuNzk4IDcwLjcwOWMtLjAxNS4wMzUtLjAyNC4wNzQtLjA0NC4xMDhhMS4yNzIgMS4yNzIgMCAwMS0yLjAwMy4yODJsLS4wMjgtLjAzMmExLjE4MyAxLjE4MyAwIDAxLS4xNDEtLjE3OWMtLjAxNC0uMDIxLS4wMzItLjAzNS0uMDQ1LS4wNTdMNjAuMDYgMTcyLjgzM2ExLjI3IDEuMjcgMCAwMS0uMTc4LS42NDJ2LS4wMTJ6IiBmaWxsPSIjZmZmIi8+PC9tYXNrPjwvZz48L3N2Zz4=) no-repeat + } + + .web-v3-layout-box .login-com-lang { + position: absolute; + bottom: 20px; + left: 20px + } +} + +@media (min-width: 480px) and (max-height:650px) { + .web-v3-layout-box .web-opener-container .center-logo { + display:none + } +} + +@media (max-width: 568px) { + .web-v3-layout-box .login-com-lang { + position:fixed; + top: .34rem; + right: .2rem; + z-index: 100 + } + + .web-v3-layout-box .login-com-lang .newLogin_lang-selected-box { + text-align: right + } + + .web-v3-layout-box .web-opener-container { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100vw; + height: 100%; + padding-top: 1.2rem; + background: #fff + } + + .web-v3-layout-box .web-opener-container .web-main-content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1 + } +} + +@media (min-width: 480px) { + .passport-layout-web-middle { + display:-webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + width: 100%; + height: 100%; + min-height: 655px + } + + .passport-layout-web-middle .web-login-left { + position: relative; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: hidden; + background: #fff + } + + .passport-layout-web-middle .login-com-lang { + position: absolute; + bottom: 20px; + left: 20px + } + + .passport-layout-web-middle .web-middle-page .web-main-content { + -webkit-transition: all .2s; + transition: all .2s + } + + .passport-layout-web-middle .web-no-permission-page { + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + .passport-layout-web-middle .web-no-permission-page .web-main-content { + width: 510px; + height: 100vh; + -webkit-transition: all .2s; + transition: all .2s + } + + .passport-layout-web-middle .web-no-permission-page .login-content-container { + border: none; + -webkit-box-shadow: none; + box-shadow: none + } + + .passport-layout-web-middle .web-no-permission-page .new-account-login-box { + width: 510px; + height: 100% + } + + .passport-layout-web-middle .switch-login-mode-wrapper { + display: none + } + + .middle-page-user-panel { + position: absolute; + top: 20px; + right: 35px; + z-index: 1 + } +} + +@media (min-width: 480px) and (min-width:480px) and (max-width:1200px) { + .passport-layout-web-middle .web-login-right { + display:none + } + + .passport-layout-web-middle .web-login-left { + min-width: auto + } +} + +@media (max-width: 568px) { + .passport-layout-web-middle,.passport-layout-web-middle .web-middle-page,.passport-layout-web-middle .web-middle-page .web-main-content,.passport-layout-web-middle .web-no-permission-page,.passport-layout-web-middle .web-no-permission-page .web-main-content { + height:100% + } + + .passport-layout-web-middle .web-login-right { + display: none + } + + .passport-layout-web-middle .login-com-lang { + position: fixed; + top: .34rem; + right: .2rem; + z-index: 100 + } + + .passport-layout-web-middle .login-com-lang .newLogin_lang-selected-box { + text-align: right + } + + .passport-layout-web-middle .web-login-left { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100vw; + height: 100%; + padding-top: 1.2rem; + background: #fff + } + + .passport-layout-web-middle .middle-page-user-panel { + display: none + } +} + +.new-account-login-box { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + font-size: 14px; + color: #646a73; + -webkit-transition: all .2s; + transition: all .2s +} + +.new-account-login-box .new-account-login-module { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding-top: 40px; + padding-right: 40px; + padding-left: 40px; + background-color: #fff +} + +.new-account-login-box .new-account-login-module>.flex-column { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + min-width: 0; + padding-bottom: 40px +} + +.new-account-login-box .new-account-login-module>.flex-column .base-back-container,.new-account-login-box .new-account-login-module>.flex-column .base-button,.new-account-login-box .new-account-login-module>.flex-column .base-tabs-container { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0 +} + +.new-account-login-box .new-account-login-module .flex-item { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.new-account-login-box .new-account-login-module .flex-grow { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1 +} + +.new-account-login-box .new-account-login-module .base-button-primary { + font-size: 16px +} + +.new-account-login-box .new-account-login-module.new-account-module-nopadding { + padding: 0 +} + +.new-account-login-box .new-account-login-module.new-account-module-nopadding .base-back-container,.new-account-login-box .new-account-login-module.new-account-module-nopadding .base-module-content-container,.new-account-login-box .new-account-login-module.new-account-module-nopadding .base-title-container { + padding-right: 40px; + padding-left: 40px +} + +.new-account-login-box.new-account-login-box-compact { + position: relative; + width: auto; + height: auto; + overflow: auto; + overflow-x: hidden +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container { + position: absolute; + height: 0; + padding: 24px; + overflow: hidden; + visibility: hidden +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container.compact-step-container-nopadding { + padding: 0 +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container:last-child { + position: relative; + height: auto; + visibility: visible +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .base-back-container,.new-account-login-box.new-account-login-box-compact .compact-step-container .base-module-content-container,.new-account-login-box.new-account-login-box-compact .compact-step-container .base-title-container { + padding-right: 0; + padding-left: 0 +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .base-title-title { + font-size: 16px; + line-height: 24px +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .base-title-subtitle { + min-height: auto; + font-size: 14px +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .compact-header-close { + position: absolute; + top: 24px; + right: 24px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + padding: 4px; + font-size: 18px; + color: #646a73; + cursor: pointer; + border-radius: 6px +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .compact-header-close:hover { + background-color: rgba(31,35,41,.1) +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .compact-header-close:active { + background-color: rgba(31,35,41,.2) +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .compact-footer-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-top: 24px +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .compact-footer-container .pp-base-button { + min-width: 100px; + height: 32px +} + +.new-account-login-box.new-account-login-box-compact .compact-step-container .compact-footer-container .compact-footer-cancel-btn { + margin-right: 16px +} + +.new-account-login-box-hide-back .base-back-container { + display: none!important +} + +.Web__ListItem-sc-1kkrsqf-4 { + cursor: pointer +} + +.item-account-enter { + z-index: 2; + opacity: 0; + -webkit-transform: translateX(15px); + transform: translateX(15px) +} + +.item-account-enter-active { + z-index: 2; + opacity: 1; + -webkit-transition: all .2s; + transition: all .2s; + -webkit-transform: translateX(0); + transform: translateX(0) +} + +.item-account-appear { + z-index: 2; + opacity: 0; + -webkit-transform: translateX(15px); + transform: translateX(15px) +} + +.item-account-appear-active { + z-index: 2; + opacity: 1; + -webkit-transition: all .2s; + transition: all .2s; + -webkit-transform: translateX(0); + transform: translateX(0) +} + +.item-account-exit { + position: absolute; + top: 0; + left: 0; + z-index: 2; + opacity: 1 +} + +.item-account-exit-active { + z-index: 2; + opacity: 0; + -webkit-transition: all .2s; + transition: all .2s; + -webkit-transform: translateX(15px); + transform: translateX(15px) +} + +@media (max-width: 568px) { + .new-account-login-box .new-account-login-module { + -webkit-box-sizing:border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 24px 24px 0; + background: #fff + } + + .new-account-login-box .new-account-login-module>.flex-column { + padding-bottom: 24px + } + + .new-account-login-box .new-account-login-module .base-title-container { + min-height: inherit + } + + .new-account-login-box .new-account-login-module .base-button-primary { + font-size: 16px + } + + .new-account-login-box .new-account-login-module.new-account-module-nopadding .base-back-container,.new-account-login-box .new-account-login-module.new-account-module-nopadding .base-module-content-container,.new-account-login-box .new-account-login-module.new-account-module-nopadding .base-title-container { + padding-right: 24px; + padding-left: 24px + } +} + +.terms-and-policy-container a { + color: #3370ff; + text-decoration: none +} + +.terms-and-policy-container .passport-policy-content { + color: #646a73 +} + +.terms-and-policy-container .tp-checkbox-container span { + vertical-align: unset +} + +.passport-policy-tip { + color: #245bdb; + text-decoration: none; + cursor: pointer +} + +.passport-policy-tip:hover { + color: #3370ff +} + +.passport-policy-tip:active { + color: #1c4cba +} + +@media (max-width: 568px) { + .web-v3-layout-box .terms-and-policy-container .tp-checkbox-container .ud__checkbox__wallpaper { + border-radius:50% + } +} + +._pp-ud-checkbox._pp-ud-checkbox-circle [class$=_checkbox__wallpaper] { + border-radius: 50% +} + +._pp-ud-checkbox._pp-ud-checkbox-large [class$=_checkbox__input],._pp-ud-checkbox._pp-ud-checkbox-large [class$=_checkbox__wallpaper] { + height: 20px +} + +._pp-ud-checkbox._pp-ud-checkbox-large [class$=_checkbox]:after { + width: 20px +} + +.enter-credential .ud__modal__header { + padding-bottom: 12px +} + +.enter-credential .enter-credential__tabs .base-tabs-bar-container { + margin-bottom: 16px +} + +.enter-credential .enter-credential__terms { + margin-top: 16px +} + +.enter-credential .enter-credential__auto-login-checkbox { + margin-top: 12px +} + +.enter-credential .enter-credential__auto-login-checkbox .enter-credential__checkbox-text { + color: #646a73 +} + +.enter-credential .enter-credential__divider { + margin: 0; + color: #8f959e +} + +.enter-credential__switch-qr-login { + margin-top: 16px; + font-size: 14px; + line-height: 22px; + color: #245bdb; + text-align: center; + cursor: pointer +} + +.login-go-registe,.qr-login-go-account,.register-go-login { + margin-top: 12px; + color: #646a73; + white-space: pre-wrap +} + +.enter-credential__option-drawer .enter-credential__option-drawer__title { + position: relative +} + +.enter-credential__option-drawer .enter-credential__option-drawer__title .universe-icon { + position: absolute; + top: 4px; + left: 12px +} + +.enter-credential__option-drawer .ud__drawer__content__wrapper { + border-radius: 12px +} + +.enter-credential__option-drawer .ud__drawer__header { + padding: 12px; + font-size: 17px; + text-align: center +} + +@media (max-width: 568px) { + .enter-credential .login-go-registe,.enter-credential .qr-login-go-account,.enter-credential .register-go-login { + margin-bottom:12px + } +} + +._pp-ud-btn-inline-block { + width: -webkit-fit-content; + width: -moz-fit-content; + width: fit-content; + white-space: pre-wrap +} + +@media (max-width: 568px) { + ._pp-ud-btn-block { + height:48px; + font-size: 17px + } +} + +.base-tabs-container { + overflow: hidden +} + +.base-tabs-container .base-tabs { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + width: 100%; + margin-left: 0; + -webkit-transition: margin-left .2s cubic-bezier(.645,.045,.355,1); + transition: margin-left .2s cubic-bezier(.645,.045,.355,1); + will-change: margin-left +} + +.base-tabs-container .base-tabs .base-tab-pane { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + opacity: 1; + -webkit-transition: all .2s cubic-bezier(.645,.045,.355,1); + transition: all .2s cubic-bezier(.645,.045,.355,1) +} + +.base-tabs-container .base-tabs .base-tab-pane.base-tab-pane-inactive { + height: 0; + padding: 0!important; + overflow: hidden; + pointer-events: none; + visibility: hidden; + opacity: 0 +} + +.base-tabs-container .base-tabs-bar-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start; + margin-bottom: 20px; + font-size: 14px; + font-weight: 500; + color: #646a73 +} + +.base-tabs-container .base-tabs-bar-container .base-tabs-bar { + height: 28px; + margin-right: 32px; + line-height: 24px; + cursor: pointer; + border-bottom: 2px solid transparent +} + +.base-tabs-container .base-tabs-bar-container .base-tabs-bar:not(.base-tabs-bar-disabled):hover { + color: #3370ff +} + +.base-tabs-container .base-tabs-bar-container .base-tabs-bar.base-tabs-bar-active { + position: relative; + color: #3370ff +} + +.base-tabs-container .base-tabs-bar-container .base-tabs-bar.base-tabs-bar-active:after { + position: absolute; + bottom: 0; + left: 0; + display: block; + width: 100%; + height: 2px; + content: ""; + background-color: #3370ff; + border-radius: 2px 2px 0 0 +} + +.base-tabs-container .base-tabs-bar-container .base-tabs-bar.base-tabs-bar-disabled { + cursor: default; + opacity: .6 +} + +.mobile-input-container { + position: relative +} + +.mobile-input-container input::-webkit-input-placeholder { + line-height: normal!important +} + +.mobile-input-container.pp-mobile-input .mobile-input { + padding-right: 0; + border: none +} + +.mobile-input-container .mobile-input { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 40px; + font-size: 16px; + line-height: 14px; + color: #1f2329; + background-color: #fff; + border-radius: 6px +} + +.mobile-input-container .mobile-input.mobile-input-disabled { + -webkit-text-fill-color: #8f959e; + color: #8f959e; + background: #eff0f1 +} + +.mobile-input-container .mobile-input.mobile-input-error .mobile-input-left { + border-color: #f54a45 #d0d3d6 #f54a45 #f54a45 +} + +.mobile-input-container .mobile-input.mobile-input-error .mobile-input-right { + border-color: #f54a45 #f54a45 #f54a45 #d0d3d6 +} + +.mobile-input-container .mobile-input .mobile-input-left { + z-index: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + min-width: 80px; + height: 40px; + padding: 0 8px; + border: 1px solid #d0d3d6; + border-radius: 6px 0 0 6px +} + +.mobile-input-container .mobile-input .mobile-input-left.dropdown-open,.mobile-input-container .mobile-input .mobile-input-left:focus-within,.mobile-input-container .mobile-input .mobile-input-left:hover { + z-index: 1; + border-color: #3370ff +} + +.mobile-input-container .mobile-input .mobile-input-left.disable-change { + z-index: 0; + border-color: #d0d3d6 +} + +.mobile-input-container .mobile-input .mobile-input-left .disable-code { + padding-right: 8px +} + +.mobile-input-container .mobile-input .mobile-input-right { + z-index: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 40px; + border: 1px solid #d0d3d6; + border-left-color: transparent; + border-radius: 0 6px 6px 0; + -webkit-transform: translateX(-1px); + transform: translateX(-1px) +} + +.mobile-input-container .mobile-input .mobile-input-right:focus-within,.mobile-input-container .mobile-input .mobile-input-right:hover { + z-index: 1; + border-color: #3370ff +} + +.mobile-input-container .mobile-input input { + height: 24px; + font-size: 16px; + line-height: 24px; + background: transparent; + border: none; + outline: none +} + +.mobile-input-container .mobile-input input:disabled { + color: #8f959e; + -webkit-text-fill-color: #8f959e +} + +.mobile-input-container .mobile-input .mobile-input-code { + width: 42px; + min-width: 0; + color: #1f2329; + text-align: center; + white-space: nowrap +} + +.mobile-input-container .mobile-input .mobile-input-dropdown-icon { + display: inline-block; + width: 16px; + height: 16px; + font-size: 16px; + color: #646a73; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMjc2IDQuNzIzbC0uNDcxLjQ3MWEuNjY3LjY2NyAwIDAwMCAuOTQzbDUuMTg1IDUuMTg1Yy41Mi41MjEgMS4zNjUuNTIxIDEuODg2IDBsNS4xODUtNS4xODVhLjY2Ny42NjcgMCAwMDAtLjk0M2wtLjQ3MS0uNDcxYS42NjcuNjY3IDAgMDAtLjk0MyAwTDcuOTMzIDkuNDM3IDMuMjE5IDQuNzIzYS42NjcuNjY3IDAgMDAtLjk0MyAweiIgZmlsbD0iIzY0NkE3MyIvPjwvc3ZnPg==); + background-repeat: no-repeat; + background-position: 50%; + background-size: contain; + -webkit-transition: -webkit-transform .1s ease-in-out; + transition: -webkit-transform .1s ease-in-out; + transition: transform .1s ease-in-out; + transition: transform .1s ease-in-out,-webkit-transform .1s ease-in-out +} + +.mobile-input-container .mobile-input .mobile-input-dropdown-icon.mobile-input-dropdown-icon-updown { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) +} + +.mobile-input-container .mobile-input .mobile-input-phone { + width: 100%; + padding: 0 10px; + margin-right: 1px; + overflow: hidden; + color: #1f2329 +} + +.mobile-input-container .mobile-input .mobile-input-phone::-webkit-input-placeholder { + color: #8f959e +} + +.mobile-input-container .mobile-input-error-msg { + margin-top: 6px; + font-size: 14px; + line-height: 20px; + color: #f54a45; + word-break: break-all +} + +.mobile-input-container .mobile-input-disabled-block { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + cursor: not-allowed +} + +.base-country-list-container { + border-color: #dee0e3; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: absolute; + width: 308px; + height: 364px; + border-radius: 8px; + background-color: #fff; + -webkit-box-shadow: 0 4px 10px 0 rgba(31,35,41,.08); + box-shadow: 0 4px 10px 0 rgba(31,35,41,.08); + z-index: 999; + overflow: hidden +} + +.base-country-list-container .base-country-list { + height: 100%; + font-size: 14px; + line-height: 20px; + padding: 4px 0; + color: #1f2329; + overflow-x: hidden; + overflow-y: scroll; + overflow-y: overlay; + scrollbar-width: thin +} + +.base-country-list-container .base-country-list::-webkit-scrollbar { + width: 11px; + height: 11px +} + +.base-country-list-container .base-country-list::-webkit-scrollbar-track { + border-radius: 2px; + background-color: transparent +} + +.base-country-list-container .base-country-list::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +.base-country-list-container .base-country-list::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +.base-country-list-container .base-country-list-item { + height: 32px; + padding-left: 7px; + margin: 0 4px; + font-size: 14px; + line-height: 32px; + color: #1f2329; + cursor: pointer; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis +} + +.base-country-list-container .base-country-list-item:hover { + background-color: rgba(31,35,41,.08); + border-radius: 4px +} + +.base-country-list-container .base-country-list-item.base-country-list-item-selected { + color: #3370ff +} + +.base-country-list-container .base-country-list-letter-tab { + height: 32px; + padding-left: 12px; + font-size: 14px; + color: #8f959e; + line-height: 32px +} + +.base-country-list-container .base-country-list-letter-list { + position: absolute; + top: 50%; + right: 11px; + text-align: center; + -webkit-transform: translateY(-50%); + transform: translateY(-50%) +} + +.base-country-list-container .base-country-list-letter { + font-size: 12px; + color: #646a73; + cursor: pointer; + padding: 0; + margin: 0; + min-width: 1.33em; + height: 16px; + line-height: 16px +} + +.base-country-list-container .base-country-list-letter:hover { + background: rgba(31,35,41,.08); + border-radius: 8px; + color: #3370ff +} + +.base-country-list-container .country-list-search-box,.base-country-list-container .country-list-title-box { + display: none +} + +.base-country-list-container.base-country-list-simple-container { + height: auto!important; + padding: 4px 0; + border-radius: 4px +} + +.base-country-list-container.base-country-list-simple-container .base-country-list-letter-tab { + display: none!important +} + +.base-country-list-container.base-country-list-simple-container .base-country-list { + overflow-y: auto +} + +._pp-ud-input-wrapper ._pp-ud-input { + padding: 0 +} + +._pp-ud-input-wrapper ._pp-ud-input-errMsg { + font-size: 13px; + line-height: 20px; + word-break: break-all; + margin-top: 6px; + color: #f54a45 +} + +._pp-ud-input-wrapper ._pp-ud-input-tip-msg { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + word-break: break-all; + margin-top: 4px; + font-size: 14px; + color: #8f959e; + line-height: 20px +} + +.web-lark-sso-login-options-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + font-weight: 400 +} + +.web-lark-sso-login-options-container .sso-login-options-prefix { + display: inline-block; + width: 20px; + height: 20px; + margin-right: 4px; + font-size: 20px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0LjUwMyAyMy43NGwuNjU1IDEuMTM0YTguMzQ1IDguMzQ1IDAgMDEtMy4wNTUgMTEuNGwtLjE5Ni4xMTNhOC4zNDggOC4zNDggMCAwMS0xMC4yNS0xLjUwNWwtNC4zMDMgMi40ODQgMS43OTcgMy4xMTEtMy42NjMgMi4xMTUtMS43OTYtMy4xMTItMi42OSAxLjU1NC0xLjkzLTMuMzQgMTAuNDg1LTYuMDU0YTguMzQ2IDguMzQ2IDAgMDEzLjM1LTEwLjg0MWwuMTk2LS4xMTRhOC4zNDUgOC4zNDUgMCAwMTExLjQgMy4wNTV6TTI2LjQ5NCA0LjhjNy42MjQgMCAxNC4yNyA0Ljg1IDE2LjQzNCAxMS44MDVsLjE3Ny41OS0uNjI0LS4wMjItMS4zNzUtLjA0LTIuMjY4LS4wMzctLjE4My0uMTI4Yy0xLjg0OS00Ljc0NS02LjUwOS03Ljk5Ni0xMS44MzItOC4xMjNsLS4zMjYtLjAwNC0uMzE3LjAwNGMtNS41MS4xMjctMTAuMzM0IDMuNjA1LTEyLjAzNyA4LjY0NWwtLjYzNCAxLjg3Ni0uMTQuMTMtMS45NjkuNTEtLjI1Mi4wN2MtMy4wNjYuOTA3LTUuMTggMy42NTUtNS4xOCA2Ljc3MyAwIDMuOTEgMy4yODQgNy4wODIgNy4zMzcgNy4wODJoMi44djQuMDI2bC0uNTA1LjAxMy0uMzExLjAwM2gtMS45ODZsLS4zLS4wMDRDNi43OCAzNy44MTQgMS44IDMyLjg4NSAxLjggMjYuODQ5YzAtNS4wNjcgMy41MzMtOS40NTUgOC41Mi0xMC43NDdsLS4xMDQuMDI4LjA4MS0uMjNjMi4zNDYtNi40NzYgOC42MjktMTAuOTQ5IDE1LjgzLTExLjA5NnptOC41MTEgMTkuNDA2YTQuODMzIDQuODMzIDAgMDAtMS44NzMgNi40MTRsLjEwNC4xODkuMTY3LjI4OGE0LjgzMyA0LjgzMyAwIDAwOC40NzUtNC42NDRsLS4xMDQtLjE5LS4xNjctLjI4OGE0LjgzMyA0LjgzMyAwIDAwLTYuNjAyLTEuNzY5eiIgZmlsbD0iIzJFQTEyMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+); + background-repeat: no-repeat; + background-size: contain +} + +.web-lark-sso-login-options-container .web-lark-sso-login-sso-button { + width: 100% +} + +.web-lark-sso-login-options-container .web-lark-sso-login-idp-button:not(:last-child),.web-lark-sso-login-options-container .web-lark-sso-login-sso-button:not(:last-child) { + margin-bottom: 12px +} + +.web-lark-sso-login-options-container .web-lark-sso-login-idp-button { + width: 100% +} + +.web-lark-sso-login-options-container .web-lark-sso-login-idp-button .web-lark-sso-login-options-apple,.web-lark-sso-login-options-container .web-lark-sso-login-idp-button .web-lark-sso-login-options-google { + margin-right: 8px; + font-size: 20px +} + +.web-lark-sso-login-options-container .web-lark-sso-login-idp-button.base-button-disabled>.sso-login-options-apple,.web-lark-sso-login-options-container .web-lark-sso-login-idp-button.base-button-disabled>.sso-login-options-google { + opacity: .3 +} + +.web-lark-sso-login-options-container .web-lark-sso-login-idp-button .loading-idp .base-loading { + margin-right: 8px; + font-size: 20px; + border-color: #3370ff #3370ff transparent +} + +.web-lark-sso-login-options-container .web-lark-sso-login-idp-button,.web-lark-sso-login-options-container .web-lark-sso-login-sso-button { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.web-lark-sso-login-options-container .web-lark-sso-login-idp-button[disabled] .web-lark-sso-login-options-apple,.web-lark-sso-login-options-container .web-lark-sso-login-idp-button[disabled] i,.web-lark-sso-login-options-container .web-lark-sso-login-idp-button[disabled] svg,.web-lark-sso-login-options-container .web-lark-sso-login-sso-button[disabled] .web-lark-sso-login-options-apple,.web-lark-sso-login-options-container .web-lark-sso-login-sso-button[disabled] i,.web-lark-sso-login-options-container .web-lark-sso-login-sso-button[disabled] svg { + opacity: .3 +} + +.web-lark-sso-login-options-container .web-lark-sso-login-options-apple,.web-lark-sso-login-options-container .web-lark-sso-login-options-google { + display: inline-block; + width: 24px; + height: 24px; + font-size: 20px; + background-repeat: no-repeat; + background-size: contain +} + +.web-lark-sso-login-options-container .web-lark-sso-login-options-apple { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzFGMjMyOSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjMuODI2IDE5LjY1NWMuNzE4IDEuMDA1IDEuNTQ0IDEuNjU0IDIuNDcyIDEuOTQ3LS40MDMgMS4yMy0xLjA0NSAyLjUxLTEuOTIgMy44NDMtMS4zNTIgMi4wMDgtMi42ODMgMy4wMTQtNCAzLjAxNC0uNDkgMC0xLjIyLS4xNjQtMi4xODMtLjQ5My0uODk0LS4zMjgtMS42NzYtLjQ5Mi0yLjM0MS0uNDkyLS42NjYgMC0xLjQwNC4xNzItMi4yMS41MTgtLjg0LjMyOS0xLjUzNi40OTMtMi4wNzkuNDkzLTEuNTc5IDAtMy4xMzItMS4zMjUtNC42NTYtMy45NzMtMS41MjYtMi42MTMtMi4yODgtNS4xODUtMi4yODgtNy43MTIgMC0yLjMzNi41NzgtNC4yNSAxLjczNy01LjczOCAxLjE5NC0xLjQ5IDIuNjY1LTIuMjMzIDQuNDItMi4yMzMuMzg1IDAgLjgxNC4wNDkgMS4yOS4xNDQuNDcyLjA5NS45NjYuMjc0IDEuNDc0LjUzMy41NDMuMjk0Ljk5Mi40OTggMS4zNDIuNjEuMzUuMTEzLjYyMi4xNy44MTUuMTcuMjI4IDAgLjU3OC0uMDUxIDEuMDU0LS4xNTVhNC45MiA0LjkyIDAgMDAxLjQyMS0uNTdjLjUwOC0uMjc3Ljk0OS0uNDg0IDEuMzE3LS42MjNhMy4xOTQgMy4xOTQgMCAwMTEuMTMyLS4yMDdjMS4yMyAwIDIuMzMzLjMyOCAzLjMxNy45ODguNTI1LjM0NiAxLjA2Mi44NTYgMS42MDUgMS41MzMtLjgwNi42OTEtMS4zOTUgMS4yOTktMS43NjMgMS44MTctLjY4My45NzEtMS4wMjggMi4wMjYtMS4wMjggMy4xN2E1Ljc2NyA1Ljc2NyAwIDAwMS4wNzIgMy40MTZ6TTE4LjUzOSA3LjUzYy0uNjEzLjU3LTEuMTc2Ljk0NS0xLjY4NCAxLjExNy0uMTc1LjA1Mi0uNC4xMDEtLjY3Mi4xNDQtLjI3MS4wNDQtLjU4My4wODQtLjkzNC4xMTkuMDE4LTEuNTI0LjQyLTIuODQxIDEuMjEyLTMuOTQ3Ljc4OC0xLjExIDIuMDg3LTEuODcgMy44OTQtMi4yODUuMDM1LjE3My4wNjEuMjk0LjA3OS4zNjN2LjI4NWMwIC42MjMtLjE1IDEuMzI2LS40NDcgMi4xMDQtLjMxOC43NTctLjggMS40NTctMS40NDggMi4xeiIvPjwvc3ZnPg==) +} + +.web-lark-sso-login-options-container .web-lark-sso-login-options-google { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNOC40MyAxNS44MTNjMC0uODI1LjE0LTEuNjE3LjM5LTIuMzU4bC00LjM3My0zLjI3YTEyLjQ1IDEyLjQ1IDAgMDAtMS4zMzIgNS42MjdjMCAyLjAyMy40NzggMy45MzIgMS4zMyA1LjYyNWw0LjM3LTMuMjc2YTcuMzU3IDcuMzU3IDAgMDEtLjM4NS0yLjM0OSIvPjxwYXRoIGZpbGw9IiNFQTQzMzUiIGQ9Ik0xNi4xMSA4LjMwNWMxLjgzIDAgMy40ODQuNjM1IDQuNzg0IDEuNjc0bDMuNzgtMy42OTZjLTIuMzAzLTEuOTYzLTUuMjU2LTMuMTc2LTguNTY0LTMuMTc2LTUuMTM1IDAtOS41NSAyLjg3NS0xMS42NjMgNy4wNzdsNC4zNzUgMy4yN2MxLjAwNy0yLjk5NSAzLjg3OS01LjE0OSA3LjI4OC01LjE0OSIvPjxwYXRoIGZpbGw9IiMzNEE4NTMiIGQ9Ik0xNi4xMSAyMy4zMjJjLTMuNDEgMC02LjI4Mi0yLjE1NC03LjI5LTUuMTVsLTQuMzczIDMuMjdjMi4xMTMgNC4yMDMgNi41MjcgNy4wNzggMTEuNjYzIDcuMDc4IDMuMTY5IDAgNi4xOTUtMS4xMDIgOC40NjctMy4xNjdsLTQuMTUyLTMuMTQzYy0xLjE3MS43MjMtMi42NDYgMS4xMTItNC4zMTYgMS4xMTIiLz48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMjguNTE0IDE1LjgxM2MwLS43NS0uMTE5LTEuNTYtLjI5NS0yLjMxaC0xMi4xMXY0LjkxaDYuOTdjLS4zNDggMS42NzQtMS4yOTYgMi45Ni0yLjY1MyAzLjc5N2w0LjE1IDMuMTQzYzIuMzg3LTIuMTY4IDMuOTM4LTUuMzk3IDMuOTM4LTkuNTQiLz48L2c+PC9zdmc+) +} + +.sso-login-options-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + font-weight: 400 +} + +.sso-login-options-container .sso-login-options-prefix { + display: inline-block; + width: 20px; + height: 20px; + margin-right: 4px; + font-size: 20px; + vertical-align: -.22em; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0LjUwMyAyMy43NGwuNjU1IDEuMTM0YTguMzQ1IDguMzQ1IDAgMDEtMy4wNTUgMTEuNGwtLjE5Ni4xMTNhOC4zNDggOC4zNDggMCAwMS0xMC4yNS0xLjUwNWwtNC4zMDMgMi40ODQgMS43OTcgMy4xMTEtMy42NjMgMi4xMTUtMS43OTYtMy4xMTItMi42OSAxLjU1NC0xLjkzLTMuMzQgMTAuNDg1LTYuMDU0YTguMzQ2IDguMzQ2IDAgMDEzLjM1LTEwLjg0MWwuMTk2LS4xMTRhOC4zNDUgOC4zNDUgMCAwMTExLjQgMy4wNTV6TTI2LjQ5NCA0LjhjNy42MjQgMCAxNC4yNyA0Ljg1IDE2LjQzNCAxMS44MDVsLjE3Ny41OS0uNjI0LS4wMjItMS4zNzUtLjA0LTIuMjY4LS4wMzctLjE4My0uMTI4Yy0xLjg0OS00Ljc0NS02LjUwOS03Ljk5Ni0xMS44MzItOC4xMjNsLS4zMjYtLjAwNC0uMzE3LjAwNGMtNS41MS4xMjctMTAuMzM0IDMuNjA1LTEyLjAzNyA4LjY0NWwtLjYzNCAxLjg3Ni0uMTQuMTMtMS45NjkuNTEtLjI1Mi4wN2MtMy4wNjYuOTA3LTUuMTggMy42NTUtNS4xOCA2Ljc3MyAwIDMuOTEgMy4yODQgNy4wODIgNy4zMzcgNy4wODJoMi44djQuMDI2bC0uNTA1LjAxMy0uMzExLjAwM2gtMS45ODZsLS4zLS4wMDRDNi43OCAzNy44MTQgMS44IDMyLjg4NSAxLjggMjYuODQ5YzAtNS4wNjcgMy41MzMtOS40NTUgOC41Mi0xMC43NDdsLS4xMDQuMDI4LjA4MS0uMjNjMi4zNDYtNi40NzYgOC42MjktMTAuOTQ5IDE1LjgzLTExLjA5NnptOC41MTEgMTkuNDA2YTQuODMzIDQuODMzIDAgMDAtMS44NzMgNi40MTRsLjEwNC4xODkuMTY3LjI4OGE0LjgzMyA0LjgzMyAwIDAwOC40NzUtNC42NDRsLS4xMDQtLjE5LS4xNjctLjI4OGE0LjgzMyA0LjgzMyAwIDAwLTYuNjAyLTEuNzY5eiIgZmlsbD0iIzJFQTEyMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+); + background-repeat: no-repeat; + background-size: contain +} + +.sso-login-options-container .sso-login-sso-button { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.sso-login-options-container .sso-login-idp-button { + margin-left: 16px +} + +.sso-login-options-container .sso-login-idp-button[disabled] .sso-login-options-apple,.sso-login-options-container .sso-login-idp-button[disabled] i,.sso-login-options-container .sso-login-idp-button[disabled] svg,.sso-login-options-container .sso-login-sso-button[disabled] .sso-login-options-apple,.sso-login-options-container .sso-login-sso-button[disabled] i,.sso-login-options-container .sso-login-sso-button[disabled] svg { + opacity: .3 +} + +.sso-login-options-container .sso-login-options-google { + display: inline-block; + width: 24px; + height: 24px; + font-size: 24px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNOC40MyAxNS44MTNjMC0uODI1LjE0LTEuNjE3LjM5LTIuMzU4bC00LjM3My0zLjI3YTEyLjQ1IDEyLjQ1IDAgMDAtMS4zMzIgNS42MjdjMCAyLjAyMy40NzggMy45MzIgMS4zMyA1LjYyNWw0LjM3LTMuMjc2YTcuMzU3IDcuMzU3IDAgMDEtLjM4NS0yLjM0OSIvPjxwYXRoIGZpbGw9IiNFQTQzMzUiIGQ9Ik0xNi4xMSA4LjMwNWMxLjgzIDAgMy40ODQuNjM1IDQuNzg0IDEuNjc0bDMuNzgtMy42OTZjLTIuMzAzLTEuOTYzLTUuMjU2LTMuMTc2LTguNTY0LTMuMTc2LTUuMTM1IDAtOS41NSAyLjg3NS0xMS42NjMgNy4wNzdsNC4zNzUgMy4yN2MxLjAwNy0yLjk5NSAzLjg3OS01LjE0OSA3LjI4OC01LjE0OSIvPjxwYXRoIGZpbGw9IiMzNEE4NTMiIGQ9Ik0xNi4xMSAyMy4zMjJjLTMuNDEgMC02LjI4Mi0yLjE1NC03LjI5LTUuMTVsLTQuMzczIDMuMjdjMi4xMTMgNC4yMDMgNi41MjcgNy4wNzggMTEuNjYzIDcuMDc4IDMuMTY5IDAgNi4xOTUtMS4xMDIgOC40NjctMy4xNjdsLTQuMTUyLTMuMTQzYy0xLjE3MS43MjMtMi42NDYgMS4xMTItNC4zMTYgMS4xMTIiLz48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMjguNTE0IDE1LjgxM2MwLS43NS0uMTE5LTEuNTYtLjI5NS0yLjMxaC0xMi4xMXY0LjkxaDYuOTdjLS4zNDggMS42NzQtMS4yOTYgMi45Ni0yLjY1MyAzLjc5N2w0LjE1IDMuMTQzYzIuMzg3LTIuMTY4IDMuOTM4LTUuMzk3IDMuOTM4LTkuNTQiLz48L2c+PC9zdmc+); + background-repeat: no-repeat; + background-size: contain +} + +.step-box { + width: 100%; + height: 100%; + border-radius: unset +} + +.step-box .ud__modal__body--bottom-overflow,.step-box .ud__modal__body--top-overflow { + -webkit-box-shadow: none!important; + box-shadow: none!important +} + +.step-box.step-box__no-padding-bottom .step-box__footer,.step-box.step-box__no-padding-bottom .ud__modal__footer { + padding-bottom: 0 +} + +@media (min-width: 480px) { + .step-box .step-box__header { + padding-top:16px + } + + .step-box .step-box__body,.step-box .step-box__description,.step-box .step-box__footer,.step-box .step-box__header { + padding-right: 16px; + padding-left: 16px + } + + .step-box .step-box__footer { + padding-bottom: 16px; + display: flex; + flex-direction: column; + align-items: center; + } +} + +@media (max-width: 568px) { + .step-box { + background:#fff!important + } +} + +.step-title { + font-size: 22px; + font-weight: 600; + line-height: 30px; + color: #1f2329 +} + +.step-title__subtitle { + line-height: 20px +} + +.step-title__subtitle strong { + color: #1f2329 +} + +.step-title__subtitle.step-title__subtitle-error { + color: #f54a45 +} + +.step-title__subtitle a { + color: #3370ff; + text-decoration: none +} + +.step-title__subtitle a:hover { + text-decoration: underline +} + +@media (any-hover: none) { + .new-back:hover { + background:none!important + } + + .new-back:active { + background: rgba(31,35,41,.2)!important + } +} + +.ug-register-container { + width: 100% +} + +.ug-register-container .terms-and-policy-container { + width: 100%; + margin-top: 16px +} + +@media (min-width: 480px) { + .ug-register-container { + padding-top:40px + } + + .ug-register-container .ug-register-hot-image { + display: none + } + + .ug-register-container .register-submit-button { + margin-top: 40px + } + + .ug-register-container .register-to-login { + margin-top: 16px; + color: #646a73; + text-align: center + } +} + +@media (max-width: 568px) { + .ug-register-container { + display:-webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center + } + + .ug-register-container .ug-register-hot-image { + width: 100vw + } + + .ug-register-container .ug-register-new-stepbox { + width: 100%; + margin-bottom: 30px + } + + .ug-register-container .ug-register-new-stepbox .ud__modal__header { + padding-top: 24px; + padding-bottom: 16px + } + + .ug-register-container .ug-register-new-stepbox .ud__modal__header .step-title { + font-size: 20px; + line-height: 28px + } + + .ug-register-container .ug-register-new-stepbox .ud__modal__body { + margin-bottom: 0 + } + + .ug-register-container .ug-register-new-stepbox .register-step-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse + } + + .ug-register-container .ug-register-new-stepbox .register-step-footer .register-submit-button { + height: 44px; + margin-top: 12px + } + + .ug-register-container .register-to-login { + color: #646a73; + text-align: center + } +} + +.new-scan-login-box-show { + z-index: 1; + opacity: 1; + -webkit-transform: translateX(0); + transform: translateX(0) +} + +.new-scan-login-box-hide { + opacity: 0; + -webkit-transform: translateX(15px); + transform: translateX(15px) +} + +.new-scan-login-box-wrapper { + width: 100% +} + +.new-scan-login-box { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + padding-bottom: 40px; + -webkit-transition: all .2s; + transition: all .2s +} + +.new-scan-login-box .check-box-container { + margin-bottom: 4px +} + +.new-scan-login-box .check-box-container .check-box-text { + color: #646a73 +} + +.new-scan-login-box .new-scan-login-box-close { + position: absolute; + top: 12px; + left: 16px; + font-size: 18px +} + +.new-scan-login-box .new-scan-login-box-doc { + -webkit-transition: max-height .3s ease; + transition: max-height .3s ease +} + +.new-scan-login-box .new-scan-login-box-doc .base-title-container { + margin-top: 35px; + margin-bottom: 0 +} + +.new-scan-login-box .new-scan-login-box-doc-show { + max-height: 200px; + opacity: 1 +} + +.new-scan-login-box .new-scan-login-box-doc-hide { + max-height: 0; + opacity: 0 +} + +.new-scan-login-box.newLogin_scan-hide { + height: 56px +} + +.new-scan-login-box .newLogin_scan-g-pointer { + cursor: pointer +} + +.new-scan-login-box .new-scan-qrcode-container,.new-scan-login-box .newLogin_scan-g-flex-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + justify-content: center; + -ms-flex-pack: center; + -ms-flex-align: center +} + +.new-scan-login-box .new-scan-qrcode-container { + position: relative; + margin: 12px 0 32px +} + +.new-scan-login-box .user-header-tip { + position: absolute; + top: 50%; + left: 50%; + width: 66px; + height: 66px; + background-color: #eff0f1; + background-repeat: no-repeat; + background-position: 50%; + background-size: cover; + border-radius: 50%; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) +} + +.new-scan-login-box .user-header-tip .success { + position: absolute; + right: -3px; + bottom: -3px; + width: 24px; + height: 24px; + font-size: 24px; + -webkit-transition: all .3s; + transition: all .3s +} + +.new-scan-login-box .user-header-tip-hide,.new-scan-login-box .user-header-tip-hide .success { + z-index: -1; + opacity: 0 +} + +.new-scan-login-box .user-header-tip-show,.new-scan-login-box .user-header-tip-show .success { + z-index: 8; + opacity: 1 +} + +.new-scan-login-box .user-header-doc { + width: 100%; + font-size: 24px; + font-weight: 700; + line-height: 32px; + color: #1f2329; + text-align: center; + -webkit-transition: all .3s; + transition: all .3s +} + +.new-scan-login-box .user-header-doc>span { + display: inline-block; + margin-top: 12px; + font-size: 14px; + font-weight: 400; + line-height: 22px; + color: #646a73 +} + +.new-scan-login-box .user-header-doc-hide { + opacity: 0 +} + +.new-scan-login-box .user-header-doc-show { + opacity: 1 +} + +.new-scan-login-box .user-header-footer { + position: absolute; + bottom: 53px; + width: 100%; + font-size: 14px; + color: #646a73; + text-align: center; + -webkit-transition: all .3s; + transition: all .3s +} + +.new-scan-login-box .user-header-footer span { + color: #646a73 +} + +.new-scan-login-box .user-header-footer-hide { + z-index: -1; + opacity: 0 +} + +.new-scan-login-box .user-header-footer-show { + z-index: 8; + opacity: 1 +} + +.new-scan-login-box .newLogin_scan-title { + height: 30px; + margin: 16px 0 32px; + font-size: 22px; + font-weight: 600; + line-height: 30px; + color: #1f2329; + text-align: center +} + +.new-scan-login-box .newLogin_scan-QR-code { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: #fff; + border-radius: 10px +} + +.new-scan-login-box .newLogin_scan-loading { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) +} + +.new-scan-login-box .newLogin_scan-loading .newLogin_scan-loading-txt { + margin-top: 12px; + font-size: 12px; + line-height: 17px; + color: #fff; + text-align: center +} + +.new-scan-login-box .newLogin_scan-loading .base-loading { + margin: 0 auto; + border-width: 3px +} + +.new-scan-login-box .newLogin_scan-shadow { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + -ms-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + font-size: 14px; + color: #fff; + cursor: pointer +} + +.new-scan-login-box .newLogin_scan-shadow .newLogin_scan-refresh { + margin-bottom: 12px; + font-size: 46px +} + +.new-scan-login-box .newLogin_scan-shadow:before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + display: block; + content: ""; + background-color: #000; + border-radius: 10px; + opacity: .6 +} + +.new-scan-login-box .newLogin_scan-shadow .qr-scan-mask-cover { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.new-scan-login-box .newLogin_scan-tip { + margin-top: 8px; + margin-bottom: 30px; + font-size: 14px; + line-height: 1.08; + color: #646a73; + text-align: center; + letter-spacing: normal +} + +.new-scan-login-box .newLogin_scan-check-stay { + height: 16px; + margin-top: 62px; + margin-bottom: 32px; + font-size: 14px; + line-height: 16px; + color: #646a73; + text-align: center +} + +.new-scan-login-box .newLogin_scan-check-stay .newLogin_scan-check-stay-tip { + margin-left: 5px +} + +.new-scan-login-box .newLogin_scan-create-team { + height: 16px; + margin-bottom: 32px; + font-size: 14px; + line-height: 16px; + color: #a1a5ad; + text-align: center +} + +.new-scan-login-box .newLogin_scan-create-team .newLogin_scan-create-team-action { + margin-left: 3px; + color: #3370ff +} + +.new-scan-login-box .dotting { + display: inline-block; + min-width: 2px; + min-height: 2px; + margin: 0 12px 0 0; + -webkit-box-shadow: 2px 0 currentColor,6px 0 currentColor,10px 0 currentColor; + box-shadow: 2px 0 currentColor,6px 0 currentColor,10px 0 currentColor; + -webkit-animation: dot 2s step-start infinite both; + animation: dot 2s step-start infinite both +} + +.new-scan-login-box .base-title-title { + font-size: 24px; + line-height: 32px +} + +.new-scan-login-box .base-title-subtitle { + min-height: auto; + padding: 0 16px; + margin-top: 12px +} + +.new-scan-login-box .scan-box-grow,.newLogin_scan-content-hide { + display: none +} + +.newLogin_tab-scan { + opacity: 0; + -webkit-transition: opacity .3s cubic-bezier(.32,.94,.6,1); + transition: opacity .3s cubic-bezier(.32,.94,.6,1) +} + +.newLogin_scan,.newLogin_tab-scan { + position: absolute; + bottom: 0; + height: 56px +} + +.newLogin_scan { + width: 100%; + line-height: 56px; + text-align: center; + background-color: #fff; + border-radius: 4px; + -webkit-box-shadow: 0 5px 13px 0 rgba(0,0,0,.14); + box-shadow: 0 5px 13px 0 rgba(0,0,0,.14) +} + +.newLogin_scan-hide .newLogin_tab-scan { + z-index: 1; + opacity: 1 +} + +.newLogin_scan-hide .newLogin_scan-content { + z-index: 0; + opacity: 0 +} + +@-webkit-keyframes dot { + 25% { + -webkit-box-shadow: none; + box-shadow: none + } + + 50% { + -webkit-box-shadow: 2px 0 currentColor; + box-shadow: 2px 0 currentColor + } + + 75% { + -webkit-box-shadow: 2px 0 currentColor,6px 0 currentColor; + box-shadow: 2px 0 currentColor,6px 0 currentColor + } +} + +@keyframes dot { + 25% { + -webkit-box-shadow: none; + box-shadow: none + } + + 50% { + -webkit-box-shadow: 2px 0 currentColor; + box-shadow: 2px 0 currentColor + } + + 75% { + -webkit-box-shadow: 2px 0 currentColor,6px 0 currentColor; + box-shadow: 2px 0 currentColor,6px 0 currentColor + } +} + +@media (max-width: 568px) { + .web-v3-layout-box .new-scan-login-box { + padding-bottom:24px + } + + .web-v3-layout-box .new-scan-login-box.new-scan-login-box-with-back { + padding-bottom: 88px + } + + .web-v3-layout-box .new-scan-login-box.new-scan-login-box-hide { + display: none + } +} + +.base-back-container { + height: 44px +} + +.base-back-container.base-back-container-hidden { + display: none +} + +.base-back-container .base-back { + color: #646a73 +} + +@media (max-width: 568px) { + .web-v3-layout-box .base-back-container { + height:.88rem + } + + .web-v3-layout-box .base-back-container.base-back-container-hidden { + display: none + } + + .web-v3-layout-box .base-back-container .base-back { + font-size: .28rem + } + + .web-v3-layout-box .base-back-container .back-icon { + font-size: .32rem + } +} + +.base-title-container { + margin-bottom: 24px +} + +.base-title-container .base-title-title { + font-size: 22px; + color: #1f2329; + font-weight: 600; + line-height: 30px; + white-space: pre-wrap +} + +.base-title-container .base-title-back { + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + margin-right: 4px; + width: 1.25em; + height: 1.25em; + vertical-align: -.25em; + border-radius: 4px; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.base-title-container .base-title-back:hover { + background-color: rgba(31,35,41,.08) +} + +.base-title-container .base-title-back:active { + background-color: rgba(31,35,41,.12) +} + +.base-title-container .base-title-subtitle { + font-size: 14px; + color: #646a73; + margin-top: 8px; + line-height: 20px; + min-height: 40px; + white-space: pre-wrap +} + +.base-title-container .base-title-subtitle.is-error { + color: #f54a45 +} + +.base-title-container .base-title-subtitle strong { + color: #1f2329 +} + +.base-title-container .base-title-subtitle a { + text-decoration: none; + color: #3370ff +} + +.base-title-container .base-title-subtitle a:hover { + text-decoration: underline +} + +.base-title-container .base-title-subtitle span>span { + color: #1f2329!important +} + +@media (max-width: 568px) { + .web-v3-layout-box .base-title-container { + margin-bottom:.48rem + } + + .web-v3-layout-box .base-title-container .base-title-title { + min-height: .56rem; + font-size: .48rem; + font-weight: 700; + white-space: pre-wrap + } + + .web-v3-layout-box .base-title-container .base-title-subtitle { + line-height: .4rem; + font-size: .28rem; + font-weight: 400; + color: #646a73; + margin-top: .2rem; + min-height: .8rem; + white-space: pre-wrap + } +} + +@-webkit-keyframes rotate { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + + 50% { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@keyframes rotate { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + + 50% { + -webkit-transform: rotate(180deg); + transform: rotate(180deg) + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +.base-loading-container .base-loading { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 14px; + height: 14px; + background: transparent!important; + border: 2px solid #3370ff; + border-bottom-color: transparent!important; + border-radius: 100%; + -webkit-animation: rotate .75s linear 0s infinite both; + animation: rotate .75s linear 0s infinite both +} + +.enter-name-container .base-title-container .base-title-subtitle { + min-height: auto +} + +.enter-name-container .enter-name-input { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end +} + +.enter-name-container .enter-name-label { + color: #1f2329; + font-weight: 500; + line-height: 20px; + margin-bottom: 8px +} + +.enter-name-container .enter-name-errMsg { + color: #f54a45; + margin-top: 6px +} + +.enter-name-container .enter-name-opt-checkbox { + margin-top: 16px +} + +.enter-name-container .enter-name-opt-checkbox .enter-name-opt-checkbox-text { + color: #646a73 +} + +@media (max-width: 568px) { + .enter-name-container .enter-name-label { + line-height:.4rem; + margin-bottom: .16rem + } + + .enter-name-container .enter-name-errMsg { + margin-top: .12rem + } + + .enter-name-container .enter-name-opt-checkbox { + margin-top: .32rem + } +} + +.enter-pwd-popover-slot { + position: absolute; + z-index: -999; + width: 100%; + height: 40px +} + +.enter-pwd-popover-tips { + padding: 4px 12px; + color: #646a73 +} + +.enter-pwd-popover-tips .universe-icon { + margin-right: 4px +} + +.enter-pwd-popover-tips .universe-icon.enter-pwd-popover-tip-succeed { + color: #3370ff +} + +.enter-pwd-popover-tips .universe-icon.enter-pwd-popover-tip-warning { + color: #bbbfc4 +} + +.passport-level-orange { + color: #f80 +} + +.passport-level-blue { + color: #3370ff +} + +.passport-level-green { + color: #2ea121 +} + +.passport-level-block { + width: 21px; + height: 4px; + margin-left: 2px; + background-color: #c4c4c4 +} + +.passport-level-block.passport-level-orange { + background-color: #f80 +} + +.passport-level-block.passport-level-blue { + background-color: #3370ff +} + +.passport-level-block.passport-level-green { + background-color: #2ea121 +} + +@media (max-width: 568px) { + .passport-level-block { + width:.42rem; + height: .08rem; + margin-left: .04rem + } +} + +.enter-team-info-form { + overflow-y: auto +} + +.enter-team-info-form::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +.enter-team-info-form::-webkit-scrollbar { + width: 11px; + height: 11px +} + +.enter-team-info-form::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +.trusted_mail_label_ctn { + gap: 6px; + margin-top: 24px +} + +.trusted_mail_label_ctn,.trusted_mail_label_ctn .trusted_mail_info_icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +.trusted_mail_label_ctn .trusted_mail_info_icon { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px +} + +.trusted_mail_label_ctn .trusted_mail_label { + position: relative; + line-height: 20px +} + +.trusted_mail_tooltips_overlay { + max-width: 100% +} + +.passport-com-drop_down { + width: 100%; + position: relative +} + +.passport-com-drop_down .drop_down-box { + width: 100% +} + +.passport-com-drop_down .drop_down-box ::v-deep .pp-base-input input { + cursor: pointer; + padding-right: 20px; + text-overflow: ellipsis +} + +.passport-com-drop_down .drop_down-box .base-input { + cursor: pointer +} + +.passport-com-drop_down .drop_down-box .drop_down-icon-arrow-down { + display: inline-block; + -webkit-transition: -webkit-transform .2s; + transition: -webkit-transform .2s; + transition: transform .2s; + transition: transform .2s,-webkit-transform .2s; + -webkit-transform-origin: center center; + transform-origin: center center; + cursor: pointer; + position: absolute; + color: #8f959e; + right: 10px; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + font-size: 16px +} + +.drop_down-options-h5-mask { + display: none +} + +.drop_down-options { + position: fixed; + width: 100%; + font-size: 14px; + color: #1f2329; + text-align: left; + z-index: 999; + -webkit-transition: left .1s,top .1s; + transition: left .1s,top .1s +} + +.drop_down-options .drop_down-options-header { + display: none +} + +.drop_down-options .drop_down-options-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +.drop_down-options .drop_down-options-content .drop_down-dividing-line { + width: 1px; + max-height: 301px; + background-color: rgba(31,35,41,.15); + position: absolute; + left: 50%; + top: 2px; + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + z-index: 2 +} + +.drop_down-options .drop_down-options-list { + margin: 0; + padding: 5px 0; + display: block; + max-height: 295px; + border-radius: 6px; + overflow-y: auto; + border: 1px solid #dee0e3; + -webkit-box-shadow: 0 5px 10px rgba(31,35,41,.12); + box-shadow: 0 5px 10px rgba(31,35,41,.12); + background: #fff; + -webkit-box-sizing: content-box; + box-sizing: content-box; + overflow: auto; + overflow-y: overlay +} + +.drop_down-options .drop_down-options-list::-webkit-scrollbar { + width: 11px; + height: 11px +} + +.drop_down-options .drop_down-options-list::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 2px +} + +.drop_down-options .drop_down-options-list::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +.drop_down-options .drop_down-options-list::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +.drop_down-options .drop_down-options-multi .drop_down-options-list { + border-right: none +} + +.drop_down-options .drop_down-options-multi .drop_down-options-list:last-child { + border-left: none; + border-right: 1px solid #dee0e3 +} + +.drop_down-options .drop_down-options-cascader { + display: inline-block; + width: 50% +} + +.drop_down-options .drop_down-options-cascader:first-child { + width: 100%; + z-index: 2; + overflow: -moz-scrollbars-none; + scrollbar-width: none; + -ms-overflow-style: none +} + +.drop_down-options .drop_down-options-cascader:first-child::-webkit-scrollbar { + width: 0 +} + +.drop_down-options .drop_down-options-list-none { + display: none +} + +.drop_down-options li { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px 16px 10px 8px; + line-height: 20px; + margin: 0 4px; + cursor: pointer; + position: relative +} + +.drop_down-options li:hover { + background-color: rgba(31,35,41,.08); + border-radius: 4px +} + +.drop_down-options li .drop_down-sub-arrow { + display: none +} + +.drop_down-options li.drop_down-onelevel-li { + background-color: rgba(31,35,41,.08); + border-radius: 4px +} + +.drop_down-options li.drop_down-onelevel-li .drop_down-sub-arrow { + display: block; + position: absolute; + font-size: 16px; + right: 6px; + color: #646a73 +} + +.drop_down-options li.drop_down-onelevel-li:before { + display: none!important +} + +.drop_down-options li.drop_down-selected,.drop_down-options li.drop_down-twolevel-selected { + color: #3370ff +} + +@media (max-width: 568px) { + .passport-com-drop_down-h5 .drop_down-box .drop_down-icon-arrow-down { + right:.24rem + } + + .drop_down-options-h5-mask { + display: block; + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + background: rgba(0,0,0,.4); + z-index: 100 + } + + .drop_down-options-h5 { + background-color: #fff; + width: 100%!important; + z-index: 100; + bottom: 0!important; + left: 0!important; + top: auto!important; + border-radius: .16rem .16rem 0 0; + -webkit-animation: mdrawer .2s forwards; + animation: mdrawer .2s forwards + } + + .drop_down-options-h5 .drop_down-options-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: .98rem; + padding: 0 .32rem; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + border-bottom: .01rem solid #dee0e3; + position: relative + } + + .drop_down-options-h5 .drop_down-options-header .header-close { + height: .4rem; + width: .4rem; + font-size: .4rem; + color: #646a73 + } + + .drop_down-options-h5 .drop_down-options-header .header-title { + font-size: .32rem + } + + .drop_down-options-h5 .drop_down-options-header .header-title span { + margin-right: .8rem; + font-weight: 700; + color: #1f2329 + } + + .drop_down-options-h5 .drop_down-options-header .header-title span.drop_down-title-active { + color: #3370ff; + display: inline-block; + line-height: .96rem; + border-bottom: .04rem solid + } + + .drop_down-options-h5 .drop_down-options-header .header-title span.drop_down-title-disactive { + color: #646a73; + font-weight: 400 + } + + .drop_down-options-h5 .drop_down-options-content { + position: relative; + color: #1f2329 + } + + .drop_down-options-h5 .drop_down-options-content .drop_down-dividing-line { + display: none!important + } + + .drop_down-options-h5 .drop_down-options-content .drop_down-options-list { + padding: 0; + max-height: 68vh; + min-height: 35vh; + height: 100%!important; + z-index: 9; + border-radius: 0; + border: none; + -webkit-box-shadow: none; + box-shadow: none + } + + .drop_down-options-h5 .drop_down-options-content .drop_down-options-cascader { + width: 100%!important + } + + .drop_down-options-h5 .drop_down-options-content .drop_down-options-cascader:last-child { + position: absolute; + left: 0; + -webkit-transition: all .3s; + transition: all .3s + } + + .drop_down-options-h5 .drop_down-options-content .drop_down-options-cascader.drop_down-options-list-none { + left: 100%; + display: inline-block + } + + .drop_down-options-h5 .drop_down-options-content li { + margin-left: .32rem; + padding: .3rem .8rem .3rem 0; + font-size: .32rem; + line-height: .44rem; + border-bottom: .01rem solid #dee0e3; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #000 + } + + .drop_down-options-h5 .drop_down-options-content li .overflow-tip-content { + white-space: unset + } + + .drop_down-options-h5 .drop_down-options-content li.drop_down-onelevel-li { + background-color: #fff + } + + .drop_down-options-h5 .drop_down-options-content li.drop_down-selected,.drop_down-options-h5 .drop_down-options-content li.drop_down-twolevel-selected { + color: #3370ff + } + + @-webkit-keyframes mdrawer { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%) + } + + to { + -webkit-transform: translateY(0); + transform: translateY(0) + } + } + + @keyframes mdrawer { + 0% { + -webkit-transform: translateY(100%); + transform: translateY(100%) + } + + to { + -webkit-transform: translateY(0); + transform: translateY(0) + } + } +} + +.overflow-tip-content { + width: 100%; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.overflow-tip-box { + position: fixed; + background: #1f2329; + color: #fff; + opacity: 0; + -webkit-box-shadow: 0 3px 5px 0 rgba(31,35,41,.1); + box-shadow: 0 3px 5px 0 rgba(31,35,41,.1); + z-index: 999; + font-size: 12px; + line-height: 1.5; + display: inline-block; + padding: 10px 12px; + border-radius: 3px; + max-width: 250px; + min-width: 80px; + text-align: center; + -webkit-animation: overflowTipDelay .5s .5s forwards; + animation: overflowTipDelay .5s .5s forwards +} + +@-webkit-keyframes overflowTipDelay { + 0% { + opacity: 0 + } + + to { + opacity: 1 + } +} + +@keyframes overflowTipDelay { + 0% { + opacity: 0 + } + + to { + opacity: 1 + } +} + +.country-select-letter { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 14px; + height: 14px; + font-size: 12px; + font-weight: 400; + line-height: 12px; + color: #1f2329; + border-radius: 100px +} + +.country-select-letter:hover { + color: #3370ff; + background: #f8f8f8 +} + +.country-select_label { + font-size: 14px; + font-weight: 400; + line-height: 20px; + color: #646a73 +} + +.country-select_label_ctn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + gap: 6px; + margin-top: 2px +} + +.country-select_label_ctn .country-select_info_icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 20px; + height: 20px +} + +.country-select_label_ctn-warning,.country-select_label_ctn-warning .country-select_label { + color: #f80 +} + +.country-select_dropdown .ud__select__list__group:before,.country-select_dropdown .ud__select__list__item__check { + display: none +} + +.country-select_letter-list { + position: absolute; + top: 0; + right: 21px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + gap: 4px; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 100% +} + +.country-select_select { + width: 100% +} + +.country-select_select .ud__select__selector__arrow { + font-size: 16px; + color: #8f959e +} + +.country-select_option-selected { + color: #3370ff +} + +.country-select_option-active { + color: rgba(31,35,41,.08) +} + +.meta__verify-credential__container .base-tab-pane { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column +} + +.meta__verify-credential__container .meta__verify-credential__pwd-input { + margin-bottom: 16px +} + +.meta__verify-credential__container .base-code-box-container { + margin-bottom: 12px +} + +.meta__verify-credential__container .fido-next { + margin-bottom: 16px +} + +.meta__verify-credential__container .forget-text { + font-size: 14px; + line-height: 1; + color: #646a73; + white-space: pre-wrap +} + +.meta__verify-credential__container .code-tip { + margin-bottom: 16px; + font-size: 14px; + line-height: 1 +} + +.meta__verify-credential__container .mail-link { + margin-right: 2px; + font-size: 12px; + text-decoration: underline +} + +.meta__verify-credential__container .mail-link .mail-icon { + margin: 5px 2px 2px +} + +@media (max-width: 568px) { + .web-v3-layout-box .meta__verify-credential__container .meta__verify-credential__pwd-input { + margin-bottom:.32rem + } + + .web-v3-layout-box .meta__verify-credential__container .mail-link { + font-size: 12px + } + + .web-v3-layout-box .meta__verify-credential__container .forget-pwd { + font-size: .28rem + } + + .web-v3-layout-box .meta__verify-credential__container .mail-icon { + margin: 0 .1rem + } +} + +.base-code-box-container { + position: relative; + width: 100%; + height: auto +} + +.base-code-box-container input::-webkit-input-placeholder { + line-height: normal!important +} + +.base-code-box-container input[type=number] { + -moz-appearance: textfield +} + +.base-code-box-container input[type=number]::-webkit-inner-spin-button,.base-code-box-container input[type=number]::-webkit-outer-spin-button { + -webkit-appearance: none +} + +.base-code-box-container .base-code-box-error { + font-size: 14px; + line-height: 14px; + color: #f54a45; + word-break: break-all +} + +.base-code-box-container .base-code-box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + margin-bottom: 15px; + font-size: 16px; + line-height: 16px; + color: #1f2329 +} + +.base-code-box-container .code-input-seg { + width: 7px; + height: 1px; + background: #1f2329 +} + +.base-code-box-container .base-code-box-input { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 40px; + height: 40px; + padding: 0; + font-size: 16px; + font-weight: 500; + line-height: 16px; + color: #1f2329; + text-align: center; + background-color: #fff; + border: 1px solid #d0d3d6; + border-radius: 6px; + outline: none; + -webkit-appearance: none +} + +.base-code-box-container .base-code-box-input:disabled { + color: #1f2329; + opacity: 1 +} + +.base-code-box-container .base-code-box-input.active,.base-code-box-container .base-code-box-input:focus { + border: 1px solid #3370ff +} + +.base-code-box-container .base-code-box-input.base-code-box-input-small { + width: 42px; + height: 42px +} + +.base-code-box-container .base-code-box-input.base-code-box-input-error { + border-color: #f54a45 +} + +.base-code-box-container .base-code-box-count { + font-size: 14px; + line-height: 22px; + color: #646a73 +} + +.base-code-box-container .base-code-box-diabled-block { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0 +} + +.base-code-box-container.is-disabled .base-code-box-input { + color: #8f959e; + background-color: #eff0f1; + border-color: #d0d3d6 +} + +.base-button { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + font-size: 14px; + line-height: 22px; + border: none; + border-radius: 6px +} + +.base-button.base-button-round { + border-radius: 16px +} + +.base-button:not(.base-button-disabled):not(.base-button-loading) { + cursor: pointer +} + +.base-button.base-button-primary { + min-width: 80px; + height: 32px; + padding: 4px 11px; + color: #fff; + background-color: #3370ff +} + +.base-button.base-button-primary:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: #4e83fd +} + +.base-button.base-button-primary:not(.base-button-disabled):not(.base-button-loading):active { + background-color: #245bdb +} + +.base-button.base-button-primary.base-button-loading { + color: #fff; + background-color: #82a7fc +} + +.base-button.base-button-primary.base-button-color-danger { + background-color: #f54a45 +} + +.base-button.base-button-primary.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: #f76964 +} + +.base-button.base-button-primary.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):active { + background-color: #d83931 +} + +.base-button.base-button-primary.base-button-color-danger.base-button-loading { + background-color: #f98e8b +} + +.base-button.base-button-primary.base-button-disabled { + color: #fff; + background-color: #bbbfc4 +} + +.base-button.base-button-outline { + min-width: 80px; + height: 32px; + padding: 4px 11px; + color: #3370ff; + background-color: #fff; + border: 1px solid #3370ff +} + +.base-button.base-button-outline:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: #e1eaff +} + +.base-button.base-button-outline:not(.base-button-disabled):not(.base-button-loading):active { + background-color: #bacefd +} + +.base-button.base-button-outline.base-button-loading { + color: #82a7fc; + border-color: #82a7fc +} + +.base-button.base-button-outline.base-button-color-danger { + color: #f54a45; + border-color: #3370ff +} + +.base-button.base-button-outline.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: #fef1f1 +} + +.base-button.base-button-outline.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):active { + background-color: #fbbfbc +} + +.base-button.base-button-outline.base-button-color-danger.base-button-loading { + color: #82a7fc; + border-color: #82a7fc +} + +.base-button.base-button-outline.base-button-color-default { + color: #1f2329; + border-color: #d0d3d6 +} + +.base-button.base-button-outline.base-button-color-default:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: #f2f3f5 +} + +.base-button.base-button-outline.base-button-color-default:not(.base-button-disabled):not(.base-button-loading):active { + background-color: #eff0f1 +} + +.base-button.base-button-outline.base-button-color-default.base-button-loading { + color: #8f959e +} + +.base-button.base-button-outline.base-button-disabled { + color: #bbbfc4; + border-color: #d0d3d6 +} + +.base-button.base-button-link { + height: auto; + padding: 0; + color: #3370ff; + background-color: transparent +} + +.base-button.base-button-link:not(.base-button-disabled):not(.base-button-loading):hover { + color: #3370ff +} + +.base-button.base-button-link:not(.base-button-disabled):not(.base-button-loading):active { + color: #1c4cba +} + +.base-button.base-button-link.base-button-loading { + color: #82a7fc +} + +.base-button.base-button-link.base-button-color-danger { + color: #f54a45 +} + +.base-button.base-button-link.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):hover { + color: #f76964 +} + +.base-button.base-button-link.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):active { + color: #d83931 +} + +.base-button.base-button-link.base-button-color-danger.base-button-loading { + color: #f98e8b +} + +.base-button.base-button-link.base-button-disabled { + color: #bbbfc4 +} + +.base-button.base-button-text { + height: auto; + padding: 2px 4px; + color: #3370ff; + background-color: transparent +} + +.base-button.base-button-text:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: rgba(51,112,255,.1) +} + +.base-button.base-button-text:not(.base-button-disabled):not(.base-button-loading):active { + background-color: rgba(51,112,255,.2) +} + +.base-button.base-button-text.base-button-loading { + color: #82a7fc +} + +.base-button.base-button-text.base-button-color-danger { + color: #f54a45 +} + +.base-button.base-button-text.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: rgba(245,74,69,.1) +} + +.base-button.base-button-text.base-button-color-danger:not(.base-button-disabled):not(.base-button-loading):active { + background-color: rgba(245,74,69,.2) +} + +.base-button.base-button-text.base-button-color-danger.base-button-loading { + color: #f98e8b +} + +.base-button.base-button-text.base-button-color-default { + color: #1f2329 +} + +.base-button.base-button-text.base-button-color-default:not(.base-button-disabled):not(.base-button-loading):hover { + background-color: #f2f3f5 +} + +.base-button.base-button-text.base-button-color-default:not(.base-button-disabled):not(.base-button-loading):active { + background-color: #eff0f1 +} + +.base-button.base-button-text.base-button-color-default.base-button-loading { + color: #8f959e +} + +.base-button.base-button-text.base-button-disabled { + color: #bbbfc4 +} + +.base-button .base-loading-container .base-loading { + width: 11px; + height: 11px; + border: 1.5px solid #3370ff; + border-bottom-color: transparent!important +} + +.base-button .loading-type-primary.base-loading-container .base-loading { + border: 1.5px solid; + border-color: #fff #fff transparent +} + +.base-button.base-button-color-danger .base-loading-container .base-loading { + border: 1.5px solid #f54a45; + border-bottom-color: transparent +} + +.copy-list-container .copy-list-item { + border-radius: 6px; + margin-bottom: 12px; + padding: 12px 10px 20px; + background: #f5f6f7 +} + +.copy-list-container .copy-list-item .copy-list-item-label { + font-size: 14px; + line-height: 20px; + margin-bottom: 10px; + color: #646a73 +} + +.copy-list-container .copy-list-item .copy-list-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between +} + +.copy-list-container .copy-list-item .copy-list-content .copy-list-text { + font-weight: 500; + font-size: 17px; + line-height: 24px; + color: #1f2329; + width: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + word-break: break-word; + margin-right: 16px +} + +@media (min-width: 480px) { + .copy-list-container .copy-list-copy-button:hover { + background:#eff0f1 + } +} + +@media (max-width: 568px) { + .copy-list-container .copy-list-item { + border-radius:.12rem; + margin-bottom: .24rem; + padding: .24rem .2rem .4rem + } + + .copy-list-container .copy-list-item .copy-list-item-label { + font-size: .28rem; + line-height: .4rem; + margin-bottom: .2rem + } + + .copy-list-container .copy-list-item .copy-list-content .copy-list-text { + font-size: .34rem; + line-height: .48rem; + margin-right: .32rem + } + + .copy-list-container .copy-list-item .copy-list-content .copy-list-copy-button { + border-width: .02rem; + border-radius: .12rem; + padding: .08rem .16rem; + font-size: .24rem; + line-height: .36rem; + height: .56rem + } + + .copy-list-container .copy-list-item .copy-list-content .copy-list-copy-button .copy-list-button-icon { + width: .32rem; + height: .32rem; + margin-right: .08rem + } +} + +._pp-toast-h5-icon { + margin-right: 8px; + font-size: 20px +} + +._pp-toast-h5-icon._pp-toast-loading-icon { + -webkit-animation: ppToastLoading 1.2s linear infinite; + animation: ppToastLoading 1.2s linear infinite +} + +._pp-toast-h5-container { + position: fixed; + top: 75%; + left: 50%; + z-index: 1010; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + min-width: 80px; + max-width: 88%; + padding: 10px 16px; + font-size: 14px; + line-height: 20px; + color: #fff; + text-align: center; + word-break: break-word; + background-color: #1f2329; + border-radius: 20px; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%); + -webkit-animation: fadeInUp .1s; + animation: fadeInUp .1s +} + +.enter-user-info-container .enter-user-info-tabs { + margin-bottom: 12px +} + +.enter-user-info-container .enter-user-info-tabs .base-tabs-bar-container { + margin-bottom: 16px +} + +.enter-user-info-container .terms-and-policy-container { + margin-top: 12px +} + +.enter-user-info-container .enter-user-info-tip { + font-size: 14px; + color: #646a73; + line-height: 20px; + white-space: pre-wrap +} + +@media (max-width: 568px) { + .web-v3-layout-box .enter-user-info-container .enter-user-info-tabs,.web-v3-layout-box .enter-user-info-container .enter-user-info-tabs .base-tabs-bar-container { + margin-bottom:.24rem + } + + .web-v3-layout-box .enter-user-info-container .terms-and-policy-container { + margin-top: .24rem + } + + .web-v3-layout-box .enter-user-info-container .enter-user-info-tip { + line-height: .4rem; + font-size: .28rem + } +} + +.team-code-container .team-code-inline-button { + text-align: center +} + +.team-code-container .team-code-inline-button .base-button-inline { + font-size: 14px; + line-height: 24px; + font-weight: 600; + text-decoration: none!important +} + +.new-account-login-box .new-account-login-module .team-code-container { + padding-bottom: 20px!important +} + +.web-v3-layout-box .team-code-personal-use { + margin-top: 24px; + font-size: 14px; + line-height: 21px +} + +.choose-team-approach-modal-container { + margin-top: 16px; + margin-bottom: 24px +} + +.choose-team-approach-modal-container .box-item-wrapper { + padding: 12px +} + +.choose-team-approach-modal-container .box-item-wrapper .box-item-content .box-item-content-title { + font-size: 16px; + font-weight: 400 +} + +.choose-team-approach-modal-container .box-item-wrapper .box-item-content .box-item-content-subtitle { + font-size: 14px +} + +@media (max-width: 568px) { + .web-v3-layout-box .team-code-personal-use { + margin-top:.6rem; + font-size: .28rem; + line-height: .4rem + } + + .web-v3-layout-box .team-code-container { + padding-bottom: .48rem!important + } + + .web-v3-layout-box .team-code-container .team-code-inline-button .base-button-inline { + font-size: .32rem; + line-height: .48rem + } +} + +.base-team-code-box-container { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 100%; + height: 40px; + position: relative; + border-radius: 6px; + border: 1px solid #d0d3d6; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color .1s linear; + transition: border-color .1s linear +} + +.base-team-code-box-container.active,.base-team-code-box-container:hover { + border: 1px solid #3370ff +} + +.base-team-code-box-container.error,.base-team-code-box-container.error:active,.base-team-code-box-container.error:hover { + border-color: #f54a45 +} + +.base-team-code-box-container input::-webkit-input-placeholder { + line-height: normal!important; + color: #8f959e +} + +.base-team-code-box-container .base-code-box { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + background: transparent; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + color: #1f2329; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border-radius: 6px +} + +.base-team-code-box-container .code-input-seg { + -webkit-box-flex: 0; + -webkit-flex: 0 0 19px; + -ms-flex: 0 0 19px; + flex: 0 0 19px; + width: 19px +} + +.base-team-code-box-container .base-code-box-input { + width: 35px; + height: 100%; + line-height: 24px; + border-radius: 6px; + font-size: 20px; + border: none; + outline: none; + background-color: transparent; + font-weight: 500; + text-align: center; + color: #1f2329; + opacity: 1; + padding: 0; + -webkit-text-fill-color: #1f2329 +} + +.base-team-code-box-container .base-code-box-input.base-code-box-input-error { + border-color: #f54a45 +} + +.base-team-code-box-container .base-code-box-input:disabled { + color: #1f2329 +} + +.base-team-code-box-container .empty-placeholder-input { + height: 100%; + line-height: 16px; + border-radius: 6px; + background: transparent; + border: none; + outline: none; + font-size: 16px; + padding-left: 15px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + display: inline-block +} + +.base-team-code-box-container .base-code-box-diabled-block { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + opacity: .5; + background: #fff +} + +.base-team-code-box-container.disabled { + border: 1px solid #d0d3d6 +} + +@media (min-width: 480px) { + .web-v3-layout-box .base-team-code-box-container .code-input-seg { + -webkit-box-flex:0; + -webkit-flex: 0 0 19px; + -ms-flex: 0 0 19px; + flex: 0 0 19px; + width: 19px + } + + .web-v3-layout-box .base-team-code-box-container .base-code-box-input { + width: 36px; + line-height: 20px; + font-size: 20px + } + + .web-v3-layout-box .base-team-code-box-container .empty-placeholder-input { + padding-left: 12px + } +} + +@media (max-width: 568px) { + .web-v3-layout-box .base-team-code-box-container { + height:.96rem; + border-radius: .12rem + } + + .web-v3-layout-box .base-team-code-box-container .base-code-box .base-code-box-input { + width: .66rem; + opacity: 1; + height: .96rem; + line-height: .48rem; + border-radius: .12rem; + font-weight: 500; + color: #1f2329; + font-size: .48rem + } + + .web-v3-layout-box .base-team-code-box-container .code-input-seg { + -webkit-box-flex: 0; + -webkit-flex: 0 1 0.38rem; + -ms-flex: 0 1 0.38rem; + flex: 0 1 0.38rem; + width: .38rem + } + + .web-v3-layout-box .base-team-code-box-container .empty-placeholder-input { + height: 100%; + line-height: .36rem; + border-radius: .12rem; + font-size: .36rem; + padding-left: .24rem + } +} + +.pp-choose-register-container { + width: 330px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + overflow: hidden +} + +.pp-choose-register-container .pp-choose-register-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 9px 12px 10px; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + margin-bottom: 0; + border-radius: 10px; + cursor: pointer; + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.pp-choose-register-container .pp-choose-register-item:hover { + background-color: #f5f6f7 +} + +.pp-choose-register-container .pp-choose-register-item:active { + background-color: rgba(31,35,41,.12) +} + +.pp-choose-register-container .pp-choose-register-item .pp-choose-register-item-content { + width: 0; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1 +} + +.pp-choose-register-container .pp-choose-register-item .pp-choose-register-item-title { + font-weight: 400; + font-size: 16px; + line-height: 24px; + margin-bottom: 2px; + color: #1f2329 +} + +.pp-choose-register-container .pp-choose-register-item .pp-choose-register-item-subtitle { + font-weight: 400; + font-size: 14px; + line-height: 20px; + color: #646a73 +} + +.pp-choose-register-container .pp-choose-register-item .pp-choose-register-item-arrow { + width: 18px; + height: 18px; + font-size: 18px; + color: #8f959e +} + +.pp-choose-register-popover [class$=_popover-content] { + padding: 12px +} + +.pp-choose-register-modal-icon { + width: 24px; + height: 24px; + font-size: 24px; + margin-right: 16px; + color: #2b2f36 +} + +.isWeb .pp-choose-register-container { + width: 354px +} + +@media (max-width: 568px) { + .web-v3-layout-box .h5-option-panel-wrapper svg.pp-choose-create-modal-icon { + width:.48rem; + height: .48rem; + margin-right: .32rem + } +} + +.h5-option-panel-wrapper { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 9 +} + +.h5-option-panel-wrapper .option-panel-mask { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: rgba(31,36,40,.3) +} + +.h5-option-panel-wrapper .option-panel-body { + position: absolute; + bottom: 0; + left: 0; + right: 0; + background: #fff; + border-radius: 6px 6px 0 0 +} + +.h5-option-panel-wrapper .option-panel-header { + padding: 11px 16px; + border-bottom: 1px solid rgba(31,35,41,.15); + font-weight: 500; + font-size: 16px; + line-height: 26px; + color: #1f2329 +} + +.h5-option-panel-wrapper .option-panel-content { + padding: 4px 4px 16px +} + +.h5-option-panel-wrapper .option-panel-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + padding: 10px +} + +.h5-option-panel-wrapper .option-panel-img { + width: 24px; + height: 24px; + background: #e5e6e6; + margin-right: 16px; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0 +} + +.h5-option-panel-wrapper .option-panel-text { + width: 0; + font-size: 0; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1 +} + +.h5-option-panel-wrapper .option-panel-text>p,.h5-option-panel-wrapper .option-panel-text>span { + display: block +} + +.h5-option-panel-wrapper .option-panel-text>p { + font-size: 16px; + line-height: 24px; + color: #1f2329 +} + +.h5-option-panel-wrapper .option-panel-text>span { + font-size: 14px; + line-height: 20px; + color: #646a73 +} + +@media (max-width: 568px) { + .h5-option-panel-wrapper .option-panel-body { + border-radius:6px 6px 0 0 + } + + .h5-option-panel-wrapper .option-panel-header { + padding: .22rem .32rem; + font-size: .32rem; + line-height: .52rem + } + + .h5-option-panel-wrapper .option-panel-content { + padding: .08rem .08rem .36rem + } + + .h5-option-panel-wrapper .option-panel-item { + padding: .26rem .24rem + } + + .h5-option-panel-wrapper .option-panel-img { + width: .48rem; + height: .48rem; + margin-right: .32rem + } + + .h5-option-panel-wrapper .option-panel-text>p { + font-size: .32rem; + line-height: .48rem + } + + .h5-option-panel-wrapper .option-panel-text>span { + font-size: .28rem; + line-height: .4rem + } +} + +.user-list-block { + display: block; + width: 100% +} + +.user-list-block .user-list-title { + margin-bottom: 16px; + font-size: 14px; + line-height: 1.5; + color: #646a73 +} + +.user-list-block .user-list-title strong { + color: #1f2329 +} + +.user-list-block .user-list-item { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 72px; + padding: 0 15px; + font-size: 14px; + font-weight: 500; + color: #1f2329; + border: .5px solid #dee0e3; + border-radius: 10px; + -webkit-transition: background-color .3s; + transition: background-color .3s +} + +.user-list-block .user-list-item:not(:first-child) { + margin-top: 14px +} + +.user-list-block .user-list-item:last-child { + margin-bottom: 0 +} + +.user-list-block .user-list-item .user-list-btn-loading { + -webkit-box-flex: 0; + -webkit-flex: 0 0 auto; + -ms-flex: 0 0 auto; + flex: 0 0 auto; + justify-items: right; + margin-right: 3px +} + +.user-list-block .user-list-item.user-list-item-loading .tag { + opacity: .6 +} + +.user-list-block .user-list-item:not(.user-list-item-loading):not(.user-list-item-noHover):hover { + cursor: pointer; + background-color: rgba(31,35,41,.08) +} + +.user-list-block .user-list-item.user-list-item-disabled .item-content .tenant-name,.user-list-block .user-list-item.user-list-item-disabled .item-content .user-name .user-name-text,.user-list-block .user-list-item.user-list-item-disabled .item-header { + opacity: .6 +} + +.user-list-block .user-list-item.user-list-item-disabled .item-footer { + cursor: default +} + +.user-list-block .user-list-item .item-prefix-checkbox { + margin-right: 15px +} + +.user-list-block .user-list-item .item-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 48px; + height: 48px; + overflow: hidden; + background-repeat: no-repeat; + background-position: 50%; + background-size: 44px 44px; + border-radius: 8px +} + +.user-list-block .user-list-item .item-header img { + width: 100%; + height: 100%; + border-radius: 8px +} + +.user-list-block .user-list-item .item-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding-right: 4px; + padding-left: 15px; + overflow: hidden; + -webkit-transition: color .3s; + transition: color .3s +} + +.user-list-block .user-list-item .item-content .tenant-name { + overflow: hidden; + font-size: 16px; + font-weight: 600; + line-height: 24px; + color: #1f2329; + text-overflow: ellipsis; + white-space: nowrap +} + +.user-list-block .user-list-item .item-content .user-name { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + height: 20px; + overflow: hidden; + font-size: 14px; + line-height: 20px; + color: #646a73; + text-overflow: ellipsis; + word-break: break-all; + white-space: nowrap +} + +.user-list-block .user-list-item .item-content .user-name .user-name-text { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + margin-right: 4px; + overflow: hidden; + font-weight: 400; + text-overflow: ellipsis; + white-space: nowrap +} + +.user-list-block .user-list-item .item-content .tag { + margin-right: 4px +} + +.user-list-block .user-list-item .item-footer { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + height: 100%; + overflow: hidden +} + +.user-list-block .user-list-item .item-footer .icon-arrow { + font-size: 20px; + color: #8f959e +} + +.user-list-block .user-list-item .item-footer .tip { + color: #646a73 +} + +.user-list-block .list-fold-btn-wrapper { + margin-top: 20px; + text-align: center +} + +.user-list-block .list-fold-btn-icon-down { + margin-left: 4px +} + +@media (max-width: 568px) { + .user-list-block .user-list-title { + margin-bottom:.32rem; + font-size: .28rem + } + + .user-list-block .user-list-item { + height: 1.44rem; + padding: 0 .32rem; + margin-bottom: .16rem; + border-radius: .2rem + } + + .user-list-block .user-list-item:last-child { + margin-bottom: 0 + } + + .user-list-block .user-list-item .item-header { + width: .96rem; + height: .96rem; + background-size: .96rem .96rem; + border-radius: .16rem + } + + .user-list-block .user-list-item .item-header img { + border-radius: .16rem + } + + .user-list-block .user-list-item .item-content { + padding-right: .08rem; + padding-left: .32rem + } + + .user-list-block .user-list-item .item-content .tenant-name { + font-size: .34rem; + line-height: .48rem + } + + .user-list-block .user-list-item .item-content .user-name { + font-size: .28rem; + line-height: .4rem + } + + .user-list-block .user-list-item .item-content .tag,.user-list-block .user-list-item .item-content .user-name .user-name-text { + margin-right: 2px + } + + .user-list-block .user-list-item .item-footer .footer-badge { + font-size: .28rem; + line-height: .44rem; + border-radius: .04rem + } + + .user-list-block .list-fold-btn-icon-down { + margin-left: .1rem + } +} + +.base__user-list.check .ud__modal__footer { + border-top: 1px solid #dee0e3 +} + +@media (min-width: 480px) { + .base__user-list .meta__user-list__footer .bottom-btn-wrapper { + padding-bottom:48px + } +} + +.meta__user-list__subtitle_fold { + display: -webkit-inline-box; + overflow: hidden; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3 +} + +.meta__user-list__subtitle_center,.meta__user-list__title_center { + text-align: center +} + +.meta__user-list__subtitle_center img,.meta__user-list__title_center img { + width: 120px; + height: 120px +} + +.meta__user-list__box+.meta__user-list__box { + margin-top: 24px +} + +.meta__user-list__footer .bottom-btn-wrapper { + padding-bottom: 24px; + text-align: center +} + +.meta__user-list__footer .bottom-btn-wrapper button { + margin-top: 20px +} + +.meta__user-list__footer .bottom-btn-wrapper.bottom-text-btn-wrapper { + padding-bottom: 24px +} + +.meta__user-list__footer .bottom-grid-btn-group { + height: 56px; + color: #1f2329 +} + +.meta__user-list__footer .bottom-grid-btn-group,.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + max-width: 50% +} + +.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-item.item-left { + -webkit-box-pack: start; + -webkit-justify-content: flex-start; + -ms-flex-pack: start; + justify-content: flex-start +} + +.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-item.item-right { + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end +} + +.meta__user-list__footer .bottom-grid-btn-group.group-line { + margin-bottom: 12px +} + +.meta__user-list__footer .bottom-grid-btn-group.group-line .bottom-grid-item:not(:first-child) { + border-left: 1px solid #dee0e3 +} + +.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-btn { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + height: 26px; + padding: 0 2px; + overflow: hidden; + font-size: 14px; + line-height: 22px; + text-align: center; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; + border-radius: 4px +} + +.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-btn:active { + background-color: rgba(51,112,255,.2) +} + +.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-btn .bottom-grid-icon { + margin-right: 5px; + font-size: 18px +} + +.meta__user-list__footer .bottom-grid-btn-group .bottom-grid-btn .bottom-grid-text { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap +} + +.meta__user-list__footer .refuse-bottom-container { + padding: 4px 0 +} + +@media (min-width: 480px) { + .meta__user-list__footer .bottom-grid-btn-group .bottom-grid-btn:hover { + color:#3370ff; + background-color: rgba(51,112,255,.1) + } +} + +._pp-ud-radio._pp-ud-radio-large { + font-size: 16px; + line-height: 22px +} + +._pp-ud-radio._pp-ud-radio-large [class$=_radio__input],._pp-ud-radio._pp-ud-radio-large [class$=_radio__wallpaper] { + height: 20px +} + +._pp-ud-radio._pp-ud-radio-large [class$=_radio]:after { + width: 20px +} + +.join-team-review-wrapper { + // background: url(../img/a-pending-bg.0d8a8cc2.svg) no-repeat 50% +} + +.join-team-review-container .base-title-title { + font-weight: 600; + font-size: 28px; + line-height: 34px; + color: #1f2329; + margin: 0 +} + +.join-team-review-container .base-title-subtitle { + font-size: 16px; + line-height: 26px; + color: #1f2329; + margin: 24px 0 0 +} + +@media (max-width: 568px) { + .join-team-review-container .pending-title { + font-size:.6rem; + line-height: .68rem; + margin-bottom: .24rem + } + + .join-team-review-container .pending-text { + font-size: .32rem; + line-height: .53rem; + margin-bottom: .4rem + } +} + +.center-img-modal-container { + top: 0; + right: 0; + bottom: 0; + left: 0; + position: fixed; + background-color: rgba(0,0,0,.4); + z-index: 998; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +.center-img-modal-container .center-img-modal { + width: 420px; + height: auto; + position: relative; + background-color: #fff; + border-radius: 8px; + padding: 24px 86px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center +} + +.center-img-modal-container .center-img-modal-close { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 24px; + height: 24px; + font-size: 18px; + padding: 3px; + color: #646a73; + position: absolute; + right: 24px; + top: 24px; + border-radius: 4px; + cursor: pointer +} + +.center-img-modal-container .center-img-modal-close:hover { + background-color: rgba(31,35,41,.1) +} + +.center-img-modal-container .center-img-modal-close:active { + background-color: rgba(31,35,41,.2) +} + +.center-img-modal-container .center-img-modal-close.center-img-modal-close-disable { + cursor: not-allowed; + background-color: transparent!important +} + +.center-img-modal-container .center-img-modal-title { + margin-bottom: 4px; + line-height: 24px; + font-size: 17px; + color: #1f2329; + font-weight: 600; + word-break: break-word +} + +.center-img-modal-container .center-img-modal-subtitle { + line-height: 22px; + font-size: 14px; + color: #646a73; + word-break: break-word +} + +.center-img-modal-container .center-img-modal-footer { + margin-top: 16px; + text-align: right; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.center-img-modal-container .center-img-modal-footer button { + padding: 5px 11px; + margin: 0 4px; + min-width: 66px; + height: 32px; + overflow: hidden +} + +@media (max-width: 568px) { + .center-img-modal-container .center-img-modal { + margin-bottom:0; + background-color: #fff; + padding: .48rem 0 0; + width: 6rem!important; + max-width: 92%; + height: auto; + border-radius: .16rem + } + + .center-img-modal-container .center-img-modal-close,.center-img-modal-container .center-img-modal-img { + display: none + } + + .center-img-modal-container .center-img-modal-title { + padding: 0 .4rem; + margin-top: 0; + font-size: .34rem; + font-weight: 700; + text-align: center; + line-height: .48rem; + color: #1f2329 + } + + .center-img-modal-container .center-img-modal-subtitle { + padding: 0 .4rem; + margin-top: .24rem; + font-weight: 400; + font-size: .32rem; + line-height: .44rem; + color: #1f2329; + text-align: center + } + + .center-img-modal-container .center-img-modal-footer { + margin-top: .48rem; + border-top: .01rem solid #dee0e3; + border-radius: 0 0 .16rem .16rem; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex + } + + .center-img-modal-container .center-img-modal-footer button { + border: none; + margin: 0; + text-align: center; + background-color: transparent!important; + border-radius: 0; + font-size: 16px + } + + .center-img-modal-container .center-img-modal-footer button:active { + background-color: #f2f3f5!important + } + + .center-img-modal-container .center-img-modal-footer button.primary { + color: #3370ff + } + + .center-img-modal-container .center-img-modal-footer.horizontal-button button { + -webkit-box-flex: 1; + -webkit-flex: 1 50%; + -ms-flex: 1 50%; + flex: 1 50%; + height: .98rem + } + + .center-img-modal-container .center-img-modal-footer.horizontal-button button:nth-child(n) { + border-radius: 0 0 0 .16rem + } + + .center-img-modal-container .center-img-modal-footer.horizontal-button button:nth-child(2n) { + border-left: .01rem solid #dee0e3; + border-radius: 0 0 .16rem 0 + } + + .center-img-modal-container .center-img-modal-footer.vertical-button { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse + } + + .center-img-modal-container .center-img-modal-footer.vertical-button button { + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1 0.98rem; + -ms-flex: 1 0.98rem; + flex: 1 0.98rem + } + + .center-img-modal-container .center-img-modal-footer.vertical-button button:first-child { + border-top: .01rem solid #dee0e3; + border-radius: 0 0 .16rem .16rem + } +} + +.idp-login-help-btn { + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + margin-top: 40px +} + +.idp-login-dropdown-item { + min-width: 66px +} + +.idp-login-input-container .idp-domain-suffix-input { + vertical-align: inherit; + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.idp-login-input-container .idp-domain-suffix-input input:not(:focus) { + text-overflow: ellipsis +} + +.choose-verify-type-container { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +.choose-verify-type-container .base-title-title { + font-size: 24px +} + +.choose-verify-type-container .base-title-subtitle { + margin-top: 8px; + font-size: 14px +} + +.choose-verify-type-container .choose-verify-type-options { + overflow: auto; + overflow-y: overlay; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap +} + +.choose-verify-type-container .choose-verify-type-options::-webkit-scrollbar { + width: 11px; + height: 11px +} + +.choose-verify-type-container .choose-verify-type-options::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 2px +} + +.choose-verify-type-container .choose-verify-type-options::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +.choose-verify-type-container .choose-verify-type-options::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + padding: 16px 0; + margin-bottom: 12px; + cursor: pointer; + background-color: #fff; + border: 1px solid #dee0e3; + border-radius: 10px; + -webkit-transition: background-color .2s; + transition: background-color .2s +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item:hover { + background-color: rgba(31,35,41,.08) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item.choose-verify-type-item-disabled { + cursor: not-allowed; + opacity: .6 +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item.choose-verify-type-item-disabled:hover { + background-color: #fff +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-icon { + width: 32px; + min-width: 32px; + height: 32px; + margin: 0 16px; + background-repeat: no-repeat; + background-size: 100% 100%; + border-radius: 4px +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-icon-default { + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNiAzMmM4LjgzNyAwIDE2LTcuMTYzIDE2LTE2UzI0LjgzNyAwIDE2IDAgMCA3LjE2MyAwIDE2czcuMTYzIDE2IDE2IDE2eiIgZmlsbD0iIzMzNzBGRiIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMzJjOC44MzcgMCAxNi03LjE2MyAxNi0xNlMyNC44MzcgMCAxNiAwIDAgNy4xNjMgMCAxNnM3LjE2MyAxNiAxNiAxNnoiIGZpbGw9IiMzNEM3MjQiLz48cGF0aCBkPSJNMTguNjg3IDEzLjI4bC0zLjk0OCAzLjk0OC0xLjQyNi0xLjQyNmEuNDY3LjQ2NyAwIDAwLS42NiAwbC0uNjYuNjZhLjQ2Ny40NjcgMCAwMDAgLjY2bDIuNDE2IDIuNDE1YS40NjYuNDY2IDAgMDAuNjYgMGw0LjkzNy00LjkzOGEuNDY3LjQ2NyAwIDAwMC0uNjZsLS42Ni0uNjZhLjQ2Ni40NjYgMCAwMC0uNjYgMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuNDIzIDEwLjAyNmEuOTIyLjkyMiAwIDAwLS41NzgtLjg1NmwtOC41LTQuMDI2YS45MjMuOTIzIDAgMDAtLjY5IDBsLTguNSA0LjAyNmEuOTIzLjkyMyAwIDAwLS41NzguODU2djYuNjY4YzAgNC42MjYgNC42MSA4Ljg3NiA5LjE2NiAxMC4xOTNhLjkzMi45MzIgMCAwMC41MTMgMGM0LjU1Ni0xLjMxNyA5LjE2Ny01LjU2NyA5LjE2Ny0xMC4xOTN2LTYuNjY4ek0xNiA3LjE1Mmw3LjQyMyAzLjYxOHY1LjkyNGMwIDMuMTM2LTMuMjUxIDYuODg3LTcuNDIzIDguMTgyLTQuMTcyLTEuMjk1LTcuNDIzLTUuMDQ2LTcuNDIzLTguMTgyVjEwLjc3TDE2IDcuMTUyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-otp-icon { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATMSURBVHgB7ZxLXhtHEMarZkTAWXlrnAfcgJwg8g57E34xyTZwAuAEhhOEnMDKNoZY2QTtLE4QcoIoD4dlyCKJjKSpVA0CNKNB0gzTtGx9/42k1uhBfd3V1V+3IAIAAAAAAAAAAAAAAAAAAAAAAACAE5gKUl375f77lYUtIanaQ5pJ5ESCYL/x3YNvqSCFBFhdO13iOXlFQksELIot6fCjRv1Bi3ISUAEQ/BQaC4uJZQXKSW4BVj8/3UDwM9CYLFTe26ac5BaAA9kikAkTf0o5KZKCVgjcRJVyUqGSODpYLFxRvY08Xv9TqAQKTcKgPCCAZyCAZyCAZyCAZyCAZyCAZyCAZ0pbiE2KOalU6S5dPm53uyfN+vIZzSh3IsDq+u9VpvAZxTaGqGMYXj13rxLqqvJ17KvTOR1nWbq66nylRssS3QKzi+02dnLHXizaIfiMJPpZeuF+EZt5UpwKYPbsvcr8c727NvpKXuFIajRHrcdPf9s5Ovyonnxag1+WAzvR+/RdFQ6qXJGtJ09Pa//22jsuRqqzOSAO/tz8TzQ2+ANYcLjycvXL069oihCWDe1IL8kBzgSIe352b7NedKJOVtNus15ro8HSFk0XVRcdw0kKijdtSJI937btpLfZOPiwmbjWJuUw2mXmxB/HHFrqWrb7Ry8WlzM/Z/11TT34q9eZqI2DxUd00/eyz0ohXV5O5/gnX/yxIhJU9e7Xie8UyYbeFN7/zcLJCOBQniUb+numqeAb9sc3Dh/qLlv0TeIJHT2+RsGPLz44UXt9f+g7OdgLKV2AOGip1CPMu+MqifleZ5cu0tMV/crJGyJhOkXm3vMdR+kCaNCGekn7vP3DuNfVrcKQKD28ve6+6fZr6QFPU7oAQrKSfEzNycu3qJlquJ+Vt++C+HOZ0vvfJ1QypU/COil+nGr6myaEg0An6mRbby502gu1zn+uC71Uq/V87UjDm46lTsCG+5Ww8F+TXhp1wjMNSKItlDeu00B1uImzmqyQqFPJuKiCiq8WBzyiS3o8798nusXJt3G4mAMSKYdZJp5IWYYnvU7nnxZ5QizwJHv/dd584soPcjEH2EQ1uKhaMVtisok4HFq8uXZKJYo2KZBWorFbabWpfXYXLm3pAujKsq55PLGCVFvC6vmdUa+7qDoksRqWiJvkmihsNr5353aOo/QU1B+qzVTz9igfxUaIijZsdnG39Kpj2nBSBQn19nRBVh1sM4NNbd1qpEG9tCQujrnzZ9oNt4dWz8K1xuGwdfGu4UQAC7AaZSoCJ6wEs3VVmI3rulss0sNvoLmfurRHM4AzO7px8HDXKgjKi8OSbxpxuikfixDxZtyjJ8Bsi1kKvuF8JawVRk1varZHoOaW5vs418drA6uzNeottr1XlnqWXT2SKGjqe1znMI5+HXX5gpaWbVmoDbZZuUkeyX2k/KZj2TiefkHeOOBckGcggGcggGcggGcggGcggGcggGcggGcggGcggGdK84LK+uX4rFFkBDQJ3ETug1u5BVCP/5hAJhLwPuUktwAL3fP9Sf39mUJjUuRfl+UWwA7Rxr+3ggjX9HfxqAC38vD7myx2gHUm/4fQxa985LitWWGWf+kJAAAAAAAAAAAAAAAAAAAAAAAATCX/A/uDwcldhJntAAAAAElFTkSuQmCC) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-pwd { + width: 25px; + min-width: 25px; + height: 25px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE1LjY4MiA5LjYwNGEuOTM5LjkzOSAwIDAwLTEuMzMuMDFsLTMuNjEzIDMuNjEzLTEuMDk3LTEuMDk2YS45MzIuOTMyIDAgMDAtMS4zMTcuMDAyLjkzMi45MzIgMCAwMC0uMDAyIDEuMzE3bDIuMDg2IDIuMDg3YS40NjYuNDY2IDAgMDAuNjYgMGw0LjYwMy00LjYwNGEuOTM5LjkzOSAwIDAwLjAxLTEuMzI5eiIgZmlsbD0iIzM0QzcyNCIvPjxwYXRoIGQ9Ik0yMS40MjMgNi4wMjZhLjkyMi45MjIgMCAwMC0uNTc4LS44NTZjLTIuNjkxLTEuMjc1LTUuMzY0LTIuNzMtOC4xMjEtMy44NzFhMS44OTMgMS44OTMgMCAwMC0xLjQ0NyAwYy0yLjc1OSAxLjEzOC01LjQzMiAyLjU5Ni04LjEyMyAzLjg3YS45MjMuOTIzIDAgMDAtLjU3Ny44NTd2Ni42NjhjMCA0LjYyNiA0LjYxIDguODc2IDkuMTY2IDEwLjE5M2EuOTMyLjkzMiAwIDAwLjUxMyAwYzQuNTU2LTEuMzE3IDkuMTY3LTUuNTY3IDkuMTY3LTEwLjE5M1Y2LjAyNnpNMTIgMy4xNTJsNy40MjMgMy42MTh2NS45MjRjMCAzLjEzNS0zLjI1MSA2Ljg4Ny03LjQyMyA4LjE4Mi00LjE3Mi0xLjI5NS03LjQyMy01LjA0Ny03LjQyMy04LjE4MlY2Ljc2OUwxMiAzLjE1MnoiIGZpbGw9IiMzNEM3MjQiLz48L3N2Zz4=) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-phone-icon { + width: 25px; + min-width: 25px; + height: 25px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggb3BhY2l0eT0iLjAxIiBmaWxsPSIjRDhEOEQ4IiBkPSJNMCAwaDIwdjIwSDB6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zLjgxIDEuNzE4YzAtLjQyMS4zNDYtLjc2Ni43NzMtLjc2NmgxMC44MzRjLjQyNyAwIC43NzQuMzQ1Ljc3NC43NjZ2MTYuMDg3YS43NzEuNzcxIDAgMDEtLjc3NC43NjZINC41ODNhLjc3MS43NzEgMCAwMS0uNzczLS43NjZWMS43MTh6TTUuMzU3IDE3LjA0VjIuNDg0aDkuMjg2VjE3LjA0SDUuMzU3ek0xMCAxNS41MDdjLjY0MSAwIDEuMTYtLjUxNCAxLjE2LTEuMTUgMC0uNjM0LS41MTktMS4xNDgtMS4xNi0xLjE0OC0uNjQxIDAtMS4xNi41MTQtMS4xNiAxLjE0OXMuNTE5IDEuMTQ5IDEuMTYgMS4xNDl6IiBmaWxsPSIjMzM3MEZGIi8+PC9zdmc+) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-email-icon { + width: 25px; + min-width: 25px; + height: 25px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggb3BhY2l0eT0iLjAxIiBmaWxsPSIjRDhEOEQ4IiBkPSJNMCAwaDIwdjIwSDB6Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNy43NzcgMi44NTdIMi42OTdhLjc5NC43OTQgMCAwMC0uNzkzLjc5NFYxNi4zNWMwIC40MzkuMzU2Ljc5NC43OTQuNzk0aDE1LjA4YS43OTQuNzk0IDAgMDAuNzkzLS43OTRWMy42NTFhLjc5NC43OTQgMCAwMC0uNzk0LS43OTR6TTMuNDkyIDE1LjU1NlY0LjQ0NWgxMy40OTJ2MTEuMTFIMy40OTJ6TTE1LjMyMyA2LjY0YS4xOTguMTk4IDAgMDAtLjMxMi0uMTYybC00Ljc5OCAzLjM3Mi00Ljc1NS0zLjM3YS4xOTguMTk4IDAgMDAtLjMxMy4xNjJ2MS4yMDRjMCAuMTI5LjA2My4yNS4xNjkuMzI0bDQuNjUxIDMuMjczYy4wODguMDYyLjE5MS4wODMuMjg5LjA2OGEuMzk2LjM5NiAwIDAwLjI1LS4wNzNsNC42NTItMy4zYS4zOTcuMzk3IDAgMDAuMTY3LS4zMjVWNi42NDF6IiBmaWxsPSIjRjgwIi8+PC9zdmc+) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-google-icon { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PGcgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSJub25lIj48cGF0aCBmaWxsPSIjRkJCQzA1IiBkPSJNOC40MyAxNS44MTNjMC0uODI1LjE0LTEuNjE3LjM5LTIuMzU4bC00LjM3My0zLjI3YTEyLjQ1IDEyLjQ1IDAgMDAtMS4zMzIgNS42MjdjMCAyLjAyMy40NzggMy45MzIgMS4zMyA1LjYyNWw0LjM3LTMuMjc2YTcuMzU3IDcuMzU3IDAgMDEtLjM4NS0yLjM0OSIvPjxwYXRoIGZpbGw9IiNFQTQzMzUiIGQ9Ik0xNi4xMSA4LjMwNWMxLjgzIDAgMy40ODQuNjM1IDQuNzg0IDEuNjc0bDMuNzgtMy42OTZjLTIuMzAzLTEuOTYzLTUuMjU2LTMuMTc2LTguNTY0LTMuMTc2LTUuMTM1IDAtOS41NSAyLjg3NS0xMS42NjMgNy4wNzdsNC4zNzUgMy4yN2MxLjAwNy0yLjk5NSAzLjg3OS01LjE0OSA3LjI4OC01LjE0OSIvPjxwYXRoIGZpbGw9IiMzNEE4NTMiIGQ9Ik0xNi4xMSAyMy4zMjJjLTMuNDEgMC02LjI4Mi0yLjE1NC03LjI5LTUuMTVsLTQuMzczIDMuMjdjMi4xMTMgNC4yMDMgNi41MjcgNy4wNzggMTEuNjYzIDcuMDc4IDMuMTY5IDAgNi4xOTUtMS4xMDIgOC40NjctMy4xNjdsLTQuMTUyLTMuMTQzYy0xLjE3MS43MjMtMi42NDYgMS4xMTItNC4zMTYgMS4xMTIiLz48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMjguNTE0IDE1LjgxM2MwLS43NS0uMTE5LTEuNTYtLjI5NS0yLjMxaC0xMi4xMXY0LjkxaDYuOTdjLS4zNDggMS42NzQtMS4yOTYgMi45Ni0yLjY1MyAzLjc5N2w0LjE1IDMuMTQzYzIuMzg3LTIuMTY4IDMuOTM4LTUuMzk3IDMuOTM4LTkuNTQiLz48L2c+PC9zdmc+) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-apple_id-icon { + background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iIzFGMjMyOSIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjMuODI2IDE5LjY1NWMuNzE4IDEuMDA1IDEuNTQ0IDEuNjU0IDIuNDcyIDEuOTQ3LS40MDMgMS4yMy0xLjA0NSAyLjUxLTEuOTIgMy44NDMtMS4zNTIgMi4wMDgtMi42ODMgMy4wMTQtNCAzLjAxNC0uNDkgMC0xLjIyLS4xNjQtMi4xODMtLjQ5My0uODk0LS4zMjgtMS42NzYtLjQ5Mi0yLjM0MS0uNDkyLS42NjYgMC0xLjQwNC4xNzItMi4yMS41MTgtLjg0LjMyOS0xLjUzNi40OTMtMi4wNzkuNDkzLTEuNTc5IDAtMy4xMzItMS4zMjUtNC42NTYtMy45NzMtMS41MjYtMi42MTMtMi4yODgtNS4xODUtMi4yODgtNy43MTIgMC0yLjMzNi41NzgtNC4yNSAxLjczNy01LjczOCAxLjE5NC0xLjQ5IDIuNjY1LTIuMjMzIDQuNDItMi4yMzMuMzg1IDAgLjgxNC4wNDkgMS4yOS4xNDQuNDcyLjA5NS45NjYuMjc0IDEuNDc0LjUzMy41NDMuMjk0Ljk5Mi40OTggMS4zNDIuNjEuMzUuMTEzLjYyMi4xNy44MTUuMTcuMjI4IDAgLjU3OC0uMDUxIDEuMDU0LS4xNTVhNC45MiA0LjkyIDAgMDAxLjQyMS0uNTdjLjUwOC0uMjc3Ljk0OS0uNDg0IDEuMzE3LS42MjNhMy4xOTQgMy4xOTQgMCAwMTEuMTMyLS4yMDdjMS4yMyAwIDIuMzMzLjMyOCAzLjMxNy45ODguNTI1LjM0NiAxLjA2Mi44NTYgMS42MDUgMS41MzMtLjgwNi42OTEtMS4zOTUgMS4yOTktMS43NjMgMS44MTctLjY4My45NzEtMS4wMjggMi4wMjYtMS4wMjggMy4xN2E1Ljc2NyA1Ljc2NyAwIDAwMS4wNzIgMy40MTZ6TTE4LjUzOSA3LjUzYy0uNjEzLjU3LTEuMTc2Ljk0NS0xLjY4NCAxLjExNy0uMTc1LjA1Mi0uNC4xMDEtLjY3Mi4xNDQtLjI3MS4wNDQtLjU4My4wODQtLjkzNC4xMTkuMDE4LTEuNTI0LjQyLTIuODQxIDEuMjEyLTMuOTQ3Ljc4OC0xLjExIDIuMDg3LTEuODcgMy44OTQtMi4yODUuMDM1LjE3My4wNjEuMjk0LjA3OS4zNjN2LjI4NWMwIC42MjMtLjE1IDEuMzI2LS40NDcgMi4xMDQtLjMxOC43NTctLjggMS40NTctMS40NDggMi4xeiIvPjwvc3ZnPg==) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-twofa-icon { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAODSURBVHgB7ZpbTttAFIb/MwktUis1O2h4qQRFKlkBYQfpDmKyAMQKgBU0PPWhl2QHhRVgVkCqIpD6QthB+pY2ZKZnnKjYTjCO45kGZT7J0Xg8E3t+n7mcMwYcDofD4XA4HMsJwTKrHy/Kf549rwmSZaLCK52n1PCXUugMRcGHt96FRawJUPz0o4pi8YCT1eSSqqOkPB42NtuwgHkBWtflIv/i0YZP4N8BnmmLMCsAN74AnPFNysiAArpDYMekCOYEeKzxCt9JmztQ4sco85O8m17MrAhFGGJ646nHTTp+iX6zt1vpha+ssmBs8nVOHkRq8H8Uob7xtQoMYMQCCq3LOvFv7EZdvvJ+4L3pJNXVQvAbP1Nx8aQ8umu8PUTOGBLg+ib69qnHb7HST2nGI2ugC7aW0n2u6t3h9xq8qOXMi0DOFD5f1eKmT1Lt92fow7osQR5Fc6lUxOoWciZ3Afgfa+FTbfqDxnobMzLwNpqjMSOEGtaQM7kLQESvY1k+MkJKnkYzxDZyJncBlFJrkXMpb5EVXh5HT6mEnMm/C8RQUF1kRAqZ64A3jZlmAT29CRQSzZDfUi06esMfTYGzM54Kq6GcHoFOkupIOTyfxY9ILcC0uX1RUXLopRUhdRcQSlTxRBCikHqwND4GLDqZfYGgXyt1jkWAaFtl9DjncYb8we6GhwVg5etVm0UoIwNL3wWcAFhyjAVEHqR1ob26PZ6tecFEY+9OdQiiPYA6tR0VtmsBrZ9bBayyn4/D+8ZraIuXzE0dRVppXebu8iZhT4AgRigTA6T6moI402VhCWsC6NA4RX2EB9CBD1hbclsRYGzW1XCeXkjpSFFwTDpLVVtdwc4gKEU1LjX3951+Y6Or0xwDPOGo781EHaADw1ixABUzfR3rD8cIdZoDKbdJdUxhRQCKxfaCgTA80HE6HkqL1zGFnS4gpB8YfQg95akvV8c6zYLsTa9jHisWMPA2dV/2w3naCoSgD/qYmBrZyxzXMY7NadBDKrPmTRSiOixhTYDRZofYSYoPBlMjl+lbXA5bXQrrfUE9/fGCaF/vDv+7MEofvUC/8tjeYd5Yd4bGb7c5PiJYGfZjuHgAlhwXEEFGZOCwXC/ERgk/y3bWDx3mCYuz7x580vLfmecrDzcGpC5J5OOpIJF6w2Ym6+E+X+d1ehWLjCI/yxcpDofD4XA4HI5l4y+NkSmlhBoN6AAAAABJRU5ErkJggg==) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-sso-icon { + width: 25px; + min-width: 25px; + height: 25px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ0LjUwMyAyMy43NGwuNjU1IDEuMTM0YTguMzQ1IDguMzQ1IDAgMDEtMy4wNTUgMTEuNGwtLjE5Ni4xMTNhOC4zNDggOC4zNDggMCAwMS0xMC4yNS0xLjUwNWwtNC4zMDMgMi40ODQgMS43OTcgMy4xMTEtMy42NjMgMi4xMTUtMS43OTYtMy4xMTItMi42OSAxLjU1NC0xLjkzLTMuMzQgMTAuNDg1LTYuMDU0YTguMzQ2IDguMzQ2IDAgMDEzLjM1LTEwLjg0MWwuMTk2LS4xMTRhOC4zNDUgOC4zNDUgMCAwMTExLjQgMy4wNTV6TTI2LjQ5NCA0LjhjNy42MjQgMCAxNC4yNyA0Ljg1IDE2LjQzNCAxMS44MDVsLjE3Ny41OS0uNjI0LS4wMjItMS4zNzUtLjA0LTIuMjY4LS4wMzctLjE4My0uMTI4Yy0xLjg0OS00Ljc0NS02LjUwOS03Ljk5Ni0xMS44MzItOC4xMjNsLS4zMjYtLjAwNC0uMzE3LjAwNGMtNS41MS4xMjctMTAuMzM0IDMuNjA1LTEyLjAzNyA4LjY0NWwtLjYzNCAxLjg3Ni0uMTQuMTMtMS45NjkuNTEtLjI1Mi4wN2MtMy4wNjYuOTA3LTUuMTggMy42NTUtNS4xOCA2Ljc3MyAwIDMuOTEgMy4yODQgNy4wODIgNy4zMzcgNy4wODJoMi44djQuMDI2bC0uNTA1LjAxMy0uMzExLjAwM2gtMS45ODZsLS4zLS4wMDRDNi43OCAzNy44MTQgMS44IDMyLjg4NSAxLjggMjYuODQ5YzAtNS4wNjcgMy41MzMtOS40NTUgOC41Mi0xMC43NDdsLS4xMDQuMDI4LjA4MS0uMjNjMi4zNDYtNi40NzYgOC42MjktMTAuOTQ5IDE1LjgzLTExLjA5NnptOC41MTEgMTkuNDA2YTQuODMzIDQuODMzIDAgMDAtMS44NzMgNi40MTRsLjEwNC4xODkuMTY3LjI4OGE0LjgzMyA0LjgzMyAwIDAwOC40NzUtNC42NDRsLS4xMDQtLjE5LS4xNjctLjI4OGE0LjgzMyA0LjgzMyAwIDAwLTYuNjAyLTEuNzY5eiIgZmlsbD0iIzJFQTEyMSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PC9zdmc+) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-spare-credential-icon { + width: 25px; + min-width: 25px; + height: 25px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTYgMy4yNDdhLjUuNSAwIDAxLjUtLjVIMjFhMSAxIDAgMDExIDF2MTMuNWEuNS41IDAgMDEtLjUuNWgtMWEuNS41IDAgMDEtLjUtLjV2LTEyLjVINi41YS41LjUgMCAwMS0uNS0uNXYtMXptLTMuMjUgMTkuNWEuNzUuNzUgMCAwMS0uNzUtLjc1di0xNC41YS43NS43NSAwIDAxLjc1LS43NWgxNC41YS43NS43NSAwIDAxLjc1Ljc1djE0LjVhLjc1Ljc1IDAgMDEtLjc1Ljc1SDIuNzV6bTEzLjI1LTE0SDR2MTJoMTJ2LTEyeiIgZmlsbD0iIzMzNzBGRiIvPjxwYXRoIGQ9Ik0xNCAxMi4yOTdhLjUuNSAwIDAxMCAuNzA3bC0zLjE4MiAzLjE4Mi0xLjA2IDEuMDZhLjUuNSAwIDAxLS43MDggMGwtMS4wNi0xLjA2LTEuNzY4LTEuNzY4YS41LjUgMCAwMTAtLjcwN2wuNzA3LS43MDdhLjUuNSAwIDAxLjcwNyAwbDEuNzY4IDEuNzY4IDMuMTgyLTMuMTgyYS41LjUgMCAwMS43MDcgMGwuNzA3LjcwN3oiIGZpbGw9IiMzMzcwRkYiLz48L3N2Zz4=) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-fido { + width: 25px; + min-width: 25px; + height: 25px; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkgMi41SDZ2MTloMTJ2LTE5aC0zdjFhMSAxIDAgMDEtMSAxaC00YTEgMSAwIDAxLTEtMXYtMXptLTMtMmgxMmMxIDAgMiAxIDIgMnYxOWMwIDEtMSAyLTIgMkg2Yy0xIDAtMi0xLTItMnYtMTljMC0xIDEtMiAyLTJ6IiBmaWxsPSIjNDk1NEU2Ii8+PHJlY3QgeD0iMTIiIHk9IjE1LjUiIHdpZHRoPSIzIiBoZWlnaHQ9IjIiIHJ4PSIxIiBmaWxsPSIjNDk1NEU2Ii8+PHJlY3QgeD0iMTEiIHk9IjEyLjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjciIHJ4PSIxIiBmaWxsPSIjNDk1NEU2Ii8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMC41IiByPSIzIiBzdHJva2U9IiM0OTU0RTYiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-content .choose-verify-type-text { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 200px; + overflow: hidden; + font-size: 16px; + line-height: 24px; + color: #1f2329; + text-overflow: ellipsis; + white-space: nowrap +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-content .choose-verify-type-desc { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 232px; + overflow: hidden; + font-size: 14px; + line-height: 18px; + color: #646a73; + text-overflow: ellipsis; + -webkit-line-clamp: 2 +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item .choose-verify-type-next { + width: 17px; + min-width: 17px; + height: 17px; + margin: 0 16px; + font-size: 17px +} + +.choose-verify-type-container .choose-verify-type-options .choose-verify-type-item:last-child { + margin-bottom: 0 +} + +.new-account-login-module.new-account-module-nopadding .bind-otp-container { + padding-top: 40px +} + +@media (max-width: 568px) { + .new-account-login-module.new-account-module-nopadding .bind-otp-container { + padding-top:24px + } +} + +.bind-otp-container { + padding-bottom: 0!important +} + +.bind-otp-container .base-title-container { + margin-bottom: 12px +} + +.bind-otp-container .bind-otp-content { + overflow: auto; + overflow-y: overlay; + padding-bottom: 32px +} + +.bind-otp-container .bind-otp-content::-webkit-scrollbar { + width: 11px; + height: 11px +} + +.bind-otp-container .bind-otp-content::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 2px +} + +.bind-otp-container .bind-otp-content::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +.bind-otp-container .bind-otp-content::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +.otp-description-page .otp-description-text { + font-size: 14px; + line-height: 22px; + color: #1f2329; + margin-bottom: 12px +} + +.otp-description-page .otp-description-text>a { + text-decoration: none; + color: #3370ff +} + +.otp-description-page .otp-help-link { + cursor: pointer; + color: #3370ff; + font-weight: 700 +} + +.otp-description-page .otp-description-graybox { + background: #f5f6f7; + border-radius: 6px; + padding: 12px 10px +} + +.otp-description-page .otp-description-applist { + margin-bottom: 32px; + padding: 8px 10px +} + +.otp-description-page .otp-description-applist .otp-applist-item { + height: 48px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +.otp-description-page .otp-description-applist .otp-applist-item .otp-applist-img { + width: 30px; + height: 30px; + background-size: contain; + background-repeat: no-repeat; + background-position: 50% +} + +.otp-description-page .otp-description-applist .otp-applist-item .applist-img-googleAuthenticator { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABhfSURBVHgB7Z3ZjxbF+sfrHVZZB0EWYWAGQVFcwF1RwZi4xO38Ei9MjMm5cbnynJOot/of/DxXxnhxovcmnBjvjHLEuCXIACrKNgOICIjsMGzznv6UPKSoU11d1V39zjs436Tnfaff7uruevannqpuqAj09fWtUh2jVw421bKGUsuyXd1qBO2A/owe/YPNwf8MqsE1i3t61oSe2Cg6ICN6Z0b0vzWb6u/Zv51qBMMB/Y1G482eBfPeKzrQywDb+nb9paPR+H91QdI7OjrUpIkT1BXjx6mxY8eo0aNHqxEMPc6cOaPOnTuvTpw8pQZO8/2c/FTICE4G+EPqR73RbDaQejV+3Dg1rXOKGp8RfgTtj+PHT6hDR45dZIRGo/lWz4L5/3Ad+z8MAPGbjdGfZl+XIfHTpk5RU6ZMUiMYfjh69FjGCEfVYOa0Zeg90jz34PKensPmMR32SUJ81PucWTNGiD+MMWXKZDV3ziwx1cumZrRdj3Y3cAkD9O3chb2/SPyxY8eqEQxvCC2FCToz027+ftEEZA7fXzOH71+o/blzZo44eJcZcBT37jugzcFgs/l/i3rmr2b/RQ2QEV9zBjb/z0D806dPZzbyqN5OnTqlLnegzaEtILITU6ApjfRnH90Q/nKw+RD38OHD6tixY+rs2bPqxIkTmWd8XB05ckSHsoODg6qZJTbESx41alTmKTcu/tbZ2akmTZqkJkyYoMaMGZP1yRS9b9y44R0F4ROcODWgBgZOd09RHUR4b2oTsKN/d1/20T1j+jQ1edJENdwwMDCgfv75Z03oAwcOaKmGuBBZiM1WBsIcfE6dOlXNnDlTTZw4Uc2dO1ddccUVarghI742BRkOL+zumtbYmqV3R2XeIdLfNXe2Gi747bff1P79+zXhkXYIfP78+dzjyzKA6zyYAW0BQ3R1danZs2er6dOnq+GCnbv3aF/gfFM9OLpDdaxi5/hx7e/xo9L37Nmj+vv79XekWyS8CEhxWSawAaOxwYQHDx7UDDF58mS1cOFCNW/ePP29nTEp02BHjx3PHMDBVY1M/RP3r5p51XQ1cUJ7qjSk/JdfftGf2HSIbiOEuGUYIOYcmAyfAa3ABjO0I0gZ7z9wkIf7N05gNzvHtKHnv3PnTi3tqHojv922gFkIt7Zv367ve9asWaqnp0dv7YRx2TiORqNxCxpAs3g2YKDaBaj5bdu2aYcOiQ9FkbSav6OmCY2QWpxIooSy7fqOx7fCcVy8eLGaP3++ahf07fxZf7aV2BOm/fTTT1ry65B48QOuuuqqbGBr/MX9ePNsMFxq8ByYL7QYn0uWLNEhZbugbRjgxx9/1BsxfCpnzQUk3yS+gH3E/j5NEAqXwwkjoNXwY2644Qa9tQOGnAHwpDdt2qQ/fWFcCkAUF/EF/EZ0AQHruj5Zx/Xr12szt2zZMq2NhhJDygCbN2++KPU2yoRtReeEELYu4psgitm7d686dOiQWrp0qd6GCkPCAHjKGzZs0J5y3VJvA4cvTwvwWyvB9dAGZC5vu+22IRl9bTkDwPXffvutTqC44vm6QboYBrCZAGLwW6tBH+Ab4ADfeeed6sorr1StRIdqIX799Vf15Zdfantfp6PnA9fl+qSPT548qW0yTDnU90SUsHbtWm0aWomWaQCcnq+//joqrk+ZvjVBmzh7QwnXs6EF1qxZo1asWNGynEFLNEAZ4v9ZQR998cUXavfu3aoVqJ0BIP4333wzQvwI4CS///77at26dapu1GoCRiS/HBhLIBuKFmBw6eabb1Z1oTYNgMP31VdfVSL+UDllrUDes8lAEj4CmuCdd95Ru3btUnWhFgbAq0Z9+fL5UmpFUcVQVNZIAQnbUISjLhAO9vX16WITSUgRnr799tu6T+tAchMA10J8X06dfDzEN0E4Rm4gNaTwkxifjCPXQStBeFMKKepg5I46QGr/+BQGrSsaMQHxkXyILxAmYJDq3XffVa+88oo3lV0GyRmgt7fXS0iyXTbxAVoAxpDwrGyHw4D79u3Tcb4km6Tg0yakdLCpDSQtLfWEenbUtGl6Y3y/jmydqH25R9nkHtm2bt2qVq9erZ599lmVEkkZgNw+D+Ijnq+yFiZAWmPz8VwPopNMQVqkI/l0SVQI5HwAM/3++++aCDNmzNDj+zBDinEDIT4aSK5rMoB5P5988okuRr3//vtVKiRjADJpMECRPfV1mnR4qPRzHJEGQ6xk9ThfqnjzrmX/Rhv2ca7rCzPBDDwrtpqyLwgScr4LqH28fdPmmwwg92a2/8EHH6gbb7xRa6QUSOYEbty4UavfIvgcQxyeUKlC4gkxt2zZotU29tvsPLMde7+tavPUrvm/MADfuRbPikbgHriXWBQR3/zfBIz+3nuF0/6DkYQBkPzQahoewDX8i+bA/hdJD04cI4nffffdJYQHJnGFYD5iV9lE23AP3Au+T+gMI9Phy2NCeR4XfvjhB20OUqAyA6ASYYAYtY1zBrHRBjheeOghhZ+SVeSaNuFdEi7Ik3LXby4iFDECIS15fO4Nc+SDEF9MleueXZJv48MPP9SmqCoqMwAFHSGq3wTSToeRLJLCCF/CiOO5DureRQBT6l3EM7+HdK7r+CKmkGtjFrhXly+U5+3n3bMPCM3HH3+sqqISA8Dt2LGqMbLvfJgL9QqzuDzlWIkuex922/K/vR/NhE9AoYcpGHmS72LSUDBySJtVUIkBkEjh9DLz74rOwaZSPIK5MKUG2P+nJnYR8qRX7g0J5d7xeSS377P5scSX3AW5gSoozQBwnsvxE6LaxLX3hzh7SD5Olt1RVYmfGvZ15V4kK0ou3yf5rjZC8f3332unsCxKMwBxcEgOvYxmoOMkrAwhtPl/ykmgMce47hFG5Rxz+nmI5Mc+w2effabKohQDYPvx2usATEVYJTkBH/HLSn2qvL7djs8/KMo9VAH+RllfoBQDME5d1wgaXrTU5hcR30a7DB+HMm0K4gNo8fnnn6syiGYAiFMU65YFcT5hYRnih8LFJFXVvwtFhJfvqWYsU2xLfiQW0QwA8euYt4fTh7fs6rQQ4rda+kOZJlbll2UInGUSUbGIZoAdO3ao1KBTUP0+myr/uxCThSxz7nCpTCLsjEXUaCAp3BSTJ22QOKFtl5csSCX5ZByJLsy1g8RJY6zfTDEPNyCcJMxYsiYUUQyAfU7t/EEAswyqDnVJRCGTQMypaHnr/1B1Q0VQXvVNKq2Ryv4LoA25k0cffVSFIsoE1FGciONnj6Kl8vhpVwpF0FxFxJel4ziWczgXxmkVUjAEIXQMgjUAUsQAjqjMFKAtFk1wSb3pQLnO8wFCM8AEA1Sx3zhWbGgDFnVAO7S7z0B6nucOLbQN1gDmTJUy2T0XkLK8CZllbT4Eww76xuZjnUG0ANog5ezh1OpfgBmIcQaDGYBaPfsGYnL7LsAAPm1ip3hDxg8YnzAHqGyUjQTQKrRd1xTylFoDsxqKYAYIKT5wDfjkbUiq3Wae8xfSObRHJCHH1qGGZWaxq6LJPCaknVT340JMmj6IAWTt3ZSQkURf2BeqWZDOEOKXlX7zOD6pEE65sEVqZo0ZHQxiAByqlOEfxIWh8mL9WJPC/QlB6iC+DSIFl0DU6fzFtE2ug8RaCIIYwGX/q0DqAl37QUyUgd0Xhy+G+DFwnY/zWmaZ+brVv/wWWqQbbAJSAoYSia0aUtIWiCV+rOp37ZNr5x1Xtv0yx9ggZA9BUB4g9do59nCvIJYZ8MjLOGTm/qLO9TEA10cLMNspBUOFnif+kfm/jdDJpMEMUHTBGBBX5w2VxraThyLio4FI7BTN9SsiGP4A7w8oywBlNAD+GPdvz6Qy+zC0UjuIAWxuqsoMPqkNaU+un2eDfcSn82666SY9vWqo1/ivYjZQ8Qz+sNm1BfwfWrMRxADmBEvXzZgLL0PcohFDVGeZlLIteWx2ssh3LsR/6KGH9DKtSEiKlUvqtP2+80j1Ll++XC8rRx2AOSciz8l2IYgBfDGva+Fl/s/zQrlJUU+hTODqLKkW9h1j/4bUX3fdddETWYraHSrwHLyTgL5mRNUsRA29t8IowLd4M4sr+xZedkHe8lFk94tSzGZeIoT4MDHET5XAqUL8lFqD52FJOXt+RlIGcHUaFyhaeNl1E65XvMTm/M3jfPbe/I1Cj1RTqtsNLLhhS35o4q70vIAQ1e06xnZY7DGCEBQdG8p4ZTEU0l/Upv12NIQ2ZDHMQgYgxpU5eTZ83nzeqFmo3XbBfMDY4WL2l5nHH9p+3fBdV0ZATUFCI1DHUIQgBsjrbLx9F6F9Cy/LvPpQ5GkHOzIpMgc8A7N2U5eUt/J8F3gecQBN0Mch/RwUBfikjeFRHD5JqKAV7MSRDY71eeIhHRWTfZPMGQMkxP68qKHVqMtsUAJGzG8SO4bJgxjA51BwczELL3M8oaKZKxAJjekkWdYtZo4CWoMJFIyXX3/99WrOnDnB57aT9EMPBI8p55TUsUCFPaweuppZEANQD5fyhUoiva4MVig4lkgjtkwdxiF7xsup5H/zHnxmJGSfb7/vOLQoKeWQ9nDweH6I7CI+n6GrjQcxAGFGSgYQ58RkgrLthDIA1xFNxnc6ThBCMFeVUl7BquvYojZhZvOefDCvYV9LwkHXWowuBDEAHV1GSvPAzVUlPqDT0CYhw9V54xd5zxVrkqStUEaxj/E52/Y9+Ygv+0PfPBLEAJLnd3naZYiIuoPbZbnWKowAM/mKS23C50ULoVLrOz5GS5igL+jjomv6+soeXWWJ2xAEm4Cq9s4+hxU3Kd8GtkTGjA/ILB7XyKCP0KY5sH+PYco8DeIzBfZ+qeFPoV2lDVYzDUFQJpDQyTciWAZwqO14hUiAS4Jl0oZ9nK8d2wFtBfIILOrfdOTyzvcV0co+NEp3d7cKQRBVucFQlRIKRhFNpsrzsvOIboJwECYtstt2O0WdWbS5js1rI28/fYBJ9LUZcm0TED90VfFgsU79hkskFjVlEyyE4DY4FhuK4xPiC8T8luIc37F5o6ZVEPPCqWAGEC5NCfwAGciwc9khsI/FloomyDvG1UYsUuQK5DczXx/z3D7EJLiCGQC1kvotn2gVqokEIR1QxCTCBEXtxWoZ87zQ/UXtS/FMyLGhbfI7byENRTADwKmp/QBulooWFzHM/2M1Ax2LdiljDnyIIX4IJLoqe74LCxYsCE4CgSjXnsZTg9UsRAvYhK7SOWXMgQ+xxC+6DpIf+66kkHu/4447VAyiGADbkpJbAe319PT8T8FGCslAa4WYg5B7TLHf/J3QNdbfCQEFrzGIYgBekxJSZBALiCTr2qRWiUXmwAffvVQxB6jomOHsUFx99dXB8b8gOrtzzTXXqNSgIxYtWqTjeZ8vENumnFuGCcpEDiH3KrWJMZNtQ/vg7rvvVrGIZgDUdR0ge7V48WL93eULhCJPal0+ga+NmLZ959ggVxH7PCGAsXj9fCyiGYBIwPTcq6pssw1MDC9isvMCMW34ID6BLzooQ+DQ58fuxzh+Mf16++23l0rWlUrwk2nyZfBiNhMQHRMDkUIcwjLMBxO4zEFZAodeX8LoutZYvuuuu1QZlGKAhQsXJk8NC+igpUuX6syjKyRMoXVMn6CorRTEJ+Sjv+qw+xzHjKeyL5guPcSH01aFCD5AmFtuuUUTimuUSRMXocgnKDIHMcRnzKMO4gtWrlypyqI0A+Cw1Tm7FqeGyY8y9drWBlUgbeUxQQqpB7SPX1OH0yfHXnvtterWW29VZVFpkJ+kQ51v3oYJeDjxCaqaAdc5pk9QxRzYx2HCyG3UJfly7JNPPqmqoBIDEBJWCQtDiAhhsG/ieNpaICZKyEMVc+ACoR42v6hk3XZ0Y/HAAw9of6kKKr87GAeEN2LFgI4mG0bH852ZROa6QTbYT3SAVDG5Q9YFoNPMTxuhzAHEMaTevixhpMaBLJ+P+BzH9ch90L681j5Gw1D/8Mgjj6iqqFznBbfDhTEdRUcTEkldO4NBqEtZi9el5mECpIpkB50sBaW+zQfXMbYmiCEIDE0OQ4pd80AFEM+OcyiTWzBD5rB4yH2j+mPG/XPvRyUAdtoc3PBtOHUyddzc6JiiTuA4Og2Gw0E0Q8XQ5FHR7+IThIJnITEG4whT+gCTuUrhEIaiMi45Fgf88ccfVymQrNIzNBHhm/yQt6aADdQrEsfQJ46oMAKoohUEIfUEHIMEssGUIVPURHWb/5vwTeY0GeX5559XqVDZBxAQ7iCZmzZtKlxTqMxvLtDpSB7XxnbLGv+h7fjGBVw+AcejpWRNJCQ+ROrN65mMGgrznKefflqbmlRIxgCAUiRWr2Jp+bzOxeHLq1jBESozbAsjYIJgBpaBYRob6/lCPBaCclX9giIiSBIHJw3HTobCYwlvglnReZLumjFtEv/ee+9Vjz32mEqJpAwAVqxYoT766KPcOXvy4gm7vAzimytvloE4X0guhKOjuQ9mL7OmoLw6ho42CQhDcCxEljo9PmFUfBYYigWYi944UgTO4fqu9QnZ71u1jHH+5557TqVGY0f/bv0kPQvmqVSgw3i1ue+B6GRxejgu9WqkNqQGX+rozQok+U2cSfk0wbJrLDAR40uYsM+RKADIi6zyzqF+4NVXX03i9Qv6dv6xjmDa6T4XQLh23333ecMhpJEVt9nqJj6AoJgK6Wy+iyrnu6wbyP+u7J2YlzJwMYysosLmIz5M8sILLyQlvolaGADgqJCpSl1KHoNY778ImJYlS5ZETZOroi24zksvvaSvWReS+wAmpHyM99qmnlTiQyqCuyDhIeagKM9fhfgi+RR61InaNIAAJsAc1DloBFJLuw+YA6Qy1diBeR6A+C+++GKpEq9Y1M4AQJgg5TuHyyR4Ul6bFDg+QcxQclGbAOK//PLL0fX9ZVGrCTBBAQlh1tq1a52xuQ91EJhkDvcDcMhClpqx70PMAesNlV2I0ozzyWWg9mNr+6ugJRpAgGP48MMP69StyyRUSd/GgCiF0IrEDpsM3/qQdx8SHZSddyCfzLp67bXXWkp80FIGAEjNE088oZkBk9BqNY7kuypz2eeaqh1yb0U+gQsm8e+55x71+uuv64kdrUbLGQCgelm3n0KPlGv4FoHr+EbcpAZRjo25rxgmkHYZGHvmmWe0w1fHjKsQtMwHcIEQh6FUFm/krSQxS8iWgTkY40NZhpQ8gfgEeW2zUVnNqF7sVK7UqCUVXAbr1q3TI4mgzpwBJiBv2XgGkGJWPbUhjEPa2GYCITxjAE899VSy8fyykFTwkGoAE4wkIg29vb168WMqZepgBLx919RsBqNiVx0V2BpDHENz7ABmwNZTyTMUtj4PbaMBTLCU68aNG7UkwQh1AIdPVueSMDDFII8JhqM3b96sQ2Ac37KTN+qAaAAYoC/77O6aO7u2zi6LLVu2aClidBH/oKpGSOlsFhW2SA0jSTDeUtZOOHPmrNqzV787oX909hi9Wbd2n852thsDMOmBDZNANbAUmsQ6i6mjjLz2pMaAmB6px9FrR5y9kJFtwACqObhBNTr+MnD6tJo4IW7JklZB5h8wdLx9+3atGVDZMKxrZK6usNLVrgwz41zCrBCejF474+SFVVUHm4P/aWzt271qVEN9Skcu6Gof56QI1P7xogTWzIcxYIa6wkiT8OLQQXSiCSp0586dq+sShwt279mb3f95db6pHtRGNfMDeDVo55xZvANwnBpuoJwKRqDUjMJQcgpSap63mmYRxHuXAhGYC8mm1IxPbHve+v7tjOPHT6gDB/WbYPsXdnf1aKPfbA7+s9HoeOPQkaNqzvh6pn3XCbJopodNESeMgGaQ8I6NOF9gln+ZDib/E8bJCxxoWwgvg0fDGdAYZM/7pv7kT+ZkdTYbo9dnX7uvnNappk5Jv3xpu4EyLFlhXN47cLnjyNFj6vdD+rXyWvr5oj2ozME6PNhs/oPvhzMOIUy43EFGjspktj8D8bH5hy3pBxdd6EU981dn2u+fqMV9B37TJ4zg8gC03Ltvf2byMrOX0ThL+r0nv13iGV0wBZ9mX5eNHj1KzZk1U/E5guELtLkh0L2Z6l9u/n5JEI0paDTPPciBnEC26MjRcvnxEQw9sPlIvhD/Am0vQW5stL1v91uZY/w3vqMFOqdOUZMnDb+w58+IgYHT2tvnE6D2F/V0/d11rDc43ta3668djcYb2ddu/ocRyBNMzEbSSLyMHRv2mrMR1Is/JracVaey8Jc4H1t/Af049/h3eecGZUdsRhhB2+MwDn2HOvcWZt13YFR6jLRxhxpclSWNVqo/mKFbjaAd0J8RsjcT/A2DSq1Z3NO1JvTE/wIw0dTfJCEHXQAAAABJRU5ErkJggg==) +} + +.otp-description-page .otp-description-applist .otp-applist-item .applist-img-microsoftAuthenticator { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA8PSURBVHgB7V0JdFTVGf7eTJLJvkqABCFUK7KobIIoSChUFLWi1LpbtD1tRU6NtRVb20LtwuLxgJ6j4BFBwCJSVCS4sUiCR0AMhAgkgEASskwmy2QmmcnMZJbX/06SY0AzM8nMy7w7733nDAmT+968ef93//Xe/wnoDRYdz4UQNR2iMBaCOJbeyYEKOaDC+xI9hYCnAMuvKQj0QMHviLziVMTGPgVRzIMgpEIFD6ggyS7B0pEb/A30TYBnS+dCI6yEOtN5hV8i/DAB2KzXxS0mNZ8HFfxDFFZh+dVP/9Cfvk8AJvy4uH2k8sdCReRAEI7BZpuBVeNM3d/WfG+gKvzIBJMpky2b4N1wMQEWnVqpCj+CwWTLTHs3fGcCnjsxH9Cuh4rIh0e8GytGbWe/dtMA2sU+DxK7//QfParobwgdshEDGMoiu05T0EEA7+wPJNQTOmUfyKeo6F+IHbIRhEDEkwNdjDfC69QA/ma/Knh+0EkEj79xmqfYv0Jnenefr/OpGp9HME0g+padiBmkATS5UBGBEAOYuJ5cDQTNdJ9jBHX68wt/shPGMh8gx/cg1e7zCz+yE4TrAiCAighGjgYqFA2VAAqHSgCFQyWAwqESQOGIgtLAsmMsTXppqpRNBZbzUNiUiHwCkLyvSovGmIExuO3qREweEoss+n9yrBbR2o5EidMtornNDYPZieJaBz4staCkzo5zJlfEp8EFPFcWkZkenUbArB/F4zeTUzHzyngkkMB7A7PNjV1nrHi32IydZ9rgECMzIRZxBIiiGTtreByWz8nEmKxYKn0HN4WZ3I/X2vG3XY34+FsLXBHGg4giQLpOg7XzBuP2kYmIiQqt7m4nM7HtmxY8s7MBdW0uRAoihgBTs3RYe182RmTGQErUmJy4561qHDY4EAng3+cl+s4mW7/nd8MkFz5Ddmo0ChcMw9wRCYgEcE8AJvxtjwyBLrr/vkpsjAav/zwLd/yYfxJwTYAbyMnb8nA2EmN7/zXMdg/0FObpSaUbKQTsrR3MTNRi0/1ZGNsPWkdKcJsHSKUZ/8a9g5EaH1h45yZ3/sC5Nqw7asaRajvqrW643B1i11LIOIgEelNOPH5xbRKmXREPbQDRA/vsdfdm4dY3q1Bvd4NH8OkE0hW/PW8QHrre/2ZlD43debwFS/Y0obje4T+xQ+NHZkRj6exM/OyapIAWRK070Ixf7TBwmTTi0gSMJ9V//4QUv+PKje24f1M17tpci+IGR2ACojFlRifmvVPjPfYCmQh/+OUNqZg2NBY8gjsCRNPr1TsHeNW2L7BwbQ6p5v9RWrcvM5Mp9K1lFszbWOM9ly+wa/n3LQO4XD3HHQEmDYnD5Bzf3neD1YWfrq3CKZrJwarlIr0ds+hcBovv5M/UKxIwg0MtwBcByJHLm5Li0y4zZ+8P2w0oa2pHqHCKzvXENj35Ez1PcXZNeVPTA9iQIS9wRYChSdGYNTLJ55jNR8x4+3grQo3801a8cdDkc8wUyklkxPeu6BRucEWAG0nFpvio6jmcIlYUGCXxxpkBeHF/E+w+qkEZCVG45Yo48ASuCDAuO9an+v+YnLYTjaFT/ZfiXLML+6gi2BOYXzp5aBxXziA/BKCbOm2479mVf7JF2lic7lb+CYtP+U66XNUAkkBHmj87ree0q8PpwYl66WZ/F47U2tDuwwxkp0XTtfKTEeKGAElU30/3Yf9Zbr+qRfo6/dnO2kFPSKO6REoUPwTgphbAcvPd7yubg8zpYzF/vdmFvefbUGeTPh9vtIt462sTZlK94HKa7enk+LHFJ12XFi0IXGWEuSEAc/5KauzemLxE78DJGhulbF0wktCtpP69A/rpzv9ldyOwSyRVr8GgBC2uptrBKEpPT8zWISclCi4PP14gV8WgBLKtVpco36ILXZqOtIHDzQ8BuCoHW91iQNU870pOkXyGeA0up1cyeZC6OC3i6WdcjIC4Hmy0jTSJncyK1UE/SbNYqMRb3uaB2ebpOLE/547+zJPwGfhbD9B5f+NJiMk6DQYnRWFYahTGZ+q8Hviwy0gNp2mpvh+FqCiNd+2/po8ag2nydpcHLtI6la0uNLS6UUkmSE9Vxq8o4qigWkMt+R/mdk+H4DksB8ufAGKHec8gYQ9JpVQwOV8Ts3QYMVCHYekxSKGZrZHoxrPzxrKlZlSCHE2fg0x6kz6/C4wgJooIyhsdOE9kOFzjQGG5FWcb2mEiTSJy0F9Jnj4A3dksmsFThugwJjsec0clIIeEncpJnr2FTMaZeju2l1pxss5OuQMHhahOSMbUICAfApDQB1JI9eSkVEy7MgGjB8VQbl0b9MaOcINVEE3kR3xTa8dnlKp+t7QV5c3yIUPYCXBtRgweHpeMh8YnIyuN7wWWgYCZjWpTO94vacWar0w4HcCKIykRdh/gsWsTkTfzMigFbOIPJaLn5WZQ0ghY+GkDwgm1P0AYIQfbqxJA4VAJoHAor0NIJ1iM7vZ8tzFEqQ1RFUcAA8Xj+WVWFJ614jyVjxkHrkjW4vqh8XhkQgpV9/ha0xcsFEMANuPfPGjEX/c2wWB1X5ShO0Sv/56wYFlhE166LRMPTEhRjEZQhA/AhL+Ywq0FOxtgaHP/cHqW3qujv83/oA5/p7H90hFGBmGAIgiw+agJy74wwhmAVJ1kE1bQ2HUHmyE1XO3h31Aa8QRgy7f+9FFDQMLvQjuNfX5vIwytkdMKpieEnQDGdmm30mwqMkPfh6VizE/YURr6DSbdYW4Pvw0IOwGq2qQjALu9hy+0oU8gn2D/2TZJfYFqW/j3kYWdAC0SEsDtFnGupe92tpxMgFvC9X1GGXQbCzsB2KpeKWeZVuj7yd0STlDGq7oWlQCobnX73HUbDDSU4RueHI2+4kpKEGklqtszzVJjUaMAmMhB00s0E5jsctkSrj7yayJlB6VKCOnNTm872nAj7ARoc3pQaZRuS9ddoxMxOKH3Cc+seC0enei/DU1fUWl0wiKDvrNhJ4CD7OwZCff0DUiKxj9nZiCmF1OZjX1xzgCkSbgG8UJzO1wyaCYR/kQQyeVQtR1S4vEpaXh2WnpAJIghu/Hszel4YLz/DmTBYH+lQxYrhmWRCdx9rk0yR5CByf2FWwdg/T0DMTi+5688kGb8q7dn4oXZAyQtBrEIoKC8j/mJEEMWBDBaXKg1S7s4kj0Uwk4q15c/kE2l4CQiiFPi3T31VJKuCvNi0C7IggBmp4iDFTZIhdI6Bya9Vonfbq/D0Yae/Q32t4e36nHT6gs40yBdN/C9lGG0yWQLmTyKQaRu95y2SlIdLTxnxfQ1lSjR2wN62AMbU1Rrw41EmC/Ph15Ns0vYc8oimx1DsqkGfkKzwmwNbVx8goQ+d1MNGh29d7ebyF7csbEaRSF2UFso9j9UK63T2xvIhgBVrU4U1YTuxrA2LvO31MLk6HusxY5d+J7eZ0uY3uJgpQ2nGuVh/xnksx6A3O6txWaEChuLTDhiCD6/8JXe4T1XqLDliFlWqzBktSBkfXELHCGYbSykXM2aOobCztI53jxsCkmYaqPvtuOMFXKCrAjgopu9/lDwS7FO0cw/Whc6c3KITFO5Mfh6xfYSM5od8uolK7slYRtICwRbgy9jD3QKZRWPzlVUGVyYyhpavfJls+z6BciOAMxD/vS0BcGgToKkUkNrcOfMp+90SC+/J43JclHoykJjUNk4J3t8i7dPUOheriAeCcNOsfaAEXKELDeG7CV1+wUlcH5yVSL6gluuScH6QaHt3X/dZX3vXbD3Wws+K5cu0xkMZLsz6I+fNGD/sHgk6nqvpEYN1nlfcoC13YN/fd4EuUK2+wKKyV7mn5R2WXZ/YDPlNgor5Dn7GeS7MYS85d/n13O9OYMtd1uyu0nWncJkvTOokRyv5XsbeHwWk/ean99pQK1F3gSW/dawlQfNKDgVXFgYDuwpa8VrRS2ynv0M8t8bSFf4+AeGoOPw/kRVsxO/ft/Axc5LLjaHVrQ4sZBIwEMbXraZZNFHBlyQuervAje7g7eWWvDi542yb8W+Yl8j3jnBj8niZ3s42dI/727EzpPyvbms1Lt0v7y9/kvBV38AurEPbqnFgfPyWFHbHYcv2MhXqUOrDLZ89wbcNYiwkQm4j0hwtEY+yZWyegdmr6uSzULP3oDLDiHVlByat6kWx2Wwto5dw5x11UEtPQsnuG0RU0El37s21tDsk/5RcT3haI0dd79d470WXsF1j6ByuvG5r1eiJAya4Gi1jbRQNc418yt8Bu6bRNW3uXHT6kp81E+FI1bb33PGgpvXVNHM57+JVER0CWNPEnt0Wx1WHzBKWjdg5379UDPu3FADq5tPm38pIqZNnJEKRwt21OPJ9/WolyALZ6PwbsF7ejzxoQF2jp4L6A+R1SeQ8gSrvzbjzvXVXhsdKrBFptPWVGBNkZnLJ4P5QkQ2ijxMTuFU8gteKmgKKnXsXcn7hRETXqnAERku6AwFuHpyaF9wVUYM1t0zEDcOTwh4zz9z9PaftyIvvx7HDJEp+C5EPAEY2LLC+8Yk4z+3ZSI7tedlkOxG1Jqc+MeuBmwsaYUjgmx9T1AEAbqQFC3gmanpeGR8Cn50ySpf1rPnpQIj1hebO/L5CmkXrygCeEHfNiNOiwdHJ2LhzemI0QpYuoeqjN9aUWtxK0bwXVAeAbrDG8qLsnyiZ39Bsc8M8sIbAylX+AzqU8MUDpUACodKAIVDJYDCoRJA4WAEqICKyIT/AL9CQ4nvY77HKDtM4hr+RUcEgFjie4xy80T8ww8DRE8hEUBT4HtQACdSIT+IAvw/jElT0CHZRaXNVCvtuUE+O4/KAb7gX2YVWDZyeGcUIL7sc6gAVRPwhEAmrKBZwn50EMDRvgr+ogGh88wqEWQKoTfuWgWWjtjAfukgwKpxrBfq0wEd2kUEFTJDtzUMAc5+hu8SQStGbSen4WWoiHCQjDtnP8PFmUCHY4n/vIAKbiEIx7BsVF73ty4mADMFDscMlQQRCCZ8m23G997u8YBFpavooKegIgJAav+Smd+FnotBy70HPAa1VsAzKsi5v7sn4TMEFs89Vzaf/l1MrxyokD9EkT0t42U47Ku8Zt0HehfQLyrLBTy5FEZMRwcZcqBCDqig1O+xzrpOAZaPLAj0wP8D+8DqRn0THBwAAAAASUVORK5CYII=) +} + +.otp-description-page .otp-description-applist .otp-applist-item .applist-img-seal { + background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA/uSURBVHgB7V1pcBTHFf56ZnaFTiRL3BiEiThCAIGxwQ42wi6wHd9xUnHFFV+JnXKOssgPJxX/MK78TpCr8itVie24Uq6UUy4qsVMGTBAxOGVsjACDOAwspyVziUug3Z3p9OvZWc2uVkh7aq6P2t3ZY9BMv++9fu/1626GLHBv66UWQ9GWAbwZHM3io0YEcAIiXDwY55sVGO0ftFW3D/dENtQPWlrP14aVUS9ybrQysFoEcAMiQrSr168pf3OoH16XACtbrzwCxtYg0HS3IjIUETISwNT6sleEmW9FAPeDoW39HypWZf4qDVL4rGyTOGxGAC+hI8r7lre31fXYP1TSfxUI37NoJtmSgts/TCHAyl/1Un8fCN+7aJZduw3JLmBF6+WnGVNeRwDvg/NH17dVrqXDpAUQwn8FAfwBEdlZXYEkAGk/glDPT2gMs7CM8CQBAu33I9iL8lmmd5m6CQF8B4PryxUDSgsC+BIKU1oUztgyBPAnOGtWWOD8+RcM88kJbEQAv6JRQQBfIyCAzxEQwOcICOBzBATwOQIC+BwBAXyOgAA+R0AAnyMggM8REMDnCAjgcwQE8DkCAvgcAQF8joAAPkdAAJ8jIIDPERDA5wgI4HMEBPA5AgL4HN4mAL/OMe8/5vw653kcGjwExgDDAHQdUFWgYhTQMJrJR7141FQy+VlYY3JlBF3nuHoNuHyV4+xFjnPiceYCcOEyRyxu/p+qUBGmZCCJR+ANAnBzpYvaaoabJiqY2cgwp1HB5AYF5aNMIYZDNBdOPMSTfWEkgyyAeIoKgQs+IBYDzggiHO0ysDdi4MgpjlNfG7giiBLTEytqDLm4nnvAVq7qdSW3SdvjQmiaoPCCJgW3zVUxd5qC8fUMZWFmksIuKDa43HjyyTyHW92COL7aB5w4bWD/UQPbOg1s36dLsoQ0b1gFVxKACzNPgr5jvor7blMwqUFNmn96ZQXUUIsMSsJb6j5nYMtuA+s+ieN4N5cWxM1wDwESGjmm1hT8Q0s1jKkT5j0hbVYCs2xpvC6IRv7C1t1xvP+xjmNdXPoJboRrCEAm9+6bVTzWouHGsWZrsxHsiy0ykPP49odxbNgWR18UrvMPXEGAmVMUPHmvhrnTFenBM4c0sowmxVM0zrHjgIE33qduwZDOpFvg2CiAhExe+7IFKp59QEN9jSLfOwl0OXSdZSGGxbNVTBmn4PdvR/HFIUP6DG7ggWMtwA01wHMPhdEiCGA1tNNB1uCq6Ab++kEM77bHJWGdTgLHWQBqtCnjGX723RDm3aReN3xzGoik5WHgiZUa+mIc72/VHU8CRxGAwrjmmQp++b0QJookjhu0Ph10zVWjGJ79TkgklbgIF41kCOlEOIYA1EYLZyt4+ckwKsqY4/r7bCBJUM7wjCDB6Z4Ydn/pXMfQEdwkzb/1Wwpe+mEYlUJ7nKwxwwWRoE44rs8/HEJluXP7gRFvalL0JUL4vxbCr61yTohXCJAVmzZBwY8f1BxL6hG9LBL2bDFw84vHwigv85bwLdA93S7GKRaJ7s2JYwcjSoBJY5hw+MIYW+tN4RPotsgf+P5yTXZ1TsOIESAsIryXngjJ5IlXhW+Bbm/ONBXLF6pwGkpOABJ2WMQeT92voWmyKgs3vA4rq/n4Cg11VcxReY2SE4CqdVbcquHhpSHZKG5RfnsVWS5gCYfwt0+FUFsNx0QFpSUANwd2Hr9bheYSzSfHjbJ6l3upfMwc/89VdkT4WVNV/OZHYcxvMge27MySylBiYpQsEUQ3R+VZzz+soaHWHf0+Cb/zmI5/fqTjqzMclRXCo5+jynoEqi/M5R6o+5s/XcWsn6jYE9Fx4BgX/7eBk+L/7zrH0XOJ41qfaTGoe7QqlIqFkg0G0U08Lfr9HywXpl91vumn6z10ysDvXo9KwRDomqUWN5rpanJg1TxsqJGoZdTFwbUoWRqzIHX/MUM+jnYJcpzluHBFWB49cVKBG65kFmD2VIa7FpoJEccLP/G6ZaeO7nM85XMS2t4jBv74jxhefU5kLvPIX1jpbk1lIgMKkTEUo6DVDI3jFdxzK9UjcpwSf39fxMCHn+myLtHghR0ZLQkB6HpfeDTkmnifLpGEfam3vzjUgkWHjoMGPurQcc9irSCETraLraaxQqTFp09gaJqk4P7bNRzr0vHn93Rs26sXTIuK7gSSxi8VfeaMKarr4v2ZU9mgw9F0X51CM4s5aCXDx4SE6M9MHa9i1eMhPHWfVjAnuqgEoIuur2FifDzkmqIOOxbNUjH3JiVjBo8sg1bC0nCr2pnyCI8JP4pqDtQCdKdFJYAZ86uYPNZ9qV6rsX8unL3Z0xSpcTwRstFrTSWwrLn0saxMpIUgi2PvLMDfV6ff9vJqFAEk73H1DC88EkJ1hTtz/XTNtSLcu2W2Kit9evsgb4xmHz17fwjNM0YmnyGjEdH3TJvI8EmnOWsp5/+rGGGgZe5/KoT/4Le1vEIlJ4Cned7WTKKRJjV1Te9siuFPa+PQQsgJRRENNdiExMwdN1f2WLAEzTN8NtK4eZaSV61B0XRz5WIVddXeGuZlaa8jDZqNNGWcKjOUuaaQC04AapwxNzCRMtUc01BeBbUvpZbDeWRzCk4A8vyXzlUxvsG7RR5OgcxMGuZcxZwHqFBg0By+R+50z2ifq8EpMhHjCLHcu6WCEoCcvzkicTKuzvtVPk5BjxgoiuYxKbVgBKC/T9p/3xI1+T5AcUEDQ0e/MuRCGY6wAFTkOXd6YPtLic4Iz6u7LRgB4sL5I+FT7j8w/8UHaf9FYf73HNGhag5wAsn833Wz+0b83Apq5kiXgUMneV4DUgUhgDlUyTB5TCD9UoHCv80duiwfywcFIQAxcJEYMKEJEAGKDzL/+48b2Px5/jOP864IsooXF85QCr5CV4CBIGW7cpXjrQ9i6L3G8w638rYAZIoaRitomhwsO1xskPBJ+9d+FMf2/UZBYu28pUYXNa+JSfPvhZE/p+PdzXG88594wWYb590F0Fj/wqZA+4sJafaFuf94j46/vBcr6OKUeRGA+vuaCobGCQEBigErvKN5AX9bF8e//xcveA1ifhaA03i0WcseoHDgielnNCWN1id+Z2MMX57gRZk1lhcBKPtH5d5VLq35cxIsoZMfRQtPfn6A1iPWseugIc1/sQZX8iKAXNWryVnTnd0GS/CkTBExsNNxUMe/tsbRdcacEyAVq4gNnDsBxFWXhSHn+AfaP3xYBaVWMcf5i1xOQG0XSZ0vDhtybiBBUW2/LyJyJgBd2IQG5rmFnYoJS9ujom/fLYT9qejft+7Scfq8Teglbsu8LICcOoWBZdMBBoLa6PjXhpxwumW3juPdQCxuOnbWUvMjsYhUzgSg/mnG5ETxRyD8jLAmlvaK1O3GHTr+viGOsxd4UmFGQN4DkBMB6OJHhSCnMQfIDBIu1eodFkO2b62LYfsew5xeRl86RPiE3CyAuHoK/cbUMaTNng4AM19/XjhzHUd0rBehXMdec9TOidvL5EQAMmG0FVtddSD8dFA4d7jbwOeHdBw6zrFzn+HoRsqJAMTkiSIC8OrqnrlAmvwosF0I/oggwLU+IXwxYkcbXHmPAOKmaMp3ABPmSmLAls64XNKFsnkHIxwXL3PHm8icCGAtghxQwBT+ReHlb9kbx9cXzLaRFTtHjOQ2dk5G1gSg+6EMIM3+9bv5J+GTp79pVxw9VxI7k4rHmR4uQr/+bJ6TkVMcV13JMFo8vLqf7nBAt077A/13TxznhPDt5vBUt3saJmsC0K1RBBDKcUECr4A2l/70Sx1fJfp8a8zGMMxNqN2g/YTsfQDBgLEi/vfr5E/L6u0/qcu6/CQSFoBm6vb29i8153RkbwGYOQVMrnPrUxw/a2C70H5L/Jb2y/2LdSS3nncDsiIAS9Ca9u9liv/GAGRtXp+Z4eOcJbeSt8rhLa03XLSjdNYWQFNoU0dmJjh8iF0RA6d7+gs10peNMUnhHs3IngCi768fzVzRvxUSpP1nL3F0ntBT5GufDEMvVCXtJv8oKyeQyyog5rnFn4aClenbcZiW7O6f/2DXeqsLIOFThOQWBcnOAnDKAUDmAHzV/YubPXHOwImzvH/yS1rfb31MK39XVcA1yIoApAmjq5hcqtRPFoBG+PadMAd2ko4f+oVvSd9a3JnaSNfhCmRHAPGoddimR8UGkf7YaeH4XeDJ0q0U4dveI/FKS+S6pQ/IuguwikD84ATKcm2h9QdOpmo/WKrALVjH1EZuyZRmRwBxgw01fvL+gPNXOLp70rQfqcd2X4BAPkBttTvGSrIiADlADbUspRG8DJLfwVO69AEyJX3SG8EeEn5jqju6SiJAZDg/lDGuSmvo+8MBJO2lBRi6zvevwpXe16dovz0bKM69cbyCcBhOR0QxGDqG9VMGmf+v9MsyMOI2T4tRvctX7Zv69R+mkMH2tfVZ/WhgwhhndwOcCKAYfOdwTygL0YM5srq14KDWEd6/bpgStXv+GTOBaVEBpcznTHd21RTjfLNiwGgf7gm0rVnYJ3UApLnk/Nm9frvGpyM9JKShkkljGerrnBsSkuyVD9uq2zl4z3BOoGVgypzfr+UNEv6ZS7RdLFL2Nx7gA6RnA5N9g3keKcuibyrmDqBwHCIkexkFMI7Xhvo1T6SBZRYQ3gYprEz8sIFhXsb3GPg9PdG/aZMVjK1THNhtstX0LAkQRbQNQ0QDVhq4zOOFICQnqurp7jGSex3ZY3w70pfFs8/lt8JE2sxh8TyW16YORUBk/ZryN+lA3mJ7W12PzuOrrncGVbrQKKC1obFnQZW+UY5zIgGkKGmePhuY9AFS8wLploEwdaIiHEIn1VCY2k9IJoI2ttWs5dwYtCsgzaip8L75JwFSqbe1BOtgSR9k6BaQPGap34vGu71ZQ1UlRhwcxmuW9hNSMoExxFYLhzBjXoD6sBtGe78UnG7vQi+XYwAWBuv7gVTHj9mYkP49Oc8P3KGNtBPdsWFNVav9gxQCUFcQ49Hlg5Gg1g+rgXFzFw5CxrgfgziBwKBjA9bxpHEMd92ijNSCmh1RXr48/cMBYwFEgg1rKhf0dweJ5UuYmQb2PMR90jo96f34AIcPtvc2yQ+wDujvQqix50xXsWReaRNEptmvWNDexgaE+4MOBm1oq2oVJHhG9F8Rsvvk/NVWFWC3YoeDIoArfQMdOwuZYv+MISLr/z3SvqPd1BfMUuQeC0UGye7RdLNvx3VHAwUJ3ljXVjmNQ39mVBiRijJvy1/W/kXNXbgG1P3ZBW77LBn2sdTRvxTH0EYQanCKLlYsUbF4jiIJV+ioSib2OH9VmPwF69sq117vt1n96ViMtygaWsT1LxNvGxMPz8BIVP5u2BFPruNjCUexabZiJ4PS7/krmSxD4r1iOxeJ72mU8bNOAxu36aJt88oYC02nQT2+k9K7lOEb7on/BwGhFM5CrbvSAAAAAElFTkSuQmCC) +} + +.otp-description-page .otp-description-applist .otp-applist-item span { + font-size: 14px; + line-height: 20px; + color: #1f2329; + margin-left: 10px +} + +.otp-description-page .otp-qrcode-container { + background: #f5f6f7; + border-radius: 6px; + padding: 12px 18px; + margin-bottom: 12px; + text-align: center +} + +.otp-description-page .otp-qrcode-container canvas { + background: #fff; + padding: 6px +} + +@media (max-width: 568px) { + .asc-layout .asc-content .otp-description-page .base-title-container { + margin-bottom:.4rem + } + + .otp-description-page .otp-description-text { + font-size: .28rem; + line-height: .44rem; + margin-bottom: .24rem + } + + .otp-description-page .otp-description-graybox { + border-radius: .12rem; + padding: .24rem .2rem + } + + .otp-description-page .otp-description-applist { + margin-bottom: .64rem; + padding: .16rem .2rem + } + + .otp-description-page .otp-description-applist .otp-applist-item { + height: .96rem + } + + .otp-description-page .otp-description-applist .otp-applist-item .otp-applist-img { + width: .6rem; + height: .6rem + } + + .otp-description-page .otp-description-applist .otp-applist-item span { + font-size: .28rem; + line-height: .4rem; + margin-left: .2rem + } + + .qrcode-container { + border-radius: .12rem; + padding: .36rem; + margin-bottom: .24rem + } +} + +.otp-case-img-group .otp-case-img { + height: 650px; + max-height: 76vh; + background-size: contain; + background-repeat: no-repeat; + background-position: 50% +} + +.otp-case-img-group .otp-case-img-zh { + // background-image: url(../img/a_case_zh.3593aa01.png) +} + +.otp-case-img-group .otp-case-img-ja { + // background-image: url(../img/a_case_ja.4c08dd53.png) +} + +.otp-case-img-group .otp-case-img-en { + // background-image: url(../img/a_case_en.4e04ebbe.png) +} + +.case-img-container .otp-case-img { + border: 1px solid #dee0e3 +} + +.case-img-mask { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 9999; + background-color: rgba(0,0,0,.4); + text-align: center; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center +} + +.case-img-mask,.case-img-mask .case-img-mask-close { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +.case-img-mask .case-img-mask-close { + cursor: pointer; + position: absolute; + top: 15px; + right: 16px; + border-radius: 4px; + height: 24px; + width: 24px +} + +.case-img-mask .case-img-mask-close:hover { + background-color: rgba(31,35,41,.1) +} + +.case-img-mask .case-img-mask-close:active { + background-color: rgba(31,35,41,.2) +} + +.case-img-mask .case-img-mask-close .case-img-mask-close-icon { + fill: #646a73; + color: #646a73; + font-size: 18px +} + +.case-img-mask .otp-img-mask-contnet { + color: #fff; + font-weight: 600; + font-size: 16px; + line-height: 22px; + text-align: left; + height: 500px; + width: 376px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + max-width: 90%; + max-height: 98%; + background-color: #fff; + border-radius: 4px; + border: 1px solid #dee0e3; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative +} + +.case-img-mask .case-img-mask-title { + padding: 16px 24px; + color: #1f2329; + border-bottom: 1px solid #dee0e3; + font-size: 14px; + line-height: 22px +} + +.case-img-mask .otp-case-img-group { + width: 220px; + margin: 0 auto; + height: 100% +} + +.case-img-mask .otp-case-img-group .otp-case-img { + height: 100% +} + +@media (min-width: 480px) { + .case-img-container .otp-case-img { + width:300px + } +} + +@media (max-width: 568px) { + .otp-case-img-group .otp-case-img { + height:13.8rem; + max-height: unset + } +} + +.idp-authentication-web { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + min-height: 280px +} + +.web-idplogincomp-title { + font-size: 16px; + color: #1f2329; + margin-top: 16px; + text-align: center +} + +.web-idplogincomp-subtitle { + font-size: 14px; + color: #646a73; + margin-top: 4px; + text-align: center +} + +.handling-exception-container { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.handling-exception-container .illustration-loading { + margin-top: 32px +} + +.handling-exception-container .illustration-prepare { + max-width: 100% +} + +.handling-exception-container .illustration-prepare .illustration-prepare-title { + margin-bottom: 24px; + font-size: 20px; + font-weight: 700; + line-height: 26px; + color: #1f2329 +} + +.handling-exception-container .illustration-prepare .handling-exception-dotlist ._pp-dot,.handling-exception-container .illustration-prepare .handling-exception-dotlist ._pp-dot-list-text { + color: #646a73 +} + +.handling-exception-container .illustration-prepare .ud__illustration-footer { + margin: 0 +} + +.handling-exception-container .illustration-prepare .pp-base-button { + width: 100% +} + +._pp-dot { + position: absolute; + left: 0; + top: 8px; + border-radius: 50%; + width: 6px; + height: 6px; + background-color: #8f959e +} + +._pp-dot-list-item { + position: relative; + margin-bottom: 20px; + text-align: left +} + +._pp-dot-list-item ._pp-dot-list-desc,._pp-dot-list-item ._pp-dot-list-text { + padding-left: 18px; + font-size: 14px; + line-height: 22px +} + +._pp-dot-list-item ._pp-dot-list-text { + color: #1f2329; + font-weight: 500 +} + +._pp-dot-list-item ._pp-dot-list-desc { + margin-top: 2px; + color: #646a73 +} + +._pp-dot-list-item:last-child { + margin-bottom: 30px +} + +@media (max-width: 568px) { + ._pp-dot { + left:0; + top: .16rem; + width: .12rem; + height: .12rem + } + + ._pp-dot-list-item { + margin-bottom: .4rem + } + + ._pp-dot-list-item ._pp-dot-list-desc,._pp-dot-list-item ._pp-dot-list-text { + padding-left: .36rem + } + + ._pp-dot-list-item ._pp-dot-list-text { + font-size: .3rem; + line-height: .48rem + } + + ._pp-dot-list-item ._pp-dot-list-desc { + font-size: .28rem; + line-height: .44rem + } +} + +.invalid-link-container { + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.invalid-link-container .invalid-link-invalid-title { + font-weight: 700; + font-size: 17px; + line-height: 24px; + margin-bottom: 6px +} + +.invalid-link-container .illustration-invalid { + max-width: 100% +} + +#middle-page-list-wrapper { + padding-left: 0; + padding-right: 0; + width: 100%; + height: 100%; + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + justify-self: center; + background-color: #fff; + -webkit-box-sizing: border-box; + box-sizing: border-box +} + +#middle-page-list-wrapper .item-list-container { + padding-bottom: 0; + margin: 0 auto; + width: 100% +} + +#middle-page-list-wrapper .footer-btn-wrapper { + padding: 10px 22px 24px +} + +#middle-page-list-wrapper .user-list-wrapper { + scrollbar-width: thin; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: auto; + overflow-y: overlay +} + +#middle-page-list-wrapper .user-list-wrapper::-webkit-scrollbar { + width: 11px; + height: 11px +} + +#middle-page-list-wrapper .user-list-wrapper::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 2px +} + +#middle-page-list-wrapper .user-list-wrapper::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +#middle-page-list-wrapper .user-list-wrapper::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +#middle-page-list-wrapper .bottom-grid-btn-group { + border-top: 1px solid #dee0e3; + color: #0f1114; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +#middle-page-list-wrapper .bottom-grid-btn-group .bottom-grid-btn { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + padding: 16px; + font-size: 16px; + line-height: 22px; + width: 50%; + text-align: center; + cursor: pointer; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +#middle-page-list-wrapper .bottom-grid-btn-group .bottom-grid-btn:not(:first-child) { + border-left: 1px solid #dee0e3 +} + +#middle-page-list-wrapper .bottom-grid-btn-group .bottom-grid-btn:active { + background-color: rgba(31,35,41,.1) +} + +#middle-page-list-wrapper .bottom-grid-btn-group .bottom-grid-btn>i { + width: 19px; + height: 19px; + margin-right: 5px; + display: inline-block; + background-color: #ddd +} + +#middle-page-list-wrapper .bottom-grid-btn-group .bottom-grid-btn>span { + display: inline-block +} + +.web-v3-layout-box #middle-page-list-wrapper .base-title-container { + margin-bottom: 10px +} + +.item-list-container .base-title-container { + margin-bottom: 11px; + padding: 0 32px +} + +.item-list-container .user-list-wrapper { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + overflow: auto +} + +.item-list-container .user-list-wrapper .open-list-part { + margin-bottom: 24px +} + +@media (min-width: 480px) { + #middle-page-list-wrapper .item-list-container { + display:-webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + height: 100%; + margin: 0; + width: 100% + } + + #middle-page-list-wrapper .base-title-container { + padding-top: 40px; + padding-left: 40px; + padding-right: 40px + } + + #middle-page-list-wrapper .user-list-wrapper { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + max-height: 371px; + padding: 0 40px; + width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box + } + + #middle-page-list-wrapper .user-list-wrapper .switch-user-list-block { + margin-bottom: 0 + } + + #middle-page-list-wrapper .footer-btn-wrapper { + -webkit-box-flex: 0; + -webkit-flex: 0 0 90px; + -ms-flex: 0 0 90px; + flex: 0 0 90px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + padding: 24px 40px 40px + } + + #middle-page-list-wrapper .footer-btn-wrapper button { + font-size: 14px + } +} + +@media (max-width: 568px) { + .web-v3-layout-box .item-list-container { + padding:0; + overflow-y: auto; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-overflow-scrolling: touch; + overflow-x: hidden + } + + .web-v3-layout-box .item-list-container .base-title-container { + margin-bottom: .2rem + } + + .web-v3-layout-box #middle-page-list-wrapper { + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start + } + + .web-v3-layout-box #middle-page-list-wrapper .base-back-container,.web-v3-layout-box #middle-page-list-wrapper .base-title-container,.web-v3-layout-box #middle-page-list-wrapper .footer-btn-wrapper,.web-v3-layout-box #middle-page-list-wrapper .user-list-wrapper { + padding-left: .48rem; + padding-right: .48rem + } + + .web-v3-layout-box #middle-page-list-wrapper .user-list-wrapper { + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100% + } + + .web-v3-layout-box #middle-page-list-wrapper .footer-btn-wrapper { + padding-top: .2rem; + padding-bottom: .48rem; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + -webkit-align-self: flex-end; + -ms-flex-item-align: end; + align-self: flex-end + } + + .web-v3-layout-box #middle-page-list-wrapper .bottom-grid-btn-group .bottom-grid-btn { + padding: .32rem; + font-size: .32rem; + line-height: .44rem + } + + .web-v3-layout-box #middle-page-list-wrapper .bottom-grid-btn-group .bottom-grid-btn i { + width: .38rem; + height: .38rem; + margin-right: .1rem + } +} + +#no-permission-page-list-wrapper { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 100% +} + +#no-permission-page-list-wrapper .user-list-logo-wrapper { + text-align: center +} + +#no-permission-page-list-wrapper .user-list-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + max-height: 100% +} + +#no-permission-page-list-wrapper .user-list-wrapper { + -webkit-flex-shrink: 1; + -ms-flex-negative: 1; + flex-shrink: 1; + overflow-y: scroll; + scrollbar-width: thin; + overflow: auto; + overflow-y: overlay +} + +#no-permission-page-list-wrapper .user-list-wrapper::-webkit-scrollbar { + width: 11px; + height: 11px +} + +#no-permission-page-list-wrapper .user-list-wrapper::-webkit-scrollbar-track { + background-color: transparent; + border-radius: 2px +} + +#no-permission-page-list-wrapper .user-list-wrapper::-webkit-scrollbar-thumb { + min-height: 24px; + background-color: rgba(31,35,41,.3); + background-clip: padding-box; + border: 2px solid transparent; + border-radius: 10px +} + +#no-permission-page-list-wrapper .user-list-wrapper::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6) +} + +#no-permission-page-list-wrapper .base-title-container .base-title-subtitle strong,#no-permission-page-list-wrapper .base-title-container .base-title-title { + font-weight: 500 +} + +#no-permission-page-list-wrapper .user-list-title-center .base-title-subtitle,#no-permission-page-list-wrapper .user-list-title-center .base-title-title,#no-permission-page-list-wrapper .user-list-title-center .user-list-title { + text-align: center +} + +#no-permission-page-list-wrapper .open-list-part { + margin-bottom: 0 +} + +#no-permission-page-list-wrapper .user-list-item-wrapper { + background-color: #f8f9fa +} + +#no-permission-page-list-wrapper .user-list-item { + margin: 0; + font-weight: 400; + background-color: #f8f9fa; + border: none +} + +#no-permission-page-list-wrapper .user-list-item:hover { + background-color: rgba(31,35,41,.08) +} + +#no-permission-page-list-wrapper .user-list-item .item-content .tenant-name { + font-weight: 500 +} + +#no-permission-page-list-wrapper .user-list-item .item-content .user-name { + font-weight: 400 +} + +#no-permission-page-list-wrapper .list-fold-btn { + margin: 0; + font-weight: 400 +} + +.approval-form-container { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column +} + +.approval-form-container,.approval-form-container .approval-form-header { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +.approval-form-container .approval-form-header { + margin-bottom: 20px +} + +.approval-form-container .approval-form-header .approval-form-header-item { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100% +} + +.approval-form-container .approval-form-item-title { + margin-bottom: 8px; + font-size: 14px; + font-weight: 500; + line-height: 22px; + color: #1f2329 +} + +.approval-form-modal-icon { + margin-right: 16px; + font-size: 24px; + color: #f80 +} + +.approval-form-users-tag { + cursor: pointer +} + +.approval-form-users-tag:not(:last-child) { + margin-right: 5px +} + +.user-profile-popover .ud__popover-content { + padding: 0; + border: none +} + +@media (min-width: 480px) { + #no-permission-page-list-wrapper .user-list-logo-wrapper { + padding:72px 24px 0 + } + + #no-permission-page-list-wrapper .user-list-logo-wrapper img { + width: 120px; + height: 120px + } + + #no-permission-page-list-wrapper .open-list-part+.open-list-part { + margin-top: -8px + } + + #no-permission-page-list-wrapper .user-list-wrapper { + padding: 0 24px + } + + #no-permission-page-list-wrapper .user-list-wrapper .list-fold-btn-wrapper { + margin-top: 32px; + margin-bottom: 9px + } + + #no-permission-page-list-wrapper .user-list-item-wrapper { + padding: 8px; + border-radius: 8px + } + + #no-permission-page-list-wrapper .user-list-item { + height: 60px; + padding: 0 8px; + border-radius: 8px + } + + #no-permission-page-list-wrapper .user-list-item .item-header img { + width: 40px; + height: 40px + } + + #no-permission-page-list-wrapper .user-list-item .item-content .tenant-name { + font-size: 14px + } + + #no-permission-page-list-wrapper .user-list-item .item-content .user-name { + font-size: 12px + } + + #no-permission-page-list-wrapper .footer-btn-wrapper { + padding: 15px 24px 72px + } +} + +@media (max-width: 568px) { + #no-permission-page-list-wrapper .user-list-logo-wrapper { + padding:.9rem .48rem 0 + } + + #no-permission-page-list-wrapper .user-list-logo-wrapper img { + width: 2.4rem; + height: 2.4rem + } + + #no-permission-page-list-wrapper .open-list-part+.open-list-part { + margin-top: -.16rem + } + + #no-permission-page-list-wrapper .user-list-wrapper { + padding: 0 .48rem + } + + #no-permission-page-list-wrapper .user-list-wrapper .list-fold-btn-wrapper { + margin-top: .64rem; + margin-bottom: .18rem + } + + #no-permission-page-list-wrapper .user-list-item-wrapper { + padding: .16rem; + border-radius: .16rem + } + + #no-permission-page-list-wrapper .user-list-item { + height: 1.2rem; + padding: 0 .16rem; + border-radius: .16rem + } + + #no-permission-page-list-wrapper .user-list-item .item-header img { + width: .8rem; + height: .8rem + } + + #no-permission-page-list-wrapper .user-list-item .item-content .tenant-name { + font-size: .28rem + } + + #no-permission-page-list-wrapper .user-list-item .item-content .user-name { + font-size: .24rem + } + + #no-permission-page-list-wrapper .footer-btn-wrapper { + padding: .3rem .48rem .18rem + } +} + +.pwd-auth-less-module .pwd-less-auth-avatar { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.pwd-auth-less-module .base-title-container { + text-align: center +} + +.pwd-auth-less-module .base-title-container .base-title-title { + height: auto; + font-weight: 500 +} + +@media (min-width: 480px) { + .pwd-auth-less-module { + padding:40px + } + + .pwd-auth-less-module .pwd-less-auth-avatar { + margin-bottom: 16px + } + + .pwd-auth-less-module .base-title-container { + margin-bottom: 40px + } + + .pwd-auth-less-module .base-title-container .base-title-title { + font-size: 20px + } + + .pwd-auth-less-module .base-title-container .base-title-subtitle { + margin-top: 16px + } +} + +@media (max-width: 568px) { + .pwd-auth-less-module { + padding:0 24px + } + + .pwd-auth-less-module .pwd-less-auth-avatar { + margin-bottom: .32rem + } + + .pwd-auth-less-module .base-title-container { + margin-bottom: .8rem + } + + .pwd-auth-less-module .base-title-container .base-title-title { + font-size: .4rem + } + + .pwd-auth-less-module .base-title-container .base-title-subtitle { + margin-top: .32rem + } +} + +.meta-step-ui__user-info__tabs { + margin-bottom: 12px +} + +.meta-step-ui__user-info__tabs .base-tabs-bar-container { + margin-bottom: 16px +} + +.meta-step-ui__user-info__terms { + margin-top: 12px +} + +.meta-step-ui__user-info__tip { + font-size: 14px; + line-height: 20px; + color: #646a73; + white-space: pre-wrap +} + +.show-page-container__content { + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.show-page-container__content__button { + margin: 16px +} + +.show-page-container__content__button button { + width: 279px; + height: 48px; + font-size: 17px +} + +@media (max-width: 568px) { + .show-page-container__button { + margin:.32rem; + width: 100% + } + + .show-page-container__button button { + width: 100% + } +} + +._pp_remote_register_loading { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 100%; + height: 100%; + min-height: 280px +} + +.meta__verify-list__container .base-tab-pane { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column +} + +.meta__verify-list__container .meta__verify-list__pwd-input { + margin-bottom: 16px +} + +.meta__verify-list__container .base-code-box-container { + margin-bottom: 12px +} + +.meta__verify-list__container .fido-next,.meta__verify-list__container .idp-next { + margin-bottom: 16px +} + +.meta__verify-list__container .authn_method { + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + margin-bottom: 12px; + cursor: pointer; + background-color: #fff; + border: 1px solid #dee0e3; + border-radius: 10px; + -webkit-transition: background-color .2s; + transition: background-color .2s +} + +.meta__verify-list__container .authn_method:hover { + background-color: rgba(31,35,41,.08) +} + +.meta__verify-list__container .authn_method.authn_method-disabled { + cursor: not-allowed; + opacity: .6 +} + +.meta__verify-list__container .authn_method.authn_method-disabled:hover { + background-color: #fff +} + +.meta__verify-list__container .authn_method:last-child { + margin-bottom: 0 +} + +.meta__verify-list__container .authn_method .authn_method_icon { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + width: 32px; + height: 32px; + margin: 0 16px +} + +.meta__verify-list__container .authn_method .authn_method_icon>img { + width: 25px +} + +.meta__verify-list__container .authn_method .authn_method_content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin: 16px 0 +} + +.meta__verify-list__container .authn_method .authn_method_content .authn_method_content_text { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 200px; + overflow: hidden; + font-size: 16px; + font-weight: 500; + line-height: 24px; + color: #1f2329; + text-overflow: ellipsis; + white-space: nowrap +} + +.meta__verify-list__container .authn_method .authn_method_content .authn_method_content_desc { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1; + max-width: 232px; + overflow: hidden; + font-size: 14px; + line-height: 18px; + color: #646a73 +} + +.meta__verify-list__container .authn_method .authn_method_next { + width: 17px; + min-width: 17px; + height: 17px; + margin: 0 16px; + font-size: 17px; + color: #8f959e +} + +.meta__verify-list__container .forget-text { + font-size: 14px; + line-height: 1; + color: #646a73; + white-space: pre-wrap +} + +.meta__verify-list__container .code-tip { + margin-bottom: 16px; + font-size: 14px; + line-height: 1 +} + +.meta__verify-list__container .mail-link { + margin-right: 2px; + font-size: 12px; + text-decoration: underline +} + +.meta__verify-list__container .mail-link .mail-icon { + margin: 5px 2px 2px +} + +.meta__verify-list__other-methods-btn { + margin-left: 0!important +} + +@media (max-width: 568px) { + .web-v3-layout-box .meta__verify-list__container .meta__verify-list__pwd-input { + margin-bottom:.32rem + } + + .web-v3-layout-box .meta__verify-list__container .mail-link { + font-size: 12px + } + + .web-v3-layout-box .meta__verify-list__container .forget-pwd { + font-size: .28rem + } + + .web-v3-layout-box .meta__verify-list__container .mail-icon { + margin: 0 .1rem + } +} + +.enter-register-fido-container .ud__illustration-title { + margin-top: 10px; + margin-bottom: 8px +} + +.enter-register-fido-container__illustration-title { + font-size: 20px; + font-weight: 600; + line-height: 28px; + white-space: pre-line +} + +.enter-register-fido-container__illustration-subtitle>a { + color: #3370ff; + text-decoration: none +} + +.enter-register-fido-container__illustration-desc-list ul { + padding: 0 0 0 12px; + margin: 0; + text-align: start; + list-style: disc +} + +.enter-register-fido-container__illustration-desc-list ul li { + line-height: 22px; + color: #646a73 +} + +.enter-register-fido-container__illustration-desc-list ul li>span { + color: #f54a45!important +} + +.enter-register-fido-container__illustration-desc-list ul li:not(:last-child) { + padding-bottom: 8px +} + +.enter-register-fido-container__button { + margin-top: 20px +} + +.lite-login__main-title { + padding-top: 58px; + margin-bottom: 28px; + font-size: 24px; + font-weight: 600; + line-height: 32px; + color: #1f2329 +} + +.lite-login__main-title__highlight { + margin-bottom: 2px; + color: #245bdb +} + +.lite-login__main-title.has-sub-title { + margin-bottom: 12px +} + +.lite-login__main-title.h5-title { + text-align: center +} + +.lite-login__main-title.h5-title .lite-login__main-title__highlight,.lite-login__main-title.h5-title .lite-login__main-title__normal { + display: inline-block +} + +.lite-login__main-title.h5-title .lite-login__main-title__normal { + margin-left: 2px +} + +.lite-login__sub-title { + margin-bottom: 30px; + font-size: 14px; + font-weight: 400; + line-height: 20px; + color: #8f959e; + text-align: center +} + +.lite-login__sub-title__left { + display: inline-block +} + +.lite-login__sub-title__right { + display: inline-block; + margin-left: 12px +} + +.lite-login .mobile-input-container,.lite-login .verify_input { + margin-bottom: 16px +} + +.lite-login .mobile-input-container .mobile-input-error-msg,.lite-login .verify_input .mobile-input-error-msg { + word-break: break-word +} + +.lite-login__login-button { + height: 40px; + margin-bottom: 8px; + font-size: 16px +} + +.lite-login.is_mobile .lite-login__login-button { + height: 48px +} + +.lite-login__more-login { + width: 100%; + margin-top: 64px; + font-size: 14px; + color: #245bdb; + text-align: center; + cursor: pointer +} + +@media screen and (max-width: 376px) { + .lite-login .lite-login__more-login.ja-JP { + margin-top:24px + } +} + +.lite-login.step-box.ud__modal__content .ud__modal__footer,.lite-login.step-box.ud__modal__content .ud__modal__header { + display: none +} + +.lite-login.step-box.ud__modal__content .ud__modal__body { + padding: 0; + margin: 0 +} + +.lite-login.step-box.ud__modal__content .step-box__body { + padding: 0 20px +} + +.lite-login .mobile-input-container .mobile-input,.lite-login .mobile-input-container .mobile-input .mobile-input-left,.lite-login .mobile-input-container .mobile-input .mobile-input-right { + height: 40px +} + +.lite-login .mobile-input-container .mobile-input .mobile-input-left .mobile-input-code,.lite-login .mobile-input-container .mobile-input .mobile-input-right .mobile-input-phone { + font-size: 14px +} + +.lite-login .mobile-input-container .mobile-input .mobile-input-left .mobile-input-code:focus::-webkit-contacts-auto-fill-button,.lite-login .mobile-input-container .mobile-input .mobile-input-right .mobile-input-phone:focus::-webkit-contacts-auto-fill-button { + opacity: 0 +} + +.lite-login.is_mobile .mobile-input-container .mobile-input,.lite-login.is_mobile .mobile-input-container .mobile-input .mobile-input-left,.lite-login.is_mobile .mobile-input-container .mobile-input .mobile-input-right { + height: 48px +} + +.lite-login.is_mobile .mobile-input-container .mobile-input .mobile-input-left .mobile-input-code,.lite-login.is_mobile .mobile-input-container .mobile-input .mobile-input-right .mobile-input-phone { + font-size: 16px +} + +.lite-login.is_mobile .mobile-input-container .mobile-input .mobile-input-left .mobile-input-code:focus::-webkit-contacts-auto-fill-button,.lite-login.is_mobile .mobile-input-container .mobile-input .mobile-input-right .mobile-input-phone:focus::-webkit-contacts-auto-fill-button { + opacity: 0 +} + +.lite-login .terms-and-policy-container.lite-login__terms .ud__checkbox__wallpaper { + border-radius: 4px +} + +.lite-login:not(.is_mobile) .terms-and-policy-container.lite-login__terms .passport-policy-content { + font-size: 12px +} + +.lite-login__country-list.pp-country-list.base-country-list-container.disabled-media-h5 { + height: 260px +} + +.lite-login__country-list.pp-country-list.base-country-list-container.disabled-media-h5 .base-country-list-letter-list { + width: auto; + max-height: 100%; + padding-right: 6px; + overflow-y: scroll; + scrollbar-width: thin +} + +.verify_input__input-container { + position: relative +} + +.verify_input__ud-input .ud__input-input-wrap { + height: 40px; + font-size: 14px +} + +.verify_input.is_mobile .verify_input__ud-input .ud__input-input-wrap { + height: 46px; + font-size: 16px +} + +.verify_input__ud-input .ud__native-input:focus::-webkit-contacts-auto-fill-button { + opacity: 0 +} + +.verify_input__input-right { + position: absolute; + top: 0; + right: 0; + bottom: 0; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: right; + -webkit-justify-content: right; + -ms-flex-pack: right; + justify-content: right; + margin-right: 8px +} + +.verify_input__input-right__send { + font-size: 14px; + color: #245bdb; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.verify_input__input-right__send.disabled { + color: #bbbfc4; + cursor: default +} + +.verify_input.is_mobile .verify_input__input-right__send { + font-size: 16px +} + +.verify_input__input-right__count-down { + color: #bbbfc4 +} + +.verify_input__error-msg { + margin-top: 6px; + font-size: 14px; + line-height: 20px; + color: #f54a45 +} + +.verify_input__disabled-block { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + cursor: not-allowed +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + padding: 0!important; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection .purposeCollection__error { + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection .purposeCollection__error .error-icon { + width: 125px; + height: 125px; + display: inline-block; + background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIxIiBoZWlnaHQ9IjEyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEwLjIxNiA2OC4yNTR2LTcuNzAxYzQuMzA2IDIuNzI2IDUuNjA3IDUuOTMyIDUuNjA3IDkuMTY4IDAgMS4zODguMDA4IDIuNTI1LjAxNSAzLjU3LjAxMiAxLjg1Ni4wMjIgMy40MjEtLjAxNSA1LjU3Ni0uNDAxLTIuNDA2LTEuNTU2LTcuNjMzLTUuNjA3LTEwLjYxNHpNMTAuNjM0IDQyLjc1djcuNjgxYy0xLjk0OCAxLjc4LTMuNzI1IDYuMjE5LTIuNDc5IDkuODktLjI5LS4zNjMtLjU1OC0uNjgyLS44MDgtLjk3OC0xLjQwOC0xLjY3NC0yLjIyNi0yLjY0Ni0zLjA0My02Ljc5NiAwLTIuMjkxLjk5LTcuNDEyIDYuMzMtOS43OTd6IiBmaWxsPSIjMEMyOTZFIi8+PHBhdGggZD0iTTEwLjYzNCAyMy4xNzRWOTMuNTlhNCA0IDAgMDA0IDRINTMuNjFsOC42MS0yMC4zOTMtMTEuNjM0LTE5LjMzNEw2Mi4yMTkgMzEuNjFoLTUuMzM0YTQgNCAwIDAxLTMuMTYzLTEuNTUybC03LjIyNi05LjMzM2E0IDQgMCAwMC0zLjE2My0xLjU1MUgxNC42MzRhNCA0IDAgMDAtNCA0eiIgZmlsbD0iI0JCQkZDNCIgZmlsbC1vcGFjaXR5PSIuNDUiLz48cGF0aCBkPSJNMTEwLjIxNiA5My41OVYzNS42MWE0IDQgMCAwMC00LTRoLTMyLjgyTDYxLjg2OCA1Ny44NjRsMTEuNDQ2IDE5LjMzNC04LjQ1OSAyMC4zOTNoNDEuMzYyYTQgNCAwIDAwNC00eiIgZmlsbD0iI0JCQkZDNCIgZmlsbC1vcGFjaXR5PSIuNDUiLz48cGF0aCBkPSJNNS4zMDQgNjQuNTExdi03LjQzYzEuMDA0IDEuNTQ2IDIuMjUyIDIuODYgMy43NDQgMy45OTMgMi41MSAxLjkwNCA1LjY3OCAzLjI2NyA5LjQ1NiA0LjM4N3Y4LjUyNWMtOC43MTYtMi40Ni0xMi4wNTgtNi43ODgtMTMuMi05LjQ3NXptMC05LjQ0NWExNy4wMyAxNy4wMyAwIDAxLTEtMi40OThWNjQuNzFjMS4yMTMgMy4wMjcgNC44MzYgNy43NDMgMTQuMiAxMC4zMTQuMzI3LjA4OS42Ni4xNzYgMSAuMjZWNjQuNzFjLTcuMDEtMS45ODMtMTEuNzA4LTQuNjQzLTE0LjItOS42NDR6IiBmaWxsPSIjMEMyOTZFIi8+PHBhdGggZD0iTTE5LjM3MiAyNy42MzNhMS45OCAxLjk4IDAgMTEwIDMuOTYgMS45OCAxLjk4IDAgMDEwLTMuOTZ6bTIuOTggMS45OGEyLjk4IDIuOTggMCAxMC01Ljk2IDAgMi45OCAyLjk4IDAgMDA1Ljk2IDB6TTI5LjIyIDI3LjYzM2ExLjk4IDEuOTggMCAxMTAgMy45NiAxLjk4IDEuOTggMCAwMTAtMy45NnptMi45OCAxLjk4YTIuOTggMi45OCAwIDEwLTUuOTYgMCAyLjk4IDIuOTggMCAwMDUuOTYgMHpNMTUuODkyIDQ5Ljc0OGEuNS41IDAgMDEuNS0uNUgzNy4yOWEuNS41IDAgMDEwIDFoLTIwLjlhLjUuNSAwIDAxLS41LS41ek0xNS44OTIgNTkuMDVhLjUuNSAwIDAxLjUtLjVIMzcuMjlhLjUuNSAwIDExMCAxaC0yMC45YS41LjUgMCAwMS0uNS0uNXoiIGZpbGw9IiM4Rjk1OUUiLz48cGF0aCBkPSJNOTUuNjE4IDEwNC4wNThjMTAuNDQ5LS44MDYgMTMuNTUzLTQuNTQzIDE2LjU3NS03LjcxMnY3LjcxMmMtMS44NDIgMi43NzEtOC4yMDEgNS45OTQtMTYuNTc1IDYuNjY2LTguMzc0LjY3My0xOC4wMyAwLTM0LjA0NS0uNzg0di02LjY2M2MxMi42OTEgMCAyMy41OTYgMS41ODcgMzQuMDQ1Ljc4MXpNODAuODQ2IDg5LjE5MnYtNy43MThjNi43NC41OSAxMi44MzMgMS40NDQgMjEuOTggMCA5LjI0MS0xLjQ2IDEyLjk5OC03LjA5NiAxMi45OTgtMTIuNTE3djEwLjA3Yy0uNDgyIDMuNDEtNC44MTQgOS4xODYtMTIuNTE3IDEwLjE1LTcuNzAyLjk2Mi0xNC43OTQuOTMxLTIyLjQ2MS4wMTV6IiBmaWxsPSIjMzM3MEZGIi8+PHBhdGggZD0iTTUuNzAzIDkzLjY3NHYtOC4yMDFjOC4yMDIgNi40IDIxLjEyIDkuMzc2IDMzLjI5NyA5LjM3NnY4LjEwNWMtMTQuMDk0IDAtMjcuNjk2LTMuNjc5LTMzLjI5Ny05LjI4eiIgZmlsbD0iIzAwRDZCOSIvPjxwYXRoIGQ9Ik05OC4zMzUgNDQuNjMzYzkuOTQxIDAgMTgtOC4wNiAxOC0xOCAwLTkuOTQxLTguMDU5LTE4LTE4LTE4cy0xOCA4LjA1OS0xOCAxOGMwIDkuOTQgOC4wNTkgMTggMTggMTh6IiBmaWxsPSIjRjgwIi8+PHBhdGggZD0iTTk3LjUxNiAxOC40NTFhLjgxOC44MTggMCAwMC0uODE4LjgxOHY5LjgxOWMwIC40NTEuMzY3LjgxOC44MTguODE4aDEuNjM3YS44MTguODE4IDAgMDAuODE4LS44MTlWMTkuMjdhLjgxOC44MTggMCAwMC0uODE4LS44MThoLTEuNjM3ek05Ny41MTYgMzEuNTQyYS44MTguODE4IDAgMDAtLjgxOC44MTh2MS42MzdjMCAuNDUyLjM2Ny44MTguODE4LjgxOGgxLjYzN2EuODE4LjgxOCAwIDAwLjgxOC0uODE4VjMyLjM2YS44MTguODE4IDAgMDAtLjgxOC0uODE4aC0xLjYzN3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=); + background-repeat: no-repeat; + background-size: 100% 100% +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection .purposeCollection__error .error-desc { + display: inline-block; + max-width: 250px; + margin: 16px 0 32px; + text-align: center; + color: #646a73 +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection .purposeCollection__error .pp-base-button { + font-size: 16px; + padding: 0 16px; + min-width: 120px; + border-radius: 4px +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection .purposeCollection__loading { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin: auto; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection>iframe { + border: none; + width: 100%; + -webkit-box-flex: 1; + -webkit-flex: 1 0 auto; + -ms-flex: 1 0 auto; + flex: 1 0 auto +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection>iframe.hide { + display: none +} + +.new-account-login-box .new-account-login-module.ug-purpose-collection>iframe.show { + display: block +} + +.mini-user-panel-container { + position: absolute; + top: 3px; + right: 35px; + z-index: 1 +} + +.mini-user-panel-container .mini-user-panel-content { + display: -webkit-inline-box; + display: -webkit-inline-flex; + display: -ms-inline-flexbox; + display: inline-flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.mini-user-panel-container .mini-user-panel-content .mini-user-panel-avatar { + width: 24px; + height: 24px; + background-color: #eff0f1; + border-radius: 50% +} + +.mini-user-panel-container .mini-user-panel-content .mini-user-panel-name { + max-width: 164px; + margin-left: 8px; + overflow: hidden; + font-weight: 500; + text-overflow: ellipsis; + white-space: nowrap +} + +.mini-user-panel-container .mini-user-panel-content .mini-user-panel-caret { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + margin-left: 4px; + -webkit-transition: all .2s; + transition: all .2s; + -webkit-transform: rotate(0); + transform: rotate(0) +} + +.mini-user-panel-container .mini-user-panel-content .mini-user-panel-caret svg { + fill: #2b2f36 +} + +.mini-user-panel-container .mini-user-panel-content .mini-user-panel-caret.mini-user-panel-caret-active { + -webkit-transform: rotate(-180deg); + transform: rotate(-180deg) +} + +.mini-user-panel-container .mini-user-panel-content.mini-user-panel-content-medium .mini-user-panel-avatar { + width: 32px; + height: 32px +} + +.mini-user-panel-container .mini-user-panel-content.mini-user-panel-content-medium .mini-user-panel-name { + font-size: 18px +} + +.mini-user-panel-container .mini-user-panel-content.mini-user-panel-content-medium .mini-user-panel-caret { + width: 12px; + height: 12px +} + +.mini-user-panel-container .mini-user-panel-card { + position: absolute; + top: 104%; + z-index: 9; + -webkit-box-sizing: border-box; + box-sizing: border-box; + width: 200px; + text-align: center; + background-color: #fff; + border: 1px solid #dee0e3; + border-radius: 6px; + -webkit-box-shadow: 0 4px 8px 0 rgba(31,35,41,.1); + box-shadow: 0 4px 8px 0 rgba(31,35,41,.1); + opacity: 0; + -webkit-transition: all .2s,opacity .11s; + transition: all .2s,opacity .11s; + -webkit-transform: scale(0) translateZ(0); + transform: scale(0) translateZ(0) +} + +.mini-user-panel-container .mini-user-panel-card.mini-user-panel-topRight { + right: 0; + -webkit-transform-origin: 100% 0 0; + transform-origin: 100% 0 0 +} + +.mini-user-panel-container .mini-user-panel-card.mini-user-panel-topLeft { + left: 0; + -webkit-transform-origin: 0 0 0; + transform-origin: 0 0 0 +} + +.mini-user-panel-container .mini-user-panel-card.mini-user-panel-card-active { + overflow: hidden; + opacity: 1; + -webkit-transform: scale(1) translateZ(0); + transform: scale(1) translateZ(0) +} + +.mini-user-panel-container .mini-user-panel-card .mini-user-panel-card-body { + padding: 24px 10px 16px; + border-bottom: 1px solid rgba(31,35,41,.15) +} + +.mini-user-panel-container .mini-user-panel-card .mini-user-panel-card-body>img { + width: 48px; + height: 48px; + margin-bottom: 8px; + border-radius: 50%; + -o-object-fit: cover; + object-fit: cover +} + +.mini-user-panel-container .mini-user-panel-card .mini-user-panel-card-body .mini-user-panel-card-u { + font-size: 14px; + font-weight: 500; + line-height: 22px; + color: #1f2329 +} + +.mini-user-panel-container .mini-user-panel-card .mini-user-panel-card-body .mini-user-panel-card-t { + font-size: 14px; + line-height: 20px; + color: #8f959e +} + +.mini-user-panel-container .mini-user-panel-card .mini-user-panel-logout { + -webkit-box-sizing: border-box; + box-sizing: border-box; + height: 40px; + margin: 3px; + font-size: 14px; + line-height: 40px; + color: #f54a45; + cursor: pointer; + border-radius: 4px +} + +.mini-user-panel-container .mini-user-panel-card .mini-user-panel-logout:hover { + background-color: #eff0f1 +} + +.passport-layout-web-pwd-less-auth.web-v3-layout-box { + width: 100%; + height: 100%; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.passport-layout-web-pwd-less-auth.web-v3-layout-box,.passport-layout-web-pwd-less-auth.web-v3-layout-box .web-login-left { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +.passport-layout-web-pwd-less-auth.web-v3-layout-box .web-login-left { + width: auto; + height: auto; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column +} + +.passport-layout-web-pwd-less-auth.web-v3-layout-box .web-main-content { + position: static; + -webkit-transform: none; + transform: none +} + +.passport-layout-web-pwd-less-auth.web-v3-layout-box .login-content-container,.passport-layout-web-pwd-less-auth.web-v3-layout-box .new-account-login-box,.passport-layout-web-pwd-less-auth.web-v3-layout-box .web-main-content { + height: auto; + position: static; + -webkit-transform: none; + transform: none +} + +.passport-layout-web-pwd-less-auth.web-v3-layout-box .login-com-lang { + position: static +} + +@media (min-width: 480px) { + .passport-layout-web-pwd-less-auth.web-v3-layout-box .web-v3-common-logo { + padding-left:0; + position: static + } + + .passport-layout-web-pwd-less-auth.web-v3-layout-box .login-content-container,.passport-layout-web-pwd-less-auth.web-v3-layout-box .new-account-login-box,.passport-layout-web-pwd-less-auth.web-v3-layout-box .web-main-content { + min-height: 364px + } + + .passport-layout-web-pwd-less-auth.web-v3-layout-box .login-com-lang { + margin-top: 24px + } + + .passport-layout-web-pwd-less-auth.web-v3-layout-box .newLogin_lang-options-up { + left: auto; + bottom: auto; + margin-top: 28px + } +} + +@media (max-width: 568px) { + .passport-layout-web-pwd-less-auth.web-v3-layout-box .login-com-lang { + margin-top:.48rem + } +} + +.web-abnormal-body { + height: 100%; + width: 100% +} + +.web-abnormal-body .web-abnormal-page { + width: 424px; + height: 410px; + max-width: 100%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) +} + +.web-abnormal-body .web-abnormal-page .login-content-container { + height: 100%; + -webkit-box-shadow: none; + box-shadow: none; + border: none +} + +.web-abnormal-body .web-abnormal-page .login-content-container .new-account-login-box { + height: 100%; + width: 100% +} + +@media (min-width: 480px) { + .web-abnormal-body { + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing: grayscale + } + + .web-abnormal-body .web-abnormal-page .new-account-login-box .new-account-login-module .flex-grow,.web-abnormal-body .web-abnormal-page .verify-credential-container .verify-identity-tabs { + -webkit-box-flex: initial; + -webkit-flex-grow: initial; + -ms-flex-positive: initial; + flex-grow: 0 + } +} + +@media (max-width: 568px) { + .web-abnormal-body .web-abnormal-page { + height:100%; + padding-top: 1.2rem + } +} + +.passport-layout-web-lite-login.web-v3-layout-box { + display: block; + width: 100%; + height: 100% +} + +.passport-layout-web-lite-login.web-v3-layout-box .login-content-container { + width: 100%; + height: 100% +} + +.passport-layout-web-lite-login.web-v3-layout-box.is-mobile .step-box.ud__modal__content { + background: #f5f8ff!important +} + +.web-v3-common-logo { + position: absolute; + top: 0; + z-index: 1; + -webkit-box-sizing: border-box; + box-sizing: border-box; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 100%; + height: 73px; + padding-left: 35px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.web-v3-common-logo>.logo-image { + width: auto; + height: 38px; + cursor: pointer +} + +@media (max-width: 568px) { + .web-v3-common-logo { + top:0; + height: 1.1rem; + padding-left: .48rem + } + + .web-v3-common-logo>.logo-image { + height: .6rem + } +} + +._pp-error-boundary { + font-size: 16px; + width: 100%; + height: 100%; + border-radius: 4px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +._pp-error-boundary .error-tips { + margin: 12px 0 26px; + text-align: center; + padding: 0 20px; + color: #646a73 +} + +._pp-error-boundary .reload-btn { + min-width: 80px; + height: 32px; + padding: 0 12px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + border: 1px solid #d0d3d6; + border-radius: 4px; + cursor: pointer +} + +@media (max-width: 568px) { + ._pp-error-boundary { + font-size:.32rem; + border-radius: 4px + } + + ._pp-error-boundary .error-tips { + margin-bottom: .5rem; + padding: 0 .4rem + } + + ._pp-error-boundary .reload-btn { + height: .64rem; + padding: 0 .24rem; + font-size: .28rem; + border-radius: 4px + } +} + +input:-internal-autofill-selected { + background-color: #fff; + background-image: none!important +} + +.new-account-login-box input,.new-account-login-box textarea { + -moz-appearance: none; + -webkit-appearance: none +} + +.new-account-login-box input::-ms-clear,.new-account-login-box input::-ms-reveal { + display: none!important +} + +.new-account-login-box input::-webkit-autofill { + background-color: #fff!important +} + +.new-account-login-box input::-webkit-credentials-auto-fill-button,.new-account-login-box input::-webkit-inner-spin-button { + display: none!important; + visibility: hidden; + pointer-events: none; + position: absolute; + right: 0 +} + +.new-account-login-box input::-webkit-caps-lock-indicator { + -webkit-align-self: center; + align-self: center +} + +.login-content-container { + position: relative; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + overflow: hidden; + border-radius: 12px; + border: 1px solid #dee0e3; + -webkit-box-shadow: 0 4px 8px rgba(31,35,41,.03),0 3px 6px -6px rgba(31,35,41,.05),0 6px 18px 6px rgba(31,35,41,.03); + box-shadow: 0 4px 8px rgba(31,35,41,.03),0 3px 6px -6px rgba(31,35,41,.05),0 6px 18px 6px rgba(31,35,41,.03) +} + +.login-qr-switch-box { + position: absolute; + top: 4px; + right: 4px; + border-radius: 8px; + width: 400px; + height: 80px; + overflow: hidden +} + +.login-content-bottom { + position: absolute; + bottom: -42px; + width: 100%; + height: 30px; + font-size: 14px; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start; + text-align: center +} + +._pp-error-boundary { + -webkit-box-shadow: 0 4px 14px 0 rgba(206,207,209,.28); + box-shadow: 0 4px 14px 0 rgba(206,207,209,.28) +} + +@media (min-width: 480px) { + .login-content-container { + -webkit-transform:rotate(0); + transform: rotate(0) + } +} + +@media (min-height: 640px) { + .login-content-bottom { + bottom:-38px + } +} + +@media (max-width: 568px) { + .login-content-container { + border:none; + -webkit-box-shadow: none; + box-shadow: none; + border-radius: 0 + } +} + +.base-modal-container { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1000; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + background-color: rgba(0,0,0,.4); + -webkit-transform: translateZ(0); + transform: translateZ(0); + -webkit-tap-highlight-color: transparent +} + +.base-modal-container,.base-modal-container .base-modal { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +.base-modal-container .base-modal { + position: relative; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 420px; + height: auto; + padding: 24px; + margin-bottom: 50px; + font-size: 14px; + background-color: #fff; + border-radius: 8px; + -webkit-animation-fill-mode: both; + animation-fill-mode: both +} + +.base-modal-container .base-modal .close { + position: absolute; + top: 16px; + right: 16px; + display: block; + width: 18px; + height: 18px; + font-size: 18px; + color: #646a73; + cursor: pointer +} + +.base-modal-container .base-modal .moadl-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: start; + -webkit-align-items: flex-start; + -ms-flex-align: start; + align-items: flex-start +} + +.base-modal-container .base-modal .moadl-content a { + margin: 0 2px; + color: #245bdb; + -webkit-text-decoration-line: none; + text-decoration-line: none +} + +.base-modal-container .base-modal .moadl-content a:hover { + color: #3370ff +} + +.base-modal-container .base-modal .moadl-content a:active { + color: #1c4cba +} + +.base-modal-container .base-modal .modal-icon { + -webkit-flex-shrink: 0; + -ms-flex-negative: 0; + flex-shrink: 0; + width: 24px; + height: 24px; + margin-right: 16px; + font-size: 22px +} + +.base-modal-container .base-modal .modal-title { + height: auto; + margin: 0 0 8px; + overflow: hidden; + font-size: 16px; + font-weight: 500; + line-height: 24px; + color: #1f2329; + text-overflow: ellipsis; + white-space: break-spaces +} + +.base-modal-container .base-modal .modal-content-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.base-modal-container .base-modal .modal-subtitle { + font-size: 14px; + line-height: 20px; + color: #1f2329 +} + +.base-modal-container .base-modal .modal-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + margin-top: 26px; + text-align: right +} + +.base-modal-container .base-modal .modal-footer .pp-modal-btn-cancel,.base-modal-container .base-modal .modal-footer .pp-modal-btn-confirm { + min-width: 90px +} + +.base-modal-container .base-modal .modal-footer .pp-modal-btn-confirm { + margin-left: 12px +} + +.base-modal-container .base-modal .flex-column { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-flex: 1; + -webkit-flex: 1; + -ms-flex: 1; + flex: 1; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + width: 100%; + min-width: 0 +} + +.base-modal-container .base-modal .flex-grow { + -webkit-box-flex: 1; + -webkit-flex-grow: 1; + -ms-flex-positive: 1; + flex-grow: 1 +} + +@media (min-width: 480px) { + .base-modal-container .base-modal { + opacity:0; + -webkit-transform: scale(.7); + transform: scale(.7); + -webkit-animation-name: scaleIn_Modal; + animation-name: scaleIn_Modal; + -webkit-animation-duration: .3s; + animation-duration: .3s + } + + ._modal-wrapper-closing .base-modal-container { + background-color: transparent!important + } + + ._modal-wrapper-closing .base-modal-container .base-modal { + -webkit-animation-name: scaleOut_Modal; + animation-name: scaleOut_Modal; + -webkit-animation-duration: .24s; + animation-duration: .24s + } +} + +@media (max-width: 568px) { + .base-modal-container .base-modal { + width:300px!important; + max-width: 92%; + height: auto; + padding: 24px 0 0; + margin-bottom: 0; + background-color: #fff; + border-radius: 8px; + opacity: 0; + -webkit-transform: scale(.5); + transform: scale(.5); + -webkit-animation-name: scaleIn_Modal_h5; + animation-name: scaleIn_Modal_h5; + -webkit-animation-duration: .3s; + animation-duration: .3s + } + + .base-modal-container .base-modal .modal-icon { + display: none + } + + .base-modal-container .base-modal .modal-title { + height: auto; + padding: 0 20px; + margin-top: 0; + font-size: 17px; + font-weight: 700; + line-height: 24px; + color: #1f2329; + text-align: center + } + + .base-modal-container .base-modal .modal-content-content { + padding: 0 20px + } + + .base-modal-container .base-modal .modal-subtitle-container { + text-align: center + } + + .base-modal-container .base-modal .modal-subtitle { + display: inline-block; + height: auto; + padding: 0 20px; + margin-top: 12px; + font-size: 16px; + font-weight: 400; + line-height: 22px; + color: #1f2329; + text-align: left + } + + .base-modal-container .base-modal .modal-footer { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + margin-top: 24px; + border-top: .5px solid #dee0e3; + border-radius: 0 0 8px 8px + } + + .base-modal-container .base-modal .modal-footer.horizontal-button button { + -webkit-box-flex: 1; + -webkit-flex: 1 50%; + -ms-flex: 1 50%; + flex: 1 50%; + height: 49px; + word-break: break-all + } + + .base-modal-container .base-modal .modal-footer.horizontal-button button:nth-child(n) { + border-radius: 0 0 0 8px + } + + .base-modal-container .base-modal .modal-footer.horizontal-button button:nth-child(2n) { + border-left: .5px solid #dee0e3; + border-radius: 0 0 8px 0 + } + + .base-modal-container .base-modal .modal-footer.vertical-button { + -webkit-box-orient: vertical; + -webkit-box-direction: reverse; + -webkit-flex-direction: column-reverse; + -ms-flex-direction: column-reverse; + flex-direction: column-reverse + } + + .base-modal-container .base-modal .modal-footer.vertical-button button { + -webkit-box-flex: 1; + -webkit-flex: 1 49px; + -ms-flex: 1 49px; + flex: 1 49px; + width: 100% + } + + .base-modal-container .base-modal .modal-footer.vertical-button button:first-child { + border-top: .5px solid #dee0e3; + border-radius: 0 0 8px 8px + } + + .base-modal-container .base-modal .modal-footer.horizontal-button button,.base-modal-container .base-modal .modal-footer.vertical-button button { + margin: 0; + font-size: 16px; + color: #1f2329; + text-align: center; + background-color: transparent; + border: none; + border-radius: 0 + } + + .base-modal-container .base-modal .modal-footer.horizontal-button .primary,.base-modal-container .base-modal .modal-footer.horizontal-button .primary .ud__button--filled-default-loading,.base-modal-container .base-modal .modal-footer.horizontal-button .primary .ud__button__loading-icon,.base-modal-container .base-modal .modal-footer.vertical-button .primary,.base-modal-container .base-modal .modal-footer.vertical-button .primary .ud__button--filled-default-loading,.base-modal-container .base-modal .modal-footer.vertical-button .primary .ud__button__loading-icon { + color: #3370ff + } + + .base-modal-container .base-modal .modal-footer.horizontal-button .danger,.base-modal-container .base-modal .modal-footer.vertical-button .danger { + color: #f54a45 + } + + .base-modal-container .base-modal .modal-footer button:active { + background-color: #f2f3f5!important + } + + ._modal-wrapper-closing .base-modal-container,.base-modal-container .base-modal .close { + display: none + } +} + +@-webkit-keyframes scaleIn_Modal { + 0% { + opacity: 0; + -webkit-transform: scale(.7); + transform: scale(.7) + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@keyframes scaleIn_Modal { + 0% { + opacity: 0; + -webkit-transform: scale(.7); + transform: scale(.7) + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@-webkit-keyframes scaleOut_Modal { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + + to { + display: none; + opacity: 0; + -webkit-transform: scale(.8); + transform: scale(.8) + } +} + +@keyframes scaleOut_Modal { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + + to { + display: none; + opacity: 0; + -webkit-transform: scale(.8); + transform: scale(.8) + } +} + +@-webkit-keyframes scaleIn_Modal_h5 { + 0% { + opacity: 0; + -webkit-transform: scale(.5); + transform: scale(.5) + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@keyframes scaleIn_Modal_h5 { + 0% { + opacity: 0; + -webkit-transform: scale(.5); + transform: scale(.5) + } + + to { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } +} + +@-webkit-keyframes scaleOut_Modal_h5 { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + + to { + display: none; + opacity: 0; + -webkit-transform: scale(.9); + transform: scale(.9) + } +} + +@keyframes scaleOut_Modal_h5 { + 0% { + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1) + } + + to { + display: none; + opacity: 0; + -webkit-transform: scale(.9); + transform: scale(.9) + } +} + +.login-blank-page { + bottom: 0; + right: 0; + z-index: 999 +} + +.login-blank-page,.sso-root { + position: fixed; + top: 0; + left: 0; + background-color: #fff +} + +.sso-root { + z-index: 99; + height: 100%; + width: 100%; + background-size: cover +} + +.sso-root .sso-brand-box { + position: absolute; + top: 114px; + left: 50%; + -webkit-transform: translateX(-50%); + transform: translateX(-50%) +} + +.sso-root .sso-brand-box>img { + max-height: 99px; + max-width: 200px +} + +.sso-root .sso-footer { + position: absolute; + bottom: 20px; + text-align: center; + width: 100%; + font-size: 12px; + color: #8f959e +} + +.sso-root .sso-footer a { + font-size: 12px +} + +.sso-root .sso-buttons { + position: absolute; + bottom: 76px; + text-align: center; + width: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: end; + -webkit-justify-content: flex-end; + -ms-flex-pack: end; + justify-content: flex-end; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +.sso-root .sso-buttons button { + width: 240px; + height: 40px; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin-bottom: 16px +} + +.sso-root .sso-error { + position: absolute; + bottom: 215px; + width: 100%; + text-align: center +} + +.sso-root .sso-error .sso-error-inner { + position: relative; + display: inline-block; + border-radius: 50px; + line-height: 20px; + opacity: .7; + background-color: #1f2329; + -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.1); + box-shadow: 0 3px 8px rgba(0,0,0,.1); + font-size: 14px; + font-weight: 500; + color: #fff; + padding: 10px 20px; + max-width: 292px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + z-index: 99 +} + +.sso-root .sso-error.sso-error-mutil .sso-error-inner { + border-radius: 8px +} + +.sso-root+.new-account-login-box,.sso-root.sso-hide { + display: none +} + +.sso-root.sso-hide+.new-account-login-box { + display: block +} + +@media (min-width: 480px) { + .sso-root div.oauth-qrcode-model-wrapper { + display:none + } +} + +@media (max-width: 568px) { + .sso-root .sso-icon { + top:2.28rem; + width: 1.56rem; + height: 1.98rem; + margin-left: -.78rem + } + + .sso-root .sso-brand-box { + top: 2.28rem + } + + .sso-root .sso-brand-box>img { + max-height: 2rem; + max-width: 5.4rem + } + + .sso-root.sso-root-local-zh .sso-icon { + width: 1.32rem; + height: 2.04rem + } + + .sso-root .sso-buttons { + bottom: 1.52rem + } + + .sso-root .sso-buttons button { + width: 5.4rem; + height: 1rem; + border-radius: .12rem; + font-size: .34rem; + margin-bottom: .4rem; + margin-left: .1rem; + margin-right: .1rem + } + + .sso-root .sso-footer { + bottom: .4rem; + font-size: .24rem + } + + .sso-root .sso-footer a { + font-size: .24rem + } +} + +div.modal-qrcode-wrapper { + background-color: rgba(0,0,0,.3); + position: fixed; + z-index: 10; + width: 100%; + height: 100%; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +div.modal-qrcode-wrapper .model-qrcode-body { + width: 260px; + height: auto; + max-width: 100%; + background-color: #fff; + border-radius: 6px; + padding: 0; + font-size: 14px; + -webkit-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 2px 8px 0 rgba(31,35,41,.12); + box-shadow: 0 2px 8px 0 rgba(31,35,41,.12) +} + +div.modal-qrcode-wrapper .model-qrcode-body,div.modal-qrcode-wrapper .model-qrcode-content { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + position: relative +} + +div.modal-qrcode-wrapper .model-qrcode-content { + padding: 30px 0 15px +} + +div.modal-qrcode-wrapper .model-qrcode-content,div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-QR-code { + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-QR-code { + position: relative; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-shadow { + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + -ms-flex-direction: column; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + color: #fff; + font-size: 14px; + cursor: pointer +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-shadow:before { + position: absolute; + content: ""; + display: block; + left: 0; + top: 0; + bottom: 0; + right: 0; + background-color: #000; + opacity: .6 +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-shadow .qr-scan-mask-cover { + position: absolute; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + color: #fff +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-shadow .newLogin_scan-refresh { + font-size: 40px; + margin-bottom: 12px +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-g-flex-center { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-g-flex-center .newLogin_scan-loading { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-g-flex-center .newLogin_scan-loading .newLogin_scan-loading-txt { + font-size: 12px; + color: #fff; + line-height: 17px; + margin-top: 12px; + text-align: center +} + +div.modal-qrcode-wrapper .model-qrcode-content .newLogin_scan-g-flex-center .base-loading { + margin: 0 auto; + border-width: 3px +} + +div.modal-qrcode-wrapper .newLogin_scan-QR-code-show { + opacity: 1 +} + +div.modal-qrcode-wrapper .newLogin_scan-QR-code-hide { + opacity: .3 +} + +div.modal-qrcode-wrapper .qrcode-user-avatar { + position: absolute; + top: 90px; + left: 50%; + margin-left: -33px; + width: 66px; + height: 66px; + background-size: cover; + background-position: 50%; + background-repeat: no-repeat; + -webkit-transition: all .3s; + transition: all .3s; + border-radius: 50%; + background-color: #eff0f1 +} + +div.modal-qrcode-wrapper .qrcode-user-avatar .success { + -webkit-transition: all .3s; + transition: all .3s; + width: 24px; + height: 24px; + font-size: 24px; + position: absolute; + right: -3px; + bottom: -3px +} + +div.modal-qrcode-wrapper .qrcode-user-avatar-show { + opacity: 1 +} + +div.modal-qrcode-wrapper .qrcode-user-avatar-hide { + opacity: 0; + z-index: -1 +} + +div.modal-qrcode-wrapper .qrcode-success-doc { + width: 100%; + text-align: center; + font-size: 19px; + line-height: 27px; + color: #1f2329; + font-weight: 700; + -webkit-transition: all .3s; + transition: all .3s; + margin-top: 15px; + margin-bottom: 5px; + overflow: hidden +} + +div.modal-qrcode-wrapper .qrcode-success-doc>span { + font-size: 14px; + line-height: 17px; + font-weight: 400; + color: #646a73; + margin-top: 12px; + display: inline-block +} + +div.modal-qrcode-wrapper .qrcode-success-doc .dotting { + margin: 0 12px 0 0; + display: inline-block; + min-width: 2px; + min-height: 2px; + -webkit-box-shadow: 2px 0 currentColor,6px 0 currentColor,10px 0 currentColor; + box-shadow: 2px 0 currentColor,6px 0 currentColor,10px 0 currentColor; + -webkit-animation: qr-model-dot 2s step-start infinite both; + animation: qr-model-dot 2s step-start infinite both +} + +div.modal-qrcode-wrapper .qrcode-success-doc-hide { + max-height: 0; + margin-bottom: 0 +} + +div.modal-qrcode-wrapper .qrcode-success-doc-show { + max-height: 120px +} + +div.modal-qrcode-wrapper .modal-qrcode-btn { + padding: 14px; + border-top: 1px solid rgba(31,35,41,.15); + text-align: center; + color: #3370ff +} + +@-webkit-keyframes qr-model-dot { + 25% { + -webkit-box-shadow: none; + box-shadow: none + } + + 50% { + -webkit-box-shadow: 2px 0 currentColor; + box-shadow: 2px 0 currentColor + } + + 75% { + -webkit-box-shadow: 2px 0 currentColor,6px 0 currentColor; + box-shadow: 2px 0 currentColor,6px 0 currentColor + } +} + +@keyframes qr-model-dot { + 25% { + -webkit-box-shadow: none; + box-shadow: none + } + + 50% { + -webkit-box-shadow: 2px 0 currentColor; + box-shadow: 2px 0 currentColor + } + + 75% { + -webkit-box-shadow: 2px 0 currentColor,6px 0 currentColor; + box-shadow: 2px 0 currentColor,6px 0 currentColor + } +} + +@media (max-width: 568px) { + div.modal-qrcode-wrapper .qrcode-success-doc { + font-size:.38rem; + line-height: .54rem + } + + div.modal-qrcode-wrapper .qrcode-success-doc>span { + font-size: .28rem; + line-height: .34rem; + margin-top: .24rem + } + + div.modal-qrcode-wrapper .qrcode-success-doc-hide { + margin-bottom: 0 + } + + div.modal-qrcode-wrapper .qrcode-success-doc-show { + max-height: 2.5rem + } +} + +.switch-login-mode-wrapper { + position: absolute; + top: 0; + right: 0; + width: 0; + height: 0; + z-index: 2; + font-size: 14px +} + +.switch-login-mode-wrapper .web-v3-custom-tooltip { + height: 100%; + position: relative +} + +.switch-login-mode-wrapper .web-v3-custom-tooltip .tooltip-content { + display: none; + position: absolute; + padding: 0 12px; + top: 30px; + right: 80px; + height: 44px; + line-height: 44px; + white-space: nowrap; + border-radius: 8px; + background: #3370ff; + color: #fff; + opacity: 0; + font-size: 14px; + -webkit-transform: translateY(-60%); + transform: translateY(-60%); + -webkit-box-shadow: 0 4px 10px 0 rgba(36,91,219,.24); + box-shadow: 0 4px 10px 0 rgba(36,91,219,.24) +} + +.switch-login-mode-wrapper .web-v3-custom-tooltip .tooltip-content:after { + content: ""; + display: block; + width: 0; + height: 0; + right: -6px; + top: 16px; + background: #3370ff; + position: absolute; + border-color: #3370ff #3370ff transparent transparent; + border-style: solid; + border-width: 6px; + -webkit-transform: rotate(45deg) translate(0); + transform: rotate(45deg) translate(0) +} + +.switch-login-mode-wrapper .switch-login-mode-container:hover+.tooltip-content { + display: block; + -webkit-animation: delay .5s .3s forwards; + animation: delay .5s .3s forwards +} + +.switch-login-mode-wrapper .switch-login-mode-container .switch-login-mode-box { + width: 100px; + height: 100px; + -webkit-transform: translate(-50px,-50px) rotate(45deg); + transform: translate(-50px,-50px) rotate(45deg); + cursor: pointer; + background-color: #82a7fc; + -webkit-transition: background-color .3s; + transition: background-color .3s; + overflow: hidden +} + +.switch-login-mode-wrapper .switch-login-mode-container .switch-login-mode-box:hover { + background-color: #4e83fd +} + +.switch-login-mode-wrapper .switch-login-mode-container .switch-login-mode-box .switch-icon { + position: absolute; + font-size: 40px; + color: #fff; + bottom: -8px; + left: 30px; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg) +} + +.switch-login-mode-wrapper .switch-login-mode-container .switch-login-mode-btn-disabled-block { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0 +} + +.switch-login-mode-btn-icon-tooltip { + background-color: #3370ff; + position: relative!important; + right: 80px; + top: 30px +} + +.switch-login-mode-btn-icon-tooltip:before { + content: ""; + position: absolute; + right: -8px; + top: 9px; + width: 0; + height: 0; + border-left: 8px solid #3370ff; + border-top: 8px solid #fff; + border-bottom: 8px solid #fff +} + +@-webkit-keyframes delay { + 0% { + opacity: .2 + } + + to { + opacity: 1 + } +} + +@keyframes delay { + 0% { + opacity: .2 + } + + to { + opacity: 1 + } +} + +@-webkit-keyframes ppToastLoading { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@keyframes ppToastLoading { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg) + } + + to { + -webkit-transform: rotate(1turn); + transform: rotate(1turn) + } +} + +@-webkit-keyframes fadeInUp { + 0% { + opacity: .5; + -webkit-transform: translate(-50%,-40%); + transform: translate(-50%,-40%) + } + + to { + opacity: 1; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) + } +} + +@keyframes fadeInUp { + 0% { + opacity: .5; + -webkit-transform: translate(-50%,-40%); + transform: translate(-50%,-40%) + } + + to { + opacity: 1; + -webkit-transform: translate(-50%,-50%); + transform: translate(-50%,-50%) + } +} + +@-webkit-keyframes flowUp { + 0% { + opacity: .5; + -webkit-transform: translateY(80%); + transform: translateY(80%) + } + + to { + opacity: 1; + -webkit-transform: translate(0); + transform: translate(0) + } +} + +@keyframes flowUp { + 0% { + opacity: .5; + -webkit-transform: translateY(80%); + transform: translateY(80%) + } + + to { + opacity: 1; + -webkit-transform: translate(0); + transform: translate(0) + } +} + +.passport-openin-lark-container { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + height: 100%; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center +} + +.passport-openin-lark-container .passport-openin-lark-content { + width: 343px; + padding: 16px 16px 60px; + max-width: 100%; + line-height: 0; + -webkit-box-sizing: border-box; + box-sizing: border-box; + text-align: center +} + +.passport-openin-lark-container .passport-btn { + height: 36px; + padding: 0 16px; + margin: 16px 0 12px; + font-size: 16px; + line-height: 36px; + border-radius: 6px; + border: 1px solid #d0d3d6; + display: inline-block; + -webkit-box-sizing: border-box; + box-sizing: border-box; + color: #1f2329 +} diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss index b0d7b5b..f253cad 100644 --- a/src/style/theme/common.scss +++ b/src/style/theme/common.scss @@ -1,12 +1,5 @@ -body{ - font-family: Microsoft YaHei UI; - font-size: 14px; - p{ - margin: 0; - padding: 0; - } -} + /* button==== start */ .el-button{ @@ -107,7 +100,7 @@ body{ .el-input__inner{ height: 100%; padding: 10px 12px; - border-radius: 2px; + border-radius: 4px; } .el-input__prefix{ display: flex; @@ -127,6 +120,9 @@ body{ .el-input__inner:hover{ border-color: transparent; } +.el-input__inner::placeholder{ + color: #BABDC2; +} .el-input--prefix .el-input__inner{ padding-left: 36px; } @@ -356,9 +352,14 @@ body{ // } // switch --end +// 弹出气泡框 .el-popover{ padding: 32px; } +// 日历区间背景颜色 +.el-date-table td.in-range div{ + background: #F2F7FF; +} .flex{ display: flex; align-items: center; diff --git a/src/style/vendor.css b/src/style/vendor.css new file mode 100644 index 0000000..0292f23 --- /dev/null +++ b/src/style/vendor.css @@ -0,0 +1,11734 @@ +.ud__divider { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + border-top: 1px solid rgba(31,35,41,.15); + font-size: 14px; + line-height: 22px +} + +.ud__divider,.ud__divider.ud__os-mac,.ud__os-mac .ud__divider { + font-weight: 400 +} + +.ud__divider.ud__os-win,.ud__os-win .ud__divider { + font-weight: 500 +} + +.ud__divider--horizontal { + display: flex; + clear: both; + width: 100%; + min-width: 100%; + margin: 24px 0 +} + +.ud__divider--vertical { + position: relative; + top: -.06em; + display: inline-block; + height: .9em; + margin: 0 8px; + vertical-align: middle; + border-top: 0; + border-left: 1px solid rgba(31,35,41,.15) +} + +.ud__divider--with-text { + border-top-width: 0; + white-space: nowrap; + text-align: center; + font-size: 16px; + line-height: 24px; + font-weight: 500 +} + +.ud__divider--with-text.ud__os-mac,.ud__os-mac .ud__divider--with-text { + font-weight: 500 +} + +.ud__divider--with-text.ud__os-win,.ud__os-win .ud__divider--with-text { + font-weight: 600 +} + +.ud__divider--with-text:after,.ud__divider--with-text:before { + position: relative; + top: 50%; + width: 50%; + border-top: 1px solid transparent; + border-top-color: inherit; + transform: translateY(50%); + box-sizing: border-box; + content: "" +} + +.ud__divider--with-text-left:after { + top: 50%; + width: 95% +} + +.ud__divider--with-text-left:before,.ud__divider--with-text-right:after { + top: 50%; + width: 5% +} + +.ud__divider--with-text-right:before { + top: 50%; + width: 95% +} + +.ud__divider--dashed { + border-top-style: dashed +} + +.ud__divider__title { + display: inline-block; + padding: 0 1em; + box-sizing: border-box +} + +.ud__divider--plain { + font-size: 14px; + line-height: 22px; + font-weight: 400 +} + +.ud__divider--plain.ud__os-mac,.ud__os-mac .ud__divider--plain { + font-weight: 400 +} + +.ud__divider--plain.ud__os-win,.ud__os-win .ud__divider--plain { + font-weight: 500 +} + +.ud__divider--with-text.ud__divider--dashed:after,.ud__divider--with-text.ud__divider--dashed:before { + border-style: dashed none none +} + +body { + margin: 0; + color: #1f2329; + background-color: #fff +} + +.ud__lang-en body,.ud__lang-en button,.ud__lang-en input,.ud__lang-en optgroup,.ud__lang-en select,.ud__lang-en textarea,.ud__lang-zh body,.ud__lang-zh button,.ud__lang-zh input,.ud__lang-zh optgroup,.ud__lang-zh select,.ud__lang-zh textarea,body,body.ud__lang-en,body.ud__lang-zh,button,button.ud__lang-en,button.ud__lang-zh,input,input.ud__lang-en,input.ud__lang-zh,optgroup,optgroup.ud__lang-en,optgroup.ud__lang-zh,select,select.ud__lang-en,select.ud__lang-zh,textarea,textarea.ud__lang-en,textarea.ud__lang-zh { + font-family: LarkEmojiFont,LarkChineseQuote,-apple-system,BlinkMacSystemFont,Helvetica Neue,Tahoma,PingFang SC,Microsoft Yahei,Arial,Hiragino Sans GB,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji +} + +.ud__lang-ja body,.ud__lang-ja button,.ud__lang-ja input,.ud__lang-ja optgroup,.ud__lang-ja select,.ud__lang-ja textarea,body.ud__lang-ja,button.ud__lang-ja,input.ud__lang-ja,optgroup.ud__lang-ja,select.ud__lang-ja,textarea.ud__lang-ja { + font-family: ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,Yu Gothic UI,游ゴシック体,Noto Sans Japanese,Microsoft Jhenghei UI,Microsoft Yahei UI,ＭＳ Ｐゴシック,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji +} + +input::-ms-clear,input::-ms-reveal { + display: none +} + +button,input,optgroup,select,textarea { + color: inherit; + font-family: inherit +} + +.ud-scrollbar::-webkit-scrollbar-thumb { + border-radius: 9999px; + -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1); + transition: background .2s cubic-bezier(.34,.69,.1,1); + background-color: rgba(31,35,41,.3); + border: 2px solid transparent; + background-clip: padding-box +} + +.ud-scrollbar::-webkit-scrollbar { + width: 11px; + height: 11px; + background-color: transparent +} + +.ud-scrollbar::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6)!important +} + +.ud-scrollbar::-webkit-scrollbar:hover { + width: 11px; + height: 11px +} + +.ud-scrollbar::-webkit-scrollbar-button { + display: none +} + +.ud-scrollbar::-webkit-scrollbar-corner,.ud-scrollbar::-webkit-scrollbar-track { + background-color: transparent +} + +.rc-virtual-list-scrollbar { + width: 11px!important +} + +.rc-virtual-list-scrollbar-thumb { + width: 11px!important; + padding: 2px; + background: transparent!important; + box-sizing: border-box +} + +.rc-virtual-list-scrollbar-thumb:after { + display: block; + box-sizing: border-box; + content: "\a0"; + border-radius: 9999px; + height: 100%; + width: 100%; + background-color: rgba(31,35,41,.3)!important; + transition: background-color .2s cubic-bezier(.34,.69,.1,1) +} + +.rc-virtual-list-scrollbar-thumb:hover:after { + background-color: rgba(31,35,41,.6)!important +} + +[type=search] { + outline-offset: -2px; + -webkit-appearance: none +} + +[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration { + -webkit-appearance: none +} + +.ud-slide-up-appear,.ud-slide-up-enter,.ud-slide-up-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-slide-up-appear.ud-slide-up-appear-active,.ud-slide-up-enter.ud-slide-up-enter-active { + -webkit-animation-name: udSlideUpIn; + animation-name: udSlideUpIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-slide-up-leave.ud-slide-up-leave-active { + -webkit-animation-name: udSlideUpOut; + animation-name: udSlideUpOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-slide-up-appear,.ud-slide-up-enter { + opacity: 0 +} + +.ud-slide-up-appear,.ud-slide-up-enter,.ud-slide-up-leave { + -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1); + animation-timing-function: cubic-bezier(.34,.69,.1,1) +} + +.ud-slide-down-appear,.ud-slide-down-enter,.ud-slide-down-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-slide-down-appear.ud-slide-down-appear-active,.ud-slide-down-enter.ud-slide-down-enter-active { + -webkit-animation-name: udSlideDownIn; + animation-name: udSlideDownIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-slide-down-leave.ud-slide-down-leave-active { + -webkit-animation-name: udSlideDownOut; + animation-name: udSlideDownOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-slide-down-appear,.ud-slide-down-enter { + opacity: 0 +} + +.ud-slide-down-appear,.ud-slide-down-enter,.ud-slide-down-leave { + -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1); + animation-timing-function: cubic-bezier(.34,.69,.1,1) +} + +.ud-slide-left-appear,.ud-slide-left-enter,.ud-slide-left-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-slide-left-appear.ud-slide-left-appear-active,.ud-slide-left-enter.ud-slide-left-enter-active { + -webkit-animation-name: udSlideLeftIn; + animation-name: udSlideLeftIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-slide-left-leave.ud-slide-left-leave-active { + -webkit-animation-name: udSlideLeftOut; + animation-name: udSlideLeftOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-slide-left-appear,.ud-slide-left-enter { + opacity: 0 +} + +.ud-slide-left-appear,.ud-slide-left-enter,.ud-slide-left-leave { + -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1); + animation-timing-function: cubic-bezier(.34,.69,.1,1) +} + +.ud-slide-right-appear,.ud-slide-right-enter,.ud-slide-right-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-slide-right-appear.ud-slide-right-appear-active,.ud-slide-right-enter.ud-slide-right-enter-active { + -webkit-animation-name: udSlideRightIn; + animation-name: udSlideRightIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-slide-right-leave.ud-slide-right-leave-active { + -webkit-animation-name: udSlideRightOut; + animation-name: udSlideRightOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-slide-right-appear,.ud-slide-right-enter { + opacity: 0 +} + +.ud-slide-right-appear,.ud-slide-right-enter,.ud-slide-right-leave { + -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1); + animation-timing-function: cubic-bezier(.34,.69,.1,1) +} + +@-webkit-keyframes udSlideUpIn { + 0% { + transform: translateY(-8px); + transform-origin: 0 0; + opacity: 0 + } + + to { + transform: translateY(0); + transform-origin: 0 0; + opacity: 1 + } +} + +@keyframes udSlideUpIn { + 0% { + transform: translateY(-8px); + transform-origin: 0 0; + opacity: 0 + } + + to { + transform: translateY(0); + transform-origin: 0 0; + opacity: 1 + } +} + +@-webkit-keyframes udSlideUpOut { + 0% { + transform: translateY(0); + transform-origin: 0 0; + opacity: 1 + } + + to { + transform: translateY(-8px); + transform-origin: 0 0; + opacity: 0 + } +} + +@keyframes udSlideUpOut { + 0% { + transform: translateY(0); + transform-origin: 0 0; + opacity: 1 + } + + to { + transform: translateY(-8px); + transform-origin: 0 0; + opacity: 0 + } +} + +@-webkit-keyframes udSlideDownIn { + 0% { + transform: translateY(8px); + transform-origin: 100% 100%; + opacity: 0 + } + + to { + transform: translateY(0); + transform-origin: 100% 100%; + opacity: 1 + } +} + +@keyframes udSlideDownIn { + 0% { + transform: translateY(8px); + transform-origin: 100% 100%; + opacity: 0 + } + + to { + transform: translateY(0); + transform-origin: 100% 100%; + opacity: 1 + } +} + +@-webkit-keyframes udSlideDownOut { + 0% { + transform: translateY(0); + transform-origin: 100% 100%; + opacity: 1 + } + + to { + transform: translateY(8px); + transform-origin: 100% 100%; + opacity: 0 + } +} + +@keyframes udSlideDownOut { + 0% { + transform: translateY(0); + transform-origin: 100% 100%; + opacity: 1 + } + + to { + transform: translateY(8px); + transform-origin: 100% 100%; + opacity: 0 + } +} + +@-webkit-keyframes udSlideLeftIn { + 0% { + transform: scaleX(.5); + transform-origin: 0 0; + opacity: 0 + } + + to { + transform: scaleX(1); + transform-origin: 0 0; + opacity: 1 + } +} + +@keyframes udSlideLeftIn { + 0% { + transform: scaleX(.5); + transform-origin: 0 0; + opacity: 0 + } + + to { + transform: scaleX(1); + transform-origin: 0 0; + opacity: 1 + } +} + +@-webkit-keyframes udSlideLeftOut { + 0% { + transform: scaleX(1); + transform-origin: 0 0; + opacity: 1 + } + + to { + transform: scaleX(.5); + transform-origin: 0 0; + opacity: 0 + } +} + +@keyframes udSlideLeftOut { + 0% { + transform: scaleX(1); + transform-origin: 0 0; + opacity: 1 + } + + to { + transform: scaleX(.5); + transform-origin: 0 0; + opacity: 0 + } +} + +@-webkit-keyframes udSlideRightIn { + 0% { + transform: scaleX(.5); + transform-origin: 100% 0; + opacity: 0 + } + + to { + transform: scaleX(1); + transform-origin: 100% 0; + opacity: 1 + } +} + +@keyframes udSlideRightIn { + 0% { + transform: scaleX(.5); + transform-origin: 100% 0; + opacity: 0 + } + + to { + transform: scaleX(1); + transform-origin: 100% 0; + opacity: 1 + } +} + +@-webkit-keyframes udSlideRightOut { + 0% { + transform: scaleX(1); + transform-origin: 100% 0; + opacity: 1 + } + + to { + transform: scaleX(.5); + transform-origin: 100% 0; + opacity: 0 + } +} + +@keyframes udSlideRightOut { + 0% { + transform: scaleX(1); + transform-origin: 100% 0; + opacity: 1 + } + + to { + transform: scaleX(.5); + transform-origin: 100% 0; + opacity: 0 + } +} + +.zoom-appear,.zoom-enter,.zoom-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.zoom-appear.zoom-appear-active,.zoom-enter.zoom-enter-active { + -webkit-animation-name: udZoomIn; + animation-name: udZoomIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.zoom-leave.zoom-leave-active { + -webkit-animation-name: udZoomOut; + animation-name: udZoomOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.zoom-appear,.zoom-enter { + transform: scale(0); + opacity: 0; + -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); + animation-timing-function: cubic-bezier(.08,.82,.17,1) +} + +.zoom-appear-prepare,.zoom-enter-prepare { + transform: none +} + +.zoom-leave { + -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); + animation-timing-function: cubic-bezier(.78,.14,.15,.86) +} + +.ud-zoom-big-appear,.ud-zoom-big-enter,.ud-zoom-big-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-zoom-big-appear.ud-zoom-big-appear-active,.ud-zoom-big-enter.ud-zoom-big-enter-active { + -webkit-animation-name: udZoomBigIn; + animation-name: udZoomBigIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-zoom-big-leave.ud-zoom-big-leave-active { + -webkit-animation-name: udZoomBigOut; + animation-name: udZoomBigOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-zoom-big-appear,.ud-zoom-big-enter { + transform: scale(0); + opacity: 0; + -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); + animation-timing-function: cubic-bezier(.08,.82,.17,1) +} + +.ud-zoom-big-appear-prepare,.ud-zoom-big-enter-prepare { + transform: none +} + +.ud-zoom-big-leave { + -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); + animation-timing-function: cubic-bezier(.78,.14,.15,.86) +} + +.ud-zoom-big-fast-appear,.ud-zoom-big-fast-enter,.ud-zoom-big-fast-leave { + -webkit-animation-duration: .1s; + animation-duration: .1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-zoom-big-fast-appear.ud-zoom-big-fast-appear-active,.ud-zoom-big-fast-enter.ud-zoom-big-fast-enter-active { + -webkit-animation-name: udZoomBigIn; + animation-name: udZoomBigIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-zoom-big-fast-leave.ud-zoom-big-fast-leave-active { + -webkit-animation-name: udZoomBigOut; + animation-name: udZoomBigOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-zoom-big-fast-appear,.ud-zoom-big-fast-enter { + transform: scale(0); + opacity: 0; + -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); + animation-timing-function: cubic-bezier(.08,.82,.17,1) +} + +.ud-zoom-big-fast-appear-prepare,.ud-zoom-big-fast-enter-prepare { + transform: none +} + +.ud-zoom-big-fast-leave { + -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); + animation-timing-function: cubic-bezier(.78,.14,.15,.86) +} + +.ud-zoom-up-appear,.ud-zoom-up-enter,.ud-zoom-up-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-zoom-up-appear.ud-zoom-up-appear-active,.ud-zoom-up-enter.ud-zoom-up-enter-active { + -webkit-animation-name: udZoomUpIn; + animation-name: udZoomUpIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-zoom-up-leave.ud-zoom-up-leave-active { + -webkit-animation-name: udZoomUpOut; + animation-name: udZoomUpOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-zoom-up-appear,.ud-zoom-up-enter { + transform: scale(0); + opacity: 0; + -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); + animation-timing-function: cubic-bezier(.08,.82,.17,1) +} + +.ud-zoom-up-appear-prepare,.ud-zoom-up-enter-prepare { + transform: none +} + +.ud-zoom-up-leave { + -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); + animation-timing-function: cubic-bezier(.78,.14,.15,.86) +} + +.ud-zoom-down-appear,.ud-zoom-down-enter,.ud-zoom-down-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-zoom-down-appear.ud-zoom-down-appear-active,.ud-zoom-down-enter.ud-zoom-down-enter-active { + -webkit-animation-name: udZoomDownIn; + animation-name: udZoomDownIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-zoom-down-leave.ud-zoom-down-leave-active { + -webkit-animation-name: udZoomDownOut; + animation-name: udZoomDownOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-zoom-down-appear,.ud-zoom-down-enter { + transform: scale(0); + opacity: 0; + -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); + animation-timing-function: cubic-bezier(.08,.82,.17,1) +} + +.ud-zoom-down-appear-prepare,.ud-zoom-down-enter-prepare { + transform: none +} + +.ud-zoom-down-leave { + -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); + animation-timing-function: cubic-bezier(.78,.14,.15,.86) +} + +.ud-zoom-left-appear,.ud-zoom-left-enter,.ud-zoom-left-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-zoom-left-appear.ud-zoom-left-appear-active,.ud-zoom-left-enter.ud-zoom-left-enter-active { + -webkit-animation-name: udZoomLeftIn; + animation-name: udZoomLeftIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-zoom-left-leave.ud-zoom-left-leave-active { + -webkit-animation-name: udZoomLeftOut; + animation-name: udZoomLeftOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-zoom-left-appear,.ud-zoom-left-enter { + transform: scale(0); + opacity: 0; + -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); + animation-timing-function: cubic-bezier(.08,.82,.17,1) +} + +.ud-zoom-left-appear-prepare,.ud-zoom-left-enter-prepare { + transform: none +} + +.ud-zoom-left-leave { + -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); + animation-timing-function: cubic-bezier(.78,.14,.15,.86) +} + +.ud-zoom-right-appear,.ud-zoom-right-enter,.ud-zoom-right-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-zoom-right-appear.ud-zoom-right-appear-active,.ud-zoom-right-enter.ud-zoom-right-enter-active { + -webkit-animation-name: udZoomRightIn; + animation-name: udZoomRightIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-zoom-right-leave.ud-zoom-right-leave-active { + -webkit-animation-name: udZoomRightOut; + animation-name: udZoomRightOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-zoom-right-appear,.ud-zoom-right-enter { + transform: scale(0); + opacity: 0; + -webkit-animation-timing-function: cubic-bezier(.08,.82,.17,1); + animation-timing-function: cubic-bezier(.08,.82,.17,1) +} + +.ud-zoom-right-appear-prepare,.ud-zoom-right-enter-prepare { + transform: none +} + +.ud-zoom-right-leave { + -webkit-animation-timing-function: cubic-bezier(.78,.14,.15,.86); + animation-timing-function: cubic-bezier(.78,.14,.15,.86) +} + +@-webkit-keyframes udZoomIn { + 0% { + transform: scale(.2); + opacity: 0 + } + + to { + transform: scale(1); + opacity: 1 + } +} + +@keyframes udZoomIn { + 0% { + transform: scale(.2); + opacity: 0 + } + + to { + transform: scale(1); + opacity: 1 + } +} + +@-webkit-keyframes udZoomOut { + 0% { + transform: scale(1) + } + + to { + transform: scale(.2); + opacity: 0 + } +} + +@keyframes udZoomOut { + 0% { + transform: scale(1) + } + + to { + transform: scale(.2); + opacity: 0 + } +} + +@-webkit-keyframes udZoomBigIn { + 0% { + transform: scale(.8); + opacity: 0 + } + + to { + transform: scale(1); + opacity: 1 + } +} + +@keyframes udZoomBigIn { + 0% { + transform: scale(.8); + opacity: 0 + } + + to { + transform: scale(1); + opacity: 1 + } +} + +@-webkit-keyframes udZoomBigOut { + 0% { + transform: scale(1) + } + + to { + transform: scale(.8); + opacity: 0 + } +} + +@keyframes udZoomBigOut { + 0% { + transform: scale(1) + } + + to { + transform: scale(.8); + opacity: 0 + } +} + +@-webkit-keyframes udZoomUpIn { + 0% { + transform: scale(.8); + transform-origin: 50% 0; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 50% 0 + } +} + +@keyframes udZoomUpIn { + 0% { + transform: scale(.8); + transform-origin: 50% 0; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 50% 0 + } +} + +@-webkit-keyframes udZoomUpOut { + 0% { + transform: scale(1); + transform-origin: 50% 0 + } + + to { + transform: scale(.8); + transform-origin: 50% 0; + opacity: 0 + } +} + +@keyframes udZoomUpOut { + 0% { + transform: scale(1); + transform-origin: 50% 0 + } + + to { + transform: scale(.8); + transform-origin: 50% 0; + opacity: 0 + } +} + +@-webkit-keyframes udZoomLeftIn { + 0% { + transform: scale(.8); + transform-origin: 0 50%; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 0 50% + } +} + +@keyframes udZoomLeftIn { + 0% { + transform: scale(.8); + transform-origin: 0 50%; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 0 50% + } +} + +@-webkit-keyframes udZoomLeftOut { + 0% { + transform: scale(1); + transform-origin: 0 50% + } + + to { + transform: scale(.8); + transform-origin: 0 50%; + opacity: 0 + } +} + +@keyframes udZoomLeftOut { + 0% { + transform: scale(1); + transform-origin: 0 50% + } + + to { + transform: scale(.8); + transform-origin: 0 50%; + opacity: 0 + } +} + +@-webkit-keyframes udZoomRightIn { + 0% { + transform: scale(.8); + transform-origin: 100% 50%; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 100% 50% + } +} + +@keyframes udZoomRightIn { + 0% { + transform: scale(.8); + transform-origin: 100% 50%; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 100% 50% + } +} + +@-webkit-keyframes udZoomRightOut { + 0% { + transform: scale(1); + transform-origin: 100% 50% + } + + to { + transform: scale(.8); + transform-origin: 100% 50%; + opacity: 0 + } +} + +@keyframes udZoomRightOut { + 0% { + transform: scale(1); + transform-origin: 100% 50% + } + + to { + transform: scale(.8); + transform-origin: 100% 50%; + opacity: 0 + } +} + +@-webkit-keyframes udZoomDownIn { + 0% { + transform: scale(.8); + transform-origin: 50% 100%; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 50% 100% + } +} + +@keyframes udZoomDownIn { + 0% { + transform: scale(.8); + transform-origin: 50% 100%; + opacity: 0 + } + + to { + transform: scale(1); + transform-origin: 50% 100% + } +} + +@-webkit-keyframes udZoomDownOut { + 0% { + transform: scale(1); + transform-origin: 50% 100% + } + + to { + transform: scale(.8); + transform-origin: 50% 100%; + opacity: 0 + } +} + +@keyframes udZoomDownOut { + 0% { + transform: scale(1); + transform-origin: 50% 100% + } + + to { + transform: scale(.8); + transform-origin: 50% 100%; + opacity: 0 + } +} + +.ud-motion-collapse { + overflow: hidden; + transition: height .2s cubic-bezier(.645,.045,.355,1),opacity .2s cubic-bezier(.645,.045,.355,1)!important +} + +.ud__checkbox { + box-sizing: border-box; + position: relative +} + +.ud__checkbox:after { + display: inline-block; + width: 0; + visibility: hidden; + content: "\a0"; + width: 16px +} + +.ud__checkbox-group { + box-sizing: border-box; + display: inline-block +} + +.ud__checkbox-group .ud__checkbox__wrapper { + margin: 0 8px 0 0 +} + +.ud__checkbox-group .ud__checkbox__wrapper:last-child { + margin-right: 0 +} + +.ud__checkbox__wrapper { + box-sizing: border-box; + margin: 0; + padding: 0; + position: relative; + display: inline-flex; + align-items: baseline; + font-size: 14px; + line-height: 22px; + font-weight: 400 +} + +.ud__checkbox__wrapper.ud__os-mac,.ud__os-mac .ud__checkbox__wrapper { + font-weight: 400 +} + +.ud__checkbox__wrapper.ud__os-win,.ud__os-win .ud__checkbox__wrapper { + font-weight: 500 +} + +.ud__checkbox__input { + position: absolute; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 100%; + height: 16px; + font-size: inherit; + line-height: inherit; + z-index: 1; + cursor: pointer; + opacity: 0; + padding: 0; + margin: 0 +} + +.ud__checkbox__input-disabled { + cursor: not-allowed +} + +.ud__checkbox__wallpaper { + display: block; + position: absolute; + box-sizing: border-box; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 100%; + height: 16px; + color: #fff; + background-color: #fff; + border: 1px solid #8f959e; + border-radius: 4px; + transition: background .2s cubic-bezier(.34,.69,.1,1),border .2s cubic-bezier(.34,.69,.1,1) +} + +.ud__checkbox__input:focus-visible~.ud__checkbox__wallpaper,.ud__checkbox__input:hover~.ud__checkbox__wallpaper { + border-color: #3370ff; + background-color: #fff +} + +.ud__checkbox__input:active~.ud__checkbox__wallpaper { + border-color: #245bdb; + background-color: #fff +} + +.ud__checkbox__input:checked~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate~.ud__checkbox__wallpaper { + border: none; + background-color: #3370ff +} + +.ud__checkbox__input:checked:focus-visible~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:focus-visible~.ud__checkbox__wallpaper { + background-color: #4e83fd +} + +.ud__checkbox__input:checked:hover~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:hover~.ud__checkbox__wallpaper { + background-color: #4e83fd +} + +.ud__checkbox__input:checked:active~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:active~.ud__checkbox__wallpaper { + background-color: #245bdb +} + +.ud__checkbox--error .ud__checkbox__input:active~.ud__checkbox__wallpaper,.ud__checkbox--error .ud__checkbox__input:focus-visible~.ud__checkbox__wallpaper,.ud__checkbox--error .ud__checkbox__input:hover~.ud__checkbox__wallpaper,.ud__checkbox--error .ud__checkbox__wallpaper { + border-color: #f54a45 +} + +.ud__checkbox--error .ud__checkbox__input:disabled~.ud__checkbox__wallpaper,.ud__checkbox__input:disabled~.ud__checkbox__wallpaper { + color: #eff0f1; + border-color: #bbbfc4; + background-color: #eff0f1 +} + +.ud__checkbox__input:checked:disabled~.ud__checkbox__wallpaper,.ud__checkbox__input:indeterminate:disabled~.ud__checkbox__wallpaper { + background-color: #bbbfc4 +} + +.ud__checkbox__checked-svg,.ud__checkbox__indeterminate-svg { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + box-sizing: border-box +} + +.ud__checkbox__label-content { + box-sizing: border-box; + cursor: pointer; + color: #1f2329; + z-index: 1; + margin-left: 8px; + margin-right: 8px; + overflow-wrap: break-word +} + +.ud__checkbox__label-content-disabled { + cursor: not-allowed; + color: #bbbfc4 +} + +.ud__button { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + display: inline-block; + position: relative; + white-space: nowrap; + text-align: center; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + outline: none; + border: 1px solid #fff; + background: none; + transition: color .1s ease-in,background-color .1s ease-in,border-color .1s ease-in,width .2s ease-in; + touch-action: manipulation; + text-decoration: none +} + +.ud__button>a:only-child { + color: currentColor +} + +.ud__button>a:only-child:after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + background: transparent; + content: "" +} + +.ud__button--size-xs { + height: 24px; + line-height: 20px; + padding: 1px 7px; + font-size: 12px; + border-radius: 6px; + min-width: 48px +} + +.ud__button--size-xs.ud__button--circle,.ud__button--size-xs.ud__button--square { + width: 24px; + min-width: 0; + text-align: center; + padding-left: 0; + padding-right: 0 +} + +.ud__button--size-sm { + height: 28px; + line-height: 20px; + padding: 3px 7px; + font-size: 12px; + border-radius: 6px; + min-width: 48px +} + +.ud__button--size-sm.ud__button--circle,.ud__button--size-sm.ud__button--square { + width: 28px; + min-width: 0; + text-align: center; + padding-left: 0; + padding-right: 0 +} + +.ud__button--size-md { + height: 32px; + line-height: 22px; + padding: 4px 11px; + font-size: 14px; + border-radius: 6px; + min-width: 80px +} + +.ud__button--size-md.ud__button--circle,.ud__button--size-md.ud__button--square { + width: 32px; + min-width: 0; + text-align: center; + padding-left: 0; + padding-right: 0 +} + +.ud__button--size-lg { + height: 40px; + line-height: 24px; + padding: 7px 15px; + font-size: 16px; + border-radius: 6px; + min-width: 96px +} + +.ud__button--size-lg.ud__button--circle,.ud__button--size-lg.ud__button--square { + width: 40px; + min-width: 0; + text-align: center; + padding-left: 0; + padding-right: 0 +} + +.ud__button--size-xl { + height: 48px; + line-height: 26px; + padding: 10px 15px; + font-size: 18px; + border-radius: 6px; + min-width: 100px +} + +.ud__button--size-xl.ud__button--circle,.ud__button--size-xl.ud__button--square { + width: 48px; + min-width: 0; + text-align: center; + padding-left: 0; + padding-right: 0 +} + +.ud__button--circle { + border-radius: 50% +} + +.ud__button--round { + border-radius: 999999px +} + +.ud__button--filled-default { + color: #fff; + background: #3370ff; + border-color: #3370ff +} + +.ud__button--filled-default:focus-visible,.ud__button--filled-default:hover { + color: #fff; + background: #4e83fd; + border-color: #4e83fd +} + +.ud__button--filled-default:focus-visible { + --hack-merge-rules: true +} + +.ud__button--filled-default:active { + color: #fff; + background: #245bdb; + border-color: #245bdb +} + +.ud__button--filled-default-loading,.ud__button--filled-default-loading:active,.ud__button--filled-default-loading:focus-visible,.ud__button--filled-default-loading:hover { + color: #fff; + background: #82a7fc; + border-color: #82a7fc; + cursor: default +} + +.ud__button--filled-default-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--filled-default-loading .ud__button__loading-icon { + color: #fff +} + +.ud__button--filled-primary { + color: #fff; + background: #3370ff; + border-color: #3370ff +} + +.ud__button--filled-primary:focus-visible,.ud__button--filled-primary:hover { + color: #fff; + background: #4e83fd; + border-color: #4e83fd +} + +.ud__button--filled-primary:focus-visible { + --hack-merge-rules: true +} + +.ud__button--filled-primary:active { + color: #fff; + background: #245bdb; + border-color: #245bdb +} + +.ud__button--filled-primary-loading,.ud__button--filled-primary-loading:active,.ud__button--filled-primary-loading:focus-visible,.ud__button--filled-primary-loading:hover { + color: #fff; + background: #82a7fc; + border-color: #82a7fc; + cursor: default +} + +.ud__button--filled-primary-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--filled-primary-loading .ud__button__loading-icon { + color: #fff +} + +.ud__button--filled-danger { + color: #fff; + background: #f54a45; + border-color: #f54a45 +} + +.ud__button--filled-danger:focus-visible,.ud__button--filled-danger:hover { + color: #fff; + background: #f76964; + border-color: #f76964 +} + +.ud__button--filled-danger:focus-visible { + --hack-merge-rules: true +} + +.ud__button--filled-danger:active { + color: #fff; + background: #d83931; + border-color: #d83931 +} + +.ud__button--filled-danger-loading,.ud__button--filled-danger-loading:active,.ud__button--filled-danger-loading:focus-visible,.ud__button--filled-danger-loading:hover { + color: #fff; + background: #f98e8b; + border-color: #f98e8b; + cursor: default +} + +.ud__button--filled-danger-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--filled-danger-loading .ud__button__loading-icon { + color: #fff +} + +.ud__button--filled:disabled,.ud__button--filled:disabled:active,.ud__button--filled:disabled:hover,.ud__button--filled[disabled],.ud__button--filled[disabled]:active,.ud__button--filled[disabled]:hover { + color: #fff; + background: #bbbfc4; + border-color: #bbbfc4; + cursor: not-allowed +} + +.ud__button--filled:disabled:focus-visible,.ud__button--filled[disabled]:focus-visible { + color: #fff; + background: #bbbfc4; + border-color: #bbbfc4; + cursor: not-allowed; + --hack-merge-rules: true +} + +.ud__button--outlined-default { + color: #1f2329; + background: #fff; + border-color: #d0d3d6 +} + +.ud__button--outlined-default:focus-visible,.ud__button--outlined-default:hover { + color: #1f2329; + background: #f2f3f5; + border-color: #d0d3d6 +} + +.ud__button--outlined-default:focus-visible { + --hack-merge-rules: true +} + +.ud__button--outlined-default:active { + color: #1f2329; + background: #eff0f1; + border-color: #d0d3d6 +} + +.ud__button--outlined-default-loading,.ud__button--outlined-default-loading:active,.ud__button--outlined-default-loading:focus-visible,.ud__button--outlined-default-loading:hover { + color: #8f959e; + background: #fff; + border-color: #d0d3d6; + cursor: default +} + +.ud__button--outlined-default-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--outlined-default-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--outlined-primary { + color: #3370ff; + background: #fff; + border-color: #3370ff +} + +.ud__button--outlined-primary:focus-visible,.ud__button--outlined-primary:hover { + color: #3370ff; + background: #e1eaff; + border-color: #3370ff +} + +.ud__button--outlined-primary:focus-visible { + --hack-merge-rules: true +} + +.ud__button--outlined-primary:active { + color: #3370ff; + background: #bacefd; + border-color: #3370ff +} + +.ud__button--outlined-primary-loading,.ud__button--outlined-primary-loading:active,.ud__button--outlined-primary-loading:focus-visible,.ud__button--outlined-primary-loading:hover { + color: #82a7fc; + background: #fff; + border-color: #82a7fc; + cursor: default +} + +.ud__button--outlined-primary-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--outlined-primary-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--outlined-danger { + color: #f54a45; + background: #fff; + border-color: #f54a45 +} + +.ud__button--outlined-danger:focus-visible,.ud__button--outlined-danger:hover { + color: #f54a45; + background: #fde2e2; + border-color: #f54a45 +} + +.ud__button--outlined-danger:focus-visible { + --hack-merge-rules: true +} + +.ud__button--outlined-danger:active { + color: #f54a45; + background: #fbbfbc; + border-color: #f54a45 +} + +.ud__button--outlined-danger-loading,.ud__button--outlined-danger-loading:active,.ud__button--outlined-danger-loading:focus-visible,.ud__button--outlined-danger-loading:hover { + color: #f98e8b; + background: #fff; + border-color: #f98e8b; + cursor: default +} + +.ud__button--outlined-danger-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--outlined-danger-loading .ud__button__loading-icon { + color: #f54a45 +} + +.ud__button--outlined:disabled,.ud__button--outlined:disabled:active,.ud__button--outlined:disabled:hover,.ud__button--outlined[disabled],.ud__button--outlined[disabled]:active,.ud__button--outlined[disabled]:hover { + color: #bbbfc4; + background: #fff; + border-color: #d0d3d6; + cursor: not-allowed +} + +.ud__button--outlined:disabled:focus-visible,.ud__button--outlined[disabled]:focus-visible { + color: #bbbfc4; + background: #fff; + border-color: #d0d3d6; + cursor: not-allowed; + --hack-merge-rules: true +} + +.ud__button--text { + height: auto; + min-width: 0; + border: none; + padding: 2px 4px +} + +.ud__button--text-default { + color: #1f2329; + background: transparent; + border-color: transparent +} + +.ud__button--text-default-selected,.ud__button--text-default:focus-visible,.ud__button--text-default:hover { + color: #1f2329; + background: rgba(31,35,41,.1); + border-color: transparent +} + +.ud__button--text-default:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-default:active { + color: #1f2329; + background: rgba(31,35,41,.2); + border-color: transparent +} + +.ud__button--text-default-loading,.ud__button--text-default-loading:active,.ud__button--text-default-loading:focus-visible,.ud__button--text-default-loading:hover { + color: #8f959e; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--text-default-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-default-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--text-primary { + color: #3370ff; + background: transparent; + border-color: transparent +} + +.ud__button--text-primary-selected,.ud__button--text-primary:focus-visible,.ud__button--text-primary:hover { + color: #3370ff; + background: rgba(51,112,255,.1); + border-color: transparent +} + +.ud__button--text-primary:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-primary:active { + color: #3370ff; + background: rgba(51,112,255,.2); + border-color: transparent +} + +.ud__button--text-primary-loading,.ud__button--text-primary-loading:active,.ud__button--text-primary-loading:focus-visible,.ud__button--text-primary-loading:hover { + color: #82a7fc; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--text-primary-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-primary-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--text-danger { + color: #f54a45; + background: transparent; + border-color: transparent +} + +.ud__button--text-danger-selected,.ud__button--text-danger:focus-visible,.ud__button--text-danger:hover { + color: #f54a45; + background: rgba(245,74,69,.1); + border-color: transparent +} + +.ud__button--text-danger:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-danger:active { + color: #f54a45; + background: rgba(245,74,69,.2); + border-color: transparent +} + +.ud__button--text-danger-loading,.ud__button--text-danger-loading:active,.ud__button--text-danger-loading:focus-visible,.ud__button--text-danger-loading:hover { + color: #f98e8b; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--text-danger-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-danger-loading .ud__button__loading-icon { + color: #f54a45 +} + +.ud__button--text:disabled,.ud__button--text:disabled:active,.ud__button--text:disabled:hover,.ud__button--text[disabled],.ud__button--text[disabled]:active,.ud__button--text[disabled]:hover { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed +} + +.ud__button--text:disabled:focus-visible,.ud__button--text[disabled]:focus-visible { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed; + --hack-merge-rules: true +} + +.ud__button--text-secondary { + height: auto; + padding: initial; + min-width: 0; + border: none +} + +.ud__button--text-secondary-default { + color: #1f2329; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-default-selected,.ud__button--text-secondary-default:focus-visible,.ud__button--text-secondary-default:hover { + color: #3370ff; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-default:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-secondary-default:active { + color: #245bdb; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-default-loading,.ud__button--text-secondary-default-loading:active,.ud__button--text-secondary-default-loading:focus-visible,.ud__button--text-secondary-default-loading:hover { + color: #3370ff; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--text-secondary-default-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-secondary-default-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--text-secondary-primary { + color: #1f2329; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-primary-selected,.ud__button--text-secondary-primary:focus-visible,.ud__button--text-secondary-primary:hover { + color: #3370ff; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-primary:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-secondary-primary:active { + color: #245bdb; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-primary-loading,.ud__button--text-secondary-primary-loading:active,.ud__button--text-secondary-primary-loading:focus-visible,.ud__button--text-secondary-primary-loading:hover { + color: #3370ff; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--text-secondary-primary-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-secondary-primary-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--text-secondary-danger { + color: #1f2329; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-danger-selected,.ud__button--text-secondary-danger:focus-visible,.ud__button--text-secondary-danger:hover { + color: #f54a45; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-danger:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-secondary-danger:active { + color: #d83931; + background: transparent; + border-color: transparent +} + +.ud__button--text-secondary-danger-loading,.ud__button--text-secondary-danger-loading:active,.ud__button--text-secondary-danger-loading:focus-visible,.ud__button--text-secondary-danger-loading:hover { + color: #3370ff; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--text-secondary-danger-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--text-secondary-danger-loading .ud__button__loading-icon { + color: #f54a45 +} + +.ud__button--text-secondary:disabled,.ud__button--text-secondary:disabled:active,.ud__button--text-secondary:disabled:hover,.ud__button--text-secondary[disabled],.ud__button--text-secondary[disabled]:active,.ud__button--text-secondary[disabled]:hover { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed +} + +.ud__button--text-secondary:disabled:focus-visible,.ud__button--text-secondary[disabled]:focus-visible { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed; + --hack-merge-rules: true +} + +.ud__button--link { + height: auto; + padding: initial; + min-width: 0; + border: none +} + +.ud__button--link-default { + color: #3370ff; + background: transparent; + border-color: transparent +} + +.ud__button--link-default-selected,.ud__button--link-default:focus-visible,.ud__button--link-default:hover { + color: #4e83fd; + background: transparent; + border-color: transparent +} + +.ud__button--link-default:focus-visible { + --hack-merge-rules: true +} + +.ud__button--link-default:active { + color: #245bdb; + background: transparent; + border-color: transparent +} + +.ud__button--link-default-loading,.ud__button--link-default-loading:active,.ud__button--link-default-loading:focus-visible,.ud__button--link-default-loading:hover { + color: #82a7fc; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--link-default-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--link-default-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--link-primary { + color: #3370ff; + background: transparent; + border-color: transparent +} + +.ud__button--link-primary-selected,.ud__button--link-primary:focus-visible,.ud__button--link-primary:hover { + color: #4e83fd; + background: transparent; + border-color: transparent +} + +.ud__button--link-primary:focus-visible { + --hack-merge-rules: true +} + +.ud__button--link-primary:active { + color: #245bdb; + background: transparent; + border-color: transparent +} + +.ud__button--link-primary-loading,.ud__button--link-primary-loading:active,.ud__button--link-primary-loading:focus-visible,.ud__button--link-primary-loading:hover { + color: #82a7fc; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--link-primary-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--link-primary-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--link-danger { + color: #f54a45; + background: transparent; + border-color: transparent +} + +.ud__button--link-danger-selected,.ud__button--link-danger:focus-visible,.ud__button--link-danger:hover { + color: #f76964; + background: transparent; + border-color: transparent +} + +.ud__button--link-danger:focus-visible { + --hack-merge-rules: true +} + +.ud__button--link-danger:active { + color: #d83931; + background: transparent; + border-color: transparent +} + +.ud__button--link-danger-loading,.ud__button--link-danger-loading:active,.ud__button--link-danger-loading:focus-visible,.ud__button--link-danger-loading:hover { + color: #f98e8b; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--link-danger-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--link-danger-loading .ud__button__loading-icon { + color: #f54a45 +} + +.ud__button--link:disabled,.ud__button--link:disabled:active,.ud__button--link:disabled:hover,.ud__button--link[disabled],.ud__button--link[disabled]:active,.ud__button--link[disabled]:hover { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed +} + +.ud__button--link:disabled:focus-visible,.ud__button--link[disabled]:focus-visible { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed; + --hack-merge-rules: true +} + +.ud__button--icon { + padding: 4px; + min-width: 0; + height: auto; + border: none; + line-height: 0 +} + +.ud__button--icon.ud__button--circle,.ud__button--icon.ud__button--square { + width: auto; + padding: 4px +} + +.ud__button--icon-default { + color: #2b2f36; + background: transparent; + border-color: transparent +} + +.ud__button--icon-default-selected,.ud__button--icon-default:focus-visible,.ud__button--icon-default:hover { + color: #2b2f36; + background: rgba(31,35,41,.1); + border-color: transparent +} + +.ud__button--icon-default:focus-visible { + --hack-merge-rules: true +} + +.ud__button--icon-default:active { + color: #2b2f36; + background: rgba(31,35,41,.2); + border-color: transparent +} + +.ud__button--icon-default-loading,.ud__button--icon-default-loading:active,.ud__button--icon-default-loading:focus-visible,.ud__button--icon-default-loading:hover { + color: #8f959e; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--icon-default-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--icon-default-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--icon-default-selected:hover { + background-color: rgba(31,35,41,.2) +} + +.ud__button--icon-primary { + color: #3370ff; + background: transparent; + border-color: transparent +} + +.ud__button--icon-primary-selected,.ud__button--icon-primary:focus-visible,.ud__button--icon-primary:hover { + color: #3370ff; + background: rgba(51,112,255,.1); + border-color: transparent +} + +.ud__button--icon-primary:focus-visible { + --hack-merge-rules: true +} + +.ud__button--icon-primary:active { + color: #3370ff; + background: rgba(51,112,255,.2); + border-color: transparent +} + +.ud__button--icon-primary-loading,.ud__button--icon-primary-loading:active,.ud__button--icon-primary-loading:focus-visible,.ud__button--icon-primary-loading:hover { + color: #82a7fc; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--icon-primary-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--icon-primary-loading .ud__button__loading-icon { + color: #3370ff +} + +.ud__button--icon-primary-selected:hover { + background-color: rgba(51,112,255,.2) +} + +.ud__button--icon-danger { + color: #f54a45; + background: transparent; + border-color: transparent +} + +.ud__button--icon-danger-selected,.ud__button--icon-danger:focus-visible,.ud__button--icon-danger:hover { + color: #f54a45; + background: rgba(245,74,69,.1); + border-color: transparent +} + +.ud__button--icon-danger:focus-visible { + --hack-merge-rules: true +} + +.ud__button--icon-danger:active { + color: #f54a45; + background: rgba(245,74,69,.2); + border-color: transparent +} + +.ud__button--icon-danger-loading,.ud__button--icon-danger-loading:active,.ud__button--icon-danger-loading:focus-visible,.ud__button--icon-danger-loading:hover { + color: #f98e8b; + background: transparent; + border-color: transparent; + cursor: default +} + +.ud__button--icon-danger-loading:focus-visible { + --hack-merge-rules: true +} + +.ud__button--icon-danger-loading .ud__button__loading-icon { + color: #f54a45 +} + +.ud__button--icon-danger-selected:hover { + background-color: rgba(245,74,69,.2) +} + +.ud__button--icon:disabled,.ud__button--icon:disabled:active,.ud__button--icon:disabled:hover,.ud__button--icon[disabled],.ud__button--icon[disabled]:active,.ud__button--icon[disabled]:hover { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed +} + +.ud__button--icon:disabled:focus-visible,.ud__button--icon[disabled]:focus-visible { + color: #bbbfc4; + background: transparent; + border-color: transparent; + cursor: not-allowed; + --hack-merge-rules: true +} + +.ud__button--icon-size-xs { + font-size: 12px; + border-radius: 6px +} + +.ud__button--icon-size-sm { + font-size: 16px; + border-radius: 6px +} + +.ud__button--icon-size-md { + font-size: 20px; + border-radius: 6px +} + +.ud__button--icon-size-lg { + font-size: 24px; + border-radius: 6px +} + +.ud__button--icon-size-xl { + font-size: 28px; + border-radius: 6px +} + +.ud__button__loading-icon { + box-sizing: border-box; + line-height: 1 +} + +.ud__button__loading-icon svg { + display: inline-block; + vertical-align: -.15em +} + +.ud__button__icon-inline { + box-sizing: border-box; + display: inline-block; + line-height: 0 +} + +.ud__button__icon-inline-start { + margin-right: 4px +} + +.ud__button__icon-inline-end { + margin-left: 4px +} + +.ud__button--size-sm .ud__button__icon-inline,.ud__button--size-xs .ud__button__icon-inline { + margin-right: 2px +} + +.ud__button--autowidth { + min-width: 0 +} + +.ud__button--block { + width: 100% +} + +.ud__button--loading { + position: relative +} + +.ud__button--loading:not([disabled]),.ud__button[disabled]>* { + pointer-events: none +} + +.ud__svg-spin-loading { + box-sizing: border-box; + -webkit-animation: SpinSVGRotate 1.2s linear infinite; + animation: SpinSVGRotate 1.2s linear infinite +} + +.ud__svg-spin-loading>circle { + stroke-dasharray: 1,220; + stroke-dashoffset: 0; + stroke-linecap: round; + -webkit-animation: SpinSVGDash 2.5s ease-in-out infinite; + animation: SpinSVGDash 2.5s ease-in-out infinite +} + +@-webkit-keyframes SpinSVGRotate { + to { + transform: rotate(1turn) + } +} + +@keyframes SpinSVGRotate { + to { + transform: rotate(1turn) + } +} + +@-webkit-keyframes SpinSVGDash { + 0% { + stroke-dasharray: 1,220; + stroke-dashoffset: 0 + } + + 50% { + stroke-dasharray: 150,220; + stroke-dashoffset: -68px + } + + to { + stroke-dasharray: 150,220; + stroke-dashoffset: -218px + } +} + +@keyframes SpinSVGDash { + 0% { + stroke-dasharray: 1,220; + stroke-dashoffset: 0 + } + + 50% { + stroke-dasharray: 150,220; + stroke-dashoffset: -68px + } + + to { + stroke-dasharray: 150,220; + stroke-dashoffset: -218px + } +} + +.ud__input,.ud__input-password { + display: inline-flex; + box-sizing: border-box; + border: 0 solid #d0d3d6; + border-radius: 6px; + background-color: #fff; + overflow: hidden; + width: 100%; + transition: border-color .1s linear +} + +.ud__input-password:not(.ud__input-addon),.ud__input:not(.ud__input-addon) { + border-width: 1px +} + +.ud__input-input-wrap,.ud__input-password-input-wrap { + box-sizing: border-box; + display: flex; + flex: 1; + min-width: 0 +} + +.ud__input-input-wrap:before,.ud__input-password-input-wrap:before { + display: inline-block; + width: 0; + visibility: hidden; + content: "\a0" +} + +.ud__input-input-wrap:only-child,.ud__input-password-input-wrap:only-child { + width: 100% +} + +.ud__input--size-sm,.ud__input-password--size-sm { + font-size: 12px; + line-height: 20px +} + +.ud__input--size-sm input,.ud__input-password--size-sm input { + font-size: inherit; + line-height: inherit +} + +.ud__input--size-sm .ud__input-input-wrap,.ud__input--size-sm .ud__input-password-input-wrap,.ud__input-password--size-sm .ud__input-input-wrap,.ud__input-password--size-sm .ud__input-password-input-wrap { + padding: 3px 3px 3px 7px +} + +.ud__input--size-sm .ud__input-password__addon-after,.ud__input--size-sm .ud__input-password__addon-before,.ud__input--size-sm .ud__input__addon-after,.ud__input--size-sm .ud__input__addon-before,.ud__input-password--size-sm .ud__input-password__addon-after,.ud__input-password--size-sm .ud__input-password__addon-before,.ud__input-password--size-sm .ud__input__addon-after,.ud__input-password--size-sm .ud__input__addon-before { + box-sizing: border-box; + padding: 0 12px; + line-height: 26px +} + +.ud__input--size-sm .ud__input-password__prefix>.universe-icon,.ud__input--size-sm .ud__input-password__suffix>.universe-icon,.ud__input--size-sm .ud__input__prefix>.universe-icon,.ud__input--size-sm .ud__input__suffix>.universe-icon,.ud__input-password--size-sm .ud__input-password__prefix>.universe-icon,.ud__input-password--size-sm .ud__input-password__suffix>.universe-icon,.ud__input-password--size-sm .ud__input__prefix>.universe-icon,.ud__input-password--size-sm .ud__input__suffix>.universe-icon { + font-size: 14px +} + +.ud__input--size-sm .ud__input-password__prefix .ud__button svg,.ud__input--size-sm .ud__input-password__suffix .ud__button svg,.ud__input--size-sm .ud__input__prefix .ud__button svg,.ud__input--size-sm .ud__input__suffix .ud__button svg,.ud__input-password--size-sm .ud__input-password__prefix .ud__button svg,.ud__input-password--size-sm .ud__input-password__suffix .ud__button svg,.ud__input-password--size-sm .ud__input__prefix .ud__button svg,.ud__input-password--size-sm .ud__input__suffix .ud__button svg { + width: 14px; + height: 14px +} + +.ud__input--size-sm .ud__input-password__clear-icon svg,.ud__input--size-sm .ud__input__clear-icon svg,.ud__input-password--size-sm .ud__input-password__clear-icon svg,.ud__input-password--size-sm .ud__input__clear-icon svg { + color: #646a73; + font-size: 10px +} + +.ud__input--size-sm.ud__input--size-sm.ud__input-addon input,.ud__input--size-sm.ud__input-password--size-sm.ud__input-addon input,.ud__input-password--size-sm.ud__input--size-sm.ud__input-addon input,.ud__input-password--size-sm.ud__input-password--size-sm.ud__input-addon input { + padding: 0 7px +} + +.ud__input--size-sm .ud__button--icon,.ud__input-password--size-sm .ud__button--icon { + margin: -1px 0 +} + +.ud__input--size-sm .ud__input-password__addon-after .ud__select,.ud__input--size-sm .ud__input-password__addon-before .ud__select,.ud__input--size-sm .ud__input__addon-after .ud__select,.ud__input--size-sm .ud__input__addon-before .ud__select,.ud__input-password--size-sm .ud__input-password__addon-after .ud__select,.ud__input-password--size-sm .ud__input-password__addon-before .ud__select,.ud__input-password--size-sm .ud__input__addon-after .ud__select,.ud__input-password--size-sm .ud__input__addon-before .ud__select { + margin: -1px -13px +} + +.ud__input--size-sm .ud__input-password__addon-after .ud__select__selector-s,.ud__input--size-sm .ud__input-password__addon-before .ud__select__selector-s,.ud__input--size-sm .ud__input__addon-after .ud__select__selector-s,.ud__input--size-sm .ud__input__addon-before .ud__select__selector-s,.ud__input-password--size-sm .ud__input-password__addon-after .ud__select__selector-s,.ud__input-password--size-sm .ud__input-password__addon-before .ud__select__selector-s,.ud__input-password--size-sm .ud__input__addon-after .ud__select__selector-s,.ud__input-password--size-sm .ud__input__addon-before .ud__select__selector-s { + transform: translateY(1px) +} + +.ud__input--size-md,.ud__input-password--size-md { + font-size: 14px; + line-height: 22px +} + +.ud__input--size-md input,.ud__input-password--size-md input { + font-size: inherit; + line-height: inherit +} + +.ud__input--size-md .ud__input-input-wrap,.ud__input--size-md .ud__input-password-input-wrap,.ud__input-password--size-md .ud__input-input-wrap,.ud__input-password--size-md .ud__input-password-input-wrap { + padding: 4px 8px 4px 11px +} + +.ud__input--size-md .ud__input-password__addon-after,.ud__input--size-md .ud__input-password__addon-before,.ud__input--size-md .ud__input__addon-after,.ud__input--size-md .ud__input__addon-before,.ud__input-password--size-md .ud__input-password__addon-after,.ud__input-password--size-md .ud__input-password__addon-before,.ud__input-password--size-md .ud__input__addon-after,.ud__input-password--size-md .ud__input__addon-before { + box-sizing: border-box; + padding: 0 12px; + line-height: 30px +} + +.ud__input--size-md .ud__input-password__prefix>.universe-icon,.ud__input--size-md .ud__input-password__suffix>.universe-icon,.ud__input--size-md .ud__input__prefix>.universe-icon,.ud__input--size-md .ud__input__suffix>.universe-icon,.ud__input-password--size-md .ud__input-password__prefix>.universe-icon,.ud__input-password--size-md .ud__input-password__suffix>.universe-icon,.ud__input-password--size-md .ud__input__prefix>.universe-icon,.ud__input-password--size-md .ud__input__suffix>.universe-icon { + font-size: 16px +} + +.ud__input--size-md .ud__input-password__prefix .ud__button svg,.ud__input--size-md .ud__input-password__suffix .ud__button svg,.ud__input--size-md .ud__input__prefix .ud__button svg,.ud__input--size-md .ud__input__suffix .ud__button svg,.ud__input-password--size-md .ud__input-password__prefix .ud__button svg,.ud__input-password--size-md .ud__input-password__suffix .ud__button svg,.ud__input-password--size-md .ud__input__prefix .ud__button svg,.ud__input-password--size-md .ud__input__suffix .ud__button svg { + width: 16px; + height: 16px +} + +.ud__input--size-md .ud__input-password__clear-icon svg,.ud__input--size-md .ud__input__clear-icon svg,.ud__input-password--size-md .ud__input-password__clear-icon svg,.ud__input-password--size-md .ud__input__clear-icon svg { + color: #646a73; + font-size: 12px +} + +.ud__input--size-md.ud__input--size-md.ud__input-addon input,.ud__input--size-md.ud__input-password--size-md.ud__input-addon input,.ud__input-password--size-md.ud__input--size-md.ud__input-addon input,.ud__input-password--size-md.ud__input-password--size-md.ud__input-addon input { + padding: 0 11px +} + +.ud__input--size-md .ud__button--icon,.ud__input-password--size-md .ud__button--icon { + margin: -1px 0 +} + +.ud__input--size-md .ud__input-password__addon-after .ud__select,.ud__input--size-md .ud__input-password__addon-before .ud__select,.ud__input--size-md .ud__input__addon-after .ud__select,.ud__input--size-md .ud__input__addon-before .ud__select,.ud__input-password--size-md .ud__input-password__addon-after .ud__select,.ud__input-password--size-md .ud__input-password__addon-before .ud__select,.ud__input-password--size-md .ud__input__addon-after .ud__select,.ud__input-password--size-md .ud__input__addon-before .ud__select { + margin: -1px -13px +} + +.ud__input--size-lg,.ud__input-password--size-lg { + font-size: 16px; + line-height: 24px +} + +.ud__input--size-lg input,.ud__input-password--size-lg input { + font-size: inherit; + line-height: inherit +} + +.ud__input--size-lg .ud__input-input-wrap,.ud__input--size-lg .ud__input-password-input-wrap,.ud__input-password--size-lg .ud__input-input-wrap,.ud__input-password--size-lg .ud__input-password-input-wrap { + padding: 7px 8px 7px 11px +} + +.ud__input--size-lg .ud__input-password__addon-after,.ud__input--size-lg .ud__input-password__addon-before,.ud__input--size-lg .ud__input__addon-after,.ud__input--size-lg .ud__input__addon-before,.ud__input-password--size-lg .ud__input-password__addon-after,.ud__input-password--size-lg .ud__input-password__addon-before,.ud__input-password--size-lg .ud__input__addon-after,.ud__input-password--size-lg .ud__input__addon-before { + box-sizing: border-box; + padding: 0 12px; + line-height: 38px +} + +.ud__input--size-lg .ud__input-password__prefix>.universe-icon,.ud__input--size-lg .ud__input-password__suffix>.universe-icon,.ud__input--size-lg .ud__input__prefix>.universe-icon,.ud__input--size-lg .ud__input__suffix>.universe-icon,.ud__input-password--size-lg .ud__input-password__prefix>.universe-icon,.ud__input-password--size-lg .ud__input-password__suffix>.universe-icon,.ud__input-password--size-lg .ud__input__prefix>.universe-icon,.ud__input-password--size-lg .ud__input__suffix>.universe-icon { + font-size: 20px +} + +.ud__input--size-lg .ud__input-password__prefix .ud__button svg,.ud__input--size-lg .ud__input-password__suffix .ud__button svg,.ud__input--size-lg .ud__input__prefix .ud__button svg,.ud__input--size-lg .ud__input__suffix .ud__button svg,.ud__input-password--size-lg .ud__input-password__prefix .ud__button svg,.ud__input-password--size-lg .ud__input-password__suffix .ud__button svg,.ud__input-password--size-lg .ud__input__prefix .ud__button svg,.ud__input-password--size-lg .ud__input__suffix .ud__button svg { + width: 20px; + height: 20px +} + +.ud__input--size-lg .ud__input-password__clear-icon svg,.ud__input--size-lg .ud__input__clear-icon svg,.ud__input-password--size-lg .ud__input-password__clear-icon svg,.ud__input-password--size-lg .ud__input__clear-icon svg { + color: #646a73; + font-size: 16px +} + +.ud__input--size-lg.ud__input--size-lg.ud__input-addon input,.ud__input--size-lg.ud__input-password--size-lg.ud__input-addon input,.ud__input-password--size-lg.ud__input--size-lg.ud__input-addon input,.ud__input-password--size-lg.ud__input-password--size-lg.ud__input-addon input { + padding: 0 11px +} + +.ud__input--size-lg .ud__button--icon,.ud__input-password--size-lg .ud__button--icon { + margin: -2px 0 +} + +.ud__input--size-lg .ud__input-password__addon-after .ud__select,.ud__input--size-lg .ud__input-password__addon-before .ud__select,.ud__input--size-lg .ud__input__addon-after .ud__select,.ud__input--size-lg .ud__input__addon-before .ud__select,.ud__input-password--size-lg .ud__input-password__addon-after .ud__select,.ud__input-password--size-lg .ud__input-password__addon-before .ud__select,.ud__input-password--size-lg .ud__input__addon-after .ud__select,.ud__input-password--size-lg .ud__input__addon-before .ud__select { + margin: -1px -13px +} + +.ud__input-password input,.ud__input input { + border: none; + outline: none; + padding: 0; + flex: 1; + overflow: hidden; + background-color: transparent; + margin: 0; + color: #1f2329; + min-width: 0 +} + +.ud__input-password input::-moz-placeholder,.ud__input input::-moz-placeholder { + opacity: 1; + color: #8f959e +} + +.ud__input-password input:-ms-input-placeholder,.ud__input input:-ms-input-placeholder { + color: #8f959e +} + +.ud__input-password input::placeholder,.ud__input input::placeholder { + color: #8f959e +} + +.ud__input-password input:-moz-placeholder-shown,.ud__input input:-moz-placeholder-shown { + text-overflow: ellipsis +} + +.ud__input-password input:-ms-input-placeholder,.ud__input input:-ms-input-placeholder { + text-overflow: ellipsis +} + +.ud__input-password input:placeholder-shown,.ud__input input:placeholder-shown { + text-overflow: ellipsis +} + +.ud__input--focused:not(.ud__input-addon),.ud__input-password--focused:not(.ud__input-addon),.ud__input-password:focus:not(.ud__input-addon),.ud__input-password:hover:not(.ud__input-addon),.ud__input:focus:not(.ud__input-addon),.ud__input:hover:not(.ud__input-addon) { + border-color: #3370ff +} + +.ud__input--disabled,.ud__input-password--disabled { + border-color: #d0d3d6; + background-color: #eff0f1; + color: #8f959e; + cursor: not-allowed +} + +.ud__input--disabled>*,.ud__input-password--disabled>* { + cursor: not-allowed; + pointer-events: none; + color: #8f959e +} + +.ud__input--disabled .ud__input-password__addon-after,.ud__input--disabled .ud__input-password__addon-before,.ud__input--disabled .ud__input-password__prefix,.ud__input--disabled .ud__input-password__suffix,.ud__input--disabled .ud__input__addon-after,.ud__input--disabled .ud__input__addon-before,.ud__input--disabled .ud__input__prefix,.ud__input--disabled .ud__input__suffix,.ud__input-password--disabled .ud__input-password__addon-after,.ud__input-password--disabled .ud__input-password__addon-before,.ud__input-password--disabled .ud__input-password__prefix,.ud__input-password--disabled .ud__input-password__suffix,.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--disabled .ud__input__prefix,.ud__input-password--disabled .ud__input__suffix { + background-color: transparent +} + +.ud__input--disabled .ud__input-password__addon-after svg,.ud__input--disabled .ud__input-password__addon-before svg,.ud__input--disabled .ud__input-password__prefix svg,.ud__input--disabled .ud__input-password__suffix svg,.ud__input--disabled .ud__input__addon-after svg,.ud__input--disabled .ud__input__addon-before svg,.ud__input--disabled .ud__input__prefix svg,.ud__input--disabled .ud__input__suffix svg,.ud__input-password--disabled .ud__input-password__addon-after svg,.ud__input-password--disabled .ud__input-password__addon-before svg,.ud__input-password--disabled .ud__input-password__prefix svg,.ud__input-password--disabled .ud__input-password__suffix svg,.ud__input-password--disabled .ud__input__addon-after svg,.ud__input-password--disabled .ud__input__addon-before svg,.ud__input-password--disabled .ud__input__prefix svg,.ud__input-password--disabled .ud__input__suffix svg { + color: #bbbfc4 +} + +.ud__input--disabled .ud__input-password__addon-after .ud__select .ud__select__selector,.ud__input--disabled .ud__input-password__addon-before .ud__select .ud__select__selector,.ud__input--disabled .ud__input-password__prefix .ud__select .ud__select__selector,.ud__input--disabled .ud__input-password__suffix .ud__select .ud__select__selector,.ud__input--disabled .ud__input__addon-after .ud__select .ud__select__selector,.ud__input--disabled .ud__input__addon-before .ud__select .ud__select__selector,.ud__input--disabled .ud__input__prefix .ud__select .ud__select__selector,.ud__input--disabled .ud__input__suffix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__addon-after .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__addon-before .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__prefix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input-password__suffix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__addon-after .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__addon-before .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__prefix .ud__select .ud__select__selector,.ud__input-password--disabled .ud__input__suffix .ud__select .ud__select__selector { + background-color: transparent; + color: #8f959e +} + +.ud__input--disabled .ud__input-password__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input-password__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input-password__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input-password__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input--disabled .ud__input__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input-password__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__addon-after .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__addon-before .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__prefix .ud__select .ud__select__selector>.ud__select__selector__arrow,.ud__input-password--disabled .ud__input__suffix .ud__select .ud__select__selector>.ud__select__selector__arrow { + color: #bbbfc4 +} + +.ud__input--disabled.ud__input--error,.ud__input--disabled.ud__input--focused,.ud__input--disabled.ud__input-password--error,.ud__input--disabled.ud__input-password--focused,.ud__input--disabled.ud__input-password:focus,.ud__input--disabled.ud__input-password:hover,.ud__input--disabled.ud__input:focus,.ud__input--disabled.ud__input:hover,.ud__input-password--disabled.ud__input--error,.ud__input-password--disabled.ud__input--focused,.ud__input-password--disabled.ud__input-password--error,.ud__input-password--disabled.ud__input-password--focused,.ud__input-password--disabled.ud__input-password:focus,.ud__input-password--disabled.ud__input-password:hover,.ud__input-password--disabled.ud__input:focus,.ud__input-password--disabled.ud__input:hover { + border-color: #d0d3d6 +} + +.ud__input--error,.ud__input--error.ud__input--focused,.ud__input--error.ud__input-password--focused,.ud__input--error.ud__input-password:focus,.ud__input--error.ud__input-password:hover,.ud__input--error.ud__input:focus,.ud__input--error.ud__input:hover,.ud__input-password--error,.ud__input-password--error.ud__input--focused,.ud__input-password--error.ud__input-password--focused,.ud__input-password--error.ud__input-password:focus,.ud__input-password--error.ud__input-password:hover,.ud__input-password--error.ud__input:focus,.ud__input-password--error.ud__input:hover { + border-color: #f54a45 +} + +.ud__input-addon .ud__input-input-wrap,.ud__input-password-addon .ud__input-input-wrap { + padding: 0 +} + +.ud__input-addon .ud__input__prefix,.ud__input-password-addon .ud__input__prefix { + padding-left: 8px; + padding-right: 0 +} + +.ud__input-addon .ud__input__suffix,.ud__input-password-addon .ud__input__suffix { + padding-left: 0; + padding-right: 8px +} + +.ud__input-addon .ud__input__clear-icon,.ud__input-password-addon .ud__input__clear-icon { + padding-right: 8px +} + +.ud__input-password__prefix,.ud__input-password__suffix,.ud__input__prefix,.ud__input__suffix { + display: flex; + align-items: center +} + +.ud__input-password__prefix svg,.ud__input-password__suffix svg,.ud__input__prefix svg,.ud__input__suffix svg { + color: #646a73 +} + +.ud__input-password__suffix>.universe-icon,.ud__input__suffix>.universe-icon { + margin: 0 4px +} + +.ud__input-password__addon-after,.ud__input-password__addon-before,.ud__input__addon-after,.ud__input__addon-before { + text-align: center; + min-width: 70px; + background-color: #eff0f1 +} + +.ud__input-password__addon-after svg,.ud__input-password__addon-before svg,.ud__input__addon-after svg,.ud__input__addon-before svg { + vertical-align: middle; + color: #646a73 +} + +.ud__input-password__addon-after,.ud__input__addon-after { + border: 1px solid #d0d3d6; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px +} + +.ud__input-password__addon-after .ud__select .ud__select__selector,.ud__input__addon-after .ud__select .ud__select__selector { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.ud__input-password__addon-before,.ud__input__addon-before { + border: 1px solid #d0d3d6; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px +} + +.ud__input-password__addon-before .ud__select .ud__select__selector,.ud__input__addon-before .ud__select .ud__select__selector { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.ud__input-password__addon-before+input,.ud__input__addon-before+input { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-left: -1px +} + +.ud__input-password__addon-before+input:last-child,.ud__input__addon-before+input:last-child { + margin-right: 0 +} + +.ud__input-password__prefix,.ud__input__prefix { + margin-right: 8px +} + +.ud__input-password__suffix,.ud__input__suffix { + margin-left: 8px +} + +.ud__input-password__clear-icon,.ud__input__clear-icon { + display: flex; + align-items: center; + margin-left: 8px; + align-self: center; + opacity: 0 +} + +.ud__input-password__clear-icon:hover svg,.ud__input__clear-icon:hover svg { + color: #3370ff +} + +.ud__input-password__clear-icon:active svg,.ud__input__clear-icon:active svg { + color: #245bdb +} + +.ud__input-password__clear-icon svg,.ud__input__clear-icon svg { + color: #8f959e +} + +.ud__input-password__clear-icon-show,.ud__input__clear-icon-show { + opacity: 1; + cursor: pointer +} + +.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap { + border-color: #f54a45 #d0d3d6 +} + +.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:first-child { + border-left-color: #f54a45 +} + +.ud__input--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap:last-child { + border-right-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input-input-wrap,.ud__input--error.ud__input-addon .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon .ud__input-input-wrap,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon .ud__input-input-wrap,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap { + border-top-color: #f54a45; + border-bottom-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:first-child { + border-left-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:last-child { + border-right-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input-input-wrap:hover,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:hover { + border-color: #f54a45 #d0d3d6 +} + +.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:first-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover:first-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover:first-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover:first-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover:first-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover:first-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:hover:first-child { + border-left-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input-input-wrap:hover:last-child,.ud__input--error.ud__input-addon .ud__input-password-input-wrap:hover:last-child,.ud__input--error.ud__input-password-addon .ud__input-input-wrap:hover:last-child,.ud__input--error.ud__input-password-addon .ud__input-password-input-wrap:hover:last-child,.ud__input-password--error.ud__input-addon .ud__input-input-wrap:hover:last-child,.ud__input-password--error.ud__input-addon .ud__input-password-input-wrap:hover:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-input-wrap:hover:last-child,.ud__input-password--error.ud__input-password-addon .ud__input-password-input-wrap:hover:last-child { + border-right-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input__addon-after,.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon .ud__input__addon-before,.ud__input--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-after,.ud__input--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-before,.ud__input--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-after,.ud__input-password--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-before,.ud__input-password--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector { + border-top-color: #f54a45; + border-bottom-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input__addon-before,.ud__input--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-before,.ud__input--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-before,.ud__input-password--error.ud__input-addon .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon .ud__input__addon-before .ud__select__selector { + border-left-color: #f54a45 +} + +.ud__input--error.ud__input-addon .ud__input__addon-after,.ud__input--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon .ud__input__addon-after,.ud__input--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon .ud__input__addon-after,.ud__input-password--error.ud__input-addon .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon .ud__input__addon-after .ud__select__selector { + border-right-color: #f54a45 +} + +.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap { + border-top-color: #d0d3d6; + border-bottom-color: #d0d3d6 +} + +.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:first-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:first-child { + border-left-color: #d0d3d6 +} + +.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input-password-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-input-wrap:last-child,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input-password-input-wrap:last-child { + border-right-color: #d0d3d6 +} + +.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector { + border-top-color: #d0d3d6; + border-bottom-color: #d0d3d6 +} + +.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-before .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-before .ud__select__selector { + border-left-color: #d0d3d6 +} + +.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input--disabled .ud__input__addon-after .ud__select__selector,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after,.ud__input-password--error.ud__input-password-addon.ud__input-password--disabled .ud__input__addon-after .ud__select__selector { + border-right-color: #d0d3d6 +} + +.ud__input-addon .ud__input-input-wrap,.ud__input-addon .ud__input-password-input-wrap,.ud__input-password-addon .ud__input-input-wrap,.ud__input-password-addon .ud__input-password-input-wrap { + border: 1px solid #d0d3d6; + margin: 0 -1px +} + +.ud__input-addon .ud__input-input-wrap:first-child,.ud__input-addon .ud__input-password-input-wrap:first-child,.ud__input-password-addon .ud__input-input-wrap:first-child,.ud__input-password-addon .ud__input-password-input-wrap:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-top-left-radius: 6px; + border-bottom-left-radius: 6px; + margin-right: -1px; + margin-left: 0 +} + +.ud__input-addon .ud__input-input-wrap:last-child,.ud__input-addon .ud__input-password-input-wrap:last-child,.ud__input-password-addon .ud__input-input-wrap:last-child,.ud__input-password-addon .ud__input-password-input-wrap:last-child { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + margin-right: 0 +} + +.ud__input-addon .ud__input-input-wrap:focus,.ud__input-addon .ud__input-input-wrap:hover,.ud__input-addon .ud__input-password-input-wrap:focus,.ud__input-addon .ud__input-password-input-wrap:hover,.ud__input-password-addon .ud__input-input-wrap:focus,.ud__input-password-addon .ud__input-input-wrap:hover,.ud__input-password-addon .ud__input-password-input-wrap:focus,.ud__input-password-addon .ud__input-password-input-wrap:hover { + border-color: #3370ff; + z-index: 1 +} + +.ud__input-addon .ud__input-input-wrap .ud__input-password__prefix+input,.ud__input-addon .ud__input-input-wrap .ud__input__prefix+input,.ud__input-addon .ud__input-password-input-wrap .ud__input-password__prefix+input,.ud__input-addon .ud__input-password-input-wrap .ud__input__prefix+input,.ud__input-password-addon .ud__input-input-wrap .ud__input-password__prefix+input,.ud__input-password-addon .ud__input-input-wrap .ud__input__prefix+input,.ud__input-password-addon .ud__input-password-input-wrap .ud__input-password__prefix+input,.ud__input-password-addon .ud__input-password-input-wrap .ud__input__prefix+input { + padding-left: 0 +} + +.ud__input-addon .ud__input-input-wrap .ud__input-password__clear-icon+span,.ud__input-addon .ud__input-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-addon .ud__input-input-wrap .ud__input__clear-icon+span,.ud__input-addon .ud__input-input-wrap .ud__input__clear-icon:last-child,.ud__input-addon .ud__input-password-input-wrap .ud__input-password__clear-icon+span,.ud__input-addon .ud__input-password-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-addon .ud__input-password-input-wrap .ud__input__clear-icon+span,.ud__input-addon .ud__input-password-input-wrap .ud__input__clear-icon:last-child,.ud__input-password-addon .ud__input-input-wrap .ud__input-password__clear-icon+span,.ud__input-password-addon .ud__input-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-password-addon .ud__input-input-wrap .ud__input__clear-icon+span,.ud__input-password-addon .ud__input-input-wrap .ud__input__clear-icon:last-child,.ud__input-password-addon .ud__input-password-input-wrap .ud__input-password__clear-icon+span,.ud__input-password-addon .ud__input-password-input-wrap .ud__input-password__clear-icon:last-child,.ud__input-password-addon .ud__input-password-input-wrap .ud__input__clear-icon+span,.ud__input-password-addon .ud__input-password-input-wrap .ud__input__clear-icon:last-child { + margin-left: 0 +} + +.ud__input-addon .ud__input-input-wrap input:first-child,.ud__input-addon .ud__input-password-input-wrap input:first-child,.ud__input-password-addon .ud__input-input-wrap input:first-child,.ud__input-password-addon .ud__input-password-input-wrap input:first-child { + padding-right: 0 +} + +.ud__input-addon.ud__input--focused .ud__input-input-wrap,.ud__input-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-addon.ud__input-password--focused .ud__input-password-input-wrap,.ud__input-password-addon.ud__input--focused .ud__input-input-wrap,.ud__input-password-addon.ud__input--focused .ud__input-password-input-wrap,.ud__input-password-addon.ud__input-password--focused .ud__input-input-wrap,.ud__input-password-addon.ud__input-password--focused .ud__input-password-input-wrap { + border-color: #3370ff; + z-index: 1 +} + +.ud__input-password__suffix { + cursor: pointer +} + +.ud__input-group { + width: 100%; + display: inline-block +} + +.ud__input-group>.ud__button:first-child,.ud__input-group>.ud__input-number:first-child,.ud__input-group>.ud__input:first-child,.ud__input-group>.ud__picker:first-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:first-child>.ud__select__selector { + border-top-right-radius: 0; + border-bottom-right-radius: 0 +} + +.ud__input-group>.ud__button:last-child,.ud__input-group>.ud__input-addon .ud__input-input-wrap:first-child,.ud__input-group>.ud__input-number:last-child,.ud__input-group>.ud__input:last-child,.ud__input-group>.ud__picker:last-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:last-child>.ud__select__selector { + border-top-left-radius: 0; + border-bottom-left-radius: 0 +} + +.ud__input-group>.ud__input--error:first-child,.ud__input-group>.ud__input-number--error:first-child,.ud__input-group>.ud__picker--error:first-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:first-child>.ud__select__selector-error { + border-right-color: #d0d3d6 +} + +.ud__input-group>.ud__input--error:last-child,.ud__input-group>.ud__input-number--error:last-child,.ud__input-group>.ud__picker--error:last-child>.ud__picker-inputWrapper,.ud__input-group>.ud__select:last-child>.ud__select__selector-error { + border-left-color: #d0d3d6 +} + +.ud__input-group>.ud__input-number--error:first-child:hover { + border-right-color: #d0d3d6 +} + +.ud__input-group>.ud__input-number--error:last-child:hover { + border-left-color: #d0d3d6 +} + +.ud__input-group .ud__input-number:not(:first-child):not(:last-child),.ud__input-group .ud__input:not(:first-child):not(:last-child),.ud__input-group .ud__picker:not(:first-child):not(:last-child) .ud__picker-inputWrapper,.ud__input-group .ud__select:not(:first-child):not(:last-child)>.ud__select__selector { + border-radius: 0 +} + +.ud__input-group .ud__button:not(:first-child):not(:last-child),.ud__input-group .ud__input--error:not(:first-child):not(:last-child),.ud__input-group .ud__input-number--error:not(:first-child):not(:last-child),.ud__input-group .ud__picker--error:not(:first-child):not(:last-child)>.ud__picker-inputWrapper,.ud__input-group .ud__select:not(:first-child):not(:last-child)>.ud__select__selector-error { + border-left-color: #d0d3d6; + border-right-color: #d0d3d6 +} + +.ud__input-group .ud__input-number--error:not(:first-child):not(:last-child) .ud__input-number__handle { + border-radius: 0 +} + +.ud__input-group .ud__input--focused { + z-index: 1 +} + +.ud__input-group .ud__button,.ud__input-group .ud__input,.ud__input-group .ud__input-number,.ud__input-group .ud__picker,.ud__input-group .ud__select { + vertical-align: middle; + position: relative +} + +.ud__input-group .ud__button--focus,.ud__input-group .ud__button:focus,.ud__input-group .ud__button:hover,.ud__input-group .ud__input--focus,.ud__input-group .ud__input-number--focus,.ud__input-group .ud__input-number:focus,.ud__input-group .ud__input-number:hover,.ud__input-group .ud__input:focus,.ud__input-group .ud__input:hover,.ud__input-group .ud__picker--focus,.ud__input-group .ud__picker:focus,.ud__input-group .ud__picker:hover,.ud__input-group .ud__select--focus,.ud__input-group .ud__select:focus,.ud__input-group .ud__select:hover { + z-index: 1 +} + +.ud__input-group--compact:before { + display: table; + content: "" +} + +.ud__input-group--compact:after { + display: table; + clear: both; + content: "" +} + +.ud__input-group--compact>.ud__button:not(:last-child),.ud__input-group--compact>.ud__input-number:not(:last-child),.ud__input-group--compact>.ud__input:not(:last-child),.ud__input-group--compact>.ud__picker:not(:last-child),.ud__input-group--compact>.ud__select:not(:last-child)>.ud__select__selector { + margin-right: -1px; + border-right-width: 1px +} + +.ud__input__count-current { + color: #1f2329 +} + +.ud__input__count-exceed { + color: #f54a45 +} + +.ud__search--error { + border-color: #f54a45 +} + +.ud__search--shape-round.ud__search--size-sm { + border-radius: 26px +} + +.ud__search--shape-round.ud__search--size-md { + border-radius: 32px +} + +.ud__search--shape-round.ud__search--size-lg { + border-radius: 40px +} + +.ud__search .ud__input__prefix,.ud__search .ud__input__suffix { + color: #646a73 +} + +.ud__textarea { + display: inline-block; + position: relative; + box-sizing: border-box; + width: 100%; + vertical-align: bottom +} + +.ud__textarea textarea { + box-sizing: border-box; + display: block; + outline: none; + border: 1px solid #d0d3d6; + border-radius: 6px; + padding: 4px 11px; + min-height: 30px; + font-size: 14px; + line-height: 22px; + font-weight: 400; + max-width: 100%; + width: 100%; + margin: 0; + resize: vertical; + color: #1f2329; + background-color: #fff +} + +.ud__textarea textarea::-webkit-scrollbar-thumb { + border-radius: 9999px; + -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1); + transition: background .2s cubic-bezier(.34,.69,.1,1); + background-color: rgba(31,35,41,.3); + border: 2px solid transparent; + background-clip: padding-box +} + +.ud__textarea textarea::-webkit-scrollbar { + width: 11px; + height: 11px; + background-color: transparent +} + +.ud__textarea textarea::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6)!important +} + +.ud__textarea textarea::-webkit-scrollbar:hover { + width: 11px; + height: 11px +} + +.ud__textarea textarea::-webkit-scrollbar-button { + display: none +} + +.ud__textarea textarea::-webkit-scrollbar-track { + background-color: transparent +} + +.ud__os-mac .ud__textarea textarea,.ud__textarea textarea.ud__os-mac { + font-weight: 400 +} + +.ud__os-win .ud__textarea textarea,.ud__textarea textarea.ud__os-win { + font-weight: 500 +} + +.ud__textarea textarea::-moz-placeholder { + opacity: 1 +} + +.ud__textarea textarea:-ms-input-placeholder { + color: #8f959e +} + +.ud__textarea textarea::placeholder { + color: #8f959e +} + +.ud__textarea textarea:-moz-placeholder-shown { + text-overflow: ellipsis +} + +.ud__textarea textarea:-ms-input-placeholder { + text-overflow: ellipsis +} + +.ud__textarea textarea:placeholder-shown { + text-overflow: ellipsis +} + +.ud__textarea textarea--focused,.ud__textarea textarea:focus,.ud__textarea textarea:hover { + border-color: #3370ff +} + +.ud__textarea textarea::-webkit-scrollbar { + overflow: hidden; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px +} + +.ud__textarea textarea::-webkit-resizer,.ud__textarea textarea::-webkit-scrollbar-corner { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEWSURBVHgBjZFRSsNAEIb/3fQAOUK9gfpe6YIovjU3UE+gJ2g8gTcw3sC+itUFrW+BeAN7ATFSKAjbHWcSC+mSlszLDrvfzvzzj0LHmNpZBtBQd4Gf7fuYgHPPueoCe1DK1UsHd7Dzw+P0daQj/SC5h09OzdGktw221vZXUBlVMN0ILPd6O9yzBBXX8CBdv6kWOGa4YLivQJNjM0ia73oTLsBwJjCB5gu4i7CgbsIey5ThEcOfKziTGFOGHypJeZ7jZ/Gbst4x2/fN9h2eGTNvgk92VrDEWLNmfJXLpIYrRy5b4Fs+9v2/pL0oUncI7FuHLI6PK5lJZGoe8qXNvrry27DesoRLpLPmNkTw9yEcxPWJMR+S/AFbfpAZqxwUNQAAAABJRU5ErkJggg=="); + background-size: 6px 7px; + background-repeat: no-repeat; + background-position: 50% +} + +.ud__textarea textarea::-webkit-scrollbar-corner { + background-color: transparent; + overflow: hidden; + border-bottom-right-radius: 6px +} + +.ud__textarea--error textarea,.ud__textarea--error textarea--focused,.ud__textarea--error textarea:focus,.ud__textarea--error textarea:hover { + border-color: #f54a45 +} + +.ud__textarea__clear-icon { + position: absolute; + top: 6px; + right: 12px; + z-index: 1; + height: 22px; + display: flex; + align-items: center; + cursor: pointer +} + +.ud__textarea__clear-icon:hover svg { + color: #3370ff +} + +.ud__textarea__clear-icon:active svg { + color: #245bdb +} + +.ud__textarea__clear-icon svg { + color: #8f959e; + font-size: 16px; + vertical-align: -.2em +} + +.ud__textarea-suffix { + position: absolute; + z-index: 0; + right: 9px; + bottom: 9px; + line-height: 0 +} + +.ud__textarea-suffix-slot { + margin-right: 4px +} + +.ud__textarea--show-count textarea { + padding-bottom: 22px +} + +.ud__textarea--show-clear textarea { + padding-right: 36px +} + +.ud__textarea--disabled { + color: #8f959e; + cursor: not-allowed +} + +.ud__textarea--disabled textarea { + color: #8f959e; + border-color: #d0d3d6; + background-color: #eff0f1; + cursor: not-allowed +} + +.ud__textarea--disabled textarea:hover { + border-color: #d0d3d6 +} + +.ud__textarea--disabled textarea::-webkit-scrollbar,.ud__textarea--disabled textarea::-webkit-scrollbar-corner,.ud__textarea--disabled textarea::-webkit-scrollbar-track { + background-color: #eff0f1 +} + +.ud__tag { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + cursor: text; + display: inline-flex; + align-items: center; + border-radius: 4px; + white-space: nowrap; + transition: all .2s cubic-bezier(.34,.69,.1,1); + vertical-align: top; + max-width: 100% +} + +.ud__tag__status-icon { + flex: none +} + +.ud__tag__close-icon { + cursor: pointer; + margin-left: 4px; + transition: all .2s cubic-bezier(.34,.69,.1,1) +} + +.ud__tag-xs { + padding: 0 4px; + height: 17px; + line-height: 17px; + font-size: 10px +} + +.ud__tag-xs.ud__tag-square { + width: 17px +} + +.ud__tag-xs.ud__tag-round { + padding-right: 5.6661px +} + +.ud__tag-xs>.ud__tag__close-icon { + font-size: 9px; + margin-left: 2px +} + +.ud__tag-xs>.ud__tag__content { + font-size: 12px; + zoom:.83333333} + +.ud__tag-sm { + padding: 0 6px; + height: 20px; + line-height: 20px; + font-size: 12px +} + +.ud__tag-sm.ud__tag-square { + width: 20px +} + +.ud__tag-sm.ud__tag-round { + padding-right: 6.666px +} + +.ud__tag-sm>.ud__tag__close-icon { + font-size: 10px; + margin-left: 4px +} + +.ud__tag-md { + padding: 0 6px; + height: 24px; + line-height: 24px; + font-size: 14px +} + +.ud__tag-md.ud__tag-square { + width: 24px +} + +.ud__tag-md.ud__tag-round { + padding-right: 7.9992px +} + +.ud__tag-md>.ud__tag__close-icon { + font-size: 12px; + margin-left: 4px +} + +.ud__tag-lg { + padding: 0 8px; + height: 32px; + line-height: 32px; + font-size: 16px +} + +.ud__tag-lg.ud__tag-square { + width: 32px +} + +.ud__tag-lg.ud__tag-round { + padding-right: 10.6656px +} + +.ud__tag-lg>.ud__tag__close-icon { + font-size: 14px; + margin-left: 4px +} + +.ud__tag__content { + box-sizing: border-box; + word-break: keep-all; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block +} + +.ud__tag__content-has-icon { + margin: 0 0 0 4px +} + +.ud__tag-square { + padding: 0; + justify-content: center +} + +.ud__tag-round { + padding: 0 8px; + border-radius: 999999px +} + +.ud__tag-round.ud__tag-has-icon { + padding-top: 0; + padding-left: 2px; + padding-bottom: 0 +} + +.ud__tag-other-color { + border-color: transparent; + color: #fff +} + +.ud__tag-neutral { + font-weight: 500; + background-color: rgba(31,35,41,.1); + color: #646a73 +} + +.ud__os-mac .ud__tag-neutral,.ud__tag-neutral.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-neutral,.ud__tag-neutral.ud__os-win { + font-weight: 600 +} + +.ud__tag-neutral>.ud__tag__status-icon:not(.ud__avatar) { + color: #646a73 +} + +.ud__tag-neutral>.ud__tag__close-icon { + box-sizing: border-box; + color: #646a73; + opacity: .6 +} + +.ud__tag-neutral>.ud__tag__close-icon:hover { + color: #646a73; + opacity: 1 +} + +.ud__tag-neutral>.ud__tag__close-icon:active { + color: #646a73; + opacity: .8 +} + +.ud__tag-neutral-light { + font-weight: 500; + background-color: #eff0f1; + color: #646a73 +} + +.ud__os-mac .ud__tag-neutral-light,.ud__tag-neutral-light.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-neutral-light,.ud__tag-neutral-light.ud__os-win { + font-weight: 600 +} + +.ud__tag-neutral-light>.ud__tag__status-icon:not(.ud__avatar) { + color: #646a73 +} + +.ud__tag-neutral-light>.ud__tag__close-icon { + box-sizing: border-box; + color: #646a73; + opacity: .6 +} + +.ud__tag-neutral-light>.ud__tag__close-icon:hover { + color: #646a73; + opacity: 1 +} + +.ud__tag-neutral-light>.ud__tag__close-icon:active { + color: #646a73; + opacity: .8 +} + +.ud__tag-neutral-ghost { + font-weight: 500; + background-color: #8f959e; + color: #fff +} + +.ud__os-mac .ud__tag-neutral-ghost,.ud__tag-neutral-ghost.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-neutral-ghost,.ud__tag-neutral-ghost.ud__os-win { + font-weight: 600 +} + +.ud__tag-neutral-ghost>.ud__tag__status-icon:not(.ud__avatar) { + color: #fff +} + +.ud__tag-neutral-ghost>.ud__tag__close-icon { + box-sizing: border-box; + color: #fff; + opacity: .6 +} + +.ud__tag-neutral-ghost>.ud__tag__close-icon:hover { + color: #fff; + opacity: 1 +} + +.ud__tag-neutral-ghost>.ud__tag__close-icon:active { + color: #fff; + opacity: .8 +} + +.ud__tag-neutral-ghost-transparent { + font-weight: 500; + background-color: rgba(31,35,41,.4); + color: #fff +} + +.ud__os-mac .ud__tag-neutral-ghost-transparent,.ud__tag-neutral-ghost-transparent.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-neutral-ghost-transparent,.ud__tag-neutral-ghost-transparent.ud__os-win { + font-weight: 600 +} + +.ud__tag-neutral-ghost-transparent>.ud__tag__status-icon:not(.ud__avatar) { + color: #fff +} + +.ud__tag-neutral-ghost-transparent>.ud__tag__close-icon { + box-sizing: border-box; + color: #fff; + opacity: .6 +} + +.ud__tag-neutral-ghost-transparent>.ud__tag__close-icon:hover { + color: #fff; + opacity: 1 +} + +.ud__tag-neutral-ghost-transparent>.ud__tag__close-icon:active { + color: #fff; + opacity: .8 +} + +.ud__tag-neutral-option { + background-color: rgba(31,35,41,.1); + color: #1f2329 +} + +.ud__tag-neutral-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #1f2329 +} + +.ud__tag-neutral-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #1f2329; + opacity: .6 +} + +.ud__tag-neutral-option>.ud__tag__close-icon:hover { + color: #1f2329; + opacity: 1 +} + +.ud__tag-neutral-option>.ud__tag__close-icon:active { + color: #1f2329; + opacity: .8 +} + +.ud__tag-neutral-option.ud__tag-disabled { + color: #8f959e +} + +.ud__tag-neutral-select { + background-color: rgba(31,35,41,.1); + color: #1f2329 +} + +.ud__tag-neutral-select>.ud__tag__status-icon:not(.ud__avatar) { + color: #1f2329 +} + +.ud__tag-neutral-select>.ud__tag__close-icon { + box-sizing: border-box; + color: #1f2329; + opacity: .6 +} + +.ud__tag-neutral-select>.ud__tag__close-icon:hover { + color: #1f2329; + opacity: 1 +} + +.ud__tag-neutral-select>.ud__tag__close-icon:active { + color: #1f2329; + opacity: .8 +} + +.ud__tag-neutral-select:hover { + background-color: rgba(31,35,41,.15) +} + +.ud__tag-neutral-select:active { + background-color: rgba(31,35,41,.2) +} + +.ud__tag-neutral-select.ud__tag-disabled { + cursor: not-allowed; + color: #8f959e; + background-color: rgba(31,35,41,.1) +} + +.ud__tag-blue { + background-color: rgba(51,112,255,.2); + color: #245bdb +} + +.ud__os-mac .ud__tag-blue,.ud__tag-blue,.ud__tag-blue.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-blue,.ud__tag-blue.ud__os-win { + font-weight: 600 +} + +.ud__tag-blue>.ud__tag__status-icon:not(.ud__avatar) { + color: #245bdb +} + +.ud__tag-blue>.ud__tag__close-icon { + box-sizing: border-box; + color: #245bdb; + opacity: .6 +} + +.ud__tag-blue>.ud__tag__close-icon:hover { + color: #245bdb; + opacity: 1 +} + +.ud__tag-blue>.ud__tag__close-icon:active { + color: #245bdb; + opacity: .8 +} + +.ud__tag-turquoise { + font-weight: 500; + background-color: rgba(0,214,185,.2); + color: #04b49c +} + +.ud__os-mac .ud__tag-turquoise,.ud__tag-turquoise.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-turquoise,.ud__tag-turquoise.ud__os-win { + font-weight: 600 +} + +.ud__tag-turquoise>.ud__tag__status-icon:not(.ud__avatar) { + color: #04b49c +} + +.ud__tag-turquoise>.ud__tag__close-icon { + box-sizing: border-box; + color: #04b49c; + opacity: .6 +} + +.ud__tag-turquoise>.ud__tag__close-icon:hover { + color: #04b49c; + opacity: 1 +} + +.ud__tag-turquoise>.ud__tag__close-icon:active { + color: #04b49c; + opacity: .8 +} + +.ud__tag-lime { + background-color: rgba(179,214,0,.2); + color: #667901 +} + +.ud__os-mac .ud__tag-lime,.ud__tag-lime,.ud__tag-lime.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-lime,.ud__tag-lime.ud__os-win { + font-weight: 600 +} + +.ud__tag-lime>.ud__tag__status-icon:not(.ud__avatar) { + color: #667901 +} + +.ud__tag-lime>.ud__tag__close-icon { + box-sizing: border-box; + color: #667901; + opacity: .6 +} + +.ud__tag-lime>.ud__tag__close-icon:hover { + color: #667901; + opacity: 1 +} + +.ud__tag-lime>.ud__tag__close-icon:active { + color: #667901; + opacity: .8 +} + +.ud__tag-orange { + font-weight: 500; + background-color: rgba(255,136,0,.2); + color: #de7802 +} + +.ud__os-mac .ud__tag-orange,.ud__tag-orange.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-orange,.ud__tag-orange.ud__os-win { + font-weight: 600 +} + +.ud__tag-orange>.ud__tag__status-icon:not(.ud__avatar) { + color: #de7802 +} + +.ud__tag-orange>.ud__tag__close-icon { + box-sizing: border-box; + color: #de7802; + opacity: .6 +} + +.ud__tag-orange>.ud__tag__close-icon:hover { + color: #de7802; + opacity: 1 +} + +.ud__tag-orange>.ud__tag__close-icon:active { + color: #de7802; + opacity: .8 +} + +.ud__tag-violet { + font-weight: 500; + background-color: rgba(209,54,209,.2); + color: #b220b2 +} + +.ud__os-mac .ud__tag-violet,.ud__tag-violet.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-violet,.ud__tag-violet.ud__os-win { + font-weight: 600 +} + +.ud__tag-violet>.ud__tag__status-icon:not(.ud__avatar) { + color: #b220b2 +} + +.ud__tag-violet>.ud__tag__close-icon { + box-sizing: border-box; + color: #b220b2; + opacity: .6 +} + +.ud__tag-violet>.ud__tag__close-icon:hover { + color: #b220b2; + opacity: 1 +} + +.ud__tag-violet>.ud__tag__close-icon:active { + color: #b220b2; + opacity: .8 +} + +.ud__tag-indigo { + font-weight: 500; + background-color: rgba(73,84,230,.2); + color: #2933c7 +} + +.ud__os-mac .ud__tag-indigo,.ud__tag-indigo.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-indigo,.ud__tag-indigo.ud__os-win { + font-weight: 600 +} + +.ud__tag-indigo>.ud__tag__status-icon:not(.ud__avatar) { + color: #2933c7 +} + +.ud__tag-indigo>.ud__tag__close-icon { + box-sizing: border-box; + color: #2933c7; + opacity: .6 +} + +.ud__tag-indigo>.ud__tag__close-icon:hover { + color: #2933c7; + opacity: 1 +} + +.ud__tag-indigo>.ud__tag__close-icon:active { + color: #2933c7; + opacity: .8 +} + +.ud__tag-wathet { + font-weight: 500; + background-color: rgba(20,192,255,.2); + color: #049fd7 +} + +.ud__os-mac .ud__tag-wathet,.ud__tag-wathet.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-wathet,.ud__tag-wathet.ud__os-win { + font-weight: 600 +} + +.ud__tag-wathet>.ud__tag__status-icon:not(.ud__avatar) { + color: #049fd7 +} + +.ud__tag-wathet>.ud__tag__close-icon { + box-sizing: border-box; + color: #049fd7; + opacity: .6 +} + +.ud__tag-wathet>.ud__tag__close-icon:hover { + color: #049fd7; + opacity: 1 +} + +.ud__tag-wathet>.ud__tag__close-icon:active { + color: #049fd7; + opacity: .8 +} + +.ud__tag-green { + background-color: rgba(52,199,36,.2); + color: #2ea121 +} + +.ud__os-mac .ud__tag-green,.ud__tag-green,.ud__tag-green.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-green,.ud__tag-green.ud__os-win { + font-weight: 600 +} + +.ud__tag-green>.ud__tag__status-icon:not(.ud__avatar) { + color: #2ea121 +} + +.ud__tag-green>.ud__tag__close-icon { + box-sizing: border-box; + color: #2ea121; + opacity: .6 +} + +.ud__tag-green>.ud__tag__close-icon:hover { + color: #2ea121; + opacity: 1 +} + +.ud__tag-green>.ud__tag__close-icon:active { + color: #2ea121; + opacity: .8 +} + +.ud__tag-yellow { + font-weight: 500; + background-color: rgba(255,198,10,.2); + color: #aa7803 +} + +.ud__os-mac .ud__tag-yellow,.ud__tag-yellow.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-yellow,.ud__tag-yellow.ud__os-win { + font-weight: 600 +} + +.ud__tag-yellow>.ud__tag__status-icon:not(.ud__avatar) { + color: #aa7803 +} + +.ud__tag-yellow>.ud__tag__close-icon { + box-sizing: border-box; + color: #aa7803; + opacity: .6 +} + +.ud__tag-yellow>.ud__tag__close-icon:hover { + color: #aa7803; + opacity: 1 +} + +.ud__tag-yellow>.ud__tag__close-icon:active { + color: #aa7803; + opacity: .8 +} + +.ud__tag-red { + background-color: rgba(245,74,69,.2); + color: #d83931 +} + +.ud__os-mac .ud__tag-red,.ud__tag-red,.ud__tag-red.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-red,.ud__tag-red.ud__os-win { + font-weight: 600 +} + +.ud__tag-red>.ud__tag__status-icon:not(.ud__avatar) { + color: #d83931 +} + +.ud__tag-red>.ud__tag__close-icon { + box-sizing: border-box; + color: #d83931; + opacity: .6 +} + +.ud__tag-red>.ud__tag__close-icon:hover { + color: #d83931; + opacity: 1 +} + +.ud__tag-red>.ud__tag__close-icon:active { + color: #d83931; + opacity: .8 +} + +.ud__tag-purple { + font-weight: 500; + background-color: rgba(127,59,245,.2); + color: #6425d0 +} + +.ud__os-mac .ud__tag-purple,.ud__tag-purple.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-purple,.ud__tag-purple.ud__os-win { + font-weight: 600 +} + +.ud__tag-purple>.ud__tag__status-icon:not(.ud__avatar) { + color: #6425d0 +} + +.ud__tag-purple>.ud__tag__close-icon { + box-sizing: border-box; + color: #6425d0; + opacity: .6 +} + +.ud__tag-purple>.ud__tag__close-icon:hover { + color: #6425d0; + opacity: 1 +} + +.ud__tag-purple>.ud__tag__close-icon:active { + color: #6425d0; + opacity: .8 +} + +.ud__tag-carmine { + font-weight: 500; + background-color: rgba(240,29,148,.2); + color: #c71077 +} + +.ud__os-mac .ud__tag-carmine,.ud__tag-carmine.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-carmine,.ud__tag-carmine.ud__os-win { + font-weight: 600 +} + +.ud__tag-carmine>.ud__tag__status-icon:not(.ud__avatar) { + color: #c71077 +} + +.ud__tag-carmine>.ud__tag__close-icon { + box-sizing: border-box; + color: #c71077; + opacity: .6 +} + +.ud__tag-carmine>.ud__tag__close-icon:hover { + color: #c71077; + opacity: 1 +} + +.ud__tag-carmine>.ud__tag__close-icon:active { + color: #c71077; + opacity: .8 +} + +.ud__tag-blue-option { + background-color: rgba(51,112,255,.2); + color: #0c296e +} + +.ud__tag-blue-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #0c296e +} + +.ud__tag-blue-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #0c296e; + opacity: .6 +} + +.ud__tag-blue-option>.ud__tag__close-icon:hover { + color: #0c296e; + opacity: 1 +} + +.ud__tag-blue-option>.ud__tag__close-icon:active { + color: #0c296e; + opacity: .8 +} + +.ud__tag-turquoise-option { + background-color: rgba(0,214,185,.2); + color: #024b41 +} + +.ud__tag-turquoise-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #024b41 +} + +.ud__tag-turquoise-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #024b41; + opacity: .6 +} + +.ud__tag-turquoise-option>.ud__tag__close-icon:hover { + color: #024b41; + opacity: 1 +} + +.ud__tag-turquoise-option>.ud__tag__close-icon:active { + color: #024b41; + opacity: .8 +} + +.ud__tag-lime-option { + background-color: rgba(179,214,0,.2); + color: #354200 +} + +.ud__tag-lime-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #354200 +} + +.ud__tag-lime-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #354200; + opacity: .6 +} + +.ud__tag-lime-option>.ud__tag__close-icon:hover { + color: #354200; + opacity: 1 +} + +.ud__tag-lime-option>.ud__tag__close-icon:active { + color: #354200; + opacity: .8 +} + +.ud__tag-orange-option { + background-color: rgba(255,136,0,.2); + color: #6b3900 +} + +.ud__tag-orange-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #6b3900 +} + +.ud__tag-orange-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #6b3900; + opacity: .6 +} + +.ud__tag-orange-option>.ud__tag__close-icon:hover { + color: #6b3900; + opacity: 1 +} + +.ud__tag-orange-option>.ud__tag__close-icon:active { + color: #6b3900; + opacity: .8 +} + +.ud__tag-violet-option { + background-color: rgba(209,54,209,.2); + color: #460b46 +} + +.ud__tag-violet-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #460b46 +} + +.ud__tag-violet-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #460b46; + opacity: .6 +} + +.ud__tag-violet-option>.ud__tag__close-icon:hover { + color: #460b46; + opacity: 1 +} + +.ud__tag-violet-option>.ud__tag__close-icon:active { + color: #460b46; + opacity: .8 +} + +.ud__tag-indigo-option { + background-color: rgba(73,84,230,.2); + color: #0c1264 +} + +.ud__tag-indigo-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #0c1264 +} + +.ud__tag-indigo-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #0c1264; + opacity: .6 +} + +.ud__tag-indigo-option>.ud__tag__close-icon:hover { + color: #0c1264; + opacity: 1 +} + +.ud__tag-indigo-option>.ud__tag__close-icon:active { + color: #0c1264; + opacity: .8 +} + +.ud__tag-wathet-option { + background-color: rgba(20,192,255,.2); + color: #004761 +} + +.ud__tag-wathet-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #004761 +} + +.ud__tag-wathet-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #004761; + opacity: .6 +} + +.ud__tag-wathet-option>.ud__tag__close-icon:hover { + color: #004761; + opacity: 1 +} + +.ud__tag-wathet-option>.ud__tag__close-icon:active { + color: #004761; + opacity: .8 +} + +.ud__tag-green-option { + background-color: rgba(52,199,36,.2); + color: #124b0c +} + +.ud__tag-green-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #124b0c +} + +.ud__tag-green-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #124b0c; + opacity: .6 +} + +.ud__tag-green-option>.ud__tag__close-icon:hover { + color: #124b0c; + opacity: 1 +} + +.ud__tag-green-option>.ud__tag__close-icon:active { + color: #124b0c; + opacity: .8 +} + +.ud__tag-yellow-option { + background-color: rgba(255,198,10,.2); + color: #5c3a00 +} + +.ud__tag-yellow-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #5c3a00 +} + +.ud__tag-yellow-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #5c3a00; + opacity: .6 +} + +.ud__tag-yellow-option>.ud__tag__close-icon:hover { + color: #5c3a00; + opacity: 1 +} + +.ud__tag-yellow-option>.ud__tag__close-icon:active { + color: #5c3a00; + opacity: .8 +} + +.ud__tag-red-option { + background-color: rgba(245,74,69,.2); + color: #621c18 +} + +.ud__tag-red-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #621c18 +} + +.ud__tag-red-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #621c18; + opacity: .6 +} + +.ud__tag-red-option>.ud__tag__close-icon:hover { + color: #621c18; + opacity: 1 +} + +.ud__tag-red-option>.ud__tag__close-icon:active { + color: #621c18; + opacity: .8 +} + +.ud__tag-purple-option { + background-color: rgba(127,59,245,.2); + color: #270561 +} + +.ud__tag-purple-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #270561 +} + +.ud__tag-purple-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #270561; + opacity: .6 +} + +.ud__tag-purple-option>.ud__tag__close-icon:hover { + color: #270561; + opacity: 1 +} + +.ud__tag-purple-option>.ud__tag__close-icon:active { + color: #270561; + opacity: .8 +} + +.ud__tag-carmine-option { + background-color: rgba(240,29,148,.2); + color: #520a32 +} + +.ud__tag-carmine-option>.ud__tag__status-icon:not(.ud__avatar) { + color: #520a32 +} + +.ud__tag-carmine-option>.ud__tag__close-icon { + box-sizing: border-box; + color: #520a32; + opacity: .6 +} + +.ud__tag-carmine-option>.ud__tag__close-icon:hover { + color: #520a32; + opacity: 1 +} + +.ud__tag-carmine-option>.ud__tag__close-icon:active { + color: #520a32; + opacity: .8 +} + +.ud__tag-blue-ghost { + font-weight: 500; + background-color: #4e83fd; + color: #fff +} + +.ud__os-mac .ud__tag-blue-ghost,.ud__tag-blue-ghost.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-blue-ghost,.ud__tag-blue-ghost.ud__os-win { + font-weight: 600 +} + +.ud__tag-blue-ghost>.ud__tag__status-icon:not(.ud__avatar) { + color: #fff +} + +.ud__tag-blue-ghost>.ud__tag__close-icon { + box-sizing: border-box; + color: hsla(0,0%,100%,.6); + opacity: .6 +} + +.ud__tag-blue-ghost>.ud__tag__close-icon:hover { + color: #fff; + opacity: 1 +} + +.ud__tag-blue-ghost>.ud__tag__close-icon:active { + color: hsla(0,0%,100%,.8); + opacity: .8 +} + +.ud__tag-carmine-ghost { + font-weight: 500; + background-color: #f14ba9; + color: #fff +} + +.ud__os-mac .ud__tag-carmine-ghost,.ud__tag-carmine-ghost.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-carmine-ghost,.ud__tag-carmine-ghost.ud__os-win { + font-weight: 600 +} + +.ud__tag-carmine-ghost>.ud__tag__status-icon:not(.ud__avatar) { + color: #fff +} + +.ud__tag-carmine-ghost>.ud__tag__close-icon { + box-sizing: border-box; + color: hsla(0,0%,100%,.6); + opacity: .6 +} + +.ud__tag-carmine-ghost>.ud__tag__close-icon:hover { + color: #fff; + opacity: 1 +} + +.ud__tag-carmine-ghost>.ud__tag__close-icon:active { + color: hsla(0,0%,100%,.8); + opacity: .8 +} + +.ud__tag-red-ghost { + font-weight: 500; + background-color: #f54a45; + color: #fff +} + +.ud__os-mac .ud__tag-red-ghost,.ud__tag-red-ghost.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-red-ghost,.ud__tag-red-ghost.ud__os-win { + font-weight: 600 +} + +.ud__tag-red-ghost>.ud__tag__status-icon:not(.ud__avatar) { + color: #fff +} + +.ud__tag-red-ghost>.ud__tag__close-icon { + box-sizing: border-box; + color: hsla(0,0%,100%,.6); + opacity: .6 +} + +.ud__tag-red-ghost>.ud__tag__close-icon:hover { + color: #fff; + opacity: 1 +} + +.ud__tag-red-ghost>.ud__tag__close-icon:active { + color: hsla(0,0%,100%,.8); + opacity: .8 +} + +.ud__tag-waiting { + font-weight: 500; + background-color: rgba(127,59,245,.2); + color: #6425d0 +} + +.ud__os-mac .ud__tag-waiting,.ud__tag-waiting.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-waiting,.ud__tag-waiting.ud__os-win { + font-weight: 600 +} + +.ud__tag-waiting>.ud__tag__status-icon:not(.ud__avatar) { + color: #6425d0 +} + +.ud__tag-waiting>.ud__tag__close-icon { + box-sizing: border-box; + color: #6425d0; + opacity: .6 +} + +.ud__tag-waiting>.ud__tag__close-icon:hover { + color: #6425d0; + opacity: 1 +} + +.ud__tag-waiting>.ud__tag__close-icon:active { + color: #6425d0; + opacity: .8 +} + +.ud__tag-success { + font-weight: 500; + background-color: rgba(52,199,36,.2); + color: #2ea121 +} + +.ud__os-mac .ud__tag-success,.ud__tag-success.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-success,.ud__tag-success.ud__os-win { + font-weight: 600 +} + +.ud__tag-success>.ud__tag__status-icon:not(.ud__avatar) { + color: #2ea121 +} + +.ud__tag-success>.ud__tag__close-icon { + box-sizing: border-box; + color: #2ea121; + opacity: .6 +} + +.ud__tag-success>.ud__tag__close-icon:hover { + color: #2ea121; + opacity: 1 +} + +.ud__tag-success>.ud__tag__close-icon:active { + color: #2ea121; + opacity: .8 +} + +.ud__tag-info { + background-color: rgba(51,112,255,.2); + color: #245bdb +} + +.ud__os-mac .ud__tag-info,.ud__tag-info,.ud__tag-info.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-info,.ud__tag-info.ud__os-win { + font-weight: 600 +} + +.ud__tag-info>.ud__tag__status-icon:not(.ud__avatar) { + color: #245bdb +} + +.ud__tag-info>.ud__tag__close-icon { + box-sizing: border-box; + color: #245bdb; + opacity: .6 +} + +.ud__tag-info>.ud__tag__close-icon:hover { + color: #245bdb; + opacity: 1 +} + +.ud__tag-info>.ud__tag__close-icon:active { + color: #245bdb; + opacity: .8 +} + +.ud__tag-warning { + font-weight: 500; + background-color: rgba(255,136,0,.2); + color: #de7802 +} + +.ud__os-mac .ud__tag-warning,.ud__tag-warning.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-warning,.ud__tag-warning.ud__os-win { + font-weight: 600 +} + +.ud__tag-warning>.ud__tag__status-icon:not(.ud__avatar) { + color: #de7802 +} + +.ud__tag-warning>.ud__tag__close-icon { + box-sizing: border-box; + color: #de7802; + opacity: .6 +} + +.ud__tag-warning>.ud__tag__close-icon:hover { + color: #de7802; + opacity: 1 +} + +.ud__tag-warning>.ud__tag__close-icon:active { + color: #de7802; + opacity: .8 +} + +.ud__tag-error { + background-color: rgba(245,74,69,.2); + color: #d83931 +} + +.ud__os-mac .ud__tag-error,.ud__tag-error,.ud__tag-error.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-error,.ud__tag-error.ud__os-win { + font-weight: 600 +} + +.ud__tag-error>.ud__tag__status-icon:not(.ud__avatar) { + color: #d83931 +} + +.ud__tag-error>.ud__tag__close-icon { + box-sizing: border-box; + color: #d83931; + opacity: .6 +} + +.ud__tag-error>.ud__tag__close-icon:hover { + color: #d83931; + opacity: 1 +} + +.ud__tag-error>.ud__tag__close-icon:active { + color: #d83931; + opacity: .8 +} + +.ud__tag-missing { + font-weight: 500; + background-color: rgba(31,35,41,.1); + color: #646a73 +} + +.ud__os-mac .ud__tag-missing,.ud__tag-missing.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__tag-missing,.ud__tag-missing.ud__os-win { + font-weight: 600 +} + +.ud__tag-missing>.ud__tag__status-icon:not(.ud__avatar) { + color: #646a73 +} + +.ud__tag-missing>.ud__tag__close-icon { + box-sizing: border-box; + color: #646a73; + opacity: .6 +} + +.ud__tag-missing>.ud__tag__close-icon:hover { + color: #646a73; + opacity: 1 +} + +.ud__tag-missing>.ud__tag__close-icon:active { + color: #646a73; + opacity: .8 +} + +.ud__tag-neutral-avatar { + background-color: rgba(31,35,41,.1); + color: #1f2329 +} + +.ud__tag-neutral-avatar>.ud__tag__status-icon:not(.ud__avatar) { + color: unset +} + +.ud__tag-neutral-avatar>.ud__tag__close-icon { + box-sizing: border-box; + color: #8f959e; + opacity: 1 +} + +.ud__tag-neutral-avatar>.ud__tag__close-icon:hover { + color: #3370ff; + opacity: 1 +} + +.ud__tag-neutral-avatar>.ud__tag__close-icon:active { + color: #245bdb; + opacity: 1 +} + +.ud__tag-neutral-avatar:hover { + background-color: rgba(31,35,41,.15) +} + +.ud__tag-neutral-avatar:active { + background-color: rgba(31,35,41,.2) +} + +.ud__tag-blue-avatar { + background-color: rgba(51,112,255,.2); + color: #1f2329 +} + +.ud__tag-blue-avatar>.ud__tag__status-icon:not(.ud__avatar) { + color: unset +} + +.ud__tag-blue-avatar>.ud__tag__close-icon { + box-sizing: border-box; + color: #8f959e; + opacity: 1 +} + +.ud__tag-blue-avatar>.ud__tag__close-icon:hover { + color: #3370ff; + opacity: 1 +} + +.ud__tag-blue-avatar>.ud__tag__close-icon:active { + color: #245bdb; + opacity: 1 +} + +.ud__tag-orange-avatar { + background-color: rgba(255,136,0,.2); + color: #1f2329 +} + +.ud__tag-orange-avatar>.ud__tag__status-icon:not(.ud__avatar) { + color: unset +} + +.ud__tag-orange-avatar>.ud__tag__close-icon { + box-sizing: border-box; + color: #8f959e; + opacity: 1 +} + +.ud__tag-orange-avatar>.ud__tag__close-icon:hover { + color: #f80; + opacity: 1 +} + +.ud__tag-orange-avatar>.ud__tag__close-icon:active { + color: #de7802; + opacity: 1 +} + +.ud__textOverflow { + word-break: keep-all; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis +} + +.ud__tooltip { + box-sizing: border-box; + position: absolute; + left: -9999px; + top: -9999px; + transform: translateZ(0); + z-index: 1070; + max-width: 320px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content +} + +.ud__tooltip-no-entry { + pointer-events: none +} + +.ud__tooltip-hidden { + display: none +} + +.ud__tooltip__arrow,.ud__tooltip__arrow__content { + position: absolute; + box-sizing: border-box +} + +.ud__tooltip__arrow__content { + display: block; + content: ""; + border: 1px solid #dee0e3; + background: #fff; + transform: rotate(45deg); + transform-origin: center +} + +.ud__tooltip__arrow-top { + top: 0; + left: 0; + transform: translate(-50%,calc(1px - 100%)) +} + +.ud__tooltip__arrow-top>.ud__tooltip__arrow__content { + left: 14.64466094%; + top: 29.28932188% +} + +.ud__tooltip__arrow-bottom { + bottom: 0; + left: 0; + transform: translate(-50%,calc(-1px + 100%)) +} + +.ud__tooltip__arrow-bottom>.ud__tooltip__arrow__content { + left: 14.64466094%; + top: -70.71067812% +} + +.ud__tooltip__arrow-left { + top: 0; + left: 0; + transform: translate(calc(1px - 100%),-50%) +} + +.ud__tooltip__arrow-left>.ud__tooltip__arrow__content { + left: 29.28932188%; + top: 14.64466094% +} + +.ud__tooltip__arrow-right { + top: 0; + right: 0; + transform: translate(calc(-1px + 100%),-50%) +} + +.ud__tooltip__arrow-right>.ud__tooltip__arrow__content { + left: -70.71067812%; + top: 14.64466094% +} + +.ud__tooltip__arrow-top { + transform: translate(-50%,-100%) +} + +.ud__tooltip__arrow-bottom { + transform: translate(-50%,100%) +} + +.ud__tooltip__arrow-left { + transform: translate(-100%,-50%) +} + +.ud__tooltip__arrow-right { + transform: translate(100%,-50%) +} + +.ud__tooltip__arrow__streamline__content { + fill: #1f2329 +} + +.ud__tooltip-content { + box-sizing: border-box; + min-width: 30px; + padding: 8px 12px; + font-size: 12px; + line-height: 20px; + color: #fff; + text-align: left; + text-decoration: none; + word-wrap: break-word; + background-color: #1f2329; + border-radius: 8px; + box-shadow: 0 8px 24px 8px rgba(31,35,41,.04),0 6px 12px rgba(31,35,41,.04),0 4px 8px -8px rgba(31,35,41,.06); + position: relative +} + +.ud__tooltip__invalid-children-wrapper { + box-sizing: border-box; + display: inline-block +} + +.ud-tooltip-zoom-appear,.ud-tooltip-zoom-enter,.ud-tooltip-zoom-leave { + -webkit-animation-duration: .2s; + animation-duration: .2s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; + -webkit-animation-play-state: paused; + animation-play-state: paused +} + +.ud-tooltip-zoom-appear.ud-tooltip-zoom-appear-active,.ud-tooltip-zoom-enter.ud-tooltip-zoom-enter-active { + -webkit-animation-name: udTooltipZoomIn; + animation-name: udTooltipZoomIn; + -webkit-animation-play-state: running; + animation-play-state: running +} + +.ud-tooltip-zoom-leave.ud-tooltip-zoom-leave-active { + -webkit-animation-name: udTooltipZoomOut; + animation-name: udTooltipZoomOut; + -webkit-animation-play-state: running; + animation-play-state: running; + pointer-events: none +} + +.ud-tooltip-zoom-appear,.ud-tooltip-zoom-enter { + opacity: 0 +} + +.ud-tooltip-zoom-appear,.ud-tooltip-zoom-enter,.ud-tooltip-zoom-leave { + -webkit-animation-timing-function: cubic-bezier(.34,.69,.1,1); + animation-timing-function: cubic-bezier(.34,.69,.1,1) +} + +.ud-tooltip-zoom[class*=-top] { + transform-origin: bottom +} + +.ud-tooltip-zoom[class*=-left] { + transform-origin: right +} + +.ud-tooltip-zoom[class*=-right] { + transform-origin: left +} + +.ud-tooltip-zoom[class*=-bottom] { + transform-origin: top +} + +.ud-tooltip-zoom[class*=-rightBottom],.ud-tooltip-zoom[class*=-topLeft] { + transform-origin: 0 100% +} + +.ud-tooltip-zoom[class*=-leftBottom],.ud-tooltip-zoom[class*=-topRight] { + transform-origin: 100% 100% +} + +.ud-tooltip-zoom[class*=-bottomRight],.ud-tooltip-zoom[class*=-leftTop] { + transform-origin: 100% 0 +} + +.ud-tooltip-zoom[class*=-bottomLeft],.ud-tooltip-zoom[class*=-rightTop] { + transform-origin: 0 0 +} + +@-webkit-keyframes udTooltipZoomIn { + 0% { + transform: scale(.7); + opacity: 0 + } + + to { + transform: scale(1); + opacity: 1 + } +} + +@keyframes udTooltipZoomIn { + 0% { + transform: scale(.7); + opacity: 0 + } + + to { + transform: scale(1); + opacity: 1 + } +} + +@-webkit-keyframes udTooltipZoomOut { + 0% { + transform: scale(1) + } + + to { + transform: scale(.7); + opacity: 0 + } +} + +@keyframes udTooltipZoomOut { + 0% { + transform: scale(1) + } + + to { + transform: scale(.7); + opacity: 0 + } +} + +.ud__native-input[disabled] { + color: #8f959e; + -webkit-text-fill-color: #8f959e +} + +.ud__drawer__root { + box-sizing: border-box; + position: fixed; + z-index: 1000; + pointer-events: none +} + +.ud__drawer-open,.ud__drawer__mask { + left: 0; + right: 0; + top: 0; + bottom: 0 +} + +.ud__drawer__mask { + background-color: rgba(31,35,41,.4) +} + +.ud__drawer__content__wrapper,.ud__drawer__mask { + box-sizing: border-box; + position: absolute; + pointer-events: auto +} + +.ud__drawer__content__wrapper { + display: flex; + flex-direction: column; + flex-wrap: nowrap; + overflow: auto; + background-color: #fff; + background-clip: padding-box; + border: 0 +} + +.ud__drawer__content__wrapper:focus { + outline: none; + --hack-merge-rules: true +} + +.ud__drawer__content__wrapper:focus-visible { + outline: none +} + +.ud__drawer__content { + box-sizing: border-box; + padding: 24px; + flex: 1 +} + +.ud__drawer__content__pd-sm { + padding: 20px +} + +.ud__drawer__content__nofooter { + padding-bottom: 0 +} + +.ud__drawer__header { + box-sizing: border-box; + padding: 16px 24px; + background: #fff; + border-bottom: 1px solid rgba(31,35,41,.15); + background-color: #fff +} + +.ud__drawer__header__content { + box-sizing: border-box; + display: flex; + justify-content: space-between; + align-items: center +} + +.ud__drawer__header__title { + box-sizing: border-box; + font-weight: 500; + font-size: 16px; + line-height: 24px; + color: #1f2329; + width: 100% +} + +.ud__drawer__header__subTitle { + box-sizing: border-box; + color: #646a73; + font-size: 14px; + line-height: 22px; + margin: 4px 0 0; + font-weight: 400 +} + +.ud__drawer__footer { + box-sizing: border-box; + padding: 24px +} + +.ud__drawer-left .ud__drawer__content__wrapper { + left: 0; + top: 0; + bottom: 0; + box-shadow: 10px 0 36px 10px rgba(31,35,41,.04),8px 0 24px rgba(31,35,41,.04),6px 0 12px -10px rgba(31,35,41,.06) +} + +.ud__drawer-right .ud__drawer__content__wrapper { + right: 0; + top: 0; + bottom: 0; + box-shadow: -10px 0 36px 10px rgba(31,35,41,.04),-8px 0 24px rgba(31,35,41,.04),-6px 0 12px -10px rgba(31,35,41,.06) +} + +.ud__drawer-top .ud__drawer__content__wrapper { + top: 0; + left: 0; + right: 0; + box-shadow: 0 10px 36px 10px rgba(31,35,41,.04),0 8px 24px rgba(31,35,41,.04),0 6px 12px -10px rgba(31,35,41,.06) +} + +.ud__drawer-bottom .ud__drawer__content__wrapper { + bottom: 0; + left: 0; + right: 0; + box-shadow: 0 -10px 36px 10px rgba(31,35,41,.04),0 -8px 24px rgba(31,35,41,.04),0 -6px 12px -10px rgba(31,35,41,.06) +} + +.ud__drawer__close>.ud__button { + color: #646a73; + margin-top: -2px; + margin-bottom: -2px; + margin-right: -4px +} + +.ud__scrollArea { + box-sizing: border-box +} + +.ud__scrollArea::-webkit-scrollbar-thumb { + border-radius: 9999px; + -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1); + transition: background .2s cubic-bezier(.34,.69,.1,1); + background-color: rgba(31,35,41,.3); + border: 2px solid transparent; + background-clip: padding-box +} + +.ud__scrollArea::-webkit-scrollbar { + width: 11px; + height: 11px; + background-color: transparent +} + +.ud__scrollArea::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6)!important +} + +.ud__scrollArea::-webkit-scrollbar:hover { + width: 11px; + height: 11px +} + +.ud__scrollArea::-webkit-scrollbar-button { + display: none +} + +.ud__scrollArea::-webkit-scrollbar-corner,.ud__scrollArea::-webkit-scrollbar-track { + background-color: transparent +} + +.ud__scrollArea-x { + overflow-x: auto; + overflow-x: overlay +} + +.ud__scrollArea-y { + overflow-y: auto; + overflow-y: overlay +} + +.ud__scrollArea-hide-bar::-webkit-scrollbar-thumb { + background-color: transparent +} + +.ud__dialog__root { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none +} + +.ud__dialog__mask { + background-color: rgba(0,0,0,.4) +} + +.ud__dialog__mask,.ud__dialog__wrap { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 1000 +} + +.ud__dialog__wrap { + overflow: auto +} + +.ud__dialog__wrap:focus { + outline: none; + --hack-merge-rules: true +} + +.ud__dialog__wrap:focus-visible { + outline: none +} + +.ud__dialog--centered { + text-align: center; + white-space: nowrap +} + +.ud__dialog--centered:before { + display: inline-block; + width: 0; + height: 100%; + vertical-align: middle; + box-sizing: border-box; + content: "" +} + +.ud__dialog--centered .ud__dialog__content { + top: 0; + display: inline-flex; + text-align: left; + vertical-align: middle +} + +.ud__dialog__content { + position: relative; + box-sizing: border-box; + top: 100px; + margin: 0 auto; + white-space: normal +} + +.ud__dialog__content.ud__dialog__content-sm { + width: 420px +} + +.ud__dialog__content.ud__dialog__content-md { + width: 600px; + min-height: 128px +} + +.ud__dialog__content.ud__dialog__content-lg { + min-width: 420px; + width: calc(100vw - 120px); + max-width: 840px +} + +.ud__dialog__content.ud__dialog__content-xl { + min-width: 420px; + width: calc(100vw - 120px); + max-width: 1080px +} + +.ud__dialog__mask-animation-appear,.ud__dialog__mask-animation-enter { + opacity: 0 +} + +.ud__dialog__mask-animation-appear-active,.ud__dialog__mask-animation-enter-active { + opacity: 1; + transition: opacity .4s cubic-bezier(.34,.69,.1,1) +} + +.ud__dialog__mask-animation-appear-done,.ud__dialog__mask-animation-enter-done,.ud__dialog__mask-animation-exit { + opacity: 1 +} + +.ud__dialog__mask-animation-exit-active { + opacity: 0; + transition: opacity .3s cubic-bezier(.34,.69,.1,1) +} + +.ud__dialog__content-animation-appear,.ud__dialog__content-animation-enter { + opacity: 0; + transform: scale(.7) +} + +.ud__dialog__content-animation-appear-active,.ud__dialog__content-animation-enter-active { + opacity: 1; + transform: scale(1); + transition: opacity .4s cubic-bezier(.34,.69,.1,1),transform .4s cubic-bezier(.34,.69,.1,1) +} + +.ud__dialog__content-animation-appear-done,.ud__dialog__content-animation-enter-done,.ud__dialog__content-animation-exit { + opacity: 1; + transform: scale(1) +} + +.ud__dialog__content-animation-exit-active { + opacity: 0; + transform: scale(.7); + transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1) +} + +.ud__confirm { + display: flex +} + +.ud__confirm__content { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + position: relative; + background-color: #fff; + border-radius: 8px; + display: flex; + flex-direction: column; + width: 100% +} + +.ud__confirm__header { + box-sizing: border-box; + position: relative; + padding: 24px +} + +.ud__confirm__title { + box-sizing: border-box; + font-size: 16px; + line-height: 24px; + font-weight: 500; + display: flex; + align-items: flex-start +} + +.ud__confirm__title.ud__os-mac,.ud__os-mac .ud__confirm__title { + font-weight: 500 +} + +.ud__confirm__title.ud__os-win,.ud__os-win .ud__confirm__title { + font-weight: 600 +} + +.ud__confirm__title:after { + display: inline-block; + width: 0; + visibility: hidden; + content: "\a0" +} + +.ud__confirm__titleContent { + flex: 1; + overflow-x: hidden; + overflow-wrap: break-word +} + +.ud__confirm__icon { + width: 24px; + height: 24px; + font-size: 24px; + margin-top: 0; + margin-bottom: 0; + margin-right: 16px +} + +.ud__confirm-success .ud__confirm__icon { + color: #34c724 +} + +.ud__confirm-confirm .ud__confirm__icon,.ud__confirm-warning .ud__confirm__icon { + color: #f80 +} + +.ud__confirm-error .ud__confirm__icon { + color: #f54a45 +} + +.ud__confirm-info .ud__confirm__icon { + color: #3370ff +} + +.ud__confirm__body { + box-sizing: border-box; + font-size: 14px; + line-height: 22px; + font-weight: 400; + margin-top: 8px; + overflow-wrap: break-word +} + +.ud__confirm__body.ud__os-mac,.ud__os-mac .ud__confirm__body { + font-weight: 400 +} + +.ud__confirm__body.ud__os-win,.ud__os-win .ud__confirm__body { + font-weight: 500 +} + +.ud__confirm__content.ud__confirm-hasIcon .ud__confirm__body { + margin-left: 40px +} + +.ud__confirm__footer { + box-sizing: border-box; + text-align: right; + padding: 0 24px 24px +} + +.ud__confirm__footer:after { + content: ""; + clear: both; + display: table +} + +.ud__confirm__footer__extraAction { + float: left +} + +.ud__confirm__footer__btns { + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; + overflow: hidden; + margin-bottom: -12px +} + +.ud__confirm__footer__btns .ud__button { + margin-left: 12px; + margin-bottom: 12px +} + +.ud__modal { + display: flex +} + +.ud__modal__content { + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + background-color: #fff; + border-radius: 8px; + display: flex; + flex-direction: column; + width: 100% +} + +.ud__modal__content,.ud__modal__header { + box-sizing: border-box; + position: relative +} + +.ud__modal__header { + padding: 24px +} + +.ud__modal-closable>.ud__modal__header { + padding-right: 56px +} + +.ud__modal__title { + box-sizing: border-box; + font-size: 16px; + line-height: 24px; + font-weight: 500; + display: flex; + align-items: flex-start +} + +.ud__modal__title.ud__os-mac,.ud__os-mac .ud__modal__title { + font-weight: 500 +} + +.ud__modal__title.ud__os-win,.ud__os-win .ud__modal__title { + font-weight: 600 +} + +.ud__modal__title:after { + display: inline-block; + width: 0; + visibility: hidden; + content: "\a0" +} + +.ud__modal__titleContent { + flex: 1; + overflow-x: hidden; + overflow-wrap: break-word +} + +.ud__modal__close.ud__button { + position: absolute; + top: 24px; + right: 24px; + color: #646a73; + font-size: 20px; + margin: -2px -4px +} + +.ud__modal__des { + box-sizing: border-box; + font-size: 14px; + line-height: 22px; + font-weight: 400; + margin-top: 8px; + overflow-wrap: break-word; + color: #646a73 +} + +.ud__modal__des.ud__os-mac,.ud__os-mac .ud__modal__des { + font-weight: 400 +} + +.ud__modal__des.ud__os-win,.ud__os-win .ud__modal__des { + font-weight: 500 +} + +.ud__modal__body { + box-sizing: border-box; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + padding: 0 24px; + margin: 0 0 24px; + flex: 1; + overflow-wrap: break-word +} + +.ud__modal__body--top-overflow { + box-shadow: inset 0 1px rgba(31,35,41,.15) +} + +.ud__modal__body--bottom-overflow { + box-shadow: inset 0 -1px rgba(31,35,41,.15) +} + +.ud__modal__body--top-overflow.ud__modal__body--bottom-overflow { + box-shadow: inset 0 1px rgba(31,35,41,.15),inset 0 -1px rgba(31,35,41,.15) +} + +.ud__modal__footer { + box-sizing: border-box; + text-align: right; + padding: 0 24px 24px +} + +.ud__modal__footer:after { + content: ""; + clear: both; + display: table +} + +.ud__modal__footer__extraAction { + float: left +} + +.ud__modal__footer__btns { + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; + overflow: hidden; + margin-bottom: -12px +} + +.ud__modal__footer__btns .ud__button { + margin-left: 12px; + margin-bottom: 12px +} + +.ud__row { + flex-flow: row wrap; + box-sizing: border-box +} + +.ud__row,.ud__row:after,.ud__row:before { + display: flex +} + +.ud__row--no-wrap { + flex-wrap: nowrap +} + +.ud__row--align-top { + align-items: flex-start +} + +.ud__row--align-middle { + align-items: center +} + +.ud__row--align-bottom { + align-items: flex-end +} + +.ud__row--justify-start { + justify-content: flex-start +} + +.ud__row--justify-center { + justify-content: center +} + +.ud__row--justify-end { + justify-content: flex-end +} + +.ud__row--justify-space-between { + justify-content: space-between +} + +.ud__row--justify-space-around { + justify-content: space-around +} + +.ud__col { + position: relative; + max-width: 100%; + min-height: 1px; + box-sizing: border-box +} + +.ud__col-span-24 { + display: block; + flex: 0 0 100%; + max-width: 100% +} + +.ud__col-push-24 { + left: 100% +} + +.ud__col-pull-24 { + right: 100% +} + +.ud__col-offset-24 { + margin-left: 100% +} + +.ud__col-order-24 { + order: 24 +} + +.ud__col-span-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333% +} + +.ud__col-push-23 { + left: 95.83333333% +} + +.ud__col-pull-23 { + right: 95.83333333% +} + +.ud__col-offset-23 { + margin-left: 95.83333333% +} + +.ud__col-order-23 { + order: 23 +} + +.ud__col-span-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667% +} + +.ud__col-push-22 { + left: 91.66666667% +} + +.ud__col-pull-22 { + right: 91.66666667% +} + +.ud__col-offset-22 { + margin-left: 91.66666667% +} + +.ud__col-order-22 { + order: 22 +} + +.ud__col-span-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5% +} + +.ud__col-push-21 { + left: 87.5% +} + +.ud__col-pull-21 { + right: 87.5% +} + +.ud__col-offset-21 { + margin-left: 87.5% +} + +.ud__col-order-21 { + order: 21 +} + +.ud__col-span-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333% +} + +.ud__col-push-20 { + left: 83.33333333% +} + +.ud__col-pull-20 { + right: 83.33333333% +} + +.ud__col-offset-20 { + margin-left: 83.33333333% +} + +.ud__col-order-20 { + order: 20 +} + +.ud__col-span-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667% +} + +.ud__col-push-19 { + left: 79.16666667% +} + +.ud__col-pull-19 { + right: 79.16666667% +} + +.ud__col-offset-19 { + margin-left: 79.16666667% +} + +.ud__col-order-19 { + order: 19 +} + +.ud__col-span-18 { + display: block; + flex: 0 0 75%; + max-width: 75% +} + +.ud__col-push-18 { + left: 75% +} + +.ud__col-pull-18 { + right: 75% +} + +.ud__col-offset-18 { + margin-left: 75% +} + +.ud__col-order-18 { + order: 18 +} + +.ud__col-span-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333% +} + +.ud__col-push-17 { + left: 70.83333333% +} + +.ud__col-pull-17 { + right: 70.83333333% +} + +.ud__col-offset-17 { + margin-left: 70.83333333% +} + +.ud__col-order-17 { + order: 17 +} + +.ud__col-span-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667% +} + +.ud__col-push-16 { + left: 66.66666667% +} + +.ud__col-pull-16 { + right: 66.66666667% +} + +.ud__col-offset-16 { + margin-left: 66.66666667% +} + +.ud__col-order-16 { + order: 16 +} + +.ud__col-span-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5% +} + +.ud__col-push-15 { + left: 62.5% +} + +.ud__col-pull-15 { + right: 62.5% +} + +.ud__col-offset-15 { + margin-left: 62.5% +} + +.ud__col-order-15 { + order: 15 +} + +.ud__col-span-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333% +} + +.ud__col-push-14 { + left: 58.33333333% +} + +.ud__col-pull-14 { + right: 58.33333333% +} + +.ud__col-offset-14 { + margin-left: 58.33333333% +} + +.ud__col-order-14 { + order: 14 +} + +.ud__col-span-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667% +} + +.ud__col-push-13 { + left: 54.16666667% +} + +.ud__col-pull-13 { + right: 54.16666667% +} + +.ud__col-offset-13 { + margin-left: 54.16666667% +} + +.ud__col-order-13 { + order: 13 +} + +.ud__col-span-12 { + display: block; + flex: 0 0 50%; + max-width: 50% +} + +.ud__col-push-12 { + left: 50% +} + +.ud__col-pull-12 { + right: 50% +} + +.ud__col-offset-12 { + margin-left: 50% +} + +.ud__col-order-12 { + order: 12 +} + +.ud__col-span-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333% +} + +.ud__col-push-11 { + left: 45.83333333% +} + +.ud__col-pull-11 { + right: 45.83333333% +} + +.ud__col-offset-11 { + margin-left: 45.83333333% +} + +.ud__col-order-11 { + order: 11 +} + +.ud__col-span-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667% +} + +.ud__col-push-10 { + left: 41.66666667% +} + +.ud__col-pull-10 { + right: 41.66666667% +} + +.ud__col-offset-10 { + margin-left: 41.66666667% +} + +.ud__col-order-10 { + order: 10 +} + +.ud__col-span-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5% +} + +.ud__col-push-9 { + left: 37.5% +} + +.ud__col-pull-9 { + right: 37.5% +} + +.ud__col-offset-9 { + margin-left: 37.5% +} + +.ud__col-order-9 { + order: 9 +} + +.ud__col-span-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333% +} + +.ud__col-push-8 { + left: 33.33333333% +} + +.ud__col-pull-8 { + right: 33.33333333% +} + +.ud__col-offset-8 { + margin-left: 33.33333333% +} + +.ud__col-order-8 { + order: 8 +} + +.ud__col-span-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667% +} + +.ud__col-push-7 { + left: 29.16666667% +} + +.ud__col-pull-7 { + right: 29.16666667% +} + +.ud__col-offset-7 { + margin-left: 29.16666667% +} + +.ud__col-order-7 { + order: 7 +} + +.ud__col-span-6 { + display: block; + flex: 0 0 25%; + max-width: 25% +} + +.ud__col-push-6 { + left: 25% +} + +.ud__col-pull-6 { + right: 25% +} + +.ud__col-offset-6 { + margin-left: 25% +} + +.ud__col-order-6 { + order: 6 +} + +.ud__col-span-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333% +} + +.ud__col-push-5 { + left: 20.83333333% +} + +.ud__col-pull-5 { + right: 20.83333333% +} + +.ud__col-offset-5 { + margin-left: 20.83333333% +} + +.ud__col-order-5 { + order: 5 +} + +.ud__col-span-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667% +} + +.ud__col-push-4 { + left: 16.66666667% +} + +.ud__col-pull-4 { + right: 16.66666667% +} + +.ud__col-offset-4 { + margin-left: 16.66666667% +} + +.ud__col-order-4 { + order: 4 +} + +.ud__col-span-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5% +} + +.ud__col-push-3 { + left: 12.5% +} + +.ud__col-pull-3 { + right: 12.5% +} + +.ud__col-offset-3 { + margin-left: 12.5% +} + +.ud__col-order-3 { + order: 3 +} + +.ud__col-span-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333% +} + +.ud__col-push-2 { + left: 8.33333333% +} + +.ud__col-pull-2 { + right: 8.33333333% +} + +.ud__col-offset-2 { + margin-left: 8.33333333% +} + +.ud__col-order-2 { + order: 2 +} + +.ud__col-span-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667% +} + +.ud__col-push-1 { + left: 4.16666667% +} + +.ud__col-pull-1 { + right: 4.16666667% +} + +.ud__col-offset-1 { + margin-left: 4.16666667% +} + +.ud__col-order-1 { + order: 1 +} + +.ud__col-span-0 { + display: none +} + +.ud__col-offset-0 { + margin-left: 0 +} + +.ud__col-order-0 { + order: 0 +} + +.ud__col-xs-span-24 { + display: block; + flex: 0 0 100%; + max-width: 100% +} + +.ud__col-xs-push-24 { + left: 100% +} + +.ud__col-xs-pull-24 { + right: 100% +} + +.ud__col-xs-offset-24 { + margin-left: 100% +} + +.ud__col-xs-order-24 { + order: 24 +} + +.ud__col-xs-span-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333% +} + +.ud__col-xs-push-23 { + left: 95.83333333% +} + +.ud__col-xs-pull-23 { + right: 95.83333333% +} + +.ud__col-xs-offset-23 { + margin-left: 95.83333333% +} + +.ud__col-xs-order-23 { + order: 23 +} + +.ud__col-xs-span-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667% +} + +.ud__col-xs-push-22 { + left: 91.66666667% +} + +.ud__col-xs-pull-22 { + right: 91.66666667% +} + +.ud__col-xs-offset-22 { + margin-left: 91.66666667% +} + +.ud__col-xs-order-22 { + order: 22 +} + +.ud__col-xs-span-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5% +} + +.ud__col-xs-push-21 { + left: 87.5% +} + +.ud__col-xs-pull-21 { + right: 87.5% +} + +.ud__col-xs-offset-21 { + margin-left: 87.5% +} + +.ud__col-xs-order-21 { + order: 21 +} + +.ud__col-xs-span-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333% +} + +.ud__col-xs-push-20 { + left: 83.33333333% +} + +.ud__col-xs-pull-20 { + right: 83.33333333% +} + +.ud__col-xs-offset-20 { + margin-left: 83.33333333% +} + +.ud__col-xs-order-20 { + order: 20 +} + +.ud__col-xs-span-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667% +} + +.ud__col-xs-push-19 { + left: 79.16666667% +} + +.ud__col-xs-pull-19 { + right: 79.16666667% +} + +.ud__col-xs-offset-19 { + margin-left: 79.16666667% +} + +.ud__col-xs-order-19 { + order: 19 +} + +.ud__col-xs-span-18 { + display: block; + flex: 0 0 75%; + max-width: 75% +} + +.ud__col-xs-push-18 { + left: 75% +} + +.ud__col-xs-pull-18 { + right: 75% +} + +.ud__col-xs-offset-18 { + margin-left: 75% +} + +.ud__col-xs-order-18 { + order: 18 +} + +.ud__col-xs-span-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333% +} + +.ud__col-xs-push-17 { + left: 70.83333333% +} + +.ud__col-xs-pull-17 { + right: 70.83333333% +} + +.ud__col-xs-offset-17 { + margin-left: 70.83333333% +} + +.ud__col-xs-order-17 { + order: 17 +} + +.ud__col-xs-span-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667% +} + +.ud__col-xs-push-16 { + left: 66.66666667% +} + +.ud__col-xs-pull-16 { + right: 66.66666667% +} + +.ud__col-xs-offset-16 { + margin-left: 66.66666667% +} + +.ud__col-xs-order-16 { + order: 16 +} + +.ud__col-xs-span-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5% +} + +.ud__col-xs-push-15 { + left: 62.5% +} + +.ud__col-xs-pull-15 { + right: 62.5% +} + +.ud__col-xs-offset-15 { + margin-left: 62.5% +} + +.ud__col-xs-order-15 { + order: 15 +} + +.ud__col-xs-span-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333% +} + +.ud__col-xs-push-14 { + left: 58.33333333% +} + +.ud__col-xs-pull-14 { + right: 58.33333333% +} + +.ud__col-xs-offset-14 { + margin-left: 58.33333333% +} + +.ud__col-xs-order-14 { + order: 14 +} + +.ud__col-xs-span-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667% +} + +.ud__col-xs-push-13 { + left: 54.16666667% +} + +.ud__col-xs-pull-13 { + right: 54.16666667% +} + +.ud__col-xs-offset-13 { + margin-left: 54.16666667% +} + +.ud__col-xs-order-13 { + order: 13 +} + +.ud__col-xs-span-12 { + display: block; + flex: 0 0 50%; + max-width: 50% +} + +.ud__col-xs-push-12 { + left: 50% +} + +.ud__col-xs-pull-12 { + right: 50% +} + +.ud__col-xs-offset-12 { + margin-left: 50% +} + +.ud__col-xs-order-12 { + order: 12 +} + +.ud__col-xs-span-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333% +} + +.ud__col-xs-push-11 { + left: 45.83333333% +} + +.ud__col-xs-pull-11 { + right: 45.83333333% +} + +.ud__col-xs-offset-11 { + margin-left: 45.83333333% +} + +.ud__col-xs-order-11 { + order: 11 +} + +.ud__col-xs-span-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667% +} + +.ud__col-xs-push-10 { + left: 41.66666667% +} + +.ud__col-xs-pull-10 { + right: 41.66666667% +} + +.ud__col-xs-offset-10 { + margin-left: 41.66666667% +} + +.ud__col-xs-order-10 { + order: 10 +} + +.ud__col-xs-span-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5% +} + +.ud__col-xs-push-9 { + left: 37.5% +} + +.ud__col-xs-pull-9 { + right: 37.5% +} + +.ud__col-xs-offset-9 { + margin-left: 37.5% +} + +.ud__col-xs-order-9 { + order: 9 +} + +.ud__col-xs-span-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333% +} + +.ud__col-xs-push-8 { + left: 33.33333333% +} + +.ud__col-xs-pull-8 { + right: 33.33333333% +} + +.ud__col-xs-offset-8 { + margin-left: 33.33333333% +} + +.ud__col-xs-order-8 { + order: 8 +} + +.ud__col-xs-span-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667% +} + +.ud__col-xs-push-7 { + left: 29.16666667% +} + +.ud__col-xs-pull-7 { + right: 29.16666667% +} + +.ud__col-xs-offset-7 { + margin-left: 29.16666667% +} + +.ud__col-xs-order-7 { + order: 7 +} + +.ud__col-xs-span-6 { + display: block; + flex: 0 0 25%; + max-width: 25% +} + +.ud__col-xs-push-6 { + left: 25% +} + +.ud__col-xs-pull-6 { + right: 25% +} + +.ud__col-xs-offset-6 { + margin-left: 25% +} + +.ud__col-xs-order-6 { + order: 6 +} + +.ud__col-xs-span-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333% +} + +.ud__col-xs-push-5 { + left: 20.83333333% +} + +.ud__col-xs-pull-5 { + right: 20.83333333% +} + +.ud__col-xs-offset-5 { + margin-left: 20.83333333% +} + +.ud__col-xs-order-5 { + order: 5 +} + +.ud__col-xs-span-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667% +} + +.ud__col-xs-push-4 { + left: 16.66666667% +} + +.ud__col-xs-pull-4 { + right: 16.66666667% +} + +.ud__col-xs-offset-4 { + margin-left: 16.66666667% +} + +.ud__col-xs-order-4 { + order: 4 +} + +.ud__col-xs-span-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5% +} + +.ud__col-xs-push-3 { + left: 12.5% +} + +.ud__col-xs-pull-3 { + right: 12.5% +} + +.ud__col-xs-offset-3 { + margin-left: 12.5% +} + +.ud__col-xs-order-3 { + order: 3 +} + +.ud__col-xs-span-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333% +} + +.ud__col-xs-push-2 { + left: 8.33333333% +} + +.ud__col-xs-pull-2 { + right: 8.33333333% +} + +.ud__col-xs-offset-2 { + margin-left: 8.33333333% +} + +.ud__col-xs-order-2 { + order: 2 +} + +.ud__col-xs-span-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667% +} + +.ud__col-xs-push-1 { + left: 4.16666667% +} + +.ud__col-xs-pull-1 { + right: 4.16666667% +} + +.ud__col-xs-offset-1 { + margin-left: 4.16666667% +} + +.ud__col-xs-order-1 { + order: 1 +} + +.ud__col-xs-span-0 { + display: none +} + +.ud__col-push-0 { + left: auto +} + +.ud__col-pull-0 { + right: auto +} + +.ud__col-xs-push-0 { + left: auto +} + +.ud__col-xs-pull-0 { + right: auto +} + +.ud__col-xs-offset-0 { + margin-left: 0 +} + +.ud__col-xs-order-0 { + order: 0 +} + +@media (min-width: 576px) { + .ud__col-sm-span-24 { + display:block; + flex: 0 0 100%; + max-width: 100% + } + + .ud__col-sm-push-24 { + left: 100% + } + + .ud__col-sm-pull-24 { + right: 100% + } + + .ud__col-sm-offset-24 { + margin-left: 100% + } + + .ud__col-sm-order-24 { + order: 24 + } + + .ud__col-sm-span-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333% + } + + .ud__col-sm-push-23 { + left: 95.83333333% + } + + .ud__col-sm-pull-23 { + right: 95.83333333% + } + + .ud__col-sm-offset-23 { + margin-left: 95.83333333% + } + + .ud__col-sm-order-23 { + order: 23 + } + + .ud__col-sm-span-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667% + } + + .ud__col-sm-push-22 { + left: 91.66666667% + } + + .ud__col-sm-pull-22 { + right: 91.66666667% + } + + .ud__col-sm-offset-22 { + margin-left: 91.66666667% + } + + .ud__col-sm-order-22 { + order: 22 + } + + .ud__col-sm-span-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5% + } + + .ud__col-sm-push-21 { + left: 87.5% + } + + .ud__col-sm-pull-21 { + right: 87.5% + } + + .ud__col-sm-offset-21 { + margin-left: 87.5% + } + + .ud__col-sm-order-21 { + order: 21 + } + + .ud__col-sm-span-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333% + } + + .ud__col-sm-push-20 { + left: 83.33333333% + } + + .ud__col-sm-pull-20 { + right: 83.33333333% + } + + .ud__col-sm-offset-20 { + margin-left: 83.33333333% + } + + .ud__col-sm-order-20 { + order: 20 + } + + .ud__col-sm-span-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667% + } + + .ud__col-sm-push-19 { + left: 79.16666667% + } + + .ud__col-sm-pull-19 { + right: 79.16666667% + } + + .ud__col-sm-offset-19 { + margin-left: 79.16666667% + } + + .ud__col-sm-order-19 { + order: 19 + } + + .ud__col-sm-span-18 { + display: block; + flex: 0 0 75%; + max-width: 75% + } + + .ud__col-sm-push-18 { + left: 75% + } + + .ud__col-sm-pull-18 { + right: 75% + } + + .ud__col-sm-offset-18 { + margin-left: 75% + } + + .ud__col-sm-order-18 { + order: 18 + } + + .ud__col-sm-span-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333% + } + + .ud__col-sm-push-17 { + left: 70.83333333% + } + + .ud__col-sm-pull-17 { + right: 70.83333333% + } + + .ud__col-sm-offset-17 { + margin-left: 70.83333333% + } + + .ud__col-sm-order-17 { + order: 17 + } + + .ud__col-sm-span-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667% + } + + .ud__col-sm-push-16 { + left: 66.66666667% + } + + .ud__col-sm-pull-16 { + right: 66.66666667% + } + + .ud__col-sm-offset-16 { + margin-left: 66.66666667% + } + + .ud__col-sm-order-16 { + order: 16 + } + + .ud__col-sm-span-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5% + } + + .ud__col-sm-push-15 { + left: 62.5% + } + + .ud__col-sm-pull-15 { + right: 62.5% + } + + .ud__col-sm-offset-15 { + margin-left: 62.5% + } + + .ud__col-sm-order-15 { + order: 15 + } + + .ud__col-sm-span-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333% + } + + .ud__col-sm-push-14 { + left: 58.33333333% + } + + .ud__col-sm-pull-14 { + right: 58.33333333% + } + + .ud__col-sm-offset-14 { + margin-left: 58.33333333% + } + + .ud__col-sm-order-14 { + order: 14 + } + + .ud__col-sm-span-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667% + } + + .ud__col-sm-push-13 { + left: 54.16666667% + } + + .ud__col-sm-pull-13 { + right: 54.16666667% + } + + .ud__col-sm-offset-13 { + margin-left: 54.16666667% + } + + .ud__col-sm-order-13 { + order: 13 + } + + .ud__col-sm-span-12 { + display: block; + flex: 0 0 50%; + max-width: 50% + } + + .ud__col-sm-push-12 { + left: 50% + } + + .ud__col-sm-pull-12 { + right: 50% + } + + .ud__col-sm-offset-12 { + margin-left: 50% + } + + .ud__col-sm-order-12 { + order: 12 + } + + .ud__col-sm-span-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333% + } + + .ud__col-sm-push-11 { + left: 45.83333333% + } + + .ud__col-sm-pull-11 { + right: 45.83333333% + } + + .ud__col-sm-offset-11 { + margin-left: 45.83333333% + } + + .ud__col-sm-order-11 { + order: 11 + } + + .ud__col-sm-span-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667% + } + + .ud__col-sm-push-10 { + left: 41.66666667% + } + + .ud__col-sm-pull-10 { + right: 41.66666667% + } + + .ud__col-sm-offset-10 { + margin-left: 41.66666667% + } + + .ud__col-sm-order-10 { + order: 10 + } + + .ud__col-sm-span-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5% + } + + .ud__col-sm-push-9 { + left: 37.5% + } + + .ud__col-sm-pull-9 { + right: 37.5% + } + + .ud__col-sm-offset-9 { + margin-left: 37.5% + } + + .ud__col-sm-order-9 { + order: 9 + } + + .ud__col-sm-span-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333% + } + + .ud__col-sm-push-8 { + left: 33.33333333% + } + + .ud__col-sm-pull-8 { + right: 33.33333333% + } + + .ud__col-sm-offset-8 { + margin-left: 33.33333333% + } + + .ud__col-sm-order-8 { + order: 8 + } + + .ud__col-sm-span-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667% + } + + .ud__col-sm-push-7 { + left: 29.16666667% + } + + .ud__col-sm-pull-7 { + right: 29.16666667% + } + + .ud__col-sm-offset-7 { + margin-left: 29.16666667% + } + + .ud__col-sm-order-7 { + order: 7 + } + + .ud__col-sm-span-6 { + display: block; + flex: 0 0 25%; + max-width: 25% + } + + .ud__col-sm-push-6 { + left: 25% + } + + .ud__col-sm-pull-6 { + right: 25% + } + + .ud__col-sm-offset-6 { + margin-left: 25% + } + + .ud__col-sm-order-6 { + order: 6 + } + + .ud__col-sm-span-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333% + } + + .ud__col-sm-push-5 { + left: 20.83333333% + } + + .ud__col-sm-pull-5 { + right: 20.83333333% + } + + .ud__col-sm-offset-5 { + margin-left: 20.83333333% + } + + .ud__col-sm-order-5 { + order: 5 + } + + .ud__col-sm-span-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667% + } + + .ud__col-sm-push-4 { + left: 16.66666667% + } + + .ud__col-sm-pull-4 { + right: 16.66666667% + } + + .ud__col-sm-offset-4 { + margin-left: 16.66666667% + } + + .ud__col-sm-order-4 { + order: 4 + } + + .ud__col-sm-span-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5% + } + + .ud__col-sm-push-3 { + left: 12.5% + } + + .ud__col-sm-pull-3 { + right: 12.5% + } + + .ud__col-sm-offset-3 { + margin-left: 12.5% + } + + .ud__col-sm-order-3 { + order: 3 + } + + .ud__col-sm-span-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333% + } + + .ud__col-sm-push-2 { + left: 8.33333333% + } + + .ud__col-sm-pull-2 { + right: 8.33333333% + } + + .ud__col-sm-offset-2 { + margin-left: 8.33333333% + } + + .ud__col-sm-order-2 { + order: 2 + } + + .ud__col-sm-span-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667% + } + + .ud__col-sm-push-1 { + left: 4.16666667% + } + + .ud__col-sm-pull-1 { + right: 4.16666667% + } + + .ud__col-sm-offset-1 { + margin-left: 4.16666667% + } + + .ud__col-sm-order-1 { + order: 1 + } + + .ud__col-sm-span-0 { + display: none + } + + .ud__col-push-0 { + left: auto + } + + .ud__col-pull-0 { + right: auto + } + + .ud__col-sm-push-0 { + left: auto + } + + .ud__col-sm-pull-0 { + right: auto + } + + .ud__col-sm-offset-0 { + margin-left: 0 + } + + .ud__col-sm-order-0 { + order: 0 + } +} + +@media (min-width: 768px) { + .ud__col-md-span-24 { + display:block; + flex: 0 0 100%; + max-width: 100% + } + + .ud__col-md-push-24 { + left: 100% + } + + .ud__col-md-pull-24 { + right: 100% + } + + .ud__col-md-offset-24 { + margin-left: 100% + } + + .ud__col-md-order-24 { + order: 24 + } + + .ud__col-md-span-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333% + } + + .ud__col-md-push-23 { + left: 95.83333333% + } + + .ud__col-md-pull-23 { + right: 95.83333333% + } + + .ud__col-md-offset-23 { + margin-left: 95.83333333% + } + + .ud__col-md-order-23 { + order: 23 + } + + .ud__col-md-span-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667% + } + + .ud__col-md-push-22 { + left: 91.66666667% + } + + .ud__col-md-pull-22 { + right: 91.66666667% + } + + .ud__col-md-offset-22 { + margin-left: 91.66666667% + } + + .ud__col-md-order-22 { + order: 22 + } + + .ud__col-md-span-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5% + } + + .ud__col-md-push-21 { + left: 87.5% + } + + .ud__col-md-pull-21 { + right: 87.5% + } + + .ud__col-md-offset-21 { + margin-left: 87.5% + } + + .ud__col-md-order-21 { + order: 21 + } + + .ud__col-md-span-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333% + } + + .ud__col-md-push-20 { + left: 83.33333333% + } + + .ud__col-md-pull-20 { + right: 83.33333333% + } + + .ud__col-md-offset-20 { + margin-left: 83.33333333% + } + + .ud__col-md-order-20 { + order: 20 + } + + .ud__col-md-span-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667% + } + + .ud__col-md-push-19 { + left: 79.16666667% + } + + .ud__col-md-pull-19 { + right: 79.16666667% + } + + .ud__col-md-offset-19 { + margin-left: 79.16666667% + } + + .ud__col-md-order-19 { + order: 19 + } + + .ud__col-md-span-18 { + display: block; + flex: 0 0 75%; + max-width: 75% + } + + .ud__col-md-push-18 { + left: 75% + } + + .ud__col-md-pull-18 { + right: 75% + } + + .ud__col-md-offset-18 { + margin-left: 75% + } + + .ud__col-md-order-18 { + order: 18 + } + + .ud__col-md-span-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333% + } + + .ud__col-md-push-17 { + left: 70.83333333% + } + + .ud__col-md-pull-17 { + right: 70.83333333% + } + + .ud__col-md-offset-17 { + margin-left: 70.83333333% + } + + .ud__col-md-order-17 { + order: 17 + } + + .ud__col-md-span-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667% + } + + .ud__col-md-push-16 { + left: 66.66666667% + } + + .ud__col-md-pull-16 { + right: 66.66666667% + } + + .ud__col-md-offset-16 { + margin-left: 66.66666667% + } + + .ud__col-md-order-16 { + order: 16 + } + + .ud__col-md-span-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5% + } + + .ud__col-md-push-15 { + left: 62.5% + } + + .ud__col-md-pull-15 { + right: 62.5% + } + + .ud__col-md-offset-15 { + margin-left: 62.5% + } + + .ud__col-md-order-15 { + order: 15 + } + + .ud__col-md-span-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333% + } + + .ud__col-md-push-14 { + left: 58.33333333% + } + + .ud__col-md-pull-14 { + right: 58.33333333% + } + + .ud__col-md-offset-14 { + margin-left: 58.33333333% + } + + .ud__col-md-order-14 { + order: 14 + } + + .ud__col-md-span-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667% + } + + .ud__col-md-push-13 { + left: 54.16666667% + } + + .ud__col-md-pull-13 { + right: 54.16666667% + } + + .ud__col-md-offset-13 { + margin-left: 54.16666667% + } + + .ud__col-md-order-13 { + order: 13 + } + + .ud__col-md-span-12 { + display: block; + flex: 0 0 50%; + max-width: 50% + } + + .ud__col-md-push-12 { + left: 50% + } + + .ud__col-md-pull-12 { + right: 50% + } + + .ud__col-md-offset-12 { + margin-left: 50% + } + + .ud__col-md-order-12 { + order: 12 + } + + .ud__col-md-span-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333% + } + + .ud__col-md-push-11 { + left: 45.83333333% + } + + .ud__col-md-pull-11 { + right: 45.83333333% + } + + .ud__col-md-offset-11 { + margin-left: 45.83333333% + } + + .ud__col-md-order-11 { + order: 11 + } + + .ud__col-md-span-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667% + } + + .ud__col-md-push-10 { + left: 41.66666667% + } + + .ud__col-md-pull-10 { + right: 41.66666667% + } + + .ud__col-md-offset-10 { + margin-left: 41.66666667% + } + + .ud__col-md-order-10 { + order: 10 + } + + .ud__col-md-span-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5% + } + + .ud__col-md-push-9 { + left: 37.5% + } + + .ud__col-md-pull-9 { + right: 37.5% + } + + .ud__col-md-offset-9 { + margin-left: 37.5% + } + + .ud__col-md-order-9 { + order: 9 + } + + .ud__col-md-span-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333% + } + + .ud__col-md-push-8 { + left: 33.33333333% + } + + .ud__col-md-pull-8 { + right: 33.33333333% + } + + .ud__col-md-offset-8 { + margin-left: 33.33333333% + } + + .ud__col-md-order-8 { + order: 8 + } + + .ud__col-md-span-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667% + } + + .ud__col-md-push-7 { + left: 29.16666667% + } + + .ud__col-md-pull-7 { + right: 29.16666667% + } + + .ud__col-md-offset-7 { + margin-left: 29.16666667% + } + + .ud__col-md-order-7 { + order: 7 + } + + .ud__col-md-span-6 { + display: block; + flex: 0 0 25%; + max-width: 25% + } + + .ud__col-md-push-6 { + left: 25% + } + + .ud__col-md-pull-6 { + right: 25% + } + + .ud__col-md-offset-6 { + margin-left: 25% + } + + .ud__col-md-order-6 { + order: 6 + } + + .ud__col-md-span-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333% + } + + .ud__col-md-push-5 { + left: 20.83333333% + } + + .ud__col-md-pull-5 { + right: 20.83333333% + } + + .ud__col-md-offset-5 { + margin-left: 20.83333333% + } + + .ud__col-md-order-5 { + order: 5 + } + + .ud__col-md-span-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667% + } + + .ud__col-md-push-4 { + left: 16.66666667% + } + + .ud__col-md-pull-4 { + right: 16.66666667% + } + + .ud__col-md-offset-4 { + margin-left: 16.66666667% + } + + .ud__col-md-order-4 { + order: 4 + } + + .ud__col-md-span-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5% + } + + .ud__col-md-push-3 { + left: 12.5% + } + + .ud__col-md-pull-3 { + right: 12.5% + } + + .ud__col-md-offset-3 { + margin-left: 12.5% + } + + .ud__col-md-order-3 { + order: 3 + } + + .ud__col-md-span-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333% + } + + .ud__col-md-push-2 { + left: 8.33333333% + } + + .ud__col-md-pull-2 { + right: 8.33333333% + } + + .ud__col-md-offset-2 { + margin-left: 8.33333333% + } + + .ud__col-md-order-2 { + order: 2 + } + + .ud__col-md-span-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667% + } + + .ud__col-md-push-1 { + left: 4.16666667% + } + + .ud__col-md-pull-1 { + right: 4.16666667% + } + + .ud__col-md-offset-1 { + margin-left: 4.16666667% + } + + .ud__col-md-order-1 { + order: 1 + } + + .ud__col-md-span-0 { + display: none + } + + .ud__col-push-0 { + left: auto + } + + .ud__col-pull-0 { + right: auto + } + + .ud__col-md-push-0 { + left: auto + } + + .ud__col-md-pull-0 { + right: auto + } + + .ud__col-md-offset-0 { + margin-left: 0 + } + + .ud__col-md-order-0 { + order: 0 + } +} + +@media (min-width: 992px) { + .ud__col-lg-span-24 { + display:block; + flex: 0 0 100%; + max-width: 100% + } + + .ud__col-lg-push-24 { + left: 100% + } + + .ud__col-lg-pull-24 { + right: 100% + } + + .ud__col-lg-offset-24 { + margin-left: 100% + } + + .ud__col-lg-order-24 { + order: 24 + } + + .ud__col-lg-span-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333% + } + + .ud__col-lg-push-23 { + left: 95.83333333% + } + + .ud__col-lg-pull-23 { + right: 95.83333333% + } + + .ud__col-lg-offset-23 { + margin-left: 95.83333333% + } + + .ud__col-lg-order-23 { + order: 23 + } + + .ud__col-lg-span-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667% + } + + .ud__col-lg-push-22 { + left: 91.66666667% + } + + .ud__col-lg-pull-22 { + right: 91.66666667% + } + + .ud__col-lg-offset-22 { + margin-left: 91.66666667% + } + + .ud__col-lg-order-22 { + order: 22 + } + + .ud__col-lg-span-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5% + } + + .ud__col-lg-push-21 { + left: 87.5% + } + + .ud__col-lg-pull-21 { + right: 87.5% + } + + .ud__col-lg-offset-21 { + margin-left: 87.5% + } + + .ud__col-lg-order-21 { + order: 21 + } + + .ud__col-lg-span-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333% + } + + .ud__col-lg-push-20 { + left: 83.33333333% + } + + .ud__col-lg-pull-20 { + right: 83.33333333% + } + + .ud__col-lg-offset-20 { + margin-left: 83.33333333% + } + + .ud__col-lg-order-20 { + order: 20 + } + + .ud__col-lg-span-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667% + } + + .ud__col-lg-push-19 { + left: 79.16666667% + } + + .ud__col-lg-pull-19 { + right: 79.16666667% + } + + .ud__col-lg-offset-19 { + margin-left: 79.16666667% + } + + .ud__col-lg-order-19 { + order: 19 + } + + .ud__col-lg-span-18 { + display: block; + flex: 0 0 75%; + max-width: 75% + } + + .ud__col-lg-push-18 { + left: 75% + } + + .ud__col-lg-pull-18 { + right: 75% + } + + .ud__col-lg-offset-18 { + margin-left: 75% + } + + .ud__col-lg-order-18 { + order: 18 + } + + .ud__col-lg-span-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333% + } + + .ud__col-lg-push-17 { + left: 70.83333333% + } + + .ud__col-lg-pull-17 { + right: 70.83333333% + } + + .ud__col-lg-offset-17 { + margin-left: 70.83333333% + } + + .ud__col-lg-order-17 { + order: 17 + } + + .ud__col-lg-span-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667% + } + + .ud__col-lg-push-16 { + left: 66.66666667% + } + + .ud__col-lg-pull-16 { + right: 66.66666667% + } + + .ud__col-lg-offset-16 { + margin-left: 66.66666667% + } + + .ud__col-lg-order-16 { + order: 16 + } + + .ud__col-lg-span-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5% + } + + .ud__col-lg-push-15 { + left: 62.5% + } + + .ud__col-lg-pull-15 { + right: 62.5% + } + + .ud__col-lg-offset-15 { + margin-left: 62.5% + } + + .ud__col-lg-order-15 { + order: 15 + } + + .ud__col-lg-span-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333% + } + + .ud__col-lg-push-14 { + left: 58.33333333% + } + + .ud__col-lg-pull-14 { + right: 58.33333333% + } + + .ud__col-lg-offset-14 { + margin-left: 58.33333333% + } + + .ud__col-lg-order-14 { + order: 14 + } + + .ud__col-lg-span-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667% + } + + .ud__col-lg-push-13 { + left: 54.16666667% + } + + .ud__col-lg-pull-13 { + right: 54.16666667% + } + + .ud__col-lg-offset-13 { + margin-left: 54.16666667% + } + + .ud__col-lg-order-13 { + order: 13 + } + + .ud__col-lg-span-12 { + display: block; + flex: 0 0 50%; + max-width: 50% + } + + .ud__col-lg-push-12 { + left: 50% + } + + .ud__col-lg-pull-12 { + right: 50% + } + + .ud__col-lg-offset-12 { + margin-left: 50% + } + + .ud__col-lg-order-12 { + order: 12 + } + + .ud__col-lg-span-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333% + } + + .ud__col-lg-push-11 { + left: 45.83333333% + } + + .ud__col-lg-pull-11 { + right: 45.83333333% + } + + .ud__col-lg-offset-11 { + margin-left: 45.83333333% + } + + .ud__col-lg-order-11 { + order: 11 + } + + .ud__col-lg-span-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667% + } + + .ud__col-lg-push-10 { + left: 41.66666667% + } + + .ud__col-lg-pull-10 { + right: 41.66666667% + } + + .ud__col-lg-offset-10 { + margin-left: 41.66666667% + } + + .ud__col-lg-order-10 { + order: 10 + } + + .ud__col-lg-span-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5% + } + + .ud__col-lg-push-9 { + left: 37.5% + } + + .ud__col-lg-pull-9 { + right: 37.5% + } + + .ud__col-lg-offset-9 { + margin-left: 37.5% + } + + .ud__col-lg-order-9 { + order: 9 + } + + .ud__col-lg-span-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333% + } + + .ud__col-lg-push-8 { + left: 33.33333333% + } + + .ud__col-lg-pull-8 { + right: 33.33333333% + } + + .ud__col-lg-offset-8 { + margin-left: 33.33333333% + } + + .ud__col-lg-order-8 { + order: 8 + } + + .ud__col-lg-span-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667% + } + + .ud__col-lg-push-7 { + left: 29.16666667% + } + + .ud__col-lg-pull-7 { + right: 29.16666667% + } + + .ud__col-lg-offset-7 { + margin-left: 29.16666667% + } + + .ud__col-lg-order-7 { + order: 7 + } + + .ud__col-lg-span-6 { + display: block; + flex: 0 0 25%; + max-width: 25% + } + + .ud__col-lg-push-6 { + left: 25% + } + + .ud__col-lg-pull-6 { + right: 25% + } + + .ud__col-lg-offset-6 { + margin-left: 25% + } + + .ud__col-lg-order-6 { + order: 6 + } + + .ud__col-lg-span-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333% + } + + .ud__col-lg-push-5 { + left: 20.83333333% + } + + .ud__col-lg-pull-5 { + right: 20.83333333% + } + + .ud__col-lg-offset-5 { + margin-left: 20.83333333% + } + + .ud__col-lg-order-5 { + order: 5 + } + + .ud__col-lg-span-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667% + } + + .ud__col-lg-push-4 { + left: 16.66666667% + } + + .ud__col-lg-pull-4 { + right: 16.66666667% + } + + .ud__col-lg-offset-4 { + margin-left: 16.66666667% + } + + .ud__col-lg-order-4 { + order: 4 + } + + .ud__col-lg-span-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5% + } + + .ud__col-lg-push-3 { + left: 12.5% + } + + .ud__col-lg-pull-3 { + right: 12.5% + } + + .ud__col-lg-offset-3 { + margin-left: 12.5% + } + + .ud__col-lg-order-3 { + order: 3 + } + + .ud__col-lg-span-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333% + } + + .ud__col-lg-push-2 { + left: 8.33333333% + } + + .ud__col-lg-pull-2 { + right: 8.33333333% + } + + .ud__col-lg-offset-2 { + margin-left: 8.33333333% + } + + .ud__col-lg-order-2 { + order: 2 + } + + .ud__col-lg-span-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667% + } + + .ud__col-lg-push-1 { + left: 4.16666667% + } + + .ud__col-lg-pull-1 { + right: 4.16666667% + } + + .ud__col-lg-offset-1 { + margin-left: 4.16666667% + } + + .ud__col-lg-order-1 { + order: 1 + } + + .ud__col-lg-span-0 { + display: none + } + + .ud__col-push-0 { + left: auto + } + + .ud__col-pull-0 { + right: auto + } + + .ud__col-lg-push-0 { + left: auto + } + + .ud__col-lg-pull-0 { + right: auto + } + + .ud__col-lg-offset-0 { + margin-left: 0 + } + + .ud__col-lg-order-0 { + order: 0 + } +} + +@media (min-width: 1200px) { + .ud__col-xl-span-24 { + display:block; + flex: 0 0 100%; + max-width: 100% + } + + .ud__col-xl-push-24 { + left: 100% + } + + .ud__col-xl-pull-24 { + right: 100% + } + + .ud__col-xl-offset-24 { + margin-left: 100% + } + + .ud__col-xl-order-24 { + order: 24 + } + + .ud__col-xl-span-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333% + } + + .ud__col-xl-push-23 { + left: 95.83333333% + } + + .ud__col-xl-pull-23 { + right: 95.83333333% + } + + .ud__col-xl-offset-23 { + margin-left: 95.83333333% + } + + .ud__col-xl-order-23 { + order: 23 + } + + .ud__col-xl-span-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667% + } + + .ud__col-xl-push-22 { + left: 91.66666667% + } + + .ud__col-xl-pull-22 { + right: 91.66666667% + } + + .ud__col-xl-offset-22 { + margin-left: 91.66666667% + } + + .ud__col-xl-order-22 { + order: 22 + } + + .ud__col-xl-span-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5% + } + + .ud__col-xl-push-21 { + left: 87.5% + } + + .ud__col-xl-pull-21 { + right: 87.5% + } + + .ud__col-xl-offset-21 { + margin-left: 87.5% + } + + .ud__col-xl-order-21 { + order: 21 + } + + .ud__col-xl-span-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333% + } + + .ud__col-xl-push-20 { + left: 83.33333333% + } + + .ud__col-xl-pull-20 { + right: 83.33333333% + } + + .ud__col-xl-offset-20 { + margin-left: 83.33333333% + } + + .ud__col-xl-order-20 { + order: 20 + } + + .ud__col-xl-span-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667% + } + + .ud__col-xl-push-19 { + left: 79.16666667% + } + + .ud__col-xl-pull-19 { + right: 79.16666667% + } + + .ud__col-xl-offset-19 { + margin-left: 79.16666667% + } + + .ud__col-xl-order-19 { + order: 19 + } + + .ud__col-xl-span-18 { + display: block; + flex: 0 0 75%; + max-width: 75% + } + + .ud__col-xl-push-18 { + left: 75% + } + + .ud__col-xl-pull-18 { + right: 75% + } + + .ud__col-xl-offset-18 { + margin-left: 75% + } + + .ud__col-xl-order-18 { + order: 18 + } + + .ud__col-xl-span-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333% + } + + .ud__col-xl-push-17 { + left: 70.83333333% + } + + .ud__col-xl-pull-17 { + right: 70.83333333% + } + + .ud__col-xl-offset-17 { + margin-left: 70.83333333% + } + + .ud__col-xl-order-17 { + order: 17 + } + + .ud__col-xl-span-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667% + } + + .ud__col-xl-push-16 { + left: 66.66666667% + } + + .ud__col-xl-pull-16 { + right: 66.66666667% + } + + .ud__col-xl-offset-16 { + margin-left: 66.66666667% + } + + .ud__col-xl-order-16 { + order: 16 + } + + .ud__col-xl-span-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5% + } + + .ud__col-xl-push-15 { + left: 62.5% + } + + .ud__col-xl-pull-15 { + right: 62.5% + } + + .ud__col-xl-offset-15 { + margin-left: 62.5% + } + + .ud__col-xl-order-15 { + order: 15 + } + + .ud__col-xl-span-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333% + } + + .ud__col-xl-push-14 { + left: 58.33333333% + } + + .ud__col-xl-pull-14 { + right: 58.33333333% + } + + .ud__col-xl-offset-14 { + margin-left: 58.33333333% + } + + .ud__col-xl-order-14 { + order: 14 + } + + .ud__col-xl-span-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667% + } + + .ud__col-xl-push-13 { + left: 54.16666667% + } + + .ud__col-xl-pull-13 { + right: 54.16666667% + } + + .ud__col-xl-offset-13 { + margin-left: 54.16666667% + } + + .ud__col-xl-order-13 { + order: 13 + } + + .ud__col-xl-span-12 { + display: block; + flex: 0 0 50%; + max-width: 50% + } + + .ud__col-xl-push-12 { + left: 50% + } + + .ud__col-xl-pull-12 { + right: 50% + } + + .ud__col-xl-offset-12 { + margin-left: 50% + } + + .ud__col-xl-order-12 { + order: 12 + } + + .ud__col-xl-span-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333% + } + + .ud__col-xl-push-11 { + left: 45.83333333% + } + + .ud__col-xl-pull-11 { + right: 45.83333333% + } + + .ud__col-xl-offset-11 { + margin-left: 45.83333333% + } + + .ud__col-xl-order-11 { + order: 11 + } + + .ud__col-xl-span-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667% + } + + .ud__col-xl-push-10 { + left: 41.66666667% + } + + .ud__col-xl-pull-10 { + right: 41.66666667% + } + + .ud__col-xl-offset-10 { + margin-left: 41.66666667% + } + + .ud__col-xl-order-10 { + order: 10 + } + + .ud__col-xl-span-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5% + } + + .ud__col-xl-push-9 { + left: 37.5% + } + + .ud__col-xl-pull-9 { + right: 37.5% + } + + .ud__col-xl-offset-9 { + margin-left: 37.5% + } + + .ud__col-xl-order-9 { + order: 9 + } + + .ud__col-xl-span-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333% + } + + .ud__col-xl-push-8 { + left: 33.33333333% + } + + .ud__col-xl-pull-8 { + right: 33.33333333% + } + + .ud__col-xl-offset-8 { + margin-left: 33.33333333% + } + + .ud__col-xl-order-8 { + order: 8 + } + + .ud__col-xl-span-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667% + } + + .ud__col-xl-push-7 { + left: 29.16666667% + } + + .ud__col-xl-pull-7 { + right: 29.16666667% + } + + .ud__col-xl-offset-7 { + margin-left: 29.16666667% + } + + .ud__col-xl-order-7 { + order: 7 + } + + .ud__col-xl-span-6 { + display: block; + flex: 0 0 25%; + max-width: 25% + } + + .ud__col-xl-push-6 { + left: 25% + } + + .ud__col-xl-pull-6 { + right: 25% + } + + .ud__col-xl-offset-6 { + margin-left: 25% + } + + .ud__col-xl-order-6 { + order: 6 + } + + .ud__col-xl-span-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333% + } + + .ud__col-xl-push-5 { + left: 20.83333333% + } + + .ud__col-xl-pull-5 { + right: 20.83333333% + } + + .ud__col-xl-offset-5 { + margin-left: 20.83333333% + } + + .ud__col-xl-order-5 { + order: 5 + } + + .ud__col-xl-span-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667% + } + + .ud__col-xl-push-4 { + left: 16.66666667% + } + + .ud__col-xl-pull-4 { + right: 16.66666667% + } + + .ud__col-xl-offset-4 { + margin-left: 16.66666667% + } + + .ud__col-xl-order-4 { + order: 4 + } + + .ud__col-xl-span-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5% + } + + .ud__col-xl-push-3 { + left: 12.5% + } + + .ud__col-xl-pull-3 { + right: 12.5% + } + + .ud__col-xl-offset-3 { + margin-left: 12.5% + } + + .ud__col-xl-order-3 { + order: 3 + } + + .ud__col-xl-span-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333% + } + + .ud__col-xl-push-2 { + left: 8.33333333% + } + + .ud__col-xl-pull-2 { + right: 8.33333333% + } + + .ud__col-xl-offset-2 { + margin-left: 8.33333333% + } + + .ud__col-xl-order-2 { + order: 2 + } + + .ud__col-xl-span-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667% + } + + .ud__col-xl-push-1 { + left: 4.16666667% + } + + .ud__col-xl-pull-1 { + right: 4.16666667% + } + + .ud__col-xl-offset-1 { + margin-left: 4.16666667% + } + + .ud__col-xl-order-1 { + order: 1 + } + + .ud__col-xl-span-0 { + display: none + } + + .ud__col-push-0 { + left: auto + } + + .ud__col-pull-0 { + right: auto + } + + .ud__col-xl-push-0 { + left: auto + } + + .ud__col-xl-pull-0 { + right: auto + } + + .ud__col-xl-offset-0 { + margin-left: 0 + } + + .ud__col-xl-order-0 { + order: 0 + } +} + +@media (min-width: 1600px) { + .ud__col-xxl-span-24 { + display:block; + flex: 0 0 100%; + max-width: 100% + } + + .ud__col-xxl-push-24 { + left: 100% + } + + .ud__col-xxl-pull-24 { + right: 100% + } + + .ud__col-xxl-offset-24 { + margin-left: 100% + } + + .ud__col-xxl-order-24 { + order: 24 + } + + .ud__col-xxl-span-23 { + display: block; + flex: 0 0 95.83333333%; + max-width: 95.83333333% + } + + .ud__col-xxl-push-23 { + left: 95.83333333% + } + + .ud__col-xxl-pull-23 { + right: 95.83333333% + } + + .ud__col-xxl-offset-23 { + margin-left: 95.83333333% + } + + .ud__col-xxl-order-23 { + order: 23 + } + + .ud__col-xxl-span-22 { + display: block; + flex: 0 0 91.66666667%; + max-width: 91.66666667% + } + + .ud__col-xxl-push-22 { + left: 91.66666667% + } + + .ud__col-xxl-pull-22 { + right: 91.66666667% + } + + .ud__col-xxl-offset-22 { + margin-left: 91.66666667% + } + + .ud__col-xxl-order-22 { + order: 22 + } + + .ud__col-xxl-span-21 { + display: block; + flex: 0 0 87.5%; + max-width: 87.5% + } + + .ud__col-xxl-push-21 { + left: 87.5% + } + + .ud__col-xxl-pull-21 { + right: 87.5% + } + + .ud__col-xxl-offset-21 { + margin-left: 87.5% + } + + .ud__col-xxl-order-21 { + order: 21 + } + + .ud__col-xxl-span-20 { + display: block; + flex: 0 0 83.33333333%; + max-width: 83.33333333% + } + + .ud__col-xxl-push-20 { + left: 83.33333333% + } + + .ud__col-xxl-pull-20 { + right: 83.33333333% + } + + .ud__col-xxl-offset-20 { + margin-left: 83.33333333% + } + + .ud__col-xxl-order-20 { + order: 20 + } + + .ud__col-xxl-span-19 { + display: block; + flex: 0 0 79.16666667%; + max-width: 79.16666667% + } + + .ud__col-xxl-push-19 { + left: 79.16666667% + } + + .ud__col-xxl-pull-19 { + right: 79.16666667% + } + + .ud__col-xxl-offset-19 { + margin-left: 79.16666667% + } + + .ud__col-xxl-order-19 { + order: 19 + } + + .ud__col-xxl-span-18 { + display: block; + flex: 0 0 75%; + max-width: 75% + } + + .ud__col-xxl-push-18 { + left: 75% + } + + .ud__col-xxl-pull-18 { + right: 75% + } + + .ud__col-xxl-offset-18 { + margin-left: 75% + } + + .ud__col-xxl-order-18 { + order: 18 + } + + .ud__col-xxl-span-17 { + display: block; + flex: 0 0 70.83333333%; + max-width: 70.83333333% + } + + .ud__col-xxl-push-17 { + left: 70.83333333% + } + + .ud__col-xxl-pull-17 { + right: 70.83333333% + } + + .ud__col-xxl-offset-17 { + margin-left: 70.83333333% + } + + .ud__col-xxl-order-17 { + order: 17 + } + + .ud__col-xxl-span-16 { + display: block; + flex: 0 0 66.66666667%; + max-width: 66.66666667% + } + + .ud__col-xxl-push-16 { + left: 66.66666667% + } + + .ud__col-xxl-pull-16 { + right: 66.66666667% + } + + .ud__col-xxl-offset-16 { + margin-left: 66.66666667% + } + + .ud__col-xxl-order-16 { + order: 16 + } + + .ud__col-xxl-span-15 { + display: block; + flex: 0 0 62.5%; + max-width: 62.5% + } + + .ud__col-xxl-push-15 { + left: 62.5% + } + + .ud__col-xxl-pull-15 { + right: 62.5% + } + + .ud__col-xxl-offset-15 { + margin-left: 62.5% + } + + .ud__col-xxl-order-15 { + order: 15 + } + + .ud__col-xxl-span-14 { + display: block; + flex: 0 0 58.33333333%; + max-width: 58.33333333% + } + + .ud__col-xxl-push-14 { + left: 58.33333333% + } + + .ud__col-xxl-pull-14 { + right: 58.33333333% + } + + .ud__col-xxl-offset-14 { + margin-left: 58.33333333% + } + + .ud__col-xxl-order-14 { + order: 14 + } + + .ud__col-xxl-span-13 { + display: block; + flex: 0 0 54.16666667%; + max-width: 54.16666667% + } + + .ud__col-xxl-push-13 { + left: 54.16666667% + } + + .ud__col-xxl-pull-13 { + right: 54.16666667% + } + + .ud__col-xxl-offset-13 { + margin-left: 54.16666667% + } + + .ud__col-xxl-order-13 { + order: 13 + } + + .ud__col-xxl-span-12 { + display: block; + flex: 0 0 50%; + max-width: 50% + } + + .ud__col-xxl-push-12 { + left: 50% + } + + .ud__col-xxl-pull-12 { + right: 50% + } + + .ud__col-xxl-offset-12 { + margin-left: 50% + } + + .ud__col-xxl-order-12 { + order: 12 + } + + .ud__col-xxl-span-11 { + display: block; + flex: 0 0 45.83333333%; + max-width: 45.83333333% + } + + .ud__col-xxl-push-11 { + left: 45.83333333% + } + + .ud__col-xxl-pull-11 { + right: 45.83333333% + } + + .ud__col-xxl-offset-11 { + margin-left: 45.83333333% + } + + .ud__col-xxl-order-11 { + order: 11 + } + + .ud__col-xxl-span-10 { + display: block; + flex: 0 0 41.66666667%; + max-width: 41.66666667% + } + + .ud__col-xxl-push-10 { + left: 41.66666667% + } + + .ud__col-xxl-pull-10 { + right: 41.66666667% + } + + .ud__col-xxl-offset-10 { + margin-left: 41.66666667% + } + + .ud__col-xxl-order-10 { + order: 10 + } + + .ud__col-xxl-span-9 { + display: block; + flex: 0 0 37.5%; + max-width: 37.5% + } + + .ud__col-xxl-push-9 { + left: 37.5% + } + + .ud__col-xxl-pull-9 { + right: 37.5% + } + + .ud__col-xxl-offset-9 { + margin-left: 37.5% + } + + .ud__col-xxl-order-9 { + order: 9 + } + + .ud__col-xxl-span-8 { + display: block; + flex: 0 0 33.33333333%; + max-width: 33.33333333% + } + + .ud__col-xxl-push-8 { + left: 33.33333333% + } + + .ud__col-xxl-pull-8 { + right: 33.33333333% + } + + .ud__col-xxl-offset-8 { + margin-left: 33.33333333% + } + + .ud__col-xxl-order-8 { + order: 8 + } + + .ud__col-xxl-span-7 { + display: block; + flex: 0 0 29.16666667%; + max-width: 29.16666667% + } + + .ud__col-xxl-push-7 { + left: 29.16666667% + } + + .ud__col-xxl-pull-7 { + right: 29.16666667% + } + + .ud__col-xxl-offset-7 { + margin-left: 29.16666667% + } + + .ud__col-xxl-order-7 { + order: 7 + } + + .ud__col-xxl-span-6 { + display: block; + flex: 0 0 25%; + max-width: 25% + } + + .ud__col-xxl-push-6 { + left: 25% + } + + .ud__col-xxl-pull-6 { + right: 25% + } + + .ud__col-xxl-offset-6 { + margin-left: 25% + } + + .ud__col-xxl-order-6 { + order: 6 + } + + .ud__col-xxl-span-5 { + display: block; + flex: 0 0 20.83333333%; + max-width: 20.83333333% + } + + .ud__col-xxl-push-5 { + left: 20.83333333% + } + + .ud__col-xxl-pull-5 { + right: 20.83333333% + } + + .ud__col-xxl-offset-5 { + margin-left: 20.83333333% + } + + .ud__col-xxl-order-5 { + order: 5 + } + + .ud__col-xxl-span-4 { + display: block; + flex: 0 0 16.66666667%; + max-width: 16.66666667% + } + + .ud__col-xxl-push-4 { + left: 16.66666667% + } + + .ud__col-xxl-pull-4 { + right: 16.66666667% + } + + .ud__col-xxl-offset-4 { + margin-left: 16.66666667% + } + + .ud__col-xxl-order-4 { + order: 4 + } + + .ud__col-xxl-span-3 { + display: block; + flex: 0 0 12.5%; + max-width: 12.5% + } + + .ud__col-xxl-push-3 { + left: 12.5% + } + + .ud__col-xxl-pull-3 { + right: 12.5% + } + + .ud__col-xxl-offset-3 { + margin-left: 12.5% + } + + .ud__col-xxl-order-3 { + order: 3 + } + + .ud__col-xxl-span-2 { + display: block; + flex: 0 0 8.33333333%; + max-width: 8.33333333% + } + + .ud__col-xxl-push-2 { + left: 8.33333333% + } + + .ud__col-xxl-pull-2 { + right: 8.33333333% + } + + .ud__col-xxl-offset-2 { + margin-left: 8.33333333% + } + + .ud__col-xxl-order-2 { + order: 2 + } + + .ud__col-xxl-span-1 { + display: block; + flex: 0 0 4.16666667%; + max-width: 4.16666667% + } + + .ud__col-xxl-push-1 { + left: 4.16666667% + } + + .ud__col-xxl-pull-1 { + right: 4.16666667% + } + + .ud__col-xxl-offset-1 { + margin-left: 4.16666667% + } + + .ud__col-xxl-order-1 { + order: 1 + } + + .ud__col-xxl-span-0 { + display: none + } + + .ud__col-push-0 { + left: auto + } + + .ud__col-pull-0 { + right: auto + } + + .ud__col-xxl-push-0 { + left: auto + } + + .ud__col-xxl-pull-0 { + right: auto + } + + .ud__col-xxl-offset-0 { + margin-left: 0 + } + + .ud__col-xxl-order-0 { + order: 0 + } +} + +.ud__popover { + box-sizing: border-box; + position: absolute; + left: -9999px; + top: -9999px; + z-index: 1030; + max-width: 420px; + width: -webkit-max-content; + width: -moz-max-content; + width: max-content +} + +.ud__popover-no-entry { + pointer-events: none +} + +.ud__popover-hidden { + display: none +} + +.ud__popover__arrow,.ud__popover__arrow__content { + position: absolute; + box-sizing: border-box +} + +.ud__popover__arrow__content { + display: block; + content: ""; + border: 1px solid #dee0e3; + background: #fff; + transform: rotate(45deg); + transform-origin: center +} + +.ud__popover__arrow-top { + top: 0; + left: 0; + transform: translate(-50%,calc(1px - 100%)) +} + +.ud__popover__arrow-top>.ud__popover__arrow__content { + left: 14.64466094%; + top: 29.28932188% +} + +.ud__popover__arrow-bottom { + bottom: 0; + left: 0; + transform: translate(-50%,calc(-1px + 100%)) +} + +.ud__popover__arrow-bottom>.ud__popover__arrow__content { + left: 14.64466094%; + top: -70.71067812% +} + +.ud__popover__arrow-left { + top: 0; + left: 0; + transform: translate(calc(1px - 100%),-50%) +} + +.ud__popover__arrow-left>.ud__popover__arrow__content { + left: 29.28932188%; + top: 14.64466094% +} + +.ud__popover__arrow-right { + top: 0; + right: 0; + transform: translate(calc(-1px + 100%),-50%) +} + +.ud__popover__arrow-right>.ud__popover__arrow__content { + left: -70.71067812%; + top: 14.64466094% +} + +.ud__popover__arrow__streamline__content { + fill: #fff; + stroke: #dee0e3 +} + +.ud__popover__invalid-children-wrapper { + box-sizing: border-box; + display: inline-block +} + +.ud__popover-content { + min-width: 30px; + padding: 12px 16px; + font-size: 14px; + line-height: 22px; + color: #1f2329; + text-align: left; + text-decoration: none; + word-wrap: break-word; + background-color: #fff; + border-radius: 8px; + box-shadow: 0 8px 24px 8px rgba(31,35,41,.04),0 6px 12px rgba(31,35,41,.04),0 4px 8px -8px rgba(31,35,41,.06); + box-sizing: border-box; + border: 1px solid #dee0e3; + position: relative; + overflow: hidden +} + +.ud__popover--mode-loose .ud__popover-content { + padding: 20px 24px +} + +.ud__popover--mode-pure .ud__popover-content { + padding: 0 +} + +.ud__popover__overlay-title { + box-sizing: border-box; + font-weight: 500; + display: flex; + align-items: center +} + +.ud__popover__overlay-title+.ud__popover__overlay-content { + margin-top: 4px +} + +.ud__popover__overlay-content { + box-sizing: border-box; + overflow: hidden +} + +.ud__popover-icon-customer,.ud__popover-icon-error,.ud__popover-icon-info,.ud__popover-icon-success,.ud__popover-icon-warning { + box-sizing: border-box; + font-size: 16px; + padding-right: 8px +} + +.ud__popover-icon-success { + color: #34c724 +} + +.ud__popover-icon-warning { + color: #f80 +} + +.ud__popover-icon-info { + color: #3370ff +} + +.ud__popover-icon-error { + color: #f54a45 +} + +.ud__popover-icon-customer-wrapper { + box-sizing: border-box; + display: inline-block; + color: inherit; + font-style: normal; + line-height: 0; + text-align: center; + text-transform: none; + vertical-align: -.125em; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +.ud__popover-icon-customer-wrapper>* { + line-height: 1 +} + +.ud__popover-icon-customer-wrapper svg { + display: inline-block +} + +.ud__popover-icon-customer-wrapper:before { + display: none +} + +.ud__select { + position: relative; + display: inline-block; + vertical-align: top +} + +.ud__select,.ud__select__selector { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none +} + +.ud__select__selector { + cursor: text; + display: flex; + align-items: flex-start; + border-radius: 6px; + border: solid #d0d3d6; + background-color: #fff; + transition: border .2s cubic-bezier(.34,.69,.1,1),background .2s cubic-bezier(.34,.69,.1,1) +} + +.ud__select__selector-focus,.ud__select__selector:hover { + border-color: #3370ff +} + +.ud__select__selector-focus .ud__select__selector__search { + pointer-events: auto +} + +.ud__select__selector__arrow { + color: #646a73; + display: flex; + align-items: center; + position: sticky; + top: 0; + opacity: 1 +} + +.ud__select__selector__arrow .universe-icon { + transition: all .2s cubic-bezier(.34,.69,.1,1) +} + +.ud__select__selector-loading .universe-icon,.ud__select__selector__arrow .universe-icon { + transform: none +} + +.ud__select__selector-open>.ud__select__selector__arrow .universe-icon { + transform: rotate(180deg) +} + +.ud__select__selector-readOnly { + cursor: pointer +} + +.ud__select__selector-disabled { + cursor: not-allowed; + background-color: #eff0f1; + color: #8f959e +} + +.ud__select__selector-disabled .ud__select__selector__search__input { + font-size: inherit +} + +.ud__select__selector-disabled:hover { + border-color: #d0d3d6 +} + +.ud__select__selector-disabled .ud__select__selector__arrow { + color: #bbbfc4 +} + +.ud__select__selector-error,.ud__select__selector-error:hover { + border-color: #f54a45 +} + +.ud__select__selector__content { + flex: 1; + height: 100%; + position: relative; + overflow: hidden +} + +.ud__select__selector__search { + position: absolute; + top: 0; + left: 0; + width: 100%; + pointer-events: none +} + +.ud__select__selector__search__input { + cursor: inherit; + width: 100%; + margin: 0; + padding: 0; + background: transparent; + border: none; + outline: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + color: #1f2329; + font-size: inherit; + caret-color: transparent +} + +.ud__select__selector__search__input-inputting { + caret-color: auto +} + +.ud__select__selector__search__input::-webkit-search-cancel-button { + display: none; + -webkit-appearance: none +} + +.ud__select__selector__selectItem { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.ud__select__selector__selectItem-inputting { + color: #1f2329; + opacity: .5 +} + +.ud__select__selector__placeholder { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: block; + width: 100%; + color: #8f959e +} + +.ud__select__selector-multiple .ud__select__selector__search { + position: absolute; + pointer-events: auto +} + +.ud__select__selector-multiple.ud__select__selector-not-empty { + overflow: hidden auto +} + +.ud__select__selector-multiple.ud__select__selector-not-empty .ud__select__selector__search { + position: static; + flex: 1; + max-width: 100%; + display: flex; + align-items: center; + overflow: hidden +} + +.ud__select__selector__search .ud__overflow__item { + min-width: 0 +} + +.ud__select__selector__search__suffix { + max-width: 100% +} + +.ud__select__selector__search__input_container { + display: inline-block; + max-width: 100%; + position: relative +} + +.ud__select__selector__search__measure { + position: absolute; + top: 0; + left: 0; + z-index: 999; + white-space: pre; + visibility: hidden +} + +.ud__select__selector__tag { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: flex +} + +.ud__select__selector__overlay { + z-index: 1060; + max-width: 320px +} + +.ud__select__selector__overlay-scrollArea { + padding: 12px 16px; + max-height: 480px +} + +.ud__select__selector-lg { + height: 40px; + padding: 1px 11px; + border-width: 1px; + font-size: 16px +} + +.ud__select__selector-lg .ud__select__selector__placeholder,.ud__select__selector-lg .ud__select__selector__selectItem { + line-height: 36px; + height: 36px +} + +.ud__select__selector-lg>.ud__select__selector__arrow,.ud__select__selector-lg>.ud__select__selector__clear { + font-size: 16px; + height: 36px; + margin-left: 8px +} + +.ud__select__selector-lg .ud__select__selector__search__input { + height: 36px +} + +.ud__select__selector-lg.ud__select__selector-multiple { + height: auto; + min-height: 40px +} + +.ud__select__selector-lg.ud__select__selector-multiple.ud__select__selector-not-empty { + padding-left: 3px +} + +.ud__select__selector-lg .ud__select__selector__tag { + margin: 2px 4px 2px 0 +} + +.ud__select__selector-md { + height: 32px; + padding: 1px 11px; + border-width: 1px; + font-size: 14px +} + +.ud__select__selector-md .ud__select__selector__placeholder,.ud__select__selector-md .ud__select__selector__selectItem { + line-height: 28px; + height: 28px +} + +.ud__select__selector-md>.ud__select__selector__arrow,.ud__select__selector-md>.ud__select__selector__clear { + font-size: 12px; + height: 28px; + margin-left: 8px +} + +.ud__select__selector-md .ud__select__selector__search__input { + height: 28px +} + +.ud__select__selector-md.ud__select__selector-multiple { + height: auto; + min-height: 32px +} + +.ud__select__selector-md.ud__select__selector-multiple.ud__select__selector-not-empty { + padding-left: 3px +} + +.ud__select__selector-md .ud__select__selector__tag { + margin: 2px 4px 2px 0 +} + +.ud__select__selector-sm { + height: 28px; + padding: 1px 7px; + border-width: 1px; + font-size: 12px +} + +.ud__select__selector-sm .ud__select__selector__placeholder,.ud__select__selector-sm .ud__select__selector__selectItem { + line-height: 24px; + height: 24px +} + +.ud__select__selector-sm>.ud__select__selector__arrow,.ud__select__selector-sm>.ud__select__selector__clear { + font-size: 10px; + height: 24px; + margin-left: 8px +} + +.ud__select__selector-sm .ud__select__selector__search__input { + height: 24px +} + +.ud__select__selector-sm.ud__select__selector-multiple { + height: auto; + min-height: 28px +} + +.ud__select__selector-sm.ud__select__selector-multiple.ud__select__selector-not-empty { + padding-left: 3px +} + +.ud__select__selector-sm .ud__select__selector__tag { + margin: 2px 4px 2px 0 +} + +.ud__select__selector-border-noborder { + border-color: transparent; + background-color: transparent +} + +.ud__select__selector-border-noborder:hover { + background-color: rgba(31,35,41,.08); + border-color: transparent +} + +.ud__select__selector-border-noborder:active { + background-color: rgba(31,35,41,.12); + border-color: transparent +} + +.ud__select__selector-border-noborder.ud__select__selector-disabled { + background-color: transparent +} + +.ud__select__selector-border-underlined { + padding-left: 0; + padding-right: 0; + border-radius: 0; + border-top: none; + border-left: none; + border-right: none; + background-color: transparent +} + +.ud__select__selector-border-underlined.ud__select__selector-multiple.ud__select__selector-not-empty { + padding: 0 +} + +.ud__select__selector__clear { + color: #646a73; + display: flex; + align-items: center; + position: sticky; + top: 0; + cursor: pointer; + transition: color .2s cubic-bezier(.34,.69,.1,1); + opacity: 0 +} + +.ud__select__selector__clear:hover { + color: #3370ff +} + +.ud__select__selector__clear:active { + color: #245bdb +} + +.ud__select__list { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + overflow: hidden; + box-shadow: 0 8px 24px 8px rgba(31,35,41,.04),0 6px 12px rgba(31,35,41,.04),0 4px 8px -8px rgba(31,35,41,.06); + border: 1px solid #dee0e3; + border-radius: 6px; + background: #fff +} + +.ud__select__list__menu { + padding: 2px 0 +} + +.ud__select__list__loading-container { + box-sizing: border-box; + height: 48px; + font-size: 16px; + color: #3370ff; + display: flex; + justify-content: center; + align-items: center +} + +.ud__select__list__empty { + padding: 13px 11px; + color: #8f959e +} + +.ud__select__list__item { + cursor: pointer; + background: #fff; + transition: all .12s cubic-bezier(.34,.69,.1,1); + display: flex; + box-sizing: border-box; + margin: 1px 3px; + padding: 4px 8px; + border-radius: 4px +} + +.ud__select__list__item-active { + background: rgba(31,35,41,.08) +} + +.ud__select__list__item-selected { + color: #3370ff +} + +.ud__select__list__item-disabled { + cursor: not-allowed; + color: #bbbfc4; + background: #fff +} + +.ud__select__list__item-disabled-active { + background: #fff +} + +.ud__select__list__item__content { + word-break: keep-all; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + flex: 1 +} + +.ud__select__list__item__content-highlight { + color: #3370ff +} + +.ud__select__list__item__check { + line-height: 1; + font-size: 12px; + margin-left: 8px; + width: 1em; + display: flex; + align-items: center +} + +.ud__select__list__group { + position: relative; + padding-top: 6px +} + +.ud__select__list__group__title { + padding: 4px 11px; + color: #8f959e; + font-weight: 500 +} + +.ud__os-mac .ud__select__list__group__title,.ud__select__list__group__title.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__select__list__group__title,.ud__select__list__group__title.ud__os-win { + font-weight: 600 +} + +.ud__select__list__group:before { + display: block; + position: absolute; + content: ""; + height: 1px; + top: 3px; + left: 11px; + right: 11px; + background-color: rgba(31,35,41,.15) +} + +.ud__select__list__group.ud__select__list__group-first { + padding-top: 0 +} + +.ud__select__list__group.ud__select__list__group-first:before { + display: none +} + +.ud__select__dropdown { + z-index: 1050; + color: #1f2329; + position: absolute; + pointer-events: auto!important +} + +.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-bottomLeft,.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-bottomLeft { + -webkit-animation-name: udSlideUpIn; + animation-name: udSlideUpIn +} + +.ud__select__dropdown.ud-slide-up-appear.ud-slide-up-appear-active.ud__select__dropdown-placement-topLeft,.ud__select__dropdown.ud-slide-up-enter.ud-slide-up-enter-active.ud__select__dropdown-placement-topLeft { + -webkit-animation-name: udSlideDownIn; + animation-name: udSlideDownIn +} + +.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-bottomLeft { + -webkit-animation-name: udSlideUpOut; + animation-name: udSlideUpOut +} + +.ud__select__dropdown.ud-slide-up-leave.ud-slide-up-leave-active.ud__select__dropdown-placement-topLeft { + -webkit-animation-name: udSlideDownOut; + animation-name: udSlideDownOut +} + +.ud__select__dropdown-hidden { + display: none +} + +.ud__select__dropdown-empty { + color: #bbbfc4 +} + +.ud__loading { + box-sizing: border-box; + display: inline-flex; + align-items: center; + flex-direction: column; + color: #3370ff +} + +.ud__loading__spin-rotate { + -webkit-animation: rotate 4s linear infinite; + animation: rotate 4s linear infinite +} + +.ud__loading__lottie { + box-sizing: border-box; + line-height: 0 +} + +.ud__loading__lottie svg * { + stroke: currentColor +} + +.ud__loading__spinner { + box-sizing: border-box; + display: flex; + color: #3370ff; + -webkit-animation: rotate 1s linear infinite; + animation: rotate 1s linear infinite +} + +.ud__loading__tip { + box-sizing: border-box; + font-size: 14px; + line-height: 22px; + color: #646a73 +} + +.ud__loading-size-sm .ud__loading__spinner { + font-size: 14px +} + +.ud__loading-size-sm .ud__loading__lottie { + width: 14px; + font-size: 14px +} + +.ud__loading-size-md .ud__loading__spinner { + font-size: 24px +} + +.ud__loading-size-md .ud__loading__lottie { + width: 24px; + font-size: 24px +} + +.ud__loading-size-lg .ud__loading__spinner { + font-size: 40px +} + +.ud__loading-size-lg .ud__loading__lottie { + width: 40px; + font-size: 40px +} + +.ud__loading-direction-vertical.ud__loading-size-md .ud__loading__tip { + margin-top: 4px +} + +.ud__loading-direction-vertical.ud__loading-size-lg .ud__loading__tip { + margin-top: 12px +} + +.ud__loading-direction-horizontal { + flex-direction: row +} + +.ud__loading-direction-horizontal .ud__loading__tip { + margin-top: 0; + margin-left: 8px +} + +.ud__loading-nested-loading { + box-sizing: border-box; + position: relative +} + +.ud__loading-nested-loading>.ud__loading { + position: absolute; + top: 50%; + left: 50%; + z-index: 4; + transform: translate(-50%,-50%) +} + +.ud__loading__container { + box-sizing: border-box; + position: relative; + transition: opacity .3s +} + +.ud__loading__container-blur { + opacity: .2; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + pointer-events: none +} + +@-webkit-keyframes rotate { + to { + transform: rotate(1turn) + } +} + +@keyframes rotate { + to { + transform: rotate(1turn) + } +} + +.ud__overflow { + display: flex; + flex-wrap: wrap; + position: relative +} + +.ud__overflow,.ud__overflow__item,.ud__overflow__rest,.ud__overflow__suffix,.ud__space { + box-sizing: border-box +} + +.ud__space { + display: flex +} + +.ud__space-inline { + display: inline-flex +} + +.ud__space-horizontal { + flex-direction: row +} + +.ud__space-vertical { + flex-direction: column +} + +.ud__space__item { + box-sizing: border-box +} + +.ud__space__item-confined { + min-height: 0; + min-width: 0 +} + +.ud__space-align-center { + align-items: center +} + +.ud__space-align-start { + align-items: flex-start +} + +.ud__space-align-end { + align-items: flex-end +} + +.ud__space-align-baseline { + align-items: baseline +} + +.ud__space-align-stretch { + align-items: stretch +} + +.ud__list__box { + display: flex; + flex-direction: column; + box-sizing: border-box; + padding: 2px 0; + background: #fff; + border: 1px solid #dee0e3; + border-radius: 8px; + box-shadow: 0 8px 24px 8px rgba(31,35,41,.04),0 6px 12px rgba(31,35,41,.04),0 4px 8px -8px rgba(31,35,41,.06) +} + +.ud__list__box-cascaded { + flex-direction: row; + padding: 0; + width: auto; + overflow: hidden +} + +.ud__list__box-cascaded>.ud__list__box { + box-shadow: none; + border: none; + border-radius: 0; + width: auto +} + +.ud__list__box-cascaded>.ud__list__box:not(:first-child) { + border-left: 1px solid var(--line-divider-default) +} + +.ud__list__box .rc-virtual-list-holder:last-child { + overflow-y: auto!important; + overflow-y: overlay!important +} + +.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-thumb { + border-radius: 9999px; + -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1); + transition: background .2s cubic-bezier(.34,.69,.1,1); + background-color: rgba(31,35,41,.3); + border: 2px solid transparent; + background-clip: padding-box +} + +.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar { + width: 11px; + height: 11px; + background-color: transparent +} + +.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6)!important +} + +.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar:hover { + width: 11px; + height: 11px +} + +.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-button { + display: none +} + +.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-corner,.ud__list__box .rc-virtual-list-holder:last-child::-webkit-scrollbar-track { + background-color: transparent +} + +.ud__list__scrollView { + display: flex; + flex-direction: column; + overflow-y: hidden; + height: 240px; + padding: 0; + margin: 0 +} + +.ud__list__scrollView::-webkit-scrollbar-thumb { + border-radius: 9999px; + -webkit-transition: background .2s cubic-bezier(.34,.69,.1,1); + transition: background .2s cubic-bezier(.34,.69,.1,1); + background-color: rgba(31,35,41,.3); + border: 2px solid transparent; + background-clip: padding-box +} + +.ud__list__scrollView::-webkit-scrollbar { + width: 11px; + height: 11px; + background-color: transparent +} + +.ud__list__scrollView::-webkit-scrollbar-thumb:hover { + background-color: rgba(31,35,41,.6)!important +} + +.ud__list__scrollView::-webkit-scrollbar:hover { + width: 11px; + height: 11px +} + +.ud__list__scrollView::-webkit-scrollbar-button { + display: none +} + +.ud__list__scrollView::-webkit-scrollbar-corner,.ud__list__scrollView::-webkit-scrollbar-track { + background-color: transparent +} + +.ud__list__scrollView:hover { + overflow-y: auto; + overflow-y: overlay +} + +.ud__list__itemLike { + display: flex; + box-sizing: border-box; + margin: 1px 3px; + padding: 4px 8px; + border-radius: 4px; + font-size: 14px; + line-height: 22px; + font-weight: 400 +} + +.ud__list__itemLike.ud__os-mac,.ud__os-mac .ud__list__itemLike { + font-weight: 400 +} + +.ud__list__itemLike.ud__os-win,.ud__os-win .ud__list__itemLike { + font-weight: 500 +} + +.ud__list__item { + display: flex; + align-items: center; + cursor: pointer; + color: #1f2329; + transition: color .2s cubic-bezier(.34,.69,.1,1),background .2s cubic-bezier(.34,.69,.1,1) +} + +.ud__list__item-active,.ud__list__item:hover { + background-color: rgba(31,35,41,.08) +} + +.ud__list__item__content { + flex: auto; + min-width: 0 +} + +.ud__list__item__title,.ud__list__item__title__before { + display: flex; + align-items: center +} + +.ud__list__item__title__before { + font-size: 16px; + color: #2b2f36; + align-self: flex-start +} + +.ud__list__item__title__before>.universe-icon { + margin-top: 3px; + margin-bottom: 3px +} + +.ud__list__item-selected .ud__list__item__title,.ud__list__item-selected .ud__list__item__title__before { + color: #3370ff +} + +.ud__list__item__description { + font-size: 12px; + line-height: 20px; + font-weight: 400; + color: #8f959e +} + +.ud__list__item__description.ud__os-mac,.ud__os-mac .ud__list__item__description { + font-weight: 400 +} + +.ud__list__item__description.ud__os-win,.ud__os-win .ud__list__item__description { + font-weight: 500 +} + +.ud__list__item__checkmark { + font-size: 12px; + visibility: hidden; + margin-left: 4px +} + +.ud__list__item-selected .ud__list__item__checkmark { + visibility: visible; + color: #3370ff +} + +.ud__list__item-disabled { + opacity: 1% +} + +.ud__list__item-disabled .ud__list__item__description,.ud__list__item-disabled .ud__list__item__title { + pointer-events: none +} + +.ud__list__item-disabled,.ud__list__item-disabled .ud__list__item__description,.ud__list__item-disabled .ud__list__item__title,.ud__list__item-disabled:hover { + cursor: not-allowed; + color: #1f2329; + background-color: unset +} + +.ud__list__item-disabled .ud__list__item__checkmark,.ud__list__item-disabled .ud__list__item__title__before { + color: #2b2f36 +} + +.ud__list__divider { + margin-left: 11px; + margin-right: 11px; + height: 1px; + box-shadow: inset 0 1px 0 rgba(31,35,41,.15); + border: none +} + +.ud__list__divider--fluid { + margin-left: 0; + margin-right: 0 +} + +.ud__list__divider--margin-both { + margin-top: 2px; + margin-bottom: 2px +} + +.ud__list__divider--margin-start { + margin-top: 2px; + margin-bottom: 0 +} + +.ud__list__divider--margin-end { + margin-top: 0; + margin-bottom: 2px +} + +.ud__list__caption { + font-size: 14px; + line-height: 22px; + font-weight: 500; + color: #8f959e +} + +.ud__list__caption.ud__os-mac,.ud__os-mac .ud__list__caption { + font-weight: 500 +} + +.ud__list__caption.ud__os-win,.ud__os-win .ud__list__caption { + font-weight: 600 +} + +.ud__list__empty { + color: #8f959e +} + +.ud__msg-manager { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + position: fixed; + z-index: 1010; + pointer-events: none +} + +.ud__msg-manager.ud__msg-manager--sticky { + position: absolute +} + +.ud__msg-manager .ud__msg-manager-item { + pointer-events: none +} + +.ud__msg-manager.ud__msg-manager--topLeft { + top: 16px; + left: 16px; + bottom: auto +} + +.ud__msg-manager.ud__msg-manager--topRight { + top: 16px; + right: 16px; + bottom: auto +} + +.ud__msg-manager.ud__msg-manager--bottomLeft { + bottom: 16px; + left: 16px; + top: auto +} + +.ud__msg-manager.ud__msg-manager--bottomRight { + bottom: 16px; + right: 16px; + top: auto +} + +.ud__msg-manager.ud__msg-manager--top { + width: 100%; + text-align: center; + padding: 0 16px 16px; + left: 0 +} + +.ud__msg-manager-item { + box-sizing: border-box; + margin: 8px; + transition: height .4s cubic-bezier(.645,.045,.355,1),margin-bottom .4s cubic-bezier(.645,.045,.355,1) +} + +.ud__msg-manager-item.notification-animation-enter .ud__notification { + opacity: 0 +} + +.ud__msg-manager-item.notification-animation-enter-active .ud__notification,.ud__msg-manager-item.notification-animation-enter-done .ud__notification,.ud__msg-manager-item.notification-animation-exit .ud__notification { + opacity: 1 +} + +.ud__msg-manager-item.notification-animation-exit-active { + margin-bottom: 0 +} + +.ud__msg-manager-item.notification-animation-exit-active .ud__notification { + opacity: 0 +} + +.ud__msg-manager--bottomLeft .ud__notification__notice-content,.ud__msg-manager--topLeft .ud__notification__notice-content { + float: left +} + +.ud__msg-manager--bottomLeft .notification-animation-enter .ud__notification,.ud__msg-manager--topLeft .notification-animation-enter .ud__notification { + transform: translateX(-100%) translateY(0) +} + +.ud__msg-manager--bottomLeft .notification-animation-enter-active .ud__notification,.ud__msg-manager--bottomLeft .notification-animation-enter-done .ud__notification,.ud__msg-manager--topLeft .notification-animation-enter-active .ud__notification,.ud__msg-manager--topLeft .notification-animation-enter-done .ud__notification { + transform: translateX(0) translateY(0) +} + +.ud__msg-manager--bottomRight .ud__notification__notice-content,.ud__msg-manager--topRight .ud__notification__notice-content { + float: right +} + +.ud__msg-manager--bottomRight .notification-animation-enter .ud__notification,.ud__msg-manager--topRight .notification-animation-enter .ud__notification { + transform: translateX(100%) translateY(0) +} + +.ud__msg-manager--bottomRight .notification-animation-enter-active .ud__notification,.ud__msg-manager--bottomRight .notification-animation-enter-done .ud__notification,.ud__msg-manager--topRight .notification-animation-enter-active .ud__notification,.ud__msg-manager--topRight .notification-animation-enter-done .ud__notification { + transform: translateX(0) translateY(0) +} + +.ud__notification { + box-sizing: border-box; + z-index: 1010; + pointer-events: auto; + transition: transform .4s cubic-bezier(.34,.69,.1,1),opacity .4s cubic-bezier(.34,.69,.1,1); + border-radius: 8px; + margin: 0 0 16px; + box-shadow: 0 10px 36px 10px rgba(31,35,41,.04),0 8px 24px rgba(31,35,41,.04),0 6px 12px -10px rgba(31,35,41,.06); + overflow: hidden; + *zoom:1} + +.ud__notification:after,.ud__notification:before { + box-sizing: border-box; + content: " "; + display: table +} + +.ud__notification:after { + clear: both +} + +.ud__notification .ud__notification__notice { + padding: 8px; + clear: both +} + +.ud__notification .ud__notification__notice-success .ud__notification__notice-border { + position: absolute; + width: 4px; + height: 100%; + background-color: #62d256; + top: 0; + left: 0 +} + +.ud__notification .ud__notification__notice-info .ud__notification__notice-border { + position: absolute; + width: 4px; + height: 100%; + background-color: #4e83fd; + top: 0; + left: 0 +} + +.ud__notification .ud__notification__notice-error .ud__notification__notice-border { + position: absolute; + width: 4px; + height: 100%; + background-color: #f76964; + top: 0; + left: 0 +} + +.ud__notification .ud__notification__notice-warning .ud__notification__notice-border { + position: absolute; + width: 4px; + height: 100%; + background-color: #ffa53d; + top: 0; + left: 0 +} + +.ud__notification .ud__notification__notice-close { + box-sizing: border-box; + color: #646a73; + position: absolute; + right: 24px; + top: 24px; + cursor: pointer; + outline: none +} + +.ud__notification .ud__notification__notice-title { + box-sizing: border-box; + font-size: 16px; + line-height: 24px; + font-weight: 500; + margin-bottom: 8px; + padding-right: 16px +} + +.ud__notification .ud__notification__notice-title.ud__os-mac,.ud__os-mac .ud__notification .ud__notification__notice-title { + font-weight: 500 +} + +.ud__notification .ud__notification__notice-title.ud__os-win,.ud__os-win .ud__notification .ud__notification__notice-title { + font-weight: 600 +} + +.ud__notification .ud__notification__notice-des { + box-sizing: border-box; + font-size: 14px; + line-height: 22px; + font-weight: 400 +} + +.ud__notification .ud__notification__notice-des.ud__os-mac,.ud__os-mac .ud__notification .ud__notification__notice-des { + font-weight: 400 +} + +.ud__notification .ud__notification__notice-des.ud__os-win,.ud__os-win .ud__notification .ud__notification__notice-des { + font-weight: 500 +} + +.ud__notification .ud__notification__notice-btn { + box-sizing: border-box; + margin-top: 8px; + padding-left: 4px; + text-align: right +} + +.ud__notification .ud__notification__notice-btn .ud__button { + margin-left: 12px +} + +.ud__notification .ud__notification__notice-with-icon { + box-sizing: border-box; + padding-left: 40px; + padding-right: 16px +} + +.ud__notification .ud__notification__notice-hide-icon { + box-sizing: border-box; + padding-left: 4px +} + +.ud__notification .ud__notification__notice-icon-default,.ud__notification .ud__notification__notice-icon-error,.ud__notification .ud__notification__notice-icon-info,.ud__notification .ud__notification__notice-icon-success,.ud__notification .ud__notification__notice-icon-warning { + position: absolute; + left: 28px; + top: 24px; + font-size: 24px; + line-height: 24px; + width: 24px; + text-align: center +} + +.ud__notification .ud__notification__notice-icon-error { + color: #f54a45 +} + +.ud__notification .ud__notification__notice-icon-warning { + color: #f80 +} + +.ud__notification .ud__notification__notice-icon-success { + color: #34c724 +} + +.ud__notification .ud__notification__notice-icon-info { + color: #3370ff +} + +.ud__notification .ud__notification__notice-content { + border: 1px solid #dee0e3; + border-left: none; + border-radius: 8px; + padding: 24px 24px 24px 28px; + background: #fff; + color: #1f2329; + display: inline-block; + width: 420px; + box-sizing: border-box; + position: relative +} + +.ud__notification .ud__notification__notice-operation { + text-align: right; + margin-top: 8px +} + +.ud__notice.ud__notice-success .ud__notice__statusIcon { + color: #34c724 +} + +.ud__notice.ud__notice-info .ud__notice__statusIcon { + color: #3370ff +} + +.ud__notice.ud__notice-warning .ud__notice__statusIcon { + color: #f80 +} + +.ud__notice.ud__notice-error .ud__notice__statusIcon { + color: #f54a45 +} + +.ud__notice.ud__notice--outlined { + padding: 15px 3px 15px 19px; + border: 1px solid transparent; + font-weight: 500 +} + +.ud__notice.ud__notice--outlined.ud__os-mac,.ud__os-mac .ud__notice.ud__notice--outlined { + font-weight: 500 +} + +.ud__notice.ud__notice--outlined.ud__os-win,.ud__os-win .ud__notice.ud__notice--outlined { + font-weight: 600 +} + +.ud__notice.ud__notice--outlined.ud__notice-info { + background-color: #f0f4ff; + border-color: #3370ff +} + +.ud__notice.ud__notice--outlined.ud__notice-info .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #f0f4ff +} + +.ud__notice.ud__notice--outlined.ud__notice-success { + background-color: #f0fbef; + border-color: #34c724 +} + +.ud__notice.ud__notice--outlined.ud__notice-success .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #f0fbef +} + +.ud__notice.ud__notice--outlined.ud__notice-warning { + background-color: #fff5eb; + border-color: #f80 +} + +.ud__notice.ud__notice--outlined.ud__notice-warning .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #fff5eb +} + +.ud__notice.ud__notice--outlined.ud__notice-error { + background-color: #fef1f1; + border-color: #f54a45 +} + +.ud__notice.ud__notice--outlined.ud__notice-error .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #fef1f1 +} + +.ud__notice.ud__notice--plain { + padding: 15px 3px 15px 19px; + border: 1px solid transparent; + box-shadow: 0 4px 8px rgba(31,35,41,.1); + background-color: #fff; + font-weight: 500 +} + +.ud__notice.ud__notice--plain.ud__os-mac,.ud__os-mac .ud__notice.ud__notice--plain { + font-weight: 500 +} + +.ud__notice.ud__notice--plain.ud__os-win,.ud__os-win .ud__notice.ud__notice--plain { + font-weight: 600 +} + +.ud__notice.ud__notice--plain.ud__notice-error .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--plain.ud__notice-info .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--plain.ud__notice-success .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--plain.ud__notice-warning .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #fff +} + +.ud__notice.ud__notice--filled { + padding: 9px 0 9px 16px +} + +.ud__notice.ud__notice--filled.ud__notice-success { + background-color: #d9f5d6 +} + +.ud__notice.ud__notice--filled.ud__notice-info,.ud__notice.ud__notice--filled.ud__notice-info .ud__notice--ellipsis .ud__notice__description-content:after,.ud__notice.ud__notice--filled.ud__notice-success .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #e1eaff +} + +.ud__notice.ud__notice--filled.ud__notice-warning,.ud__notice.ud__notice--filled.ud__notice-warning .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #feead2 +} + +.ud__notice.ud__notice--filled.ud__notice-error,.ud__notice.ud__notice--filled.ud__notice-error .ud__notice--ellipsis .ud__notice__description-content:after { + background-color: #fde2e2 +} + +.ud__notice { + overflow: hidden +} + +.ud__notice .ud__notice__main { + margin-right: -16px +} + +.ud__notice { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + border-radius: 6px; + display: flex; + align-items: center; + text-align: left; + pointer-events: auto +} + +.ud__notice .ud__notice--multiline .ud__notice__description-action { + width: 100%; + margin-top: 4px +} + +.ud__notice .ud__notice--ellipsis .ud__notice__description-content { + overflow: hidden; + position: relative; + height: 100% +} + +.ud__notice .ud__notice--ellipsis .ud__notice__description-content:after { + content: "..."; + position: absolute; + bottom: 0; + right: 0; + padding: 0 5px; + background-color: #fff +} + +.ud__notice .ud__notice__statusIcon { + box-sizing: border-box; + line-height: 0; + font-size: 16px; + display: inline-block; + margin-right: 8px; + margin-top: 3px; + align-self: baseline; + flex-shrink: 0 +} + +.ud__notice .ud__notice__main { + box-sizing: border-box; + flex-grow: 1; + display: flex; + flex-flow: column +} + +.ud__notice .ud__notice__main.ud__notice__main--no-title { + flex-flow: row; + align-items: flex-start +} + +.ud__notice .ud__notice__main.ud__notice__main--no-title .ud__button--content { + margin-top: 0 +} + +.ud__notice .ud__notice__title { + font-weight: 500; + box-sizing: border-box; + text-align: left; + white-space: normal; + display: flex; + justify-content: space-between; + margin-bottom: 4px; + align-items: center; + padding-right: 32px +} + +.ud__notice .ud__notice__title.ud__os-mac,.ud__os-mac .ud__notice .ud__notice__title { + font-weight: 500 +} + +.ud__notice .ud__notice__title.ud__os-win,.ud__os-win .ud__notice .ud__notice__title { + font-weight: 600 +} + +.ud__notice.ud__notice-banner { + margin-bottom: 0; + border: 0; + border-radius: 0 +} + +.ud__notice.ud__notice-align-center { + justify-content: center; + position: relative; + padding-left: 32px; + padding-right: 32px +} + +.ud__notice.ud__notice-align-center .ud__notice__main { + flex-grow: 0 +} + +.ud__notice.ud__notice-align-center .ud__notice__description-content { + margin-right: 0 +} + +.ud__notice.ud__notice-align-center .ud__notice__close { + position: absolute; + right: 16px +} + +.ud__notice .ud__notice__close { + flex: none; + color: #646a73; + margin: 0 32px 0 -20px +} + +.ud__notice .ud__notice__close.ud__button--icon { + margin: -1px 28px -1px -20px +} + +.ud__notice .ud__notice__description { + box-sizing: border-box; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; + flex-grow: 1 +} + +.ud__notice .ud__notice__description .ud__notice__description-content { + box-sizing: border-box; + flex-grow: 1; + word-break: break-word; + display: -webkit-box; + -webkit-box-orient: vertical; + overflow: hidden; + padding-right: 32px +} + +.ud__notice .ud__notice__description .ud__notice__description-action { + padding-right: 32px +} + +.ud__notice.ud__notice-align-center .ud__notice__close,.ud__notice.ud__notice-has-title .ud__notice__close { + margin: 0 0 0 16px +} + +.ud__notice.ud__notice-align-center .ud__notice__close.ud__button--icon,.ud__notice.ud__notice-has-title .ud__notice__close.ud__button--icon { + margin: -1px -4px -1px 12px +} + +.ud__notice.ud__notice-align-center .ud__notice__description-action,.ud__notice.ud__notice-align-center .ud__notice__description-content { + padding-right: 16px +} + +.ud__notice .ud__notice-align-center.ud__notice-closable .ud__notice__description-action,.ud__notice .ud__notice-align-center.ud__notice-has-action .ud__notice__description-content { + padding-right: 32px +} + +.ud__toast.ud__notice { + max-width: 600px; + display: inline-flex; + transition: opacity .3s cubic-bezier(.34,.69,.1,1),transform .3s cubic-bezier(.34,.69,.1,1); + margin-bottom: 16px; + box-shadow: 0 8px 24px 8px rgba(31,35,41,.04),0 6px 12px rgba(31,35,41,.04),0 4px 8px -8px rgba(31,35,41,.06) +} + +.toast--animation-enter .ud__toast,.ud__toast.ud__notice { + opacity: 0; + transform: translateY(-100%) +} + +.toast--animation-enter-active .ud__toast,.toast--animation-enter-done .ud__toast,.toast--animation-exit .ud__toast { + opacity: 1; + transform: translateY(0) +} + +.toast--animation-exit-active { + margin-bottom: 0 +} + +.toast--animation-exit-active .ud__toast { + transform: translateY(0); + opacity: 0 +} + +.ud__radio { + box-sizing: border-box; + position: relative +} + +.ud__radio:after { + display: inline-block; + width: 0; + visibility: hidden; + content: "\a0"; + width: 16px +} + +.ud__radio__wrapper { + box-sizing: border-box; + margin: 0 8px 0 0; + padding: 0; + position: relative; + display: inline-flex; + align-items: baseline; + cursor: pointer; + font-size: 14px; + line-height: 22px; + font-weight: 400 +} + +.ud__os-mac .ud__radio__wrapper,.ud__radio__wrapper.ud__os-mac { + font-weight: 400 +} + +.ud__os-win .ud__radio__wrapper,.ud__radio__wrapper.ud__os-win { + font-weight: 500 +} + +.ud__radio__wrapper--disable { + cursor: not-allowed +} + +.ud__radio__input { + position: absolute; + z-index: 1; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 100%; + height: 16px; + font-size: inherit; + line-height: inherit; + opacity: 0; + padding: 0; + margin: 0; + cursor: pointer +} + +.ud__radio__input:disabled { + cursor: not-allowed +} + +.ud__radio__wallpaper { + display: block; + position: absolute; + box-sizing: border-box; + top: 50%; + transform: translateY(-50%); + left: 0; + width: 100%; + height: 16px; + background-color: #fff; + border: 1px solid #8f959e; + border-radius: 999999px; + transition: background .2s cubic-bezier(.34,.69,.1,1),border .2s cubic-bezier(.34,.69,.1,1) +} + +.ud__radio__input:hover~.ud__radio__wallpaper { + border-color: #3370ff +} + +.ud__radio__input:active~.ud__radio__wallpaper { + border-color: #245bdb +} + +.ud__radio__input:focus-visible~.ud__radio__wallpaper { + border-color: #3370ff +} + +.ud__radio__input:checked~.ud__radio__wallpaper { + border: none; + background: #3370ff +} + +.ud__radio__input:checked:hover~.ud__radio__wallpaper { + background: #4e83fd +} + +.ud__radio__input:checked:active~.ud__radio__wallpaper { + background: #245bdb +} + +.ud__radio__input:checked:focus-visible~.ud__radio__wallpaper { + background: #4e83fd +} + +.ud__radio--error .ud__radio__input:active~.ud__radio__wallpaper,.ud__radio--error .ud__radio__input:focus-visible~.ud__radio__wallpaper,.ud__radio--error .ud__radio__input:hover~.ud__radio__wallpaper,.ud__radio--error .ud__radio__wallpaper { + border-color: #f54a45 +} + +.ud__radio--error .ud__radio__input:disabled~.ud__radio__wallpaper,.ud__radio__input:disabled~.ud__radio__wallpaper { + border-color: #bbbfc4; + background-color: #eff0f1 +} + +.ud__radio__input:checked:disabled~.ud__radio__wallpaper { + background: #bbbfc4 +} + +.ud__radio__checked-ink { + box-sizing: border-box; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + width: 6px; + height: 6px; + border-radius: 999999px; + background: #fff +} + +.ud__radio__input:disabled~.ud__radio__checked-ink { + background-color: #eff0f1 +} + +.ud__radio__label-content { + box-sizing: border-box; + color: #1f2329; + z-index: 1; + margin-left: 8px; + margin-right: 8px; + overflow-wrap: break-word +} + +.ud__radio__label-content-disabled { + color: #bbbfc4 +} + +.ud__radio-button__wrapper { + box-sizing: border-box; + margin-right: 4px; + padding: 0; + position: relative; + vertical-align: middle; + display: inline-block; + align-items: center; + cursor: pointer +} + +.ud__radio-button__input,.ud__radio-button__wallpaper { + box-sizing: border-box; + display: none +} + +.ud__radio-button__label-content { + box-sizing: border-box; + font-size: 14px; + line-height: 22px; + position: relative +} + +.ud__radio-button__click-layer { + top: 0; + left: 0; + bottom: 0; + right: 0; + position: absolute; + cursor: pointer +} + +.ud__radio-group { + display: inline-block; + box-sizing: border-box; + font-size: 0; + line-height: unset; + vertical-align: top +} + +.ud__radio-group-button { + padding: 3px; + border-radius: 6px; + border: 1px solid #dee0e3 +} + +.ud__radio-group .ud__radio__wrapper { + margin: 0 16px 0 0 +} + +.ud__radio-group .ud__radio__wrapper:last-child { + margin-right: 0 +} + +.ud__radio-group--direction-vertical .ud__radio__wrapper { + display: flex +} + +.ud__radio-group--direction-vertical .ud__radio__wrapper:not(:last-child) { + margin-bottom: 8px +} + +.ud__radio-group--mode-solid .ud__radio-button__wrapper { + color: #1f2329; + background: transparent; + border-radius: 4px +} + +.ud__radio-group--mode-solid .ud__radio-button__wrapper:hover { + color: #1f2329; + background: rgba(31,35,41,.08); + border-color: transparent +} + +.ud__radio-group--mode-solid .ud__radio-button__wrapper:active { + color: #1f2329; + background: rgba(31,35,41,.12); + border-color: transparent +} + +.ud__radio-group--mode-solid .ud__radio-button__wrapper--disable,.ud__radio-group--mode-solid .ud__radio-button__wrapper--disable:active,.ud__radio-group--mode-solid .ud__radio-button__wrapper--disable:hover { + color: #bbbfc4; + background: unset; + border-color: #bbbfc4; + cursor: not-allowed +} + +.ud__radio-group--mode-solid .ud__radio-button__wrapper--checked { + font-weight: 500; + color: #3370ff; + background: rgba(51,112,255,.08); + border-color: transparent +} + +.ud__os-mac .ud__radio-group--mode-solid .ud__radio-button__wrapper--checked,.ud__radio-group--mode-solid .ud__radio-button__wrapper--checked.ud__os-mac { + font-weight: 500 +} + +.ud__os-win .ud__radio-group--mode-solid .ud__radio-button__wrapper--checked,.ud__radio-group--mode-solid .ud__radio-button__wrapper--checked.ud__os-win { + font-weight: 600 +} + +.ud__radio-group--mode-solid .ud__radio-button__wrapper--checked:hover { + color: #3370ff; + background: rgba(51,112,255,.2); + border-color: transparent +} + +.ud__radio-group--mode-solid .ud__radio-button__wrapper--checked.ud__radio-button__wrapper--disable { + color: #8f959e; + background: #dee0e3; + border-color: #bbbfc4 +} + +.ud__radio-group--size-sm .ud__radio-button__wrapper { + padding: 2px 8px +} + +.ud__radio-group--size-sm .ud__radio-button__label-content { + font-size: 12px; + line-height: 20px; + font-weight: 400 +} + +.ud__os-mac .ud__radio-group--size-sm .ud__radio-button__label-content,.ud__radio-group--size-sm .ud__radio-button__label-content.ud__os-mac { + font-weight: 400 +} + +.ud__os-win .ud__radio-group--size-sm .ud__radio-button__label-content,.ud__radio-group--size-sm .ud__radio-button__label-content.ud__os-win { + font-weight: 500 +} + +.ud__radio-group--size-md .ud__radio-button__wrapper { + padding: 1px 8px +} + +.ud__radio-group--size-md .ud__radio-button__label-content { + font-size: 14px; + line-height: 22px +} + +.ud__radio-group--size-lg .ud__radio-button__wrapper { + padding: 5px 12px +} + +.ud__radio-group--size-lg .ud__radio-button__label-content { + font-size: 14px; + line-height: 22px; + font-weight: 400 +} + +.ud__os-mac .ud__radio-group--size-lg .ud__radio-button__label-content,.ud__radio-group--size-lg .ud__radio-button__label-content.ud__os-mac { + font-weight: 400 +} + +.ud__os-win .ud__radio-group--size-lg .ud__radio-button__label-content,.ud__radio-group--size-lg .ud__radio-button__label-content.ud__os-win { + font-weight: 500 +} + +.ud__radio-button__wrapper:last-child { + margin-right: 0 +} + +.ud__illustration { + box-sizing: border-box; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + text-align: center; + position: relative; + margin: 0 auto; + max-width: 250px; + display: flex; + flex-direction: column; + align-items: center +} + +.ud__illustration-image { + box-sizing: border-box; + line-height: 0 +} + +.ud__illustration-image img { + display: block; + margin: 0 auto; + height: 100% +} + +.ud__illustration-image+.ud__illustration-description,.ud__illustration-image+.ud__illustration-title { + margin-top: 16px +} + +.ud__illustration-title { + box-sizing: border-box; + margin-bottom: 4px; + color: #1f2329; + font-size: 16px; + line-height: 24px; + font-weight: 500 +} + +.ud__illustration-title.ud__os-mac,.ud__os-mac .ud__illustration-title { + font-weight: 500 +} + +.ud__illustration-title.ud__os-win,.ud__os-win .ud__illustration-title { + font-weight: 600 +} + +.ud__illustration-description { + box-sizing: border-box; + color: #646a73; + font-size: 14px; + line-height: 22px; + font-weight: 400 +} + +.ud__illustration-description.ud__os-mac,.ud__os-mac .ud__illustration-description { + font-weight: 400 +} + +.ud__illustration-description.ud__os-win,.ud__os-win .ud__illustration-description { + font-weight: 500 +} + +.ud__illustration-footer { + box-sizing: border-box; + margin-top: 16px; + display: flex; + flex-direction: row-reverse; + flex-wrap: wrap; + justify-content: center; + overflow: hidden; + margin-bottom: -8px; + margin-left: -8px +} + +.ud__illustration-footer .ud__button { + margin-left: 8px; + margin-bottom: 8px +} + +.ud__skeleton .ud__skeleton__item { + width: 100%; + height: 100%; + overflow: hidden +} + +.ud__skeleton .ud__skeleton__item-content { + width: 100%; + height: 14px; + margin-bottom: 16px; + border-radius: 6px +} + +.ud__skeleton .ud__skeleton__item-avatar { + width: 32px; + height: 32px; + border-radius: 50% +} + +.ud__skeleton .ud__skeleton__item__animation-layer { + width: 100%; + height: 100%; + background: rgba(31,35,41,.05) +} + +.ud__skeleton-animation .ud__skeleton__item__animation-layer { + width: 300%; + -webkit-animation: ud-skeleton-animation 2s linear infinite; + animation: ud-skeleton-animation 2s linear infinite; + background: linear-gradient(90deg,rgba(31,35,41,.05),rgba(31,35,41,.05) 33.33%,rgba(31,35,41,.08) 50%,rgba(31,35,41,.05) 66.67%,rgba(31,35,41,.05)) +} + +@-webkit-keyframes ud-skeleton-animation { + 0% { + transform: translateX(-66.67%) + } + + to { + transform: translateX(0) + } +} + +@keyframes ud-skeleton-animation { + 0% { + transform: translateX(-66.67%) + } + + to { + transform: translateX(0) + } +} + +.ud__avatar { + box-sizing: border-box; + margin: 0; + padding: 0; + color: #1f2329; + font-size: 14px; + font-variant: tabular-nums; + line-height: 1.5715; + list-style: none; + position: relative; + display: inline-block; + overflow: hidden; + line-height: 1; + vertical-align: middle +} + +.ud__avatar-image:after,.ud__avatar:before { + box-sizing: border-box; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + content: ""; + background-color: hsla(0,0%,100%,0) +} + +.ud__avatar-image:before { + box-sizing: border-box; + content: unset +} + +.ud__avatar-circle { + border-radius: 999999px +} + +.ud__avatar-squircle { + border-radius: 0 +} + +.ud__avatar-squircle-border { + position: absolute; + left: 0; + top: 0; + pointer-events: none +} + +.ud__avatar-squircle-border path { + stroke: rgba(31,35,41,.1); + fill: transparent +} + +.ud__avatar-square { + border-radius: 12.5% +} + +.ud__avatar-square.ud__avatar-image:after,.ud__avatar-square:before { + border-radius: 12.5%; + box-shadow: inset 0 0 0 1px rgba(31,35,41,.1) +} + +.ud__avatar-square.ud__avatar-neutral.ud__avatar-image:after,.ud__avatar-square.ud__avatar-neutral:before { + box-shadow: none +} + +.ud__avatar__image { + box-sizing: border-box; + color: #fff; + position: relative; + width: 100%; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + -o-object-position: center top; + object-position: center top +} + +.ud__avatar__text { + line-height: 22px; + position: absolute; + top: 50%; + left: 50%; + transform-origin: center center; + white-space: pre; + text-align: center; + vertical-align: middle +} + +.ud__avatar__icon,.ud__avatar__text { + box-sizing: border-box +} + +.ud__avatar__icon>:first-child { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); + width: 50%; + height: 50% +} + +.ud__avatar__icon .universe-icon>svg { + width: 100%; + height: 100%; + display: block +} + +.ud__avatar__anonymous { + box-sizing: border-box; + position: absolute; + left: 50%; + transform: translate(-50%); + bottom: 0 +} + +.ud__avatar-filled { + color: #fff +} + +.ud__avatar-outlined { + border: 1px solid; + background-color: #fff +} + +.ud__avatar-neutral.ud__avatar-filled { + background-color: #dee0e3 +} + +.ud__avatar-neutral.ud__avatar-outlined { + border-color: 1px #dee0e3; + color: #dee0e3 +} + +.ud__avatar-blue.ud__avatar-filled { + background-color: #3370ff +} + +.ud__avatar-blue.ud__avatar-outlined { + border-color: 1px #3370ff; + color: #3370ff +} + +.ud__avatar-wathet.ud__avatar-filled { + background-color: #049fd7 +} + +.ud__avatar-wathet.ud__avatar-outlined { + border-color: 1px #049fd7; + color: #049fd7 +} + +.ud__avatar-turquoise.ud__avatar-filled { + background-color: #04b49c +} + +.ud__avatar-turquoise.ud__avatar-outlined { + border-color: 1px #04b49c; + color: #04b49c +} + +.ud__avatar-green.ud__avatar-filled { + background-color: #2ea121 +} + +.ud__avatar-green.ud__avatar-outlined { + border-color: 1px #2ea121; + color: #2ea121 +} + +.ud__avatar-lime.ud__avatar-filled { + background-color: #8fac02 +} + +.ud__avatar-lime.ud__avatar-outlined { + border-color: 1px #8fac02; + color: #8fac02 +} + +.ud__avatar-yellow.ud__avatar-filled { + background-color: #dc9b04 +} + +.ud__avatar-yellow.ud__avatar-outlined { + border-color: 1px #dc9b04; + color: #dc9b04 +} + +.ud__avatar-orange.ud__avatar-filled { + background-color: #de7802 +} + +.ud__avatar-orange.ud__avatar-outlined { + border-color: 1px #de7802; + color: #de7802 +} + +.ud__avatar-red.ud__avatar-filled { + background-color: #f54a45 +} + +.ud__avatar-red.ud__avatar-outlined { + border-color: 1px #f54a45; + color: #f54a45 +} + +.ud__avatar-carmine.ud__avatar-filled { + background-color: #f01d94 +} + +.ud__avatar-carmine.ud__avatar-outlined { + border-color: 1px #f01d94; + color: #f01d94 +} + +.ud__avatar-violet.ud__avatar-filled { + background-color: #d136d1 +} + +.ud__avatar-violet.ud__avatar-outlined { + border-color: 1px #d136d1; + color: #d136d1 +} + +.ud__avatar-purple.ud__avatar-filled { + background-color: #7f3bf5 +} + +.ud__avatar-purple.ud__avatar-outlined { + border-color: 1px #7f3bf5; + color: #7f3bf5 +} + +.ud__avatar-indigo.ud__avatar-filled { + background-color: #4954e6 +} + +.ud__avatar-indigo.ud__avatar-outlined { + border-color: 1px #4954e6; + color: #4954e6 +} + +.ud__avatar-group .ud__avatar { + vertical-align: top +} + +.ud__avatar-group>.ud__avatar-max { + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + color: #646a73; + background-color: #eff0f1; + transition: background-color .2s cubic-bezier(.34,.69,.1,1); + font-weight: 500 +} + +.ud__avatar-group>.ud__avatar-max.ud__os-mac,.ud__os-mac .ud__avatar-group>.ud__avatar-max { + font-weight: 500 +} + +.ud__avatar-group>.ud__avatar-max.ud__os-win,.ud__os-win .ud__avatar-group>.ud__avatar-max { + font-weight: 600 +} + +.ud__avatar-group>.ud__avatar-max:active,.ud__avatar-group>.ud__avatar-max:hover { + background-color: #dee0e3 +} diff --git a/src/views/Franchise.vue b/src/views/Franchise.vue new file mode 100644 index 0000000..e1fb06c --- /dev/null +++ b/src/views/Franchise.vue @@ -0,0 +1,169 @@ + + + \ No newline at end of file diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index e8d96d7..89987c6 100755 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -1,18 +1,18 @@ diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue index 09732a8..cfdc04d 100644 --- a/src/views/elementGroups.vue +++ b/src/views/elementGroups.vue @@ -200,7 +200,7 @@
- + 手机号码
@@ -213,6 +213,13 @@ --------------------分割线0------------------------------
+ + @@ -297,6 +304,7 @@ export default { }, data() { return { + date1:'', switchValue: true, dialogVisible: false,//是否展示弹框 showCancelButton: true, // 控制是否显示取消按钮