/* stylelint-disable order/properties-order */
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/***
 COLOR START
 ***/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700&display=swap');
/* ===========================================================================================
============================================================================================== */
/* Override variables ant start */
/* Override variables ant end */
.otp-container {
  padding: 24px;
  text-align: center;
}
.otp-container--wrap-style {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .otp-container--wrap-style {
    margin: 0 auto;
  }
}
.otp-container--wrap-style div {
  position: relative;
}
.otp-container--wrap-style div:not(:last-child) {
  margin-right: 16px;
}
.otp-container--wrap-style div::after {
  position: absolute;
  bottom: 8px;
  left: 50%;
  width: 16px;
  height: 1px;
  background: #d0d5dd;
  transform: translateX(-50%);
  content: '';
}
.otp-container--input-style {
  width: 100% !important;
  max-width: 44px;
  height: 44px;
  padding: 9px 16px;
  border-color: #d0d5dd;
  /* Firefox */
}
@media screen and (max-width: 767px) {
  .otp-container--input-style {
    padding: 8px;
  }
}
@media screen and (min-width: 768px) {
  .otp-container--input-style {
    max-width: 48px;
    height: 48px;
  }
}
.otp-container--input-style:focus,
.otp-container--input-style:hover {
  border-color: #f4600c;
  box-shadow: none;
}
.otp-container--input-style::-webkit-outer-spin-button,
.otp-container--input-style::-webkit-inner-spin-button {
  margin: 0;
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -webkit-appearance: none;
}
.otp-container--input-style[type='number'] {
  /* stylelint-disable-next-line property-no-vendor-prefix */
  -moz-appearance: textfield;
}
.otp-container--count-down {
  display: inline-block;
}
.otp-container--count-down .ant-statistic,
.otp-container--count-down .ant-statistic * {
  display: contents;
}
.otp-container--count-down .ant-statistic-content {
  display: inline-block;
}
.otp-container--count-down .ant-statistic-content-value {
  color: #98a2b3;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
@media only screen and (max-width: 767.99px) {
  .otp-container--count-down .ant-statistic-content-value {
    font-size: 14px;
  }
}
.otp-container .btn-resend-otp:disabled {
  color: #d0d5dd;
}
.otp-container .otp-error .otp-container--input-style {
  border-color: #f04438;
}
@media only screen and (max-width: 767.99px) {
  .otp-container {
    padding: 12px;
    text-align: left;
  }
  .otp-container .ant-btn-link {
    min-width: auto;
    padding: 0;
    text-align: left;
  }
}