.oct-checkbox{--oct-checkbox-size:18px;--oct-checkbox-inner-size:20px;--oct-checkbox-radius:6px;--oct-checkbox-label-gap:8px;--oct-checkbox-bg:var(--color-white);--oct-checkbox-border:var(--color-gray-200);--oct-checkbox-bg-hover:var(--color-gray-50);--oct-checkbox-bg-active:var(--color-gray-100);--oct-checkbox-checked-bg:var(--color-red-500);--oct-checkbox-checked-bg-hover:var(--color-red-550);--oct-checkbox-checked-bg-active:var(--color-red-600);align-items:center;gap:var(--oct-checkbox-label-gap);cursor:pointer;display:inline-flex}.oct-checkbox[data-disabled]{opacity:.4;cursor:not-allowed}.oct-checkbox-inner{width:var(--oct-checkbox-inner-size);height:var(--oct-checkbox-inner-size);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.oct-checkbox-input{-webkit-appearance:none;appearance:none;width:var(--oct-checkbox-size);height:var(--oct-checkbox-size);cursor:inherit;border:1px solid var(--oct-checkbox-border);border-radius:var(--oct-checkbox-radius);background:var(--oct-checkbox-bg);transition:background-color var(--t),border-color var(--t);flex-shrink:0;margin:0}.oct-checkbox-input:not(:disabled):hover{background:var(--oct-checkbox-bg-hover)}.oct-checkbox-input:not(:disabled):active{background:var(--oct-checkbox-bg-active)}.oct-checkbox-input:checked{background:var(--oct-checkbox-checked-bg);border-color:#0000}.oct-checkbox-input:checked:not(:disabled):hover{background:var(--oct-checkbox-checked-bg-hover);border-color:#0000}.oct-checkbox-input:checked:not(:disabled):active{background:var(--oct-checkbox-checked-bg-active);border-color:#0000}.oct-checkbox-input:focus-visible{outline:none;box-shadow:0 0 0 3px #ff000733}.oct-checkbox-icon{width:auto;height:1rem;color:var(--color-white);pointer-events:none;opacity:0;transition:opacity var(--t),transform var(--t);position:absolute;transform:scale(.5)}.oct-checkbox-input:checked~.oct-checkbox-icon{opacity:1;transform:scale(1)}.oct-checkbox-label{color:var(--color-gray-900);cursor:inherit;-webkit-user-select:none;user-select:none;font-size:14px;line-height:20px}