.input-code .otp-input-container{align-items:center;display:flex;justify-content:space-between}.input-code{display:flex;flex-direction:column}@keyframes skeleton-loading{to{background-position:100% 0,0 0,0 40px,0 80px,0 120px,0 160px}}:root{--radius-0:0;--radius-xxs:4px;--radius-xs:6px;--radius-s:8px;--radius-r:12px;--radius-m:16px;--radius-l:20px;--radius-xl:24px;--radius-xxl:32px}.input-code{position:relative;width:100%;z-index:1}.input-code .otp-input{-moz-appearance:textfield;background-color:var(--layer-surface-2);border:.0625rem solid var(--border-color,var(--layer-stroke));border-radius:.5rem;color:var(--content-primary);font-family:Rubik,Rubik fallback,sans-serif;font-size:var(--font-size,.875rem);font-weight:var(--font-weight,400);height:3.5rem;letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);text-align:center;transition:border-color .2s ease-in-out;width:100%}.input-code .otp-input::-webkit-inner-spin-button,.input-code .otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-code .otp-input-container{-moz-column-gap:.5rem;column-gap:.5rem;width:100%}.input-code .otp-input-container>div{width:100%}.input-code .hint{margin-top:.375rem}.input-code.has-error{--border-color:var(--system-error)}