._Field_oifoc_1{flex-direction:column;align-items:start;gap:.25rem;width:100%;max-width:20rem;display:flex}._Label_oifoc_10{color:#0a0a0a;color:lab(2.75381% 0 0);font-size:.875rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){._Label_oifoc_10{color:#fff}}._Root_oifoc_21{gap:.5rem;width:100%;display:flex}._Input_oifoc_27{box-sizing:border-box;text-align:center;color:#0a0a0a;color:lab(2.75381% 0 0);background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);border-radius:0;width:2.5rem;height:2.5rem;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem}@media (prefers-color-scheme:dark){._Input_oifoc_27{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Input_oifoc_27:focus{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0)}@media (prefers-color-scheme:dark){._Input_oifoc_27:focus{outline-color:#fff}}._Description_oifoc_60{color:#525252;color:lab(34.924% 0 0);margin:0;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){._Description_oifoc_60{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209)}}@layer fs-theme{.demo-otp-field-hero-field,.demo-otp-field-alphanumeric-field{align-items:start;gap:var(--fs-space-1);flex-direction:column;width:100%;max-width:20rem;display:flex}.demo-otp-field-alphanumeric-code{font-family:Paper Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.demo-otp-field-grouped-field{align-items:start;gap:var(--fs-space-1);flex-direction:column;width:100%;max-width:20rem;display:flex}.demo-otp-field-grouped-group{gap:var(--fs-space-2);display:flex}.demo-otp-field-focused-placeholder-field{align-items:start;gap:var(--fs-space-1);flex-direction:column;width:100%;max-width:20rem;display:flex}.demo-otp-field-focused-placeholder-input::placeholder{color:var(--fs-color-secondary)}.demo-otp-field-focused-placeholder-input:focus::placeholder{color:var(--fs-palette-transparent)}.demo-otp-field-custom-sanitize-field{align-items:start;gap:var(--fs-space-1);flex-direction:column;width:100%;max-width:20rem;display:flex}.demo-otp-field-custom-sanitize-input-invalid-a{border-color:var(--fs-color-danger);outline:var(--fs-focus-width) solid var(--fs-color-danger);outline-offset:-1px;animation:.18s ease-in-out fs-otp-field-custom-sanitize-otp-field-shake-a}.demo-otp-field-custom-sanitize-input-invalid-a:focus{outline:var(--fs-focus-width) solid var(--fs-color-danger);outline-offset:-1px}.demo-otp-field-custom-sanitize-input-invalid-b{border-color:var(--fs-color-danger);outline:var(--fs-focus-width) solid var(--fs-color-danger);outline-offset:-1px;animation:.18s ease-in-out fs-otp-field-custom-sanitize-otp-field-shake-b}.demo-otp-field-custom-sanitize-input-invalid-b:focus{outline:var(--fs-focus-width) solid var(--fs-color-danger);outline-offset:-1px}.demo-otp-field-custom-sanitize-screen-reader-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fs-otp-field-custom-sanitize-otp-field-shake-a{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fs-otp-field-custom-sanitize-otp-field-shake-b{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.demo-otp-field-password-field{align-items:start;gap:var(--fs-space-1);flex-direction:column;width:100%;max-width:20rem;display:flex}.demo-otp-field-password-code{font-family:Paper Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}}._Field_15njo_1{flex-direction:column;align-items:start;gap:.25rem;width:100%;max-width:20rem;display:flex}._Label_15njo_10{color:#0a0a0a;color:lab(2.75381% 0 0);font-size:.875rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){._Label_15njo_10{color:#fff}}._Root_15njo_21{gap:.5rem;width:100%;display:flex}._Input_15njo_27{box-sizing:border-box;text-align:center;color:#0a0a0a;color:lab(2.75381% 0 0);background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);border-radius:0;width:2.5rem;height:2.5rem;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem}@media (prefers-color-scheme:dark){._Input_15njo_27{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Input_15njo_27:focus{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0)}@media (prefers-color-scheme:dark){._Input_15njo_27:focus{outline-color:#fff}}._Description_15njo_59{color:#525252;color:lab(34.924% 0 0);margin:0;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){._Description_15njo_59{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209)}}._Code_15njo_70{font-family:Paper Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}._Field_1bw99_1{flex-direction:column;align-items:start;gap:.25rem;width:100%;max-width:20rem;display:flex}._Label_1bw99_10{color:#0a0a0a;color:lab(2.75381% 0 0);font-size:.875rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){._Label_1bw99_10{color:#fff}}._Root_1bw99_21{align-items:center;gap:.5rem;width:100%;display:flex}._Group_1bw99_28{gap:.5rem;display:flex}._Input_1bw99_33{box-sizing:border-box;text-align:center;color:#0a0a0a;color:lab(2.75381% 0 0);background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);border-radius:0;width:2.5rem;height:2.5rem;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem}@media (prefers-color-scheme:dark){._Input_1bw99_33{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Input_1bw99_33:focus{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0)}@media (prefers-color-scheme:dark){._Input_1bw99_33:focus{outline-color:#fff}}._Separator_1bw99_66{color:#0a0a0a;color:lab(2.75381% 0 0);background-color:currentColor;width:1rem;height:1px}@media (prefers-color-scheme:dark){._Separator_1bw99_66{color:#fff}}._Field_vfdyp_1{flex-direction:column;align-items:start;gap:.25rem;width:100%;max-width:20rem;display:flex}._Label_vfdyp_10{color:#0a0a0a;color:lab(2.75381% 0 0);font-size:.875rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){._Label_vfdyp_10{color:#fff}}._Root_vfdyp_21{gap:.5rem;width:100%;display:flex}._Input_vfdyp_27{box-sizing:border-box;text-align:center;color:#0a0a0a;color:lab(2.75381% 0 0);background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);border-radius:0;width:2.5rem;height:2.5rem;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem}@media (prefers-color-scheme:dark){._Input_vfdyp_27{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Input_vfdyp_27::placeholder{color:#525252;color:lab(34.924% 0 0)}@media (prefers-color-scheme:dark){._Input_vfdyp_27::placeholder{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209)}}._Input_vfdyp_27:focus{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0)}@media (prefers-color-scheme:dark){._Input_vfdyp_27:focus{outline-color:#fff}}._Input_vfdyp_27:focus::placeholder{color:#0000}._Description_vfdyp_72{color:#525252;color:lab(34.924% 0 0);margin:0;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){._Description_vfdyp_72{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209)}}._Field_1i6cv_1{flex-direction:column;align-items:start;gap:.25rem;width:100%;max-width:20rem;display:flex}._Label_1i6cv_10{color:#0a0a0a;color:lab(2.75381% 0 0);font-size:.875rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){._Label_1i6cv_10{color:#fff}}._Root_1i6cv_21{gap:.5rem;width:100%;display:flex}._Input_1i6cv_27{box-sizing:border-box;text-align:center;color:#0a0a0a;color:lab(2.75381% 0 0);background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);border-radius:0;width:2.5rem;height:2.5rem;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem}@media (prefers-color-scheme:dark){._Input_1i6cv_27{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Input_1i6cv_27:focus{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0)}@media (prefers-color-scheme:dark){._Input_1i6cv_27:focus{outline-color:#fff}}._InputInvalidA_1i6cv_60{outline-offset:-1px;border-color:#bf000f;border-color:lab(40.4273% 67.2623 53.7441);outline:2px solid #bf000f;outline:2px solid lab(40.4273% 67.2623 53.7441);animation:.18s ease-in-out _otp-field-shake-a_1i6cv_1}@media (prefers-color-scheme:dark){._InputInvalidA_1i6cv_60{border-color:#ff6568;border-color:lab(63.7053% 60.745 31.3109);outline:2px solid #ff6568;outline:2px solid lab(63.7053% 60.745 31.3109)}}._InputInvalidA_1i6cv_60:focus{outline-offset:-1px;outline:2px solid #bf000f;outline:2px solid lab(40.4273% 67.2623 53.7441)}@media (prefers-color-scheme:dark){._InputInvalidA_1i6cv_60:focus{outline-color:#ff6568;outline-color:lab(63.7053% 60.745 31.3109)}}._InputInvalidB_1i6cv_81{outline-offset:-1px;border-color:#bf000f;border-color:lab(40.4273% 67.2623 53.7441);outline:2px solid #bf000f;outline:2px solid lab(40.4273% 67.2623 53.7441);animation:.18s ease-in-out _otp-field-shake-b_1i6cv_1}@media (prefers-color-scheme:dark){._InputInvalidB_1i6cv_81{border-color:#ff6568;border-color:lab(63.7053% 60.745 31.3109);outline:2px solid #ff6568;outline:2px solid lab(63.7053% 60.745 31.3109)}}._InputInvalidB_1i6cv_81:focus{outline-offset:-1px;outline:2px solid #bf000f;outline:2px solid lab(40.4273% 67.2623 53.7441)}@media (prefers-color-scheme:dark){._InputInvalidB_1i6cv_81:focus{outline-color:#ff6568;outline-color:lab(63.7053% 60.745 31.3109)}}._Description_1i6cv_102{color:#525252;color:lab(34.924% 0 0);margin:0;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){._Description_1i6cv_102{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209)}}._ScreenReaderOnly_1i6cv_113{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes _otp-field-shake-a_1i6cv_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes _otp-field-shake-b_1i6cv_1{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}._Field_1bn7r_1{flex-direction:column;align-items:start;gap:.25rem;width:100%;max-width:20rem;display:flex}._Label_1bn7r_10{color:#0a0a0a;color:lab(2.75381% 0 0);font-size:.875rem;font-weight:700;line-height:1.25rem}@media (prefers-color-scheme:dark){._Label_1bn7r_10{color:#fff}}._Root_1bn7r_21{gap:.5rem;width:100%;display:flex}._Input_1bn7r_27{box-sizing:border-box;text-align:center;color:#0a0a0a;color:lab(2.75381% 0 0);background-color:#fff;border:1px solid #0a0a0a;border:1px solid lab(2.75381% 0 0);border-radius:0;width:2.5rem;height:2.5rem;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5rem}@media (prefers-color-scheme:dark){._Input_1bn7r_27{color:#fff;background-color:#0a0a0a;background-color:lab(2.75381% 0 0);border:1px solid #fff}}._Input_1bn7r_27:focus{outline-offset:-1px;outline:2px solid #0a0a0a;outline:2px solid lab(2.75381% 0 0)}@media (prefers-color-scheme:dark){._Input_1bn7r_27:focus{outline-color:#fff}}._Description_1bn7r_60{color:#525252;color:lab(34.924% 0 0);margin:0;font-size:.875rem;line-height:1.25rem}@media (prefers-color-scheme:dark){._Description_1bn7r_60{color:#a1a1a1;color:lab(66.128% -.0000298023 .0000119209)}}._Code_1bn7r_71{font-family:Paper Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}