.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;transition:all .2s;display:flex;position:relative}.checkbox-no-label{gap:0}.checkbox.disabled{cursor:default;opacity:.5}.checkbox input[type=checkbox]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{background:var(--bg-input);border:1px solid #0000;border-radius:.25rem;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;transition:background-color .15s;display:flex;position:relative}.checkbox-icon{width:.625rem;height:.625rem;color:var(--accent-primary-text-color);opacity:0;font-size:.625rem;transition:all .2s;transform:scale(.5)}.checkbox-icon-indeterminate{width:.75rem;height:.75rem}.checkbox input[type=checkbox]:checked~.checkbox-custom,.checkbox.indeterminate .checkbox-custom{background:var(--bg-button-active)}.checkbox input[type=checkbox]:checked~.checkbox-custom .checkbox-icon,.checkbox.indeterminate .checkbox-custom .checkbox-icon{opacity:1;transform:scale(1)}.checkbox:hover:not(.disabled) .checkbox-custom{background:var(--bg-button-hover)}.checkbox:hover .checkbox-label{color:var(--text-primary)}.checkbox:hover input[type=checkbox]:checked~.checkbox-custom,.checkbox.indeterminate:hover .checkbox-custom{background:var(--bg-button-active-hover)}.checkbox-label{color:var(--text-secondary);align-items:center;font-size:.8125rem;line-height:1;transition:color .2s;display:flex}.checkbox.disabled .checkbox-custom{background:var(--bg-secondary);cursor:default}.checkbox.disabled .checkbox-label{color:var(--text-tertiary)}
