.SfmtOa_group{gap:var(--s2);flex-direction:column;display:flex}.SfmtOa_error{font:var(--type-meta);color:var(--color-err);margin:0}.SfmtOa_code{gap:var(--s2);justify-content:space-between;display:flex;position:relative}.SfmtOa_box{box-sizing:border-box;width:var(--s9);height:calc(var(--s9) + var(--s2));border:var(--border) solid var(--color-line);border-radius:var(--r-md);font:var(--type-code);color:var(--color-text);justify-content:center;align-items:center;display:inline-flex}.SfmtOa_box.SfmtOa_empty{color:var(--color-line)}.SfmtOa_box.SfmtOa_active{outline:var(--focus-ring) solid var(--focus-color);outline-offset:var(--focus-offset-field)}.SfmtOa_code.SfmtOa_bad .SfmtOa_box{border-color:var(--color-err)}.SfmtOa_caret{width:var(--border);height:var(--s6);background:var(--color-gold)}.SfmtOa_input{box-sizing:border-box;width:100%;height:100%;padding:0 var(--s3);border:var(--border) solid var(--color-line);border-radius:var(--r-md);background:var(--color-sunken);font:var(--type-code);letter-spacing:var(--tracking-code);color:var(--color-text);position:absolute;inset:0}.SfmtOa_input:focus-visible{outline:var(--focus-ring) solid var(--focus-color);outline-offset:var(--focus-offset-field)}.SfmtOa_input.SfmtOa_over,.SfmtOa_input.SfmtOa_over:focus-visible{color:#0000;caret-color:#0000;background:0 0;border-color:#0000;outline:none}