.react-aria-CheckboxField{gap:var(--spacing-1);flex-direction:column;display:flex}.react-aria-CheckboxField [slot=description],.react-aria-CheckboxField .react-aria-FieldError{margin-left:calc(var(--spacing) * 6.5)}.react-aria-CheckboxField[data-disabled] [slot=description]{color:var(--text-color-disabled)}.react-aria-CheckboxButton{--checkmark-color:var(--highlight-foreground);align-items:center;gap:var(--spacing-2);font:var(--font-size) var(--font-sans);color:var(--text-color);forced-color-adjust:none;-webkit-tap-highlight-color:transparent;display:flex;position:relative}.react-aria-CheckboxButton .indicator{width:calc(var(--spacing) * 4.5);height:calc(var(--spacing) * 4.5);box-sizing:border-box;border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.react-aria-CheckboxButton .indicator svg{width:calc(100% - var(--spacing-2));height:calc(100% - var(--spacing-2));fill:none;stroke:var(--checkmark-color);stroke-width:3px;stroke-dasharray:22;stroke-dashoffset:66px;stroke-linecap:round;stroke-linejoin:round;transition:all .2s}:is(.react-aria-CheckboxButton[data-selected],.react-aria-CheckboxButton[data-indeterminate]) .indicator svg{stroke-dashoffset:44px}.react-aria-CheckboxButton[data-indeterminate] .indicator svg{stroke:none;fill:var(--checkmark-color)}.react-aria-CheckboxButton[data-disabled]{color:var(--text-color-disabled);--checkmark-color:var(--text-color-disabled)}