.connect-card{position:relative;display:flex;flex-direction:column;gap:var(--ds-layout-spacing-0);border-radius:var(--ds-layout-radius-200);background:var(--ds-color-surface-background-base-layer-1);padding:0;margin:0;border:none;box-sizing:border-box;overflow:hidden}.connect-card--outline{transition:border .15s cubic-bezier(.2,0,.38,.9);border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-muted)}.connect-card--elevated{transition:box-shadow .15s cubic-bezier(.2,0,.38,.9);box-shadow:var(--ds-misc-elevation-sm-key-x) var(--ds-misc-elevation-sm-key-y) var(--ds-misc-elevation-sm-key-blur) var(--ds-misc-elevation-sm-key-spread) var(--ds-misc-elevation-color-key),var(--ds-misc-elevation-sm-ambient-x) var(--ds-misc-elevation-sm-ambient-y) var(--ds-misc-elevation-sm-ambient-blur) var(--ds-misc-elevation-sm-ambient-spread) var(--ds-misc-elevation-color-ambient)}.connect-card--ghost{transition:background-color .15s cubic-bezier(.2,0,.38,.9);background-color:transparent}.connect-card--ghost.connect-card--default,.connect-card--none.connect-card--ghost{border-radius:0}.connect-card-header{box-sizing:border-box;margin:var(--ds-screen-spacing-fluid-150-200) var(--ds-screen-spacing-fluid-150-200) var(--ds-layout-spacing-0) var(--ds-screen-spacing-fluid-150-200)}.connect-card--ghost.connect-card--none .connect-card-header{margin:var(--ds-layout-spacing-0)}.connect-card-footer{box-sizing:border-box;margin:var(--ds-layout-spacing-0) var(--ds-screen-spacing-fluid-150-200) var(--ds-screen-spacing-fluid-150-200) var(--ds-screen-spacing-fluid-150-200)}.connect-card--ghost.connect-card--none .connect-card-footer{margin:var(--ds-layout-spacing-0) var(--ds-layout-spacing-0) var(--ds-screen-spacing-fluid-150-200) var(--ds-layout-spacing-0)}.connect-card-body{box-sizing:border-box;display:flex;margin:var(--ds-screen-spacing-fluid-150-200);flex-direction:column;gap:var(--ds-layout-spacing-100)}.connect-card--ghost.connect-card--none .connect-card-body{margin:var(--ds-screen-spacing-fluid-150-200) var(--ds-layout-spacing-0)}.connect-card--action{font-family:inherit;font-size:inherit;color:inherit;text-align:inherit;text-decoration:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.connect-card--action,.connect-card--multiple,.connect-card--single{cursor:pointer}.connect-card--multiple:not(.connect-card--outline),.connect-card--single:not(.connect-card--outline){border:var(--ds-layout-stroke-width-10) solid transparent}.connect-card--outline.connect-card--action:hover:not([aria-disabled=true]),.connect-card--outline.connect-card--multiple:hover:not([aria-disabled=true]),.connect-card--outline.connect-card--single:hover:not([aria-disabled=true]){border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-strong)}.connect-card--outline.connect-card--action:active:not([aria-disabled=true]),.connect-card--outline.connect-card--multiple:active:not([aria-disabled=true]),.connect-card--outline.connect-card--single:active:not([aria-disabled=true]){border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-muted)}.connect-card--elevated.connect-card--action:hover:not([aria-disabled=true]):not(.connect-card--is-checked),.connect-card--elevated.connect-card--multiple:hover:not([aria-disabled=true]):not(.connect-card--is-checked),.connect-card--elevated.connect-card--single:hover:not([aria-disabled=true]):not(.connect-card--is-checked){box-shadow:var(--ds-misc-elevation-md-key-x) var(--ds-misc-elevation-md-key-y) var(--ds-misc-elevation-md-key-blur) var(--ds-misc-elevation-md-key-spread) var(--ds-misc-elevation-color-key),var(--ds-misc-elevation-md-ambient-x) var(--ds-misc-elevation-md-ambient-y) var(--ds-misc-elevation-md-ambient-blur) var(--ds-misc-elevation-md-ambient-spread) var(--ds-misc-elevation-color-ambient)}.connect-card--elevated.connect-card--action:active:not([aria-disabled=true]):not(.connect-card--is-checked),.connect-card--elevated.connect-card--multiple:active:not([aria-disabled=true]):not(.connect-card--is-checked),.connect-card--elevated.connect-card--single:active:not([aria-disabled=true]):not(.connect-card--is-checked){box-shadow:var(--ds-misc-elevation-xs-key-x) var(--ds-misc-elevation-xs-key-y) var(--ds-misc-elevation-xs-key-blur) var(--ds-misc-elevation-xs-key-spread) var(--ds-misc-elevation-color-key),var(--ds-misc-elevation-xs-ambient-x) var(--ds-misc-elevation-xs-ambient-y) var(--ds-misc-elevation-xs-ambient-blur) var(--ds-misc-elevation-xs-ambient-spread) var(--ds-misc-elevation-color-ambient)}.connect-card--elevated.connect-card--is-checked.connect-card--multiple:hover:not([aria-disabled=true]),.connect-card--elevated.connect-card--is-checked.connect-card--single:hover:not([aria-disabled=true]){box-shadow:0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled),var(--ds-misc-elevation-md-key-x) var(--ds-misc-elevation-md-key-y) var(--ds-misc-elevation-md-key-blur) var(--ds-misc-elevation-md-key-spread) var(--ds-misc-elevation-color-key),var(--ds-misc-elevation-md-ambient-x) var(--ds-misc-elevation-md-ambient-y) var(--ds-misc-elevation-md-ambient-blur) var(--ds-misc-elevation-md-ambient-spread) var(--ds-misc-elevation-color-ambient)}.connect-card--elevated.connect-card--is-checked.connect-card--multiple:active:not([aria-disabled=true]),.connect-card--elevated.connect-card--is-checked.connect-card--single:active:not([aria-disabled=true]){box-shadow:0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled),var(--ds-misc-elevation-xs-key-x) var(--ds-misc-elevation-xs-key-y) var(--ds-misc-elevation-xs-key-blur) var(--ds-misc-elevation-xs-key-spread) var(--ds-misc-elevation-color-key),var(--ds-misc-elevation-xs-ambient-x) var(--ds-misc-elevation-xs-ambient-y) var(--ds-misc-elevation-xs-ambient-blur) var(--ds-misc-elevation-xs-ambient-spread) var(--ds-misc-elevation-color-ambient)}.connect-card--ghost.connect-card--action:hover:not([aria-disabled=true]),.connect-card--ghost.connect-card--multiple:hover:not([aria-disabled=true]),.connect-card--ghost.connect-card--single:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-card--ghost.connect-card--action:active:not([aria-disabled=true]),.connect-card--ghost.connect-card--multiple:active:not([aria-disabled=true]),.connect-card--ghost.connect-card--single:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-card__checkbox,.connect-card__radio{position:absolute;right:var(--ds-layout-spacing-100);top:var(--ds-layout-spacing-100)}.connect-card__checkbox:focus-visible,.connect-card__radio:focus-visible{outline:none}.connect-card__radio-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.connect-card__radio-control{display:inline-flex;position:relative;flex-shrink:0;z-index:2;height:var(--ds-layout-size-250);width:var(--ds-layout-size-250);box-sizing:border-box;padding:.125rem;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);transform-origin:center}.connect-card__radio-control,.connect-card__radio-feedback{align-items:center;justify-content:center;border-radius:var(--ds-layout-radius-round)}.connect-card__radio-feedback{position:absolute;display:flex;z-index:1;height:var(--ds-layout-size-400);width:var(--ds-layout-size-400);transform:scale(.5);transform-origin:center;background-color:transparent;transition:transform .11s ease,background-color .11s ease}.connect-card--single:has(input[type=radio]:checked):not([aria-disabled=true]) .connect-card__radio-control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-75) var(--ds-color-interactive-primary-enabled)}.connect-card--single:active:not([aria-disabled=true]) .connect-card__radio-feedback{background-color:var(--ds-color-interactive-neutral-subtle-selected)}.connect-card__checkbox-wrapper{padding:var(--ds-layout-spacing-25)}.connect-card__checkbox-control,.connect-card__checkbox-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.connect-card__checkbox-control{flex-shrink:0;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;padding:.125rem;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:center;transition:box-shadow .11s ease}.connect-card__checkbox-control .connect-card__checkbox-icon{flex-shrink:0;width:var(--ds-layout-radius-200);height:var(--ds-layout-radius-200);background-color:var(--ds-color-content-on-primary)}.connect-card__checkbox-feedback{position:absolute;display:flex;z-index:1;justify-content:center;align-items:center;height:var(--ds-layout-radius-400);width:var(--ds-layout-radius-400);border-radius:var(--ds-layout-radius-round);transform:scale(.5);transform-origin:center;background-color:transparent;transition:transform .11s ease,background-color .11s ease}.connect-card--multiple:has(input[type=checkbox]:checked):not([aria-disabled=true]) .connect-card__checkbox-control{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) transparent;background-color:var(--ds-color-interactive-primary-enabled);display:flex;justify-content:center;align-items:center}.connect-card--multiple:active:not([aria-disabled=true]) .connect-card__checkbox-feedback{background-color:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-card--multiple:has(input[type=checkbox]:focus-visible):not([aria-disabled=true]),.connect-card--single:has(input[type=radio]:focus-visible):not([aria-disabled=true]){outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:.0625rem}.connect-card--is-checked{box-shadow:0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled);border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-inverse)}.connect-card--outline.connect-card--is-checked.connect-card--multiple:hover:not([aria-disabled=true]),.connect-card--outline.connect-card--is-checked.connect-card--single:hover:not([aria-disabled=true]){box-shadow:0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-hovered);border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-inverse)}.connect-card--is-disabled{cursor:not-allowed;opacity:var(--ds-misc-opacity-50)}