.ui-checkbox{cursor:pointer;align-items:center;display:flex;overflow:hidden}.ui-checkbox__button{border-radius:var(--radius-DEFAULT);transition-property:all;transition-timing-function:var(--un-ease,var(--default-transition-timingFunction));transition-duration:var(--un-duration,var(--default-transition-duration));--un-duration:.2s;border:1px solid oklch(from var(--colors-foreground) l c h/20%);background-color:oklch(from var(--colors-background) l c h/40%);flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:flex;overflow:hidden}.ui-checkbox__button[data-disabled]{opacity:.5;cursor:not-allowed}.ui-checkbox__label{flex:1;overflow:hidden}.ui-checkbox__indicator{background-color:var(--current-color);width:100%;height:100%;color:var(--current-color-contrast);place-content:center}.ui-checkbox--xs{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));gap:calc(var(--spacing) * 1)}.ui-checkbox--xs .ui-checkbox__button{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);font-size:.5rem}.ui-checkbox--sm{gap:calc(var(--spacing) * 1)}.ui-checkbox--sm .ui-checkbox__button{font-size:var(--text-xs-fontSize);line-height:var(--un-leading,var(--text-xs-lineHeight));width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.ui-checkbox--sm .ui-checkbox__label{font-size:.75rem}.ui-checkbox--md{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight));gap:calc(var(--spacing) * 2)}.ui-checkbox--md .ui-checkbox__button{font-size:var(--text-sm-fontSize);line-height:var(--un-leading,var(--text-sm-lineHeight));width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.ui-checkbox--lg{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));gap:calc(var(--spacing) * 2)}.ui-checkbox--lg .ui-checkbox__button{font-size:var(--text-base-fontSize);line-height:var(--un-leading,var(--text-base-lineHeight));width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.ui-checkbox--xl{font-size:var(--text-xl-fontSize);line-height:var(--un-leading,var(--text-xl-lineHeight));gap:calc(var(--spacing) * 2)}.ui-checkbox--xl .ui-checkbox__button{font-size:var(--text-lg-fontSize);line-height:var(--un-leading,var(--text-lg-lineHeight));width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}