.connect-toggle{display:grid;align-items:center;transition:opacity .11s cubic-bezier(.3,0,.3,1);width:-moz-fit-content;width:fit-content}@media(prefers-reduced-motion:reduce){.connect-toggle{transition:none}}.connect-toggle:has(input[aria-disabled=true]){opacity:var(--ds-misc-opacity-50);cursor:not-allowed}.connect-toggle:focus-within:has(input:focus-visible){outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:var(--ds-layout-spacing-10);border-radius:var(--ds-layout-radius-round)}.connect-toggle:focus-within:has(input:focus-visible):has(.connect-toggle__indicator-text--checked),.connect-toggle:focus-within:has(input:focus-visible):has(.connect-toggle__label){border-radius:var(--ds-layout-radius-100)}.connect-toggle__indicator-text--checked,.connect-toggle__indicator-text--unchecked{font-weight:var(--ds-screen-text-font-weight-medium);grid-area:indicator-text;opacity:1;text-align:end;text-transform:uppercase;transition:opacity .11s cubic-bezier(.3,0,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-inline-start:var(--ds-layout-spacing-50)}@media(prefers-reduced-motion:reduce){.connect-toggle__indicator-text--checked,.connect-toggle__indicator-text--unchecked{transition:none}}.connect-toggle:has(input[aria-disabled=true]) .connect-toggle__indicator-text--checked,.connect-toggle:has(input[aria-disabled=true]) .connect-toggle__indicator-text--unchecked{cursor:not-allowed}.connect-toggle:has(.connect-toggle__switch:checked) .connect-toggle__indicator-text--checked{opacity:1}.connect-toggle:has(.connect-toggle__switch:checked) .connect-toggle__indicator-text--unchecked{opacity:0}.connect-toggle:has(.connect-toggle__switch:not(:checked)) .connect-toggle__indicator-text--checked{opacity:0}.connect-toggle:has(.connect-toggle__switch:not(:checked)) .connect-toggle__indicator-text--unchecked{opacity:1}.connect-toggle__switch-wrapper{position:relative;grid-area:switch}.connect-toggle__switch{position:relative;display:block;border:none;border-radius:var(--ds-layout-radius-round);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--ds-color-support-neutral-muted);cursor:pointer;margin:0;outline:none;transition:background-color .11s cubic-bezier(.3,0,.3,1),opacity .11s cubic-bezier(.3,0,.3,1)}@media(prefers-reduced-motion:reduce){.connect-toggle__switch{transition:none}}.connect-toggle__switch[aria-disabled=true]{cursor:not-allowed}.connect-toggle__switch:before{position:absolute;content:"";display:block;border-radius:var(--ds-layout-radius-round);inset:calc(var(--ds-layout-spacing-50) * -1);z-index:-1;transform:scale(.5);transition:background-color .11s cubic-bezier(.3,0,.3,1),opacity .11s cubic-bezier(.3,0,.3,1),transform .11s cubic-bezier(.3,0,.3,1);pointer-events:none;opacity:0}@media(prefers-reduced-motion:reduce){.connect-toggle__switch:before{transition:none}}.connect-toggle__switch:after{position:absolute;display:block;border-radius:50%;aspect-ratio:1;background-color:var(--ds-color-content-on-primary);content:"";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:50%;translate:0 -50%;transition:inset-inline-start .11s cubic-bezier(.3,0,.3,1)}@media(prefers-reduced-motion:reduce){.connect-toggle__switch:after{transition:none}}.connect-toggle__switch:hover:not([aria-disabled=true]):before{background-color:var(--ds-color-interactive-neutral-subtle-hovered);transform:scale(1);opacity:1}.connect-toggle__switch:active:not([aria-disabled=true]):before{background-color:var(--ds-color-interactive-neutral-subtle-pressed);transform:scale(1);opacity:1}.connect-toggle__switch:active:not([aria-disabled=true]):after{scale:.9}.connect-toggle--small .connect-toggle__switch{width:var(--ds-layout-size-600);height:var(--ds-layout-size-300)}.connect-toggle--small .connect-toggle__switch:after{content:"";width:var(--ds-layout-size-250);height:var(--ds-layout-size-250);transition:scale .11s cubic-bezier(.3,0,.3,1),inset-inline-start .11s cubic-bezier(.3,0,.3,1);inset-inline-start:calc((var(--ds-layout-size-300) - var(--ds-layout-size-250)) * .5)}@media(prefers-reduced-motion:reduce){.connect-toggle--small .connect-toggle__switch:after{transition:none}}.connect-toggle--small .connect-toggle__switch:checked:after{inset-inline-start:calc(var(--ds-layout-size-600) - var(--ds-layout-size-250) - (var(--ds-layout-size-300) - var(--ds-layout-size-250)) * .5)}.connect-toggle--medium .connect-toggle__switch{width:var(--ds-layout-size-800);height:var(--ds-layout-size-400)}.connect-toggle--medium .connect-toggle__switch:after{content:"";width:var(--ds-layout-size-350);height:var(--ds-layout-size-350);transition:scale .11s cubic-bezier(.3,0,.3,1),inset-inline-start .11s cubic-bezier(.3,0,.3,1);inset-inline-start:calc((var(--ds-layout-size-400) - var(--ds-layout-size-350)) * .5)}@media(prefers-reduced-motion:reduce){.connect-toggle--medium .connect-toggle__switch:after{transition:none}}.connect-toggle--medium .connect-toggle__switch:checked:after{inset-inline-start:calc(var(--ds-layout-size-800) - var(--ds-layout-size-350) - (var(--ds-layout-size-400) - var(--ds-layout-size-350)) * .5)}.connect-toggle--primary .connect-toggle__switch:checked{background-color:var(--ds-color-interactive-primary-enabled)}.connect-toggle--primary .connect-toggle__switch:hover:not([aria-disabled=true]):checked{background-color:var(--ds-color-interactive-primary-hovered)}.connect-toggle--primary .connect-toggle__switch:active:not([aria-disabled=true]):checked{background-color:var(--ds-color-interactive-primary-pressed)}.connect-toggle--positive .connect-toggle__switch:checked{background-color:var(--ds-color-interactive-positive-enabled)}.connect-toggle--positive .connect-toggle__switch:hover:not([aria-disabled=true]):checked{background-color:var(--ds-color-interactive-positive-hovered)}.connect-toggle--positive .connect-toggle__switch:active:not([aria-disabled=true]):checked{background-color:var(--ds-color-interactive-positive-pressed)}.connect-toggle__icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.connect-toggle__icon--checked{color:var(--ds-color-content-on-primary);opacity:0;transition:opacity .11s cubic-bezier(.3,0,.3,1)}.connect-toggle:has(.connect-toggle__switch:checked) .connect-toggle__icon--checked{opacity:1}.connect-toggle__icon--unchecked{color:var(--ds-color-content-on-primary);opacity:1;transition:opacity .11s cubic-bezier(.3,0,.3,1)}.connect-toggle:has(.connect-toggle__switch:checked) .connect-toggle__icon--unchecked{opacity:0}@media(prefers-reduced-motion:reduce){.connect-toggle__icon--checked,.connect-toggle__icon--unchecked{transition:none}}.connect-toggle--small .connect-toggle__icons{padding-inline:var(--ds-layout-spacing-50)}.connect-toggle--medium .connect-toggle__icons{padding-inline:var(--ds-layout-spacing-100)}.connect-toggle__label{grid-area:label;-webkit-user-select:none;-moz-user-select:none;user-select:none}.connect-toggle__control{display:grid;grid-area:control;align-items:center;grid-template:"switch indicator-text" auto/auto auto}.connect-toggle--label-position-top{grid-template:"label" auto "control" auto/auto;justify-items:start}.connect-toggle--label-position-start{grid-template:"label control" auto/auto auto;align-items:center}.connect-toggle--label-position-top .connect-toggle__label{margin-bottom:var(--ds-layout-spacing-50)}.connect-toggle--label-position-start .connect-toggle__label{margin-inline-end:var(--ds-layout-spacing-50)}.connect-toggle__indicator-text-wrapper{display:contents}.connect-toggle:has(.connect-toggle__indicator-text-wrapper) .connect-toggle__indicator-text--checked,.connect-toggle:has(.connect-toggle__indicator-text-wrapper) .connect-toggle__indicator-text--unchecked{transition:none}.connect-toggle--indicator-text-position-start{grid-template:"indicator-text switch" auto/auto auto;gap:var(--ds-layout-spacing-100)}.connect-toggle--indicator-text-position-end{grid-template:"switch indicator-text" auto/auto auto;gap:var(--ds-layout-spacing-100)}.connect-toggle--indicator-text-position-end .connect-toggle__indicator-text--checked,.connect-toggle--indicator-text-position-end .connect-toggle__indicator-text--unchecked{text-align:end}.connect-toggle__native-input{position:absolute;display:block;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;inset:0;opacity:0;outline:none;width:100%;height:100%;margin:0}.connect-toggle__native-input:disabled,.connect-toggle__native-input[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.connect-toggle__switch:has(input){position:relative;border-radius:var(--ds-layout-radius-round);background-color:var(--ds-color-support-neutral-default);grid-area:switch;transition:background-color .11s cubic-bezier(.3,0,.3,1),opacity .11s cubic-bezier(.3,0,.3,1)}.connect-toggle__switch:has(input[aria-disabled=true]){cursor:not-allowed;pointer-events:none}.connect-toggle__switch:has(input:disabled){cursor:not-allowed;pointer-events:none}.connect-toggle__switch:has(input):before{position:absolute;content:"";display:block;border-radius:var(--ds-layout-radius-round);inset:calc(var(--ds-layout-spacing-50) * -1);z-index:-1;transform:scale(.5);transition:background-color .11s cubic-bezier(.3,0,.3,1),opacity .11s cubic-bezier(.3,0,.3,1),transform .11s cubic-bezier(.3,0,.3,1);pointer-events:none;opacity:0}@media(prefers-reduced-motion:reduce){.connect-toggle__switch:has(input):before{transition:none}}.connect-toggle__switch:has(input):after{position:absolute;display:block;border-radius:50%;aspect-ratio:1;background-color:var(--ds-color-content-on-primary);content:"";pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;top:50%;translate:0 -50%;transition:inset-inline-start .11s cubic-bezier(.3,0,.3,1)}@media(prefers-reduced-motion:reduce){.connect-toggle__switch:has(input):after{transition:none}}.connect-toggle__switch:hover:not(:has([aria-disabled=true])):not(:has(:disabled)):before{background-color:var(--ds-color-interactive-neutral-hovered);transform:scale(1);opacity:1}.connect-toggle__switch:has(input:active:not([aria-disabled=true]):not(:disabled)):before{background-color:var(--ds-color-interactive-neutral-pressed);transform:scale(1);opacity:1}.connect-toggle__switch:has(input:active:not([aria-disabled=true]):not(:disabled)):after{scale:.9}.connect-toggle--small .connect-toggle__switch:has(input):after{inset-inline-start:calc((var(--ds-layout-size-300) - var(--ds-layout-size-250)) * .5)}.connect-toggle--small .connect-toggle__switch:has(input:checked):after{inset-inline-start:calc(var(--ds-layout-size-600) - var(--ds-layout-size-250) - (var(--ds-layout-size-300) - var(--ds-layout-size-250)) * .5)}.connect-toggle--medium .connect-toggle__switch:has(input):after{inset-inline-start:calc((var(--ds-layout-size-400) - var(--ds-layout-size-350)) * .5)}.connect-toggle--medium .connect-toggle__switch:has(input:checked):after{inset-inline-start:calc(var(--ds-layout-size-800) - var(--ds-layout-size-350) - (var(--ds-layout-size-400) - var(--ds-layout-size-350)) * .5)}.connect-toggle--large .connect-toggle__switch:has(input){width:var(--ds-layout-size-1000);height:var(--ds-layout-size-500)}.connect-toggle--large .connect-toggle__switch:has(input):after{content:"";width:var(--ds-layout-size-400);height:var(--ds-layout-size-400);transition:scale .11s cubic-bezier(.3,0,.3,1),inset-inline-start .11s cubic-bezier(.3,0,.3,1);inset-inline-start:calc((var(--ds-layout-size-500) - var(--ds-layout-size-400)) * .5)}@media(prefers-reduced-motion:reduce){.connect-toggle--large .connect-toggle__switch:has(input):after{transition:none}}.connect-toggle--large .connect-toggle__switch:has(input:checked):after{inset-inline-start:calc(var(--ds-layout-size-1000) - var(--ds-layout-size-400) - (var(--ds-layout-size-500) - var(--ds-layout-size-400)) * .5)}.connect-toggle--primary .connect-toggle__switch:has(input:checked){background-color:var(--ds-color-interactive-primary-enabled)}.connect-toggle--primary .connect-toggle__switch:hover:not([aria-disabled=true]):has(input:checked){background-color:var(--ds-color-interactive-primary-hovered)}.connect-toggle--primary .connect-toggle__switch:active:not([aria-disabled=true]):has(input:checked){background-color:var(--ds-color-interactive-primary-pressed)}.connect-toggle--positive .connect-toggle__switch:has(input:checked){background-color:var(--ds-color-interactive-positive-enabled)}.connect-toggle--positive .connect-toggle__switch:hover:not([aria-disabled=true]):has(input:checked){background-color:var(--ds-color-interactive-positive-hovered)}.connect-toggle--positive .connect-toggle__switch:active:not([aria-disabled=true]):has(input:checked){background-color:var(--ds-color-interactive-positive-pressed)}.connect-toggle:has(.connect-toggle__indicator-text-wrapper):has(input:checked) .connect-toggle__indicator-text--checked{opacity:1}.connect-toggle:has(.connect-toggle__indicator-text-wrapper):has(input:checked) .connect-toggle__indicator-text--unchecked{opacity:0}.connect-toggle:has(.connect-toggle__indicator-text-wrapper):has(input:not(:checked)) .connect-toggle__indicator-text--checked{opacity:0}.connect-toggle:has(.connect-toggle__indicator-text-wrapper):has(input:not(:checked)) .connect-toggle__indicator-text--unchecked{opacity:1}