.ui-code__wrapper{background:var(--c-grey-700);border-radius:12px;display:flex;gap:24px;justify-content:center;padding:34px 10px}@media screen and (max-width:374px){.ui-code__wrapper{gap:18px;padding:24px 10px}}.ui-code__control{background:var(--c-grey-600);border:1.5px solid var(--c-grey-500);border-radius:16px;color:var(--c-white);font-size:18px;font-weight:600;height:62px;line-height:22px;outline:none;text-align:center;transition:.3s;width:62px}.ui-code__control:focus{box-shadow:0 0 0 2px var(--c-blue-500) inset}.ui-code__control:hover{box-shadow:0 0 0 1.5px var(--c-grey-200) inset}.ui-code__control.is-invalid{box-shadow:0 0 0 2px var(--c-red-400) inset}@media screen and (max-width:374px){.ui-code__control{height:52px;width:52px}}.ui-code__error{color:var(--c-red-400);font-size:11px;font-weight:400;line-height:13px;margin:4px 0 0 16px}