@import url(2fa-widget/static/verify-widget-fonts.css);
.button-channel-component[data-v-7708ac70] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #d1d8dd;
  cursor: pointer;
}
.button-channel-component.channel-vk[data-v-7708ac70]:hover {
  box-shadow: inset 0 0 0 1px rgba(26, 133, 255, 0.8);
}
.button-channel-component.channel-vk:hover .icon-chevron[data-v-7708ac70] {
  color: #1a85ff;
}
.button-channel-component.channel-whatsapp[data-v-7708ac70]:hover {
  box-shadow: inset 0 0 0 1px rgba(77, 194, 71, 0.8);
}
.button-channel-component.channel-whatsapp:hover
  .icon-chevron[data-v-7708ac70] {
  color: #4dc247;
}
.button-channel-component.channel-voicecode[data-v-7708ac70]:hover {
  box-shadow: inset 0 0 0 1px rgba(245, 183, 64, 0.8);
}
.button-channel-component.channel-voicecode:hover
  .icon-chevron[data-v-7708ac70] {
  color: #f5b740;
}
.button-channel-component.channel-sms[data-v-7708ac70]:hover {
  box-shadow: inset 0 0 0 1px rgba(20, 192, 155, 0.8);
}
.button-channel-component.channel-sms:hover .icon-chevron[data-v-7708ac70] {
  color: #14c09b;
}
.button-channel-component.channel-viber[data-v-7708ac70]:hover {
  box-shadow: inset 0 0 0 1px rgba(127, 77, 160, 0.8);
}
.button-channel-component.channel-viber:hover .icon-chevron[data-v-7708ac70] {
  color: #7f4da0;
}
.button-channel-component.channel-telegram[data-v-7708ac70]:hover {
  box-shadow: inset 0 0 0 1px rgba(25, 157, 230, 0.8);
}
.button-channel-component.channel-telegram:hover
  .icon-chevron[data-v-7708ac70] {
  color: #199de6;
}
.button-channel-component + .button-channel-component[data-v-7708ac70] {
  margin-top: 4px;
}
.button-channel-component .channel-icon[data-v-7708ac70] {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
.button-channel-component .channel-icon svg[data-v-7708ac70] {
  width: 100%;
  height: 100%;
}
.button-channel-component .channel-name[data-v-7708ac70] {
  flex: 1;
  width: 100%;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-right: 8px;
}
.button-channel-component .channel-name span[data-v-7708ac70] {
  font-family:
    Euclid Circular A,
    serif;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.button-channel-component .icon-chevron[data-v-7708ac70] {
  width: 16px;
  height: 16px;
  color: #bac5cd;
}
.button-channel-component .icon-chevron svg[data-v-7708ac70] {
  width: 100%;
  height: 100%;
}
.channel-section-component[data-v-35355b27] {
  display: flex;
  width: 100%;
}
.channel-section-component .pick-channel-section[data-v-35355b27] {
  width: 100%;
}
.channel-section-component
  .pick-channel-section
  .section-title[data-v-35355b27] {
  text-align: center;
  margin-bottom: 12px;
}
.channel-section-component
  .pick-channel-section
  .section-title
  span[data-v-35355b27] {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  font-style: normal;
}
.channel-section-component
  .pick-channel-section
  #idgtl-logo-link[data-v-35355b27],
.channel-section-component
  .pick-channel-section
  .idgtl-logo-link[data-v-35355b27] {
  display: flex;
  margin-top: 10px;
  justify-content: center;
}
.channel-section-component
  .pick-channel-section
  #idgtl-logo-link
  a[data-v-35355b27],
.channel-section-component
  .pick-channel-section
  .idgtl-logo-link
  a[data-v-35355b27] {
  color: #bac5cd;
}
.channel-section-component
  .pick-channel-section
  #idgtl-logo-link
  a[data-v-35355b27]:hover,
.channel-section-component
  .pick-channel-section
  .idgtl-logo-link
  a[data-v-35355b27]:hover {
  color: #afbcc5;
}
.channel-section-component
  .pick-channel-section
  #idgtl-logo-link
  a
  svg[data-v-35355b27],
.channel-section-component
  .pick-channel-section
  .idgtl-logo-link
  a
  svg[data-v-35355b27] {
  vertical-align: middle;
  color: #bac5cd;
}
.channel-section-component
  .pick-channel-section
  #idgtl-logo-link
  a
  svg[data-v-35355b27]:hover,
.channel-section-component
  .pick-channel-section
  .idgtl-logo-link
  a
  svg[data-v-35355b27]:hover {
  color: #afbcc5;
}
@media (max-width: 479px) {
  .channel-section-component .pick-channel-section .channels[data-v-35355b27] {
    padding: 0;
  }
}
.hcaptcha-component[data-v-ba4b383a] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: 8px;
}
.hcaptcha-component .preloader[data-v-ba4b383a] {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 2px solid;
  border-color: #e4eaef #e4eaef transparent #e4eaef;
  border-radius: 50%;
  z-index: 0;
  transform-origin: center;
  animation: preloader-ba4b383a 1s linear infinite;
}
@keyframes preloader-ba4b383a {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.hcaptcha-component .captcha[data-v-ba4b383a] {
  z-index: 1;
}
.confirmation-message-component[data-v-6d67b781] {
  text-align: center;
  margin-bottom: 12px;
}
.confirmation-message-component span[data-v-6d67b781] {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.confirmation-message-component span strong[data-v-6d67b781] {
  font-size: 14px;
  line-height: 20px;
  font-family:
    Euclid Circular A,
    sans-serif;
  font-weight: 500;
}
.confirmation-message-component span[data-v-6d67b781] strong {
  font-family:
    Euclid Circular A,
    sans-serif;
  font-weight: 500;
}
.input-otp-component[data-v-83261a72] {
  display: flex;
}
.input-otp-component.disabled .otp-container input[data-v-83261a72] {
  cursor: default;
  background-color: #f4f6f7;
  box-shadow: inset 0 0 0 1px #dde2e6;
}
.input-otp-component.error .otp-container input[data-v-83261a72] {
  box-shadow: inset 0 0 0 2px #ff665c;
}
.input-otp-component .otp-container[data-v-83261a72] {
  position: relative;
}
.input-otp-component .otp-container + .otp-container[data-v-83261a72] {
  margin-left: 8px;
}
.input-otp-component .otp-container .preloader[data-v-83261a72] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  background-color: #f4f6f7;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 4px;
}
.input-otp-component .otp-container .preloader[data-v-83261a72]:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, #fff 52%, transparent);
  transform: translateX(-100%);
  animation: preloader-83261a72 1s ease-in-out infinite;
}
@keyframes preloader-83261a72 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
.input-otp-component .otp-container input[data-v-83261a72] {
  display: block;
  height: 48px;
  width: 48px;
  padding: 9px 12px;
  text-align: center;
  box-shadow: inset 0 0 0 1px #d1d8dd;
  font-weight: 500;
  font-size: 22px;
  line-height: 30px;
  border: 0;
  border-radius: 4px;
  outline: none;
  background-color: #fff;
  transition: box-shadow 0.1s ease;
  caret-color: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}
.input-otp-component .otp-container input[data-v-83261a72]:focus {
  box-shadow: inset 0 0 0 2px #32bbed;
}
.input-otp-component .otp-container input[data-v-83261a72]:disabled {
  cursor: default;
}
.input-otp-component .otp-container input[data-v-83261a72]::-moz-selection {
  background-color: transparent;
}
.input-otp-component .otp-container input[data-v-83261a72]::selection {
  background-color: transparent;
}
.input-otp-component.transition-error[data-v-83261a72] {
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  animation-name: error-83261a72;
}
@keyframes error-83261a72 {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.confirmation-section-component[data-v-879ff93c] {
  width: 100%;
}
.confirmation-section-component .selected-channel-icon[data-v-879ff93c] {
  width: 56px;
  height: 56px;
  margin: 0 auto 8px auto;
}
.confirmation-section-component .selected-channel-icon svg[data-v-879ff93c] {
  width: 100%;
  height: 100%;
}
.confirmation-section-component .input-otp[data-v-879ff93c] {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}
.confirmation-section-component .countdown[data-v-879ff93c] {
  text-align: center;
}
.confirmation-section-component .countdown span[data-v-879ff93c] {
  display: block;
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
}
.confirmation-section-component .countdown .error-message[data-v-879ff93c] {
  color: #ff5449;
}
.confirmation-section-component .countdown button[data-v-879ff93c] {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #009ce5;
  transition: color 0.2s ease;
}
.confirmation-section-component .countdown button[data-v-879ff93c]:hover {
  transition: color 0s ease;
  color: #ff5449;
}
.error-message-section-component[data-v-33e9b408] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.error-message-section-component span[data-v-33e9b408] {
  display: block;
  font-weight: 400;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
}
.error-message-section-component .widget-error-message[data-v-33e9b408],
.error-message-section-component .widget-error-title[data-v-33e9b408] {
  display: block;
  margin-bottom: 16px;
}
.error-message-section-component .widget-error-message[data-v-33e9b408] span,
.error-message-section-component .widget-error-title[data-v-33e9b408] span {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
}
.error-message-section-component .widget-error-message[data-v-33e9b408] ul,
.error-message-section-component .widget-error-title[data-v-33e9b408] ul {
  padding-left: 21px;
  margin: 16px 0 0 0;
}
.error-message-section-component .widget-error-message[data-v-33e9b408] ul li,
.error-message-section-component .widget-error-title[data-v-33e9b408] ul li {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 4px;
}
.error-message-section-component
  .widget-error-message[data-v-33e9b408]
  ul
  li:last-child,
.error-message-section-component
  .widget-error-title[data-v-33e9b408]
  ul
  li:last-child {
  margin-bottom: 0;
}
.error-message-section-component
  .widget-error-message[data-v-33e9b408]
  .text-center,
.error-message-section-component
  .widget-error-title[data-v-33e9b408]
  .text-center {
  display: block;
  text-align: center;
}
.error-message-section-component .button-reset[data-v-33e9b408] {
  color: #009ce5;
  font-size: 14px;
  line-height: 24px;
  font-weight: 300;
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: color 0.2s ease;
}
.error-message-section-component .button-reset[data-v-33e9b408]:hover {
  transition: color 0s ease;
  color: #ff5449;
}
.telegram-qr-code-section-component[data-v-5f69ddfe] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.telegram-qr-code-section-component .section-title[data-v-5f69ddfe] {
  text-align: center;
  margin-bottom: 12px;
  cursor: default;
}
.telegram-qr-code-section-component .section-title span[data-v-5f69ddfe] {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.telegram-qr-code-section-component .bot-name[data-v-5f69ddfe] {
  text-align: center;
  margin-bottom: 4px;
  cursor: default;
}
.telegram-qr-code-section-component .bot-name span[data-v-5f69ddfe] {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.telegram-qr-code-section-component .qr-code[data-v-5f69ddfe] {
  width: 160px;
  height: 160px;
  margin-bottom: 12px;
}
.telegram-qr-code-section-component .qr-code[data-v-5f69ddfe] img {
  width: 100%;
}
.telegram-qr-code-section-component .button-accept[data-v-5f69ddfe],
.telegram-qr-code-section-component .link-telegram[data-v-5f69ddfe] {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 8px;
  color: #009ce5;
  cursor: pointer;
  text-decoration: none;
}
.telegram-qr-code-section-component .button-accept[data-v-5f69ddfe]:hover,
.telegram-qr-code-section-component .link-telegram[data-v-5f69ddfe]:hover {
  color: #ff5449;
}
.telegram-qr-code-section-component .link-telegram[data-v-5f69ddfe] {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
}
.telegram-qr-code-section-component .button-back[data-v-5f69ddfe] {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  color: #8c9eab;
  cursor: pointer;
}
.telegram-qr-code-section-component .button-back[data-v-5f69ddfe]:hover {
  color: #ff5449;
}
@media (max-width: 767px) {
  .telegram-qr-code-section-component[data-v-5f69ddfe] {
    max-width: 304px;
  }
}
.loader-svg[data-v-238d83a8] {
  animation: rotate-238d83a8 2s linear infinite;
  height: 56px;
  width: 56px;
  transform-origin: center center;
}
.loader-path[data-v-238d83a8] {
  animation:
    dash-238d83a8 1.5s ease infinite,
    color-238d83a8 6s ease infinite;
  stroke-dasharray: 150, 200;
  stroke-linecap: round;
  stroke-dashoffset: -10;
}
@keyframes rotate-238d83a8 {
  to {
    transform: rotate(1turn);
  }
}
@keyframes dash-238d83a8 {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  to {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
@keyframes color-238d83a8 {
  80%,
  90% {
    stroke: #e4eaef;
  }
}
.idgtl-verify-widget-component-container[data-v-61a236e8] {
  width: 400px;
}
.idgtl-verify-widget-component-container.windowed[data-v-61a236e8] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 0;
  z-index: 2147483647;
  overflow-y: scroll;
}
.idgtl-verify-widget-component-container.windowed .backdrop[data-v-61a236e8] {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(9, 77, 162, 0.5);
}
.idgtl-verify-widget-component-container.windowed
  .widget-component[data-v-61a236e8] {
  z-index: 2;
}
.idgtl-verify-widget-component-container .backdrop[data-v-61a236e8] {
  display: none;
}
.idgtl-verify-widget-component-container .widget-component[data-v-61a236e8] {
  position: relative;
  display: flex;
  width: 400px;
  min-height: 160px;
  padding: 24px 48px;
  background: #fff;
  border-radius: 8px;
}
.idgtl-verify-widget-component-container
  .widget-component
  .button-widget-close[data-v-61a236e8] {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 10px;
  top: 10px;
  cursor: pointer;
  color: #bac5cd;
}
.idgtl-verify-widget-component-container
  .widget-component
  .button-widget-close[data-v-61a236e8]:hover {
  color: #f1635a;
}
.idgtl-verify-widget-component-container
  .widget-component
  .preloader[data-v-61a236e8] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: hsla(0, 0%, 100%, 0.5);
  border-radius: 8px;
  z-index: 2;
}
.idgtl-verify-widget-component-container
  .widget-component
  .preloader.opaque[data-v-61a236e8] {
  background-color: #fff;
}
.idgtl-verify-widget-component-container
  .widget-component
  .preloader
  svg[data-v-61a236e8] {
  width: 88px;
  height: 88px;
}
.idgtl-verify-widget-component-container
  .widget-component
  .success-section[data-v-61a236e8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: #fff;
  border-radius: 8px;
  z-index: 2;
}
.idgtl-verify-widget-component-container
  .widget-component
  .success-section
  svg[data-v-61a236e8] {
  width: 56px;
  height: 56px;
}
.idgtl-verify-widget-component-container
  .widget-component
  .success-section
  span[data-v-61a236e8] {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.idgtl-verify-widget-component-container
  .widget-component
  .error-data-message[data-v-61a236e8] {
  display: flex;
  align-self: center;
  width: 100%;
}
.idgtl-verify-widget-component-container
  .widget-component
  .error-data-message
  span[data-v-61a236e8] {
  display: block;
  width: 100%;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 300;
  background-color: #fef0ef;
}
@media (max-width: 479px) {
  .idgtl-verify-widget-component-container .widget-component[data-v-61a236e8] {
    width: 100%;
    padding: 32px 16px;
  }
}
@media (max-width: 767px) {
  .idgtl-verify-widget-component-container[data-v-61a236e8] {
    width: 100%;
  }
  .idgtl-verify-widget-component-container .widget-component[data-v-61a236e8] {
    width: 100%;
    padding: 20px;
  }
}
#idgtl-2fa-widget {
  font-family:
    Euclid Circular A,
    sans-serif;
}
#idgtl-2fa-widget * {
  box-sizing: border-box;
  font-style: inherit;
  font-variant: tabular-nums;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga" on;
  font-family:
    Euclid Circular A,
    sans-serif;
}
#idgtl-2fa-widget button {
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}