.gtCheckbox{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:14px;line-height:20px;color:var(--gt-text-primary);cursor:pointer}.gtCheckboxInput{position:absolute;width:20px;height:20px;margin:0;opacity:0;cursor:inherit}.gtCheckboxControl{display:flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--gt-border-strong);border-radius:var(--gt-radius-badge);background:var(--gt-surface-raised);color:var(--gt-text-on-action);transition:background-color var(--gt-duration-fast),border-color var(--gt-duration-fast)}.gtCheckboxControl svg{opacity:0;transform:scale(.85);transition:opacity var(--gt-duration-fast),transform var(--gt-duration-fast) ease-out}.gtCheckbox:hover .gtCheckboxInput:not(:disabled)+.gtCheckboxControl{background:var(--gt-surface-hover)}.gtCheckboxInput:checked+.gtCheckboxControl{background:var(--gt-action);border-color:var(--gt-action)}.gtCheckbox:hover .gtCheckboxInput:checked:not(:disabled)+.gtCheckboxControl{background:var(--gt-action-hover)}.gtCheckboxInput:checked+.gtCheckboxControl svg{opacity:1;transform:scale(1)}.gtCheckboxInput:focus-visible+.gtCheckboxControl{outline:2px solid var(--gt-border-strong);outline-offset:3px}.gtCheckboxInput[aria-invalid=true]+.gtCheckboxControl{border-color:var(--gt-danger)}.gtCheckbox:has(.gtCheckboxInput:disabled){opacity:.5;cursor:not-allowed}.gtCheckboxLabel{min-width:0;overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.gtCheckboxControl,.gtCheckboxControl svg{transition:none}}