.checkbox{appearance:none;background:var(--color-neutral-surface-default);border:1px solid var(--color-neutral-stroke-default,#c9ced6);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:12px 12px;border-radius:4px;width:20px;height:20px;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-block}.checkbox:hover{border-color:var(--color-neutral-stroke-high,#4a535e)}.checkbox:focus-visible{outline:2px solid color-mix(in oklab, var(--color-positive-surface-default,#e5f6e9), white 70%);outline-offset:2px}.checkbox:disabled{border-color:var(--color-neutral-surface-disable,#c9ced6);background:var(--color-neutral-surface-disable,#c9ced6);cursor:not-allowed;opacity:.9;background-position:50%;background-repeat:no-repeat;background-size:12px 12px}.checkbox:checked{background-color:var(--color-positive-content-default,#00a223);border-color:var(--color-positive-content-default,#00a223);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'><path d='M1 3.91667L3.24248 6L8 1' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.checkbox:indeterminate{background-color:var(--color-positive-content-default,#00a223);border-color:var(--color-positive-content-default,#00a223);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='2' viewBox='0 0 8 2' fill='none'><path d='M1 1.00549L7 1' stroke='%23fff' stroke-width='2' stroke-linecap='round'/></svg>")}.checkbox:disabled:checked{background-color:var(--color-neutral-surface-disable,#c9ced6);border-color:var(--color-neutral-surface-disable,#c9ced6);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='none'><path d='M1 3.91667L3.24248 6L8 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>")}.checkbox:disabled:indeterminate{background-color:var(--color-neutral-surface-disable,#c9ced6);border-color:var(--color-neutral-surface-disable,#c9ced6);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='2' viewBox='0 0 8 2' fill='none'><path d='M1 1.00549L7 1' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/></svg>")}.checkbox:disabled:hover{border-color:var(--color-neutral-surface-disable,#c9ced6)}