@atlaskit/checkbox/dist/esm/checkbox.compiled.css

A checkbox is an input control that allows a user to select one or more options from a number of choices.

._19itglyw{border:none}
._19op11so+svg rect:first-of-type{transition:stroke .2s ease-in-out}
._1ef7js4s._1ef7js4s:checked:focus+svg, ._1h6rjs4s._1h6rjs4s:focus+svg{border-radius:var(--ds-border-radius,.25rem)}
._9bg71mn3+svg{transition:color .2s ease-in-out,fill .2s ease-in-out}
._nd5lfibj{grid-area:1/1/2/2}
._r050fibj+svg{grid-area:1/1/2/2}
._smzgo41a._smzgo41a:checked:focus+svg, ._1dk7o41a._1dk7o41a:focus+svg{outline:var(--_gqccd2)}._10oaq2ws:checked[data-invalid]+svg{--checkbox-border-color:var(--local-border-checked-invalid)}
._10y313gf:disabled+svg, ._1wt913gf:disabled:active+svg, ._qq8613gf:disabled:focus+svg, ._1adw13gf:disabled:hover+svg, ._12sr13gf:disabled[data-invalid]+svg{cursor:not-allowed}
._12ji1r31{outline-color:currentColor}
._12l2ze3t{margin-inline-end:var(--ds-space-0,0)}
._12y31o36{outline-width:medium}
._13wo93zu+svg{--checkbox-background-color:var(--local-background)}
._15y61vek:active+svg{--checkbox-border-color:var(--local-border-active)}
._1610e4h9+svg rect:first-of-type{stroke-width:var(--ds-border-width,1px)}
._16jiglyw:disabled+svg, ._693jglyw:disabled:active+svg, ._1niqglyw:disabled:focus+svg, ._cl9tglyw:disabled:hover+svg, ._1jbnglyw:disabled[data-invalid]+svg{pointer-events:none}
._18qu1ps2:indeterminate+svg{--checkbox-background-color:var(--local-background-checked)}
._1ah9199y:hover+svg{--checkbox-border-color:var(--local-border-hover)}
._1bok170n:checked+svg{--checkbox-border-color:var(--local-border-checked)}
._1bsb1osq{width:100%}
._1fo21cni+svg{fill:var(--checkbox-tick-color)}
._1frj180l:checked:hover+svg{--checkbox-background-color:var(--local-background-checked-hover)}
._1g52170n:indeterminate+svg{--checkbox-border-color:var(--local-border-checked)}
._1log17cl:indeterminate+svg{--checkbox-tick-color:var(--local-tick-checked)}
._1mhr17cl:checked+svg{--checkbox-tick-color:var(--local-tick-checked)}
._1pfhze3t{margin-block-start:var(--ds-space-0,0)}
._1qu2glyw{outline-style:none}
._1vv91diq:disabled:indeterminate+svg{--checkbox-border-color:var(--local-border-disabled)}
._32hzmz2b:disabled:indeterminate+svg{--checkbox-background-color:var(--local-background-disabled)}
._4t3i1osq{height:100%}
._6rthze3t{margin-block-end:var(--ds-space-0,0)}
._8gq114p8+svg{--checkbox-tick-color:var(--local-tick-rest)}
._a30fhteq+svg rect:first-of-type{stroke:var(--checkbox-border-color)}
._ahbqze3t{margin-inline-start:var(--ds-space-0,0)}
._axq81diq:disabled+svg, ._1jiz1diq:disabled:active+svg, ._s9051diq:disabled:focus+svg, ._1efy1diq:disabled:hover+svg, ._1oav1diq:disabled[data-invalid]+svg{--checkbox-border-color:var(--local-border-disabled)}
._dwvb1ps2:checked+svg{--checkbox-background-color:var(--local-background-checked)}
._e6ww155b:checked:active+svg{--checkbox-background-color:var(--local-background-active)}
._eyedglyw+svg{pointer-events:none}
._fx2i3rva[data-invalid]+svg{--checkbox-border-color:var(--local-border-invalid)}
._h78e1g3k:checked:hover+svg{--checkbox-border-color:var(--local-border-checked-hover)}
._j1ta1hou:disabled:checked+svg{--checkbox-tick-color:var(--local-tick-disabled)}
._l71j1i6y._l71j1i6y:checked:focus+svg, ._t34a1i6y._t34a1i6y:focus+svg{outline-offset:var(--ds-space-negative-025,-2px)}
._q5a61gyf+svg{--checkbox-border-color:var(--local-border)}
._r06hglyw{-webkit-appearance:none;appearance:none}
._rphw18jz:checked:active+svg{--checkbox-tick-color:var(--local-tick-active)}
._sg1j1vek:checked:active+svg{--checkbox-border-color:var(--local-border-active)}
._tzy4idpf{opacity:0}
._w12s155b:active+svg{--checkbox-background-color:var(--local-background-active)}
._wje2mov0+svg{color:var(--checkbox-background-color)}
._y32gkivo:hover+svg{--checkbox-background-color:var(--local-background-hover)}
._y9y9mz2b:disabled+svg, ._141bmz2b:disabled:active+svg, ._255gmz2b:disabled:focus+svg, ._jj67mz2b:disabled:hover+svg, ._swhgmz2b:disabled[data-invalid]+svg{--checkbox-background-color:var(--local-background-disabled)}
._yjhd1hou:disabled:indeterminate+svg{--checkbox-tick-color:var(--local-tick-disabled)}
@media screen and (forced-colors:active){._w1cowc43+svg{--checkbox-background-color:Canvas}._jdqn1onz+svg{--checkbox-border-color:CanvasText}._4y4t1onz+svg{--checkbox-tick-color:CanvasText}._lvfrwc43:checked+svg, ._g68dwc43:checked:hover+svg{--checkbox-background-color:Canvas}._13dk1onz:checked+svg, ._w1el1onz:checked:hover+svg{--checkbox-border-color:CanvasText}._a9yw1onz:checked+svg, ._1l3g1onz:checked:hover+svg{--checkbox-tick-color:CanvasText}._dcdpgir2:focus+svg rect:first-of-type{stroke:Highlight}._wobcgir2[data-invalid]+svg{--checkbox-border-color:Highlight}._rp9wgir2:checked[data-invalid]+svg{--checkbox-border-color:Highlight}._9ebfwc43:disabled+svg, ._e43iwc43:disabled:active+svg, ._1tkuwc43:disabled:focus+svg, ._1lehwc43:disabled:hover+svg, ._b9q3wc43:disabled[data-invalid]+svg{--checkbox-background-color:Canvas}._tu2918qt:disabled+svg, ._1uxv18qt:disabled:active+svg, ._1ufw18qt:disabled:focus+svg, ._opo918qt:disabled:hover+svg, ._1e8318qt:disabled[data-invalid]+svg{--checkbox-border-color:GrayText}._1k3d18qt:disabled+svg, ._25yv18qt:disabled:active+svg, ._1igz18qt:disabled:focus+svg, ._c7cc18qt:disabled:hover+svg, ._1swg18qt:disabled[data-invalid]+svg{--checkbox-tick-color:GrayText}}