.pomo-checkbox{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.pomo-checkbox-input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:inherit}.pomo-checkbox-box{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;width:var(--ent-checkbox-size);height:var(--ent-checkbox-size);border:1.5px solid var(--ent-text-3);border-radius:var(--ent-radius-check);background:var(--ent-surface);color:var(--ent-on-accent);transition:background var(--ent-motion-fast) var(--ent-motion-ease),border-color var(--ent-motion-fast) var(--ent-motion-ease),box-shadow var(--ent-motion-fast) var(--ent-motion-ease)}.pomo-checkbox-box svg{opacity:0;transition:opacity var(--ent-motion-fast) var(--ent-motion-ease)}.pomo-checkbox:hover .pomo-checkbox-box{border-color:var(--ent-accent-border-strong)}.pomo-checkbox.is-checked .pomo-checkbox-box,.pomo-checkbox.is-indeterminate .pomo-checkbox-box{border-color:var(--ent-accent);background:var(--ent-accent)}.pomo-checkbox.is-checked .pomo-checkbox-box svg,.pomo-checkbox.is-indeterminate .pomo-checkbox-box svg{opacity:1}.pomo-checkbox-input:focus-visible+.pomo-checkbox-box{border-color:var(--ent-accent-border-strong);box-shadow:0 0 0 3px var(--ent-accent-ring)}.pomo-checkbox.is-disabled{opacity:.5;cursor:not-allowed}.pomo-checkbox-label{color:var(--ent-text-1);font-size:13px;line-height:1.4;-webkit-user-select:none;user-select:none}