.cs-checkbox{align-items:center;display:inline-flex}.cs-checkbox--labelled{gap:var(--cs-space-2);cursor:pointer}.cs-checkbox__control{width:var(--cs-space-6);height:var(--cs-space-6);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.cs-checkbox__input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.cs-checkbox__box{border:1px solid var(--cs-border-strong);border-radius:var(--cs-radius-sm);background:var(--cs-surface-1);width:1.15rem;height:1.15rem;transition:background var(--cs-duration-fast) var(--cs-ease-out), border-color var(--cs-duration-fast) var(--cs-ease-out);justify-content:center;align-items:center;display:inline-flex}.cs-checkbox__check{width:.8rem;height:.8rem;color:var(--cs-on-accent);opacity:0;transition:opacity var(--cs-duration-fast) var(--cs-ease-out)}.cs-checkbox__input:checked~.cs-checkbox__box{background:var(--cs-accent);border-color:var(--cs-accent)}.cs-checkbox__input:checked~.cs-checkbox__box .cs-checkbox__check{opacity:1}.cs-checkbox__input:focus-visible~.cs-checkbox__box{outline:2px solid var(--cs-focus);outline-offset:2px}.cs-checkbox__input:disabled~.cs-checkbox__box{opacity:.5}.cs-checkbox__input:disabled,.cs-checkbox[data-disabled]{cursor:not-allowed}.cs-checkbox__label{font-size:var(--cs-text-sm);color:var(--cs-fg)}@media (forced-colors:active){.cs-checkbox__box{border:1px solid canvastext}.cs-checkbox__input:checked~.cs-checkbox__box{forced-color-adjust:none;background:highlight;border-color:highlight}.cs-checkbox__check{forced-color-adjust:none}}