.connect-drawer-content{overscroll-behavior:contain;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:1;overflow-y:auto}
.connect-drawer-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);flex-shrink:0;display:flex}
.connect-drawer-title{padding:var(--ds-layout-spacing-200) var(--ds-screen-layout-grid-gutter);align-items:center;gap:var(--ds-layout-spacing-100);min-height:var(--ds-layout-spacing-500);flex-shrink:0;display:flex}
@property --connect-drawer-width{syntax:"<length>";inherits:true;initial-value:0}:root{--connect-drawer-width:0px}@keyframes connectDrawerInlineSlideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes connectDrawerInlineSlideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes connectDrawerInlineSlideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes connectDrawerInlineSlideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.connect-drawer{box-sizing:border-box;background:var(--ds-color-surface-background-level-1-default);contain:layout style paint;max-height:100vh;padding-bottom:var(--ds-layout-spacing-300);flex-direction:column;justify-content:space-between;display:flex}.connect-drawer--inline{border:none;height:100vh;position:fixed;top:0}.connect-drawer--inline.connect-drawer--position-left{border-right:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-muted);left:0}.connect-drawer--inline.connect-drawer--position-right{border-left:var(--ds-layout-stroke-width-10) solid var(--ds-color-stroke-muted);right:0}.connect-drawer--inline.connect-drawer--position-right[data-state=open]{will-change:transform,opacity;animation:.24s cubic-bezier(0,0,.38,.9) forwards connectDrawerInlineSlideInFromRight}.connect-drawer--inline.connect-drawer--position-left[data-state=open]{will-change:transform,opacity;animation:.24s cubic-bezier(0,0,.38,.9) forwards connectDrawerInlineSlideInFromLeft}.connect-drawer--inline.connect-drawer--position-right[data-state=closed]{will-change:transform,opacity;animation:.24s cubic-bezier(.2,0,1,.99) forwards connectDrawerInlineSlideOutToRight}.connect-drawer--inline.connect-drawer--position-left[data-state=closed]{will-change:transform,opacity;animation:.24s cubic-bezier(.2,0,1,.99) forwards connectDrawerInlineSlideOutToLeft}.connect-drawer--small,.connect-drawer--medium,.connect-drawer--large{width:100vw}@media (min-width:768px){.connect-drawer--small{width:304px}.connect-drawer--medium{width:440px}.connect-drawer--large{width:600px}}.connect-drawer__close-button{top:var(--ds-layout-size-200);position:fixed;inset-inline-end:var(--ds-layout-size-300)}.connect-drawer__main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}:root:has(.connect-drawer--inline.connect-drawer--small[data-state=open]){--connect-drawer-width:304px}:root:has(.connect-drawer--inline.connect-drawer--medium[data-state=open]){--connect-drawer-width:440px}:root:has(.connect-drawer--inline.connect-drawer--large[data-state=open]){--connect-drawer-width:600px}:is(:root:has(.connect-drawer--inline[data-state=closed]),:root:not(:has(.connect-drawer--inline))){--connect-drawer-width:0px}body:has(.connect-drawer--inline[data-push=true])>:not([class*=connect-]){width:min(100%,calc(100vw - var(--connect-drawer-width)));max-width:calc(100vw - var(--connect-drawer-width));box-sizing:border-box;overflow-x:hidden}body:has(.connect-drawer--inline[data-push=true][data-state=open])>:not([class*=connect-]){transition:--connect-drawer-width .24s cubic-bezier(0,0,.38,.9),width .24s cubic-bezier(0,0,.38,.9)}body:has(.connect-drawer--inline.connect-drawer--position-left[data-push=true][data-state=open])>:not([class*=connect-]){translate:var(--connect-drawer-width);transition:--connect-drawer-width .24s cubic-bezier(0,0,.38,.9),translate .24s cubic-bezier(0,0,.38,.9),width .24s cubic-bezier(0,0,.38,.9)}body:has(.connect-drawer--inline[data-push=true][data-state=closed])>:not([class*=connect-]){transition:--connect-drawer-width .24s cubic-bezier(.2,0,1,.99),width .24s cubic-bezier(.2,0,1,.99)}body:has(.connect-drawer--inline.connect-drawer--position-left[data-push=true][data-state=closed])>:not([class*=connect-]){translate:var(--connect-drawer-width);transition:--connect-drawer-width .24s cubic-bezier(.2,0,1,.99),translate .24s cubic-bezier(.2,0,1,.99),width .24s cubic-bezier(.2,0,1,.99)}@media (prefers-reduced-motion:reduce){.connect-drawer.connect-drawer--inline.connect-drawer--position-left,.connect-drawer.connect-drawer--inline.connect-drawer--position-right,.connect-drawer.connect-drawer--inline.connect-drawer--position-left *,.connect-drawer.connect-drawer--inline.connect-drawer--position-right *{animation:none}:is(body:has(.connect-drawer.connect-drawer--inline[data-push=true])>:not([class*=connect-]),body:has(.connect-drawer.connect-drawer--inline.connect-drawer--position-left[data-push=true])>:not([class*=connect-])){transition:none}}
@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}}
@keyframes connectDrawerOverlaySlideInFromLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes connectDrawerOverlaySlideOutToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100%)}}@keyframes connectDrawerOverlaySlideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes connectDrawerOverlaySlideOutToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.connect-drawer{box-sizing:border-box;background:var(--ds-color-surface-background-level-1-default);contain:layout style paint;max-height:100vh;padding-bottom:var(--ds-layout-spacing-300);z-index:var(--ds-misc-z-index-z-modal);flex-direction:column;justify-content:space-between;display:flex}.connect-drawer--overlay{position:fixed;top:0;bottom:0}.connect-drawer--overlay.connect-drawer--position-right{right:0}.connect-drawer--overlay.connect-drawer--position-left{left:0}.connect-drawer--overlay.connect-drawer--position-right[data-state=open]{will-change:transform,opacity;animation:.24s cubic-bezier(0,0,.38,.9) forwards connectDrawerOverlaySlideInFromRight}.connect-drawer--overlay.connect-drawer--position-left[data-state=open]{will-change:transform,opacity;animation:.24s cubic-bezier(0,0,.38,.9) forwards connectDrawerOverlaySlideInFromLeft}.connect-drawer--overlay.connect-drawer--position-right[data-state=closed]{will-change:transform,opacity;animation:.24s cubic-bezier(.2,0,1,.99) forwards connectDrawerOverlaySlideOutToRight}.connect-drawer--overlay.connect-drawer--position-left[data-state=closed]{will-change:transform,opacity;animation:.24s cubic-bezier(.2,0,1,.99) forwards connectDrawerOverlaySlideOutToLeft}.connect-drawer--small,.connect-drawer--medium,.connect-drawer--large{width:100vw}@media (min-width:768px){.connect-drawer--small{width:304px}.connect-drawer--medium{width:440px}.connect-drawer--large{width:600px}}.connect-drawer__close-button{top:var(--ds-layout-size-200);position:fixed;inset-inline-end:var(--ds-layout-size-300)}.connect-drawer__main-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){.connect-drawer.connect-drawer--overlay.connect-drawer--position-left,.connect-drawer.connect-drawer--overlay.connect-drawer--position-right,.connect-drawer.connect-drawer--overlay.connect-drawer--position-left *,.connect-drawer.connect-drawer--overlay.connect-drawer--position-right *{animation:none}}