@charset "utf-8";

.twv-container .twv-components-mobile-code-input { align-items: center; display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; position: relative; width: 100%; }

.twv-container .twv-components-mobile-code-input .line { border-bottom: .5px solid var(--LineInput); width: 71px; }

.twv-container .twv-components-mobile-code-input .line-6 { width: 43px; }

.twv-container .twv-components-mobile-code-input .error .line { border-bottom-color: rgb(255, 76, 58); }

.twv-container .twv-components-mobile-code-input .input { left: -666666px; opacity: 0; position: absolute; top: -100%; }

.twv-container .twv-components-mobile-code-input .line { font-size: 15px; height: 45px; line-height: 45px; position: relative; text-align: center; width: 45px; }

.twv-container .twv-components-mobile-code-input .line.selected::before { animation-duration: 1s; animation-fill-mode: both; animation-iteration-count: infinite; animation-name: coruscate; background-color: rgb(255, 80, 0); content: ""; display: block; height: 20px; left: 50%; position: absolute; top: 31.25%; width: 2px; }

@keyframes coruscate { 
  0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; }
}