.r4ai-checkbox-field{display:flex;flex-direction:column}.r4ai-checkbox__label-wrapper{display:flex;align-items:center;cursor:pointer;gap:8px}.r4ai-checkbox__input-container{position:relative;width:20px;height:20px;flex-shrink:0}.r4ai-checkbox__native-input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:2}.r4ai-checkbox__background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg-surface);border:1px solid var(--color-mono-lightest);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:none}.r4ai-checkbox__icon{width:14px;height:14px;color:var(--color-text-invert);opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.12,.4,.29,1.46)}.r4ai-checkbox__label-wrapper:not(.r4ai-checkbox--error):hover .r4ai-checkbox__native-input:not(:checked)+.r4ai-checkbox__background{border-color:var(--color-mono-light)}.r4ai-checkbox__native-input:checked+.r4ai-checkbox__background{background-color:var(--color-brand);border-color:var(--color-brand)}.r4ai-checkbox__label-wrapper:not(.r4ai-checkbox--error):hover .r4ai-checkbox__native-input:checked+.r4ai-checkbox__background{background-color:var(--brand-medium);border-color:var(--brand-medium)}.r4ai-checkbox__native-input:checked+.r4ai-checkbox__background .r4ai-checkbox__icon{opacity:1;transform:scale(1)}.r4ai-checkbox__native-input:focus-visible+.r4ai-checkbox__background{outline:2px solid var(--color-mono-dark);outline-offset:2px}.r4ai-checkbox__label-wrapper:not(.r4ai-checkbox--error) .r4ai-checkbox__native-input:focus-visible+.r4ai-checkbox__background{border-color:var(--color-mono-dark)}.r4ai-checkbox--error .r4ai-checkbox__background{border-color:var(--status-error)}.r4ai-checkbox__error-message{font-size:.75rem;color:var(--status-error);margin-top:4px;margin-left:32px}.r4ai-checkbox__text{font-size:.875rem;line-height:1.4;color:var(--color-text-primary);-webkit-user-select:none;user-select:none}.r4ai-checkbox--small{gap:4px}.r4ai-checkbox--small .r4ai-checkbox__input-container{width:14px;height:14px}.r4ai-checkbox--small .r4ai-checkbox__icon{width:10px;height:10px}