.sdrfFW_root{flex-direction:row;flex-grow:0;flex-shrink:0;align-items:center;display:inline-flex}.sdrfFW_rootFixed{gap:var(--code-input-cell-gap,16px)}.sdrfFW_rootFluid{justify-content:space-between;align-self:stretch;width:100%;max-width:100%}.sdrfFW_rootSplit{column-gap:0}.sdrfFW_rootSplit .sdrfFW_inputWrap:not(:first-child){margin-left:var(--code-input-cell-gap,16px)}.sdrfFW_rootSplit .sdrfFW_separator+.sdrfFW_inputWrap{margin-left:0}.sdrfFW_inputWrap{flex-shrink:0;width:52px;height:52px;display:inline-flex;position:relative}.sdrfFW_input{box-sizing:border-box;border:1px solid var(--ws-color-gray-400);background-color:var(--ws-color-white);width:100%;height:100%;color:var(--ws-color-gray-950);font-family:var(--ws-font-family-regular);font-synthesis:none;text-align:center;caret-color:#0000;-webkit-tap-highlight-color:transparent;border-radius:8px;outline:none;flex-shrink:0;padding:0;font-size:16px;font-weight:400;line-height:24px;transition:border-color .15s}.sdrfFW_focusStick{background-color:var(--ws-color-gray-950);opacity:0;pointer-events:none;width:1px;height:24px;margin-top:-12px;margin-left:-.5px;transition:opacity .15s;position:absolute;top:50%;left:50%}.sdrfFW_inputWrap:focus-within[data-show-stick=true] .sdrfFW_focusStick{opacity:1;animation:.35s step-end infinite alternate sdrfFW_codeInputFocusStickBlink}@keyframes sdrfFW_codeInputFocusStickBlink{0%{opacity:0}to{opacity:1}}.sdrfFW_input:focus,.sdrfFW_input:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.sdrfFW_root:not([data-disabled=true]):not([data-error=true]) .sdrfFW_inputWrap:not(:focus-within):hover .sdrfFW_input{border-color:var(--ws-color-gray-600)}.sdrfFW_root[data-error=true] .sdrfFW_inputWrap:not(:focus-within):hover .sdrfFW_input{border-color:var(--ws-color-red-600)}}.sdrfFW_root:not([data-disabled=true]):not([data-error=true]) .sdrfFW_inputWrap:focus-within .sdrfFW_input{border-color:var(--ws-color-gray-950)}.sdrfFW_root:focus-within:not([data-disabled=true]):not([data-error=true]) .sdrfFW_inputWrap:not(:focus-within) .sdrfFW_input{border-color:var(--ws-color-gray-400)}.sdrfFW_root[data-error=true] .sdrfFW_input,.sdrfFW_root[data-error=true] .sdrfFW_inputWrap:focus-within .sdrfFW_input,.sdrfFW_root:focus-within[data-error=true] .sdrfFW_inputWrap:not(:focus-within) .sdrfFW_input{border-color:var(--ws-color-red-600)}.sdrfFW_root[data-disabled=true] .sdrfFW_input{background-color:var(--ws-color-gray-100);border-color:var(--ws-color-gray-400);color:var(--ws-color-gray-400);cursor:not-allowed}.sdrfFW_separator{width:16px;margin-inline:var(--code-input-separator-gap,18px);color:var(--ws-color-gray-950);font-family:var(--ws-font-family-regular);font-synthesis:none;text-align:center;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:16px;font-weight:400;line-height:24px}@media (prefers-reduced-motion:reduce){.sdrfFW_input,.sdrfFW_focusStick{transition:none}.sdrfFW_inputWrap:focus-within[data-show-stick=true] .sdrfFW_focusStick{opacity:1;animation:none}}