.connect-utility-button{appearance:none;-webkit-appearance:none;border:none;padding:0;margin:0;text-align:inherit;position:relative;display:inline-flex;justify-content:center;align-items:center;height:fit-content;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out;width:fit-content}.connect-utility-button__icon,.connect-utility-button__dropdown-icon{flex-shrink:0;pointer-events:none}.connect-utility-button.connect-utility-button--small{min-height:var(--ds-layout-size-400);min-width:var(--ds-layout-size-400);padding:var(--ds-layout-spacing-25) var(--ds-layout-spacing-75);gap:var(--ds-layout-spacing-50);border-radius:var(--ds-layout-radius-100)}.connect-utility-button.connect-utility-button--small>.connect-utility-button__icon,.connect-utility-button.connect-utility-button--small>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-utility-button.connect-utility-button--medium{min-height:var(--ds-layout-size-500);min-width:var(--ds-layout-size-500);padding:var(--ds-layout-spacing-50) var(--ds-layout-spacing-100);gap:var(--ds-layout-spacing-75);border-radius:var(--ds-layout-radius-150)}.connect-utility-button.connect-utility-button--medium>.connect-utility-button__icon,.connect-utility-button.connect-utility-button--medium>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-utility-button.connect-utility-button--large{min-height:var(--ds-layout-size-600);min-width:var(--ds-layout-size-600);padding:var(--ds-layout-spacing-100) var(--ds-layout-spacing-150);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-150)}.connect-utility-button.connect-utility-button--large>.connect-utility-button__icon,.connect-utility-button.connect-utility-button--large>.connect-utility-button__dropdown-icon{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300)}.connect-utility-button[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-misc-opacity-50)}.connect-utility-button--neutral{background:var(--ds-color-interactive-neutral-enabled);color:var(--ds-color-content-muted)}.connect-utility-button--neutral:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-hovered)}.connect-utility-button--neutral:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-pressed)}.connect-utility-button--neutral:focus-visible:not([aria-disabled=true]){outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:.0625rem}.connect-utility-button--neutral.connect-utility-button--ghost{background:var(--ds-color-interactive-neutral-subtle-enabled)}.connect-utility-button--neutral.connect-utility-button--ghost:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-utility-button--neutral.connect-utility-button--ghost:active:not([aria-disabled=true]){background:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-utility-button--neutral.connect-utility-button--is-selected{background:var(--ds-color-interactive-primary-subtle-selected);color:var(--ds-color-content-primary);box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-interactive-primary-enabled)}.connect-utility-button--neutral.connect-utility-button--is-selected:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-hovered)}.connect-utility-button--neutral.connect-utility-button--is-selected:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-subtle-pressed)}.connect-utility-button--neutral.connect-utility-button--is-selected-emphasis{background:var(--ds-color-interactive-primary-enabled);color:var(--ds-color-content-inverse)}.connect-utility-button--neutral.connect-utility-button--is-selected-emphasis:hover:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-hovered)}.connect-utility-button--neutral.connect-utility-button--is-selected-emphasis:active:not([aria-disabled=true]){background:var(--ds-color-interactive-primary-pressed)}.connect-utility-button__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.connect-utility-button__label--truncated{-webkit-user-select:none;user-select:none}.connect-floating-label{font-family:var(--ds-font-font-family);background:transparent;width:100%;flex-shrink:0}.connect-floating-label--absolute{position:absolute;inset-inline-start:0;width:auto;transition:top .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label--absolute.connect-floating-label--resting{top:50%;transform:translateY(-50%)}.connect-floating-label--absolute.connect-floating-label--floated{top:var(--ds-layout-spacing-25);transform:translateY(0)}.connect-floating-label .connect-label{gap:var(--ds-layout-spacing-25)}.connect-floating-label .connect-label__text{color:var(--ds-color-content-muted);font-weight:var(--ds-screen-text-font-weight-regular);transition:font-size .2s cubic-bezier(.4,0,.2,1),line-height .2s cubic-bezier(.4,0,.2,1),letter-spacing .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label .connect-label__end-enhancer{font-weight:var(--ds-screen-text-font-weight-regular);transition:font-size .2s cubic-bezier(.4,0,.2,1),line-height .2s cubic-bezier(.4,0,.2,1),letter-spacing .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label .connect-icon{color:var(--ds-color-content-muted);transition:all .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label .connect-char-count{color:var(--ds-color-content-subtle);font-weight:var(--ds-screen-text-font-weight-regular);transition:font-size .2s cubic-bezier(.4,0,.2,1),line-height .2s cubic-bezier(.4,0,.2,1),letter-spacing .2s cubic-bezier(.4,0,.2,1)}.connect-floating-label--resting .connect-label__text,.connect-floating-label--resting .connect-label__end-enhancer,.connect-floating-label--resting .connect-char-count{font-size:var(--ds-screen-text-font-size-label-md);line-height:var(--ds-screen-text-line-height-label-md);letter-spacing:var(--ds-screen-text-letter-spacing-label-md)}.connect-floating-label--resting .connect-icon{width:var(--ds-layout-size-250);height:var(--ds-layout-size-250)}.connect-floating-label--floated .connect-label__text,.connect-floating-label--floated .connect-label__end-enhancer,.connect-floating-label--floated .connect-char-count{font-size:var(--ds-screen-text-font-size-label-sm);line-height:var(--ds-screen-text-line-height-label-sm);letter-spacing:var(--ds-screen-text-letter-spacing-label-sm)}.connect-floating-label--floated .connect-icon{width:var(--ds-layout-size-200);height:var(--ds-layout-size-200)}
