.checkbox{--checkbox-size:var(--space-size-s);--checkbox-default-background-color:transparent;--checkbox-focus-background-color:transparent}.checkbox--variant-light{--checkbox-default-border-color:var(--checkbox-variant-light-border-color);--checkbox-focus-border-color:var(--checkbox-variant-light-border-color)}.page-section--variant-primary .checkbox--variant-light{--checkbox-default-border-color:var(--checkbox-variant-light-border-color-on-primary);--checkbox-focus-border-color:var(--checkbox-variant-light-border-color-on-primary)}.checkbox--variant-dark{--checkbox-default-border-color:var(--checkbox-variant-dark-border-color);--checkbox-focus-border-color:var(--checkbox-variant-dark-border-color)}.checkbox__label{cursor:pointer;min-height:var(--checkbox-size);padding-left:calc(var(--checkbox-size) + var(--space-size-xs-s));margin:0;display:inline-block;position:relative}.checkbox__label:after,.checkbox__label:before{content:"";top:var(--space-size-3xs);width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--checkbox-border-radius);transition:background-color var(--transition-default-duration) var(--transition-default-timing-function),border-color var(--transition-default-duration) var(--transition-default-timing-function);display:inline-block;position:absolute;left:0}.checkbox__label:before{border:1px solid var(--checkbox-default-border-color);background-color:var(--checkbox-default-background-color)}.checkbox:hover .checkbox__label:before,.checkbox__input:focus+.checkbox__label:before{background-color:var(--checkbox-focus-background-color);border-color:var(--checkbox-focus-border-color)}.checkbox--error .checkbox__label:before{border-color:var(--color-error)}.checkbox__input{width:1px;height:1px;clip-path:rect(0 0 0 0);white-space:nowrap;border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkbox__input:checked+.checkbox__label:before{background-color:var(--checkbox-active-background-color);border-color:var(--checkbox-active-border-color)}.checkbox__input:checked+.checkbox__label:after{background-color:var(--checkbox-check-color);-webkit-mask-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m11.556%205.365.342.365-4.81%204.51-.342.32L4%207.984l.342-.364.342-.365%202.062%201.933L11.214%205z%22%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22m11.556%205.365.342.365-4.81%204.51-.342.32L4%207.984l.342-.364.342-.365%202.062%201.933L11.214%205z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.checkbox__input:disabled+.checkbox__label{cursor:default;opacity:.2}.checkbox__input:disabled:checked+.checkbox__label{opacity:.2}