.ft-checkbox[data-state=checked] .ft-checkbox-polyline{stroke-dashoffset:44px;transition:stroke-dashoffset .25s linear .2s}.ft-checkbox:not([data-state=checked]) .ft-checkbox-polyline{stroke-dashoffset:66px}.ft-checkbox .ft-checkbox-line{opacity:0;transform-origin:50%;transition:opacity .25s,transform .25s;transform:scaleX(0)}.ft-checkbox[data-state=indeterminate] .ft-checkbox-line{opacity:1;transition:opacity .25s .1s,transform .25s .1s;transform:scaleX(1)}.ft-checkbox[data-state=indeterminate] .ft-checkbox-polyline{opacity:0}.ft-checkbox:after{content:"";background-color:var(--primary);opacity:0;transform-origin:50%;border-radius:6px;transition:all .2s linear;position:absolute;inset:0;scale:.5}.ft-checkbox[data-state=checked]:after,.ft-checkbox[data-state=indeterminate]:after{opacity:1;scale:1}.ft-checkbox[data-state=checked]:before,.ft-checkbox[data-state=indeterminate]:before{border-color:var(--primary)}.ft-checkbox:before{content:"";border:1px solid var(--input);transform-origin:50%;border-radius:6px;transition:all;position:absolute;inset:0}.ft-checkbox:hover:before{border-color:var(--input-hover,var(--input))}