.animated-checkbox{cursor:pointer;min-height:44px;color:var(--foreground);align-items:center;gap:12px;display:flex;position:relative}.animated-checkbox>input[type=checkbox],.site-app .animated-checkbox>input[type=checkbox]{z-index:1;opacity:0;width:22px;height:22px;cursor:inherit;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.animated-checkbox-box{border:1.5px solid var(--muted);width:20px;height:20px;color:var(--background);background:0 0;border-radius:6px;flex:none;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.animated-checkbox-box svg{width:100%;height:100%}.animated-checkbox>input:checked+.animated-checkbox-box{background:var(--foreground);border-color:var(--foreground)}.animated-checkbox>input:focus-visible+.animated-checkbox-box{outline:2px solid var(--foreground);outline-offset:4px}.animated-checkbox[data-disabled]{opacity:.55;cursor:not-allowed}.animated-checkbox-label{min-width:0;font-size:inherit;line-height:1.6}@media (prefers-reduced-motion:reduce){.animated-checkbox-box{transition:none}}