.CheckboxButton{vertical-align:middle;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex;position:relative}.CheckboxButton[data-align-top=true]{align-items:flex-start}.CheckboxButton[data-checked=true] .CheckboxButton__box{background-color:var(--colors-key-lime-200);border-color:var(--colors-key-lime-200);color:var(--colors-base-black)}.CheckboxButton[data-checked=true] .CheckboxButton__box>svg{visibility:visible}.CheckboxButton[data-disabled=true]{opacity:.5;cursor:not-allowed}.CheckboxButton[data-disabled=true] .CheckboxButton__box{border-color:var(--colors-accent-2)}.CheckboxButton>input{opacity:0;pointer-events:none;position:absolute}.CheckboxButton>input:focus-visible+.CheckboxButton__box{box-shadow:0 0 0 3px var(--colors-primary-transparent);outline:none}.CheckboxButton__box{box-sizing:border-box;border:1px solid var(--colors-foreground);border-radius:var(--radius-xs);background-color:var(--colors-input);flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;display:flex}.CheckboxButton__box>svg{visibility:hidden;display:block}.CheckboxButton__label{cursor:pointer;margin:0}