.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 (max-width:767px){.connect-modal--position-top{--connect-modal-max-height:90svh}}@media (max-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 (max-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 (max-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 (max-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 (max-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)}