.kruw-code-input{gap:var(--kruw-size-code-input-label-gap);font-family:var(--kruw-font-family);flex-direction:column;display:flex}.kruw-code-input__label{font-size:var(--kruw-text-xxl-font-size);line-height:var(--kruw-text-xxl-line-height);color:var(--kruw-color-text-primary);align-self:center;font-weight:600}.kruw-code-input__row{justify-content:space-between;gap:var(--kruw-size-code-input-gap);display:flex}.kruw-code-input__box{flex:0 1 var(--kruw-size-code-input-box-size);aspect-ratio:1;text-align:center;min-width:0;font-family:inherit;font-size:var(--kruw-text-xxl-font-size);line-height:var(--kruw-text-xxl-line-height);color:var(--kruw-color-text-primary);background:var(--kruw-color-surface);border:var(--kruw-size-code-input-border-width) solid var(--kruw-color-border-default);border-radius:var(--kruw-radius-md);outline:none;padding:0;font-weight:400}.kruw-code-input__box[data-filled=true]{border-color:var(--kruw-color-brand-primary-strong)}.kruw-code-input__box:focus{border-color:var(--kruw-color-focus-ring)}.kruw-code-input__box:disabled{background:var(--kruw-color-surface-disabled);color:var(--kruw-color-text-muted);cursor:not-allowed;border-color:#0000}.kruw-code-input[data-state=error] .kruw-code-input__box{border-color:var(--kruw-color-danger-border);color:var(--kruw-color-danger-border)}.kruw-code-input__help{font-size:var(--kruw-text-sm-font-size);line-height:var(--kruw-text-sm-line-height);color:var(--kruw-color-text-primary);font-weight:400}.kruw-resend{box-sizing:border-box;width:var(--kruw-size-auth-card-counter-size);height:var(--kruw-size-auth-card-counter-size);border:var(--kruw-size-auth-card-counter-ring-width) solid var(--kruw-color-brand-primary);border-radius:var(--kruw-radius-pill);font-family:var(--kruw-font-family);cursor:pointer;background:0 0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.kruw-resend:disabled,.kruw-resend[aria-disabled=true]{cursor:default}.kruw-resend[data-ready=true]:not([aria-disabled=true]):hover{border-color:var(--kruw-color-brand-primary-hover)}.kruw-resend:focus-visible{outline:var(--kruw-size-stroke-thick) solid var(--kruw-color-focus-ring);outline-offset:var(--kruw-size-stroke-thick)}.kruw-resend__label{font-size:var(--kruw-text-sm-font-size);line-height:var(--kruw-text-sm-line-height);color:var(--kruw-color-text-primary);text-align:center;font-weight:400}