.checkbox{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-roboto);font-size:16px;color:var(--color-foreground);cursor:pointer}.checkbox:has(.checkbox-input:disabled){cursor:default}.checkbox-input{position:absolute;width:1px;height:1px;opacity:0;margin:0}.checkbox-box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border-radius:var(--radius-sm);border:2px solid rgba(var(--color-snow-rgb),.5);background:transparent;transition:border-color .15s,background .15s}.checkbox-check{color:var(--color-midnight);opacity:0;transition:opacity .15s}.checkbox-input:checked+.checkbox-box{border-color:var(--color-lime);background:var(--color-lime)}.checkbox-input:checked+.checkbox-box .checkbox-check{opacity:1}.checkbox-box[data-force=hover],.checkbox:hover .checkbox-box{border-color:rgba(var(--color-snow-rgb),.8)}.checkbox-box[data-force=focus],.checkbox-input:focus-visible+.checkbox-box{outline:2px solid var(--color-witchy);outline-offset:3px}.checkbox-box[data-force=active],.checkbox-input:active+.checkbox-box{border-color:var(--color-lime)}.checkbox-input:disabled+.checkbox-box,.checkbox-input:disabled~.checkbox-label{opacity:.5}.checkbox-label{user-select:none}