.cyber-checkbox,.cyber-checkbox__mark{--checkbox-size:24px;--checkbox-color:var(--accent-fill);--checkbox-edge:var(--accent-fill);--checkbox-hover:var(--accent-fill-hover);--checkbox-ring:color-mix(in srgb, var(--accent-fill) 16%, transparent);flex:0 0 var(--checkbox-size);width:var(--checkbox-size);height:var(--checkbox-size);vertical-align:middle;-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.cyber-checkbox{cursor:pointer}:root .cyber-checkbox>input[type=checkbox]{z-index:1;opacity:0;width:100%;min-width:0;height:100%;min-height:0;cursor:inherit;margin:0;padding:0;position:absolute;inset:0}.cyber-checkbox__mark{pointer-events:none}.cyber-checkbox__box{border:2px solid var(--checkbox-edge);background:0 0;border-radius:4px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s;position:absolute;inset:0}.cyber-checkbox__check,.cyber-checkbox__mixed{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;padding:2px;transition:transform .2s;position:absolute;inset:0;transform:scale(0)}.cyber-checkbox>input:is(:checked,:indeterminate)+.cyber-checkbox__mark .cyber-checkbox__box,.cyber-checkbox__mark[data-checked=true] .cyber-checkbox__box{background:var(--checkbox-color);border-color:var(--checkbox-color)}.cyber-checkbox>input:checked:not(:indeterminate)+.cyber-checkbox__mark .cyber-checkbox__check,.cyber-checkbox__mark[data-checked=true] .cyber-checkbox__check,.cyber-checkbox>input:indeterminate+.cyber-checkbox__mark .cyber-checkbox__mixed{transform:scale(1)}.cyber-checkbox:has(input:disabled){cursor:default}.cyber-checkbox>input:disabled+.cyber-checkbox__mark{opacity:.55}@media (hover:hover){:is(.cyber-checkbox:has(input:not(:disabled)):hover .cyber-checkbox__box,.task-check-control:has(button:not([aria-disabled=true])):hover .cyber-checkbox__box,.calendar-filter-option:hover .cyber-checkbox__box){border-color:var(--checkbox-hover);box-shadow:0 0 0 2px var(--checkbox-ring)}}:is(.cyber-checkbox:has(input:not(:disabled)):active .cyber-checkbox__box,.task-check-control:has(button:not([aria-disabled=true])):active .cyber-checkbox__box){transform:scale(.9)}:is(.cyber-checkbox:has(input:focus-visible) .cyber-checkbox__box,.task-check-control:has(button:focus-visible) .cyber-checkbox__box){outline:2px solid var(--checkbox-edge);outline-offset:3px;box-shadow:0 0 0 4px var(--checkbox-ring)}.cyber-checkbox__effects,.cyber-checkbox__particles{pointer-events:none;position:absolute;inset:0}.cyber-checkbox__spark,.cyber-checkbox__particle{background:var(--checkbox-edge);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%}.cyber-checkbox__spark{--spark-angle:0deg;width:2px;height:2px}.cyber-checkbox__spark:nth-child(2){--spark-angle:90deg}.cyber-checkbox__spark:nth-child(3){--spark-angle:180deg}.cyber-checkbox__spark:nth-child(4){--spark-angle:270deg}.cyber-checkbox__particle:first-child{--particle-x:-20px;--particle-y:-20px;--particle-delay:0s}.cyber-checkbox__particle:nth-child(2){--particle-x:20px;--particle-y:-20px;--particle-delay:.1s}.cyber-checkbox__particle:nth-child(3){--particle-x:20px;--particle-y:20px;--particle-delay:.15s}.cyber-checkbox__particle:nth-child(4){--particle-x:-20px;--particle-y:20px;--particle-delay:50ms}.cyber-checkbox__particle:nth-child(5){--particle-x:-30px;--particle-y:0px;--particle-delay:.12s}.cyber-checkbox__particle:nth-child(6){--particle-x:30px;--particle-y:0px;--particle-delay:80ms}.cyber-checkbox__particle:nth-child(7){--particle-x:0px;--particle-y:-30px;--particle-delay:.18s}.cyber-checkbox__particle:nth-child(8){--particle-x:0px;--particle-y:30px;--particle-delay:.15s}.cyber-checkbox[data-animated]>input:checked+.cyber-checkbox__mark .cyber-checkbox__spark,.cyber-checkbox__mark[data-animated][data-checked=true] .cyber-checkbox__spark{animation:.4s ease-out checkbox-spark}.cyber-checkbox[data-animated]>input:checked+.cyber-checkbox__mark .cyber-checkbox__particle,.cyber-checkbox__mark[data-animated][data-checked=true] .cyber-checkbox__particle{animation:checkbox-particle-in .4s ease-out var(--particle-delay) both}.cyber-checkbox[data-animated]>input:not(:checked)+.cyber-checkbox__mark .cyber-checkbox__particle,.cyber-checkbox__mark[data-animated][data-checked=false] .cyber-checkbox__particle{animation:checkbox-particle-out .4s ease-out var(--particle-delay) both}@keyframes checkbox-spark{0%{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateX(-20px) scale(0)}50%{opacity:1}to{opacity:0;transform:translate(-50%, -50%) rotate(var(--spark-angle)) translateX(-30px) scale(1)}}@keyframes checkbox-particle-in{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(1)}}@keyframes checkbox-particle-out{0%{opacity:0;transform:translate(calc(-50% + var(--particle-x)), calc(-50% + var(--particle-y))) scale(1)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(0)}}.task-check-control{flex:0 0 24px;width:24px;height:24px;display:inline-flex;position:relative}.task-row.item-colored .task-check-control>.task-complete-button{background:0 0;width:44px;height:44px;margin:0;position:absolute;inset:-10px}@media (prefers-reduced-motion:reduce){.cyber-checkbox__mark .cyber-checkbox__spark,.cyber-checkbox__mark .cyber-checkbox__particle{display:none}.cyber-checkbox__box,.cyber-checkbox__check,.cyber-checkbox__mixed{transition:none}}@media (forced-colors:active){:root .cyber-checkbox>input[type=checkbox]{appearance:auto;opacity:1}.cyber-checkbox>.cyber-checkbox__mark{visibility:hidden}.cyber-checkbox__box{border-color:buttontext}.cyber-checkbox__mark[data-checked=true] .cyber-checkbox__box{forced-color-adjust:none;background:highlight;border-color:highlight}.cyber-checkbox__mark[data-checked=true] .cyber-checkbox__check{stroke:highlighttext}.cyber-checkbox__effects,.cyber-checkbox__particles{display:none}}