@keyframes connectTooltipFadeIn{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}@keyframes connectTooltipFadeOut{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}:root{--tooltip-tip-offset:12px}.connect-tooltip{border-radius:var(--ds-layout-spacing-100);padding:var(--ds-layout-spacing-100) var(--ds-layout-spacing-150);pointer-events:none;opacity:0;visibility:hidden;text-align:center;min-width:40px;z-index:var(--ds-misc-z-index-z-tooltip);position:absolute}.connect-tooltip:before{content:"";pointer-events:auto;background:0 0;width:100%;height:10px;position:absolute}.connect-tooltip:after{content:"";background:inherit;border-radius:var(--ds-layout-spacing-100);position:absolute}.connect-tooltip--visible{animation:connectTooltipFadeIn var(--tooltip-transition-duration) cubic-bezier(0,0,.38,.9) forwards;pointer-events:auto;-webkit-user-select:text;user-select:text}.connect-tooltip--hidden{animation:connectTooltipFadeOut var(--tooltip-transition-duration) cubic-bezier(.2,0,1,.99) forwards}.connect-tooltip--inverse{background-color:var(--ds-color-surface-background-inverse);color:var(--ds-color-content-inverse)}.connect-tooltip--neutral{background-color:var(--ds-color-surface-background-level-1-default);color:var(--ds-color-content-default)}.connect-tooltip-tip{background:inherit;border-bottom-right-radius:2px;width:10px;height:10px;position:absolute;transform:rotate(45deg)}.connect-tooltip--top-left:before,.connect-tooltip--top:before,.connect-tooltip--top-right:before{height:var(--tooltip-gap);top:100%;left:0}.connect-tooltip--bottom-left:before,.connect-tooltip--bottom:before,.connect-tooltip--bottom-right:before{height:var(--tooltip-gap);bottom:100%;left:0}.connect-tooltip--right-top:before,.connect-tooltip--right:before,.connect-tooltip--right-bottom:before{width:var(--tooltip-gap);height:100%;top:0;right:100%}.connect-tooltip--left-top:before,.connect-tooltip--left:before,.connect-tooltip--left-bottom:before{width:var(--tooltip-gap);height:100%;top:0;left:100%}.connect-tooltip--top-right:after,.connect-tooltip--top:after,.connect-tooltip--top-left:after{height:10px;width:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;bottom:0;left:50%;transform:translate(-50%)}.connect-tooltip--bottom-right:after,.connect-tooltip--bottom:after,.connect-tooltip--bottom-left:after{height:10px;width:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;top:0;left:50%;transform:translate(-50%)}.connect-tooltip--right-bottom:after,.connect-tooltip--right:after,.connect-tooltip--right-top:after{height:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;width:10px;top:50%;left:0;transform:translateY(-50%)}.connect-tooltip--left-bottom:after,.connect-tooltip--left:after,.connect-tooltip--left-top:after{height:calc(100% - (var(--tooltip-tip-offset) * 2));pointer-events:none;width:10px;top:50%;right:0;transform:translateY(-50%)}.connect-tooltip--top-right .connect-tooltip-tip{top:calc(100% - 5px);left:var(--tooltip-tip-offset)}.connect-tooltip--top .connect-tooltip-tip{top:calc(100% - 5px);left:50%;transform:translate(-50%)rotate(45deg)}.connect-tooltip--top-left .connect-tooltip-tip{top:calc(100% - 5px);right:var(--tooltip-tip-offset)}.connect-tooltip--bottom-right .connect-tooltip-tip{bottom:calc(100% - 5px);left:var(--tooltip-tip-offset)}.connect-tooltip--bottom .connect-tooltip-tip{bottom:calc(100% - 5px);left:50%;transform:translate(-50%)rotate(45deg)}.connect-tooltip--bottom-left .connect-tooltip-tip{bottom:calc(100% - 5px);right:var(--tooltip-tip-offset)}.connect-tooltip--right-bottom .connect-tooltip-tip{right:calc(100% - 5px);top:var(--tooltip-tip-offset)}.connect-tooltip--right-bottom:after{left:0}.connect-tooltip--right .connect-tooltip-tip{top:50%;right:calc(100% - 5px);transform:translateY(-50%)rotate(45deg)}.connect-tooltip--right-top .connect-tooltip-tip{right:calc(100% - 5px);bottom:var(--tooltip-tip-offset)}.connect-tooltip--left-bottom .connect-tooltip-tip{left:calc(100% - 5px);top:var(--tooltip-tip-offset)}.connect-tooltip--left .connect-tooltip-tip{top:50%;left:calc(100% - 5px);transform:translateY(-50%)rotate(45deg)}.connect-tooltip--left-top .connect-tooltip-tip{left:calc(100% - 5px);bottom:var(--tooltip-tip-offset)}.connect-text-field__enhancer{background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.connect-text-field__enhancer.connect-text-field__enhancer-button{cursor:pointer;width:var(--ds-layout-size-300);height:var(--ds-layout-size-300);box-shadow:0 0 0 var(--ds-layout-stroke-width-10) transparent;border-radius:var(--ds-layout-radius-100);transition:box-shadow .11s}.connect-text-field__enhancer.connect-text-field__enhancer-button:focus-visible{box-shadow:0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-stroke-strong);outline:none}.connect-text-field__enhancer .connect-progress-circle{height:var(--ds-layout-size-250);width:var(--ds-layout-size-250)}.connect-text-field--large .connect-text-field__enhancer .connect-progress-circle{height:var(--ds-layout-size-300);width:var(--ds-layout-size-300)}.connect-text-field__enhancer-icon{color:var(--ds-color-content-subtle);flex-shrink:0}.connect-text-field--large .connect-text-field__enhancer .connect-text-field__enhancer-icon{height:var(--ds-layout-size-300);width:var(--ds-layout-size-300)}.connect-text-field__enhancer-button .connect-text-field__enhancer-icon{color:var(--ds-color-content-muted)}.connect-text-field__enhancer-text{height:var(--ds-layout-size-300);color:var(--ds-color-content-subtle);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.connect-text-field__enhancer-button .connect-text-field__enhancer-text{color:var(--ds-color-content-muted)}.connect-floating-label{font-family:var(--ds-font-font-family);background:0 0;flex-shrink:0;width:100%}.connect-floating-label--absolute{width:auto;transition:top .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);position:absolute;inset-inline-start:0}.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)}.connect-text-field{flex-direction:column;justify-content:center;align-items:flex-start;width:100%;display:flex}.connect-text-field--is-disabled{opacity:var(--ds-misc-opacity-50);cursor:not-allowed}.connect-text-field__input-wrapper{box-sizing:border-box;backface-visibility:hidden;background:var(--ds-color-surface-background-level-1-default);width:100%;box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default);border:none;flex-direction:row;align-items:center;transition:box-shadow .11s,background-color .11s;display:flex}.connect-text-field--small .connect-text-field__input-wrapper{min-height:var(--ds-layout-size-400);padding:var(--ds-layout-spacing-50) var(--ds-layout-spacing-75);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-75)}.connect-text-field--medium .connect-text-field__input-wrapper{min-height:var(--ds-layout-size-500);padding:var(--ds-layout-spacing-100) var(--ds-layout-spacing-100);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-100)}.connect-text-field--large .connect-text-field__input-wrapper{min-height:var(--ds-layout-size-600);padding:var(--ds-layout-spacing-100);gap:var(--ds-layout-spacing-100);border-radius:var(--ds-layout-radius-150)}.connect-text-field__input-wrapper:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-strong)}.connect-text-field__input-wrapper--is-valid,.connect-text-field__input-wrapper--is-valid:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-support-positive-default)}.connect-text-field__input-wrapper--is-invalid,.connect-text-field__input-wrapper--is-invalid:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-support-negative-default)}.connect-text-field__input-wrapper:focus-within,.connect-text-field__input-wrapper:focus-within:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled),0 0 0 var(--ds-layout-stroke-width-50) var(--ds-color-interactive-primary-subtle-selected);background:var(--ds-color-surface-background-level-1-default)}.connect-text-field__input-wrapper--is-readonly,.connect-text-field__input-wrapper--is-readonly:hover{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-subtle);background:var(--ds-color-surface-background-level-1-muted)}.connect-text-field__input-wrapper--is-readonly:focus-within{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-interactive-primary-enabled),0 0 0 var(--ds-layout-stroke-width-50) var(--ds-color-interactive-primary-subtle-selected);background:var(--ds-color-surface-background-level-1-muted)}.connect-text-field--is-disabled .connect-text-field__input-wrapper{box-shadow:inset 0 0 0 var(--ds-layout-stroke-width-10) var(--ds-color-stroke-default)}.connect-text-field--is-disabled .connect-text-field__input-wrapper:hover{background: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)}.connect-text-field__input{width:100%;color:var(--ds-color-content-default);text-overflow:ellipsis;background-color:#0000;border:none;outline:none;flex:1 0 0;align-items:center;margin:0;padding:0;display:flex;overflow:hidden}.connect-text-field__input:focus,.connect-text-field__input:focus-visible{outline:none}.connect-text-field--is-disabled .connect-text-field__input,.connect-text-field--is-disabled .connect-text-field__enhancer-button{cursor:not-allowed;pointer-events:none}.connect-text-field__input::placeholder{color:var(--ds-color-content-subtle)}.connect-text-field__clear-button-wrapper{width:var(--ds-layout-size-300);height:var(--ds-layout-size-300);margin:0;padding:0}.connect-text-field__clear-button{appearance:none;text-align:inherit;width:var(--ds-layout-size-300);height:var(--ds-layout-size-300);cursor:pointer;box-shadow:0 0 0 var(--ds-layout-stroke-width-10) transparent;border-radius:var(--ds-layout-radius-round);background-color:#0000;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:box-shadow .11s;display:flex}.connect-text-field__clear-button:focus-visible{box-shadow:0 0 0 var(--ds-layout-stroke-width-25) var(--ds-color-support-focused-default);outline:none}.connect-text-field__clear-button>.connect-text-field__clear-button__icon{color:var(--ds-color-content-subtle);flex-shrink:0}.connect-text-field__valid-icon{color:var(--ds-color-content-positive);flex-shrink:0}.connect-text-field__input-row{align-items:center;width:100%;display:flex;position:relative}.connect-text-field__input-wrapper--has-floating-label{min-height:var(--ds-layout-size-700);padding:var(--ds-layout-spacing-50) var(--ds-layout-spacing-200);border-radius:var(--ds-layout-radius-150);align-items:center;gap:var(--ds-layout-spacing-25);flex-direction:row;position:relative}.connect-text-field__input-wrapper--has-floating-label .connect-text-field__input-row{align-self:stretch}.connect-text-field__input-wrapper--has-floating-label .connect-text-field__input{padding-bottom:var(--ds-layout-spacing-25);align-self:flex-end}
