.DjuiField{display:flex;flex-direction:column;gap:.5em}.DjuiField--checkbox .DjuiField__checkbox{display:flex;align-items:center;gap:.5em}.DjuiField--checkbox .DjuiField__input{display:none}.DjuiField--checkbox .DjuiField__indicator{display:flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;background-color:rgb(var(--djui-color-background-regular-rgb));border-radius:.25em}.DjuiField--checkbox .DjuiField__input:checked+.DjuiField__indicator{background-color:rgb(var(--djui-color-primary-regular-rgb))}.DjuiField--checkbox .DjuiField__input:not(:checked)+.DjuiField__indicator .DjuiField__icon{display:none}.DjuiField:not(.DjuiField--checkbox) .DjuiField__label{display:block;padding-left:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}.DjuiField:not(.DjuiField--checkbox) .DjuiField__input{border-radius:.5em;padding-left:calc(.25rem + .25em);padding-right:calc(.25rem + .25em);width:100%;background-color:rgb(var(--djui-color-background-regular-rgb));height:2em}.DjuiField:not(.DjuiField--checkbox) .DjuiField__input[disabled]{opacity:.6;cursor:not-allowed}.DjuiField--error:not(.DjuiField--checkbox) .DjuiField__input{outline:.125rem solid rgb(var(--djui-color-context-negative-rgb))}.DjuiField__textarea{resize:none;border-radius:.5em;padding:.5em calc(.25rem + .25em);width:100%;background-color:rgb(var(--djui-color-background-regular-rgb))}.DjuiField__textarea[disabled]{opacity:.6;cursor:not-allowed}.DjuiField__message{padding-left:.5rem;font-size:.75rem}.DjuiField--error .DjuiField__message{color:rgb(var(--djui-color-context-negative-rgb))}