.connect-card{gap:var(--ds-layout-spacing-0);border-radius:var(--ds-layout-radius-200);background:var(--ds-color-surface-background-base-layer-1);box-sizing:border-box;border:none;flex-direction:column;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.connect-card--outline{border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-muted);transition:border .15s cubic-bezier(.2,0,.38,.9)}.connect-card--elevated{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);transition:box-shadow .15s cubic-bezier(.2,0,.38,.9)}.connect-card--ghost{background-color:#0000;transition:background-color .15s cubic-bezier(.2,0,.38,.9)}.connect-card--none.connect-card--ghost,.connect-card--ghost.connect-card--default{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;margin:var(--ds-screen-spacing-fluid-150-200);gap:var(--ds-layout-spacing-100);flex-direction:column;display:flex}.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;-webkit-text-decoration:inherit;text-decoration:inherit;line-height:inherit;font-weight:inherit;letter-spacing:inherit}.connect-card--multiple,.connect-card--single,.connect-card--action{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--multiple:hover:not([aria-disabled=true]),.connect-card--outline.connect-card--single:hover:not([aria-disabled=true]),.connect-card--outline.connect-card--action:hover:not([aria-disabled=true]){border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-strong)}.connect-card--outline.connect-card--multiple:active:not([aria-disabled=true]),.connect-card--outline.connect-card--single:active:not([aria-disabled=true]),.connect-card--outline.connect-card--action:active:not([aria-disabled=true]){border:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-muted)}.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),.connect-card--elevated.connect-card--action: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--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),.connect-card--elevated.connect-card--action: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--multiple:hover:not([aria-disabled=true]),.connect-card--ghost.connect-card--single:hover:not([aria-disabled=true]),.connect-card--ghost.connect-card--action:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-card--ghost.connect-card--multiple:active:not([aria-disabled=true]),.connect-card--ghost.connect-card--single:active:not([aria-disabled=true]),.connect-card--ghost.connect-card--action:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-card__radio,.connect-card__checkbox{right:var(--ds-layout-spacing-100);top:var(--ds-layout-spacing-100);position:absolute}.connect-card__radio:focus-visible,.connect-card__checkbox:focus-visible{outline:none}.connect-card__radio-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.connect-card__radio-control{z-index:2;height:var(--ds-layout-size-250);width:var(--ds-layout-size-250);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-round);transform-origin:50%;flex-shrink:0;justify-content:center;align-items:center;padding:.125rem;display:inline-flex;position:relative}.connect-card__radio-feedback{z-index:1;height:var(--ds-layout-size-400);width:var(--ds-layout-size-400);border-radius:var(--ds-layout-radius-round);transform-origin:50%;background-color:#0000;justify-content:center;align-items:center;transition:transform .11s,background-color .11s;display:flex;position:absolute;transform:scale(.5)}.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);justify-content:center;align-items:center;display:flex;position:relative}.connect-card__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-card__checkbox-control .connect-card__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-card__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;transition:transform .11s,background-color .11s;display:flex;position:absolute;transform:scale(.5)}.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);justify-content:center;align-items:center;display:flex}.connect-card--multiple:active:not([aria-disabled=true]) .connect-card__checkbox-feedback{background-color:var(--ds-color-interactive-neutral-subtle-pressed)}:is(.connect-card--single:has(input[type=radio]:focus-visible):not([aria-disabled=true]),.connect-card--multiple:has(input[type=checkbox]: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)}
