@layer nexoftware-lib{.field-token{flex-direction:column;gap:.35rem;width:100%;display:flex}.field-token-label{color:var(--nex-text);font-size:.875rem;font-weight:600}.field-token-required-dot{color:var(--nex-error);margin-left:.2rem}.field-token-slots{gap:.6rem;width:100%;display:flex}.field-token-slot{border:1px solid var(--nex-primary);border-radius:var(--nex-radius-md);background-color:var(--nex-surface);width:2.25rem;height:2.25rem;color:var(--nex-text);text-align:center;transition:border-color var(--nex-transition-base),box-shadow var(--nex-transition-base);padding:0;font-family:Courier New,monospace;font-size:1.5rem;line-height:1}.field-token-slot:hover{border-color:var(--nex-primary)}.field-token-slot:focus{border-color:var(--nex-primary);box-shadow:0 0 0 3px var(--nex-primary-focus);outline:none}.field-token-error{color:var(--nex-error);margin:0;font-size:.8rem}.field-token--disabled{opacity:.6;pointer-events:none}.field-token--error .field-token-slot{border-color:var(--nex-error);box-shadow:0 0 0 3px var(--nex-error-focus)}@media (max-width:520px){.field-token-slots{gap:.45rem}.field-token-slot{width:2rem;height:2rem;font-size:1.125rem}}}