.input-checkbox{color:var(--text-primary);font-size:var(--font-size,.875rem);font-weight:var(--font-weight,400);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3)}.input-checkbox .label{display:grid;grid-column-gap:.625rem;align-items:flex-start;grid-template-columns:auto 1fr}.input-checkbox .label:hover{cursor:pointer}.input-checkbox .checkbox{position:absolute;visibility:hidden}.input-checkbox span{color:var(--text-secondary);font-size:var(--font-size,.75rem);font-weight:var(--font-weight,400);letter-spacing:var(--letter-spacing,0);line-height:var(--line-height,1.3);margin:0}.input-checkbox span a{color:var(--text-link);text-decoration:none;transition:color var(--dur-base) var(--ease-out)}.input-checkbox span a:hover{color:var(--text-link-hover);text-decoration:none}.input-checkbox .icon{background-color:var(--bg,var(--field-00));border-radius:var(--radius-xs);box-shadow:var(--shadow,none);height:var(--height,1.25rem);min-height:var(--min-height,1.25rem);min-width:var(--min-width,1.25rem);width:var(--width,1.25rem);--color:transparent;--icon-size:14px;transition:background-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.input-checkbox .label{--shadow:inset 0 0 0 1px var(--border-02)}@media (hover:hover){.input-checkbox .label:hover{--shadow:inset 0 0 0 1px var(--border-hover)}.input-checkbox .label:hover .icon{--bg:var(--field-00)}}.input-checkbox.input-checkbox--checked .label{--shadow:inset 0 0 0 1px var(--support-brand-default)}.input-checkbox.input-checkbox--checked .label .icon{--bg:var(--support-brand-default);--color:var(--icon-inverse)}@media (hover:hover){.input-checkbox.input-checkbox--checked .label:hover .icon{--shadow:inset 0 0 0 1px var(--support-brand-default);--bg:var(--support-brand-high-contrast)}}.input-checkbox .checkbox[disabled]~.label{--shadow:inset 0 0 0 1px var(--border-00-low-contrast);pointer-events:none}.input-checkbox .checkbox[disabled]~.label .icon{--bg:var(--field-00);--color:transparent}.input-checkbox .checkbox[disabled]:checked~.label{--shadow:inset 0 0 0 1px var(--border-00-low-contrast)}.input-checkbox .checkbox[disabled]:checked~.label .icon{--bg:var(--field-00);--color:var(--icon-secondary)}.input-checkbox.has-error .label{--shadow:inset 0 0 0 1px var(--support-alert-default)}.input-checkbox.has-error .label .icon{--bg:transparent;--color:transparent}.input-checkbox.has-error.input-checkbox--checked .label .icon{--color:var(--icon-contrast);--bg:var(--support-alert-default)}.input-checkbox p{margin:0}
