.f-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none}.f-checkbox:after,.f-checkbox:before{content:"";background:var(--color-move-800);border-radius:2px;width:3px;position:absolute;top:50%;left:50%}.dark .f-checkbox:after,.dark .f-checkbox:before{background:var(--color-move-200)}.f-checkbox:before{clip-path:inset(0 0 100%);height:7px;transform:translate(calc(-50% - 2px))translateY(-50%)rotate(-45deg)}.f-checkbox:after{z-index:2;clip-path:inset(100% 0 0);height:16px;transform:translate(calc(4.2px - 50%))translateY(calc(-50% - 3px))rotate(45deg)}.f-checkbox:checked:before{animation:f-checkbox-draw-short 50ms ease-out forwards}.f-checkbox:checked:after{animation:f-checkbox-draw-long 80ms ease-out 40ms both}@keyframes f-checkbox-draw-short{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes f-checkbox-draw-long{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@media(prefers-reduced-motion:reduce){.f-checkbox:checked:after,.f-checkbox:checked:before{clip-path:inset(0);animation:none}}.f-checkbox:focus:after,.f-checkbox:focus:before{background:var(--color-accent-800)}.dark .f-checkbox:focus:after,.dark .f-checkbox:focus:before{background:var(--color-accent-200)}.f-checkbox:disabled{border-color:var(--color-main-400,var(--color-slate-400))}@media(hover:hover){.f-checkbox:disabled:hover{border-color:var(--color-main-400,var(--color-slate-400))}}.f-checkbox:disabled:is(.dark *){border-color:var(--color-main-600,var(--color-slate-600))}@media(hover:hover){.f-checkbox:disabled:is(.dark *):hover{border-color:var(--color-main-600,var(--color-slate-600))}}.f-checkbox:disabled{cursor:not-allowed}.f-checkbox:disabled:after,.f-checkbox:disabled:before{background-color:var(--color-main-600,var(--color-slate-600))}