.connect-checkbox{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;color:var(--ds-color-content-default);align-items:flex-start;margin:0;transition:box-shadow .11s;display:inline-flex}.connect-checkbox__label-wrapper{vertical-align:top;padding-block:var(--ds-layout-spacing-50);padding-inline:var(--ds-layout-spacing-50);align-items:flex-start;gap:var(--ds-layout-spacing-100);display:inline-flex;position:relative}.connect-checkbox__input-wrapper{padding:var(--ds-layout-spacing-25);justify-content:center;align-items:center;display:flex;position:relative}.connect-checkbox--input input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.connect-checkbox__control{z-index:2;height:calc(var(--ds-layout-spacing-300) - (var(--ds-layout-spacing-25) * 2));width:calc(var(--ds-layout-spacing-300) - (var(--ds-layout-spacing-25) * 2));box-sizing:border-box;background-color:var(--ds-color-surface-background-level-1-default);box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default);border-radius:var(--ds-layout-radius-50);transform-origin:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.125rem;transition:box-shadow .11s;display:flex;position:relative}.connect-checkbox__control .connect-checkbox__icon{width:var(--ds-layout-radius-200);height:var(--ds-layout-radius-200);background-color:var(--ds-color-content-on-primary);flex-shrink:0}.connect-checkbox__feedback{z-index:1;height:var(--ds-layout-radius-400);width:var(--ds-layout-radius-400);border-radius:var(--ds-layout-radius-round);transform-origin:50%;background-color:#0000;justify-content:center;align-items:center;gap:.625rem;transition:transform .11s,background-color .11s;display:flex;position:absolute;transform:scale(.5)}.connect-checkbox__label{color:var(--ds-color-content-default);display:block}.connect-checkbox:has(input[type=checkbox]:focus-visible):not([aria-disabled=true]){box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-support-focused-default);border-radius:var(--ds-layout-radius-50)}.connect-checkbox:hover:not([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-strong);cursor:pointer;border:0}.connect-checkbox:hover:not([aria-disabled=true]) .connect-checkbox__feedback{background-color:var(--ds-color-interactive-neutral-subtle-hovered);cursor:pointer;transform:scale(1)}.connect-checkbox:hover:not([aria-disabled=true]) .connect-checkbox__label-wrapper{cursor:pointer}.connect-checkbox:active:not([aria-disabled=true]) .connect-checkbox__feedback{background-color:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-checkbox[data-presentational-checked=true]:not([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;background-color:var(--ds-color-interactive-primary-enabled);justify-content:center;align-items:center;display:flex}.connect-checkbox:has(input[type=checkbox]:checked):not([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;background-color:var(--ds-color-interactive-primary-enabled);justify-content:center;align-items:center;display:flex}.connect-checkbox[data-presentational-checked=true]:not([aria-disabled=true]) .connect-checkbox__control .connect-checkbox__icon{background-color:var(--ds-color-content-on-primary)}.connect-checkbox:has(input[type=checkbox]:checked):not([aria-disabled=true]) .connect-checkbox__control .connect-checkbox__icon{background-color:var(--ds-color-content-on-primary)}.connect-checkbox:has(input[type=checkbox]:indeterminate):not([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;background-color:var(--ds-color-interactive-primary-enabled)}.connect-checkbox:has(input[type=checkbox]):has([aria-disabled=true]){opacity:var(--ds-misc-opacity-50)}.connect-checkbox:has(input[type=checkbox]):has([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default);background-color:var(--ds-color-surface-background-level-1-default);cursor:not-allowed}.connect-checkbox:has(input[type=checkbox]):has([aria-disabled=true]) .connect-checkbox__feedback{cursor:not-allowed}.connect-checkbox:has(input[type=checkbox]):has([aria-disabled=true]) .connect-checkbox__label-wrapper{cursor:not-allowed}.connect-checkbox[data-presentational-checked=true][aria-disabled=true]{opacity:var(--ds-misc-opacity-50)}.connect-checkbox:has(input[type=checkbox]:checked):has([aria-disabled=true]){opacity:var(--ds-misc-opacity-50)}.connect-checkbox[data-presentational-checked=true][aria-disabled=true] .connect-checkbox__control{background-color:var(--ds-color-interactive-primary-enabled)}.connect-checkbox:has(input[type=checkbox]:checked):has([aria-disabled=true]) .connect-checkbox__control{background-color:var(--ds-color-interactive-primary-enabled)}.connect-checkbox:active:has([aria-disabled=true]) .connect-checkbox__feedback{background-color:#0000}.connect-checkbox:hover:has([aria-disabled=true]) .connect-checkbox__control{box-shadow:0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default)}.connect-checkbox:hover:has([aria-disabled=true]) .connect-checkbox__feedback{background-color:#0000}.connect-checkbox[aria-disabled=true]{opacity:var(--ds-misc-opacity-50);cursor:not-allowed}.connect-checkbox[aria-disabled=true] .connect-checkbox__control{box-shadow:0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-support-negative-default)}.connect-checkbox[aria-disabled=true] .connect-checkbox__label{color:var(--ds-color-content-default)}.connect-checkbox.is-invalid:hover .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-support-negative-default);cursor:pointer;border:0}.connect-checkbox.is-invalid:hover .connect-checkbox__feedback{background-color:var(--ds-color-interactive-neutral-subtle-hovered);cursor:pointer;transform:scale(1)}.connect-checkbox.is-invalid:hover .connect-checkbox__label-wrapper{cursor:pointer}.connect-checkbox.is-invalid .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-support-negative-default)}.connect-checkbox.is-invalid:active .connect-checkbox__feedback{background-color:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-checkbox.is-invalid[data-presentational-checked=true]:not([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;background-color:var(--ds-color-interactive-negative-enabled)}.connect-checkbox.is-invalid:has(input[type=checkbox]:checked):not([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;background-color:var(--ds-color-interactive-negative-enabled)}.connect-checkbox.is-invalid:has(input[type=checkbox]:indeterminate):not([aria-disabled=true]) .connect-checkbox__control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;background-color:var(--ds-color-interactive-negative-enabled)}.connect-checkbox.is-invalid:has(input[type=checkbox]):has([aria-disabled=true]) .connect-checkbox__control{box-shadow:0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-support-negative-default);cursor:not-allowed;border:0}.connect-checkbox.is-invalid:has(input[type=checkbox]):has([aria-disabled=true]) .connect-checkbox__feedback{cursor:not-allowed;background-color:#0000}
