.ConnectUseCaseOnboardingGraphic.Card{position:absolute;top:24px;height:475px;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:translateX(37px);clip-path:inset(0 0 0 0 round var(--cardBorderRadius));overflow:visible}.ConnectUseCaseOnboardingGraphic.Card .ConnectUseCaseOnboardingGraphic__altBg{position:absolute;inset:0;background:rgba(0,196,196,.15);opacity:0}.ConnectUseCaseOnboardingGraphic__copy{width:100%;display:flex;justify-content:space-between;align-items:center;font:var(--fontWeightNormal) 9px/1.4 var(--fontFamily);letter-spacing:-.09px;color:#0a2540}.ConnectUseCaseOnboardingGraphic__copy b{font:var(--fontWeightSemibold) 10px/1.2 var(--fontFamily);color:#414552}.ConnectUseCaseOnboardingGraphic__copy--fancy{font:var(--fontWeightNormal) 9px/1.4 var(--fontFamily);letter-spacing:-.1px;color:#fff}.ConnectUseCaseOnboardingGraphic__copy--medium{font:var(--fontWeightNormal) 15px/1.3 var(--fontFamily);letter-spacing:-.21px;color:#fff}.ConnectUseCaseOnboardingGraphic__copy--header{font:var(--fontWeightSemibold) 18px/1 var(--fontFamily);letter-spacing:-.09px;color:#000}.ConnectUseCaseOnboardingGraphic__apiForm .ConnectUseCaseOnboardingGraphic__copy--header{font-family:Palatino;font-weight:700}.ConnectUseCaseOnboardingGraphic__layout{position:relative;width:540px;height:475px}.ConnectUseCaseOnboardingGraphic__sidePanelBg{position:absolute;top:0;bottom:0;left:0;width:240px;clip-path:inset(0 50px 0 0)}.ConnectUseCaseOnboardingGraphic__sidePanelBgPartners{position:absolute;inset:0;background:#27486a}.ConnectUseCaseOnboardingGraphic__sidePanelBgCode{position:absolute;inset:0;background:#0c2e4e;opacity:0}.ConnectUseCaseOnboardingGraphic__partnersSection{position:absolute;width:190px;height:100%;top:0;left:0;display:flex;flex-direction:column;gap:92px;padding:52px 27px 0 30px}.ConnectUseCaseOnboardingGraphic__partnersHeader{display:grid;gap:10px}.ConnectUseCaseOnboardingGraphic__logoLayout{display:flex;gap:4px;align-items:center}.ConnectUseCaseOnboardingGraphic__logoLayout svg{margin-top:1px}.ConnectUseCaseOnboardingGraphic__codeSection{opacity:0;position:absolute;top:0;left:0;width:240px;height:100%;z-index:1}.ConnectUseCaseOnboardingGraphic__codeEditor.Card{--cardBackground:transparent;border-top-right-radius:0;border-bottom-right-radius:0;height:100%;pointer-events:none}.ConnectUseCaseOnboardingGraphic__codeEditor.Card .CodeEditor{--codeEditorHorizontalPadding:8px;font:500 9.82px/1.710794 var(--codeFontFamily)}.ConnectUseCaseOnboardingGraphic__formSection{position:absolute;top:0;right:0;width:350px;height:100%}.ConnectUseCaseOnboardingGraphic__formSectionContainer{position:relative;height:100%}.ConnectUseCaseOnboardingGraphic__productLogo{width:-moz-fit-content;width:fit-content;margin:16px auto;opacity:0}.ConnectUseCaseOnboardingGraphic__indicatorContainer{width:70px;height:4px;margin:30px 0 0 42px}.ConnectUseCaseOnboardingGraphic__formProgressIndicator{position:relative;width:70px;height:4px}.ConnectUseCaseOnboardingGraphic__formProgressIndicatorFill{position:absolute;inset:0;border-radius:3px;background:#e0e4e7}.ConnectUseCaseOnboardingGraphic__formProgressIndicatorFillAlt{background:rgba(0,196,196,.15);opacity:0}.ConnectUseCaseOnboardingGraphic__formProgressIndicatorValue{position:absolute;top:0;bottom:0;left:0;width:18px;border-radius:3px;background:#0a2540}.ConnectUseCaseOnboardingGraphic__formProgressIndicatorValueAlt{background:#2a7979;opacity:0}.ConnectUseCaseOnboardingGraphic__embeddedFormGroup{margin:26px 0 0 42px}.ConnectUseCaseOnboardingGraphic__formHeader{margin-bottom:25px}.ConnectUseCaseOnboardingGraphic__formBody{display:grid;gap:25px;width:265px}.ConnectUseCaseOnboardingGraphic__formField{display:grid;gap:2px}.ConnectUseCaseOnboardingGraphic__input{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6px 10px 7px}.ConnectUseCaseOnboardingGraphic__apiForm .ConnectUseCaseOnboardingGraphic__input{border:1px solid #00c4c4;border-radius:20px}.ConnectUseCaseOnboardingGraphic__inputRing{position:absolute;inset:0;border:1px solid #d5dbe1;border-radius:2.5px}.ConnectUseCaseOnboardingGraphic__inputRingAlt{border-color:rgba(0,196,196,.15);opacity:0}.ConnectUseCaseOnboardingGraphic__apiForm{opacity:0;position:absolute;width:425px;top:85px;left:42px}.ConnectUseCaseOnboardingGraphic__apiFormLayout{display:grid;grid-template-columns:1fr 1fr;gap:25px}.ConnectUseCaseOnboardingGraphic__apiFormLayout--left,.ConnectUseCaseOnboardingGraphic__apiFormLayout--right{display:grid;gap:25px}.ConnectUseCaseOnboardingGraphic__button{display:flex;justify-content:center;width:265px;height:25px;border-radius:2.53px;background:rgba(0,196,196,.3);padding-top:6px;padding-bottom:6px;margin:25px auto 5px}.ConnectUseCaseOnboardingGraphic__linkLayout{display:flex;gap:8px;justify-content:center}.ConnectUseCaseOnboardingGraphic__link{position:relative;color:#00c4c4;font:var(--fontWeightNormal) 9px/1.4 var(--fontFamily);letter-spacing:-.1px}.ConnectUseCaseOnboardingGraphic__link:before{content:"";position:absolute;height:1px;width:100%;background:#00c4c4;left:0;bottom:1px}