@reference "tailwindcss";
.tvu-sms-code__form {
  width: auto;
  height: auto;
}
.tvu-sms-code__form--modal {
  position: absolute;
  z-index: 10000;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.tvu-sms-code__modal {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}

.tvu-sms-code__form {
  @apply p-4 rounded bg-white grid grid-cols-1 gap-y-4;
}
.tvu-sms-code__form .tvu-sms-code__input input,
.tvu-sms-code__form .tvu-captcha__code input,
.tvu-sms-code__form .tvu-sms-code__code input {
  @apply rounded p-2 border-2 border-gray-200;
}
.tvu-sms-code__form .tvu-sms-code__input input {
  @apply w-full;
}
.tvu-sms-code__form .tvu-captcha__code {
  @apply grid;
  grid-template-columns: 50% 40% 10%;
}
.tvu-sms-code__form .tvu-captcha__code button {
  @apply w-full;
  background: url("data:image/svg+xml,%3Csvg t='1651758677963' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='1157' width='25' height='25'%3E%3Cpath d='M872.802928 755.99406 872.864326 755.99406 872.864326 755.624646Z' p-id='1158'%3E%3C/path%3E%3Cpath d='M922.268526 475.740168c-10.490935-10.727319-28.947286-10.815323-39.587624-0.366344l-18.368346 18.059308c-9.727549-206.461235-177.482227-367.192963-384.91458-367.192963-212.706473 0-385.751644 173.045171-385.751644 385.752668 0 212.720799 173.045171 385.766994 385.751644 385.766994 113.354698 0 220.62891-50.167586 293.924239-137.161916 3.2623-2.495844 5.907547-5.494131 7.907087-8.875135 0.26606-0.322341 0.557702-0.64673 0.853437-0.940418l1.880837-2.998287-0.618077-0.322341c1.26276-3.321652 1.851161-6.5246 1.851161-9.815553 0-16.077164-13.049201-29.155017-29.124318-29.155017-9.66922 0-18.721387 5.142114-23.982204 13.489222-62.806441 75.444273-154.911162 118.734218-252.691139 118.734218-181.244924 0-328.751443-147.447167-328.751443-328.721767 0-181.231621 147.506519-328.72279 328.751443-328.72279 180.070168 0 326.782601 145.509025 328.693114 325.122799l-32.709983-32.813337c-10.552334-10.623965-29.036313-10.653641-39.588647-0.086981-10.991332 10.933003-10.991332 28.712949-0.059352 39.660278l69.064982 69.226664c5.262864 5.320169 12.31549 8.229428 19.778462 8.229428l0.324388-0.028653 0.733711 0.23536c1.589195 0.38067 3.321652 0.851391 5.232165 0.851391 7.375991 0 14.34266-2.849908 19.633153-8.022721l71.445192-70.300113c5.348821-5.246491 8.346085-12.31549 8.405437-19.808138C930.410973 488.069985 927.529343 481.059314 922.268526 475.740168' p-id='1159'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
  background-size: 100% auto;
}
.tvu-sms-code__form .tvu-captcha__code div {
  @apply flex;
}
.tvu-sms-code__form .tvu-sms-code__code {
  @apply grid;
  grid-template-columns: 60% 40%;
}
.tvu-sms-code__form .tvu-sms-code__code button {
  @apply rounded bg-blue-600 p-2 text-white shadow-md;
}
.tvu-sms-code__form .tvu-sms-code__code button:hover {
  @apply bg-blue-700;
}
.tvu-sms-code__form .tvu-sms-code__error--tip {
  @apply flex text-red-600;
}
.tvu-sms-code__form .tvu-sms-code__error--tip i {
  @apply mr-1;
  width: 25px;
  background: url("data:image/svg+xml,%3Csvg t='1653197609608' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='4434' width='25' height='25'%3E%3Cpath d='M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zM480 416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416z m32 352c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48z' p-id='4435' fill='%23dc2626'%3E%3C/path%3E%3C/svg%3E") center no-repeat;
}
.tvu-sms-code__form .tvu-sms-code__button button {
  @apply w-full bg-blue-600 text-white font-bold py-2 px-4 rounded;
}
.tvu-sms-code__form .tvu-sms-code__button button:hover {
  @apply bg-blue-700;
}