@keyframes connectOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes connectOverlayFadeOut{0%{opacity:1}to{opacity:0}}.connect-overlay{color:inherit;overscroll-behavior:contain;width:100vw;max-width:100vw;height:100vh;max-height:100vh;z-index:var(--ds-misc-z-index-z-overlay);background:0 0;border:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.connect-overlay__backdrop{background-color:var(--ds-color-surface-overlay-dark);z-index:-1;position:fixed;inset:0}.connect-overlay[open],.connect-overlay[open] .connect-overlay__backdrop{animation:.24s cubic-bezier(0,0,.38,.9) forwards connectOverlayFadeIn}.connect-overlay[data-closing=true],.connect-overlay[data-closing=true] .connect-overlay__backdrop{animation:.24s cubic-bezier(.2,0,1,.99) forwards connectOverlayFadeOut}body:has(.connect-overlay[open]){overflow:hidden}body:has(.connect-overlay[open])>:not(dialog):not(script):not(style){pointer-events:none;-webkit-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.connect-overlay *,.connect-overlay,.connect-overlay__backdrop,.connect-overlay[open],.connect-overlay[open] .connect-overlay__backdrop,.connect-overlay[data-closing=true],.connect-overlay[data-closing=true] .connect-overlay__backdrop{transition:none;animation:none}}.connect-modal-content{overscroll-behavior:contain;gap:var(--ds-layout-spacing-200);min-height:0;padding:var(--ds-layout-spacing-100) var(--ds-screen-layout-grid-gutter) var(--ds-layout-spacing-300) var(--ds-screen-layout-grid-gutter);flex-direction:column;flex:1;display:flex;overflow-y:auto}.connect-modal--scroll-viewport .connect-modal-content{flex:none;overflow-y:visible}.connect-modal-footer{border-top:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-subtle);padding:var(--ds-layout-spacing-200) var(--ds-screen-layout-grid-gutter) 0 var(--ds-screen-layout-grid-gutter);justify-content:flex-end;align-items:center;gap:var(--ds-layout-spacing-200);background:var(--ds-color-surface-background-level-1-default);flex-shrink:0;display:flex}.connect-modal-title{align-items:center;gap:var(--ds-layout-spacing-100);overflow-wrap:anywhere;flex:1;min-width:0;display:flex}.connect-modal{box-sizing:border-box;background:var(--ds-color-surface-background-level-1-default);border-radius:var(--ds-layout-radius-100);padding-bottom:var(--ds-layout-spacing-300);width:calc(100% - 2 * var(--ds-layout-spacing-400));z-index:var(--ds-misc-z-index-z-modal);flex-direction:column;display:flex;position:fixed;left:50%}.connect-modal--position-center{max-height:calc(100svh - 2 * var(--ds-layout-spacing-400));top:50%;transform:translate(-50%,-50%)}.connect-modal--position-top{--connect-modal-max-height:80svh;top:calc((100svh - var(--connect-modal-max-height)) / 2);max-height:var(--connect-modal-max-height);transform:translate(-50%)}.connect-modal--small{max-width:480px}.connect-modal--medium{max-width:640px}.connect-modal--large{max-width:800px}.connect-modal--x-large{max-width:min(1200px,calc(100vw - 2 * var(--ds-layout-spacing-400)))}@media (width<=767px){.connect-modal--position-top{--connect-modal-max-height:90svh}}@media (height<=600px){.connect-modal--position-top{border-radius:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;top:0;left:50%;transform:translate(-50%)}}@media (width<=480px){.connect-modal.connect-modal--small{border-radius:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;top:0;left:0;transform:none}}@media (width<=640px){.connect-modal.connect-modal--medium{border-radius:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;top:0;left:0;transform:none}}@media (width<=800px){.connect-modal.connect-modal--large{border-radius:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;top:0;left:0;transform:none}}@media (width<=1200px){.connect-modal.connect-modal--x-large{border-radius:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;top:0;left:0;transform:none}}.connect-modal__main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.connect-modal--scroll-content{--connect-modal-scroll-mode:content}.connect-modal.connect-modal--scroll-viewport{height:auto;max-height:none;margin:var(--ds-layout-spacing-400) auto;position:relative;top:auto;left:auto;transform:none}.connect-modal--scroll-viewport .connect-modal__main-content{flex:none;overflow:visible}.connect-modal__header{padding-block:var(--ds-layout-spacing-200);align-items:center;gap:var(--ds-layout-spacing-100);min-height:var(--ds-layout-spacing-500);background:var(--ds-color-surface-background-level-1-default);border-radius:var(--ds-layout-radius-100) var(--ds-layout-radius-100) 0 0;flex-shrink:0;padding-inline-start:var(--ds-screen-layout-grid-gutter);padding-inline-end:calc(var(--ds-layout-size-300) + var(--ds-layout-size-500));display:flex;position:sticky;top:0}.connect-modal--scroll-viewport .connect-modal__header{position:static}.connect-modal__close-button{top:var(--ds-layout-size-200);z-index:2;position:absolute;inset-inline-end:var(--ds-layout-size-300)}
