.ConnectOnboardAnimation{--numSteps:3;--panelWidth:380px;--animationZIndex:1;--replayZIndex:2;--darkTextColor:#0a2540;--lightTextColor:#62788d;--lightGrayFilter:saturate(0%) brightness(175%);width:540px;height:536px}.ConnectOnboardAnimation__card{position:relative;display:flex;justify-content:center;align-items:center;font-size:13px;color:#425466;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:var(--cardBorderRadius);overflow:hidden;height:100%}.ConnectOnboardAnimation__card:after{content:"";width:100%;height:100%;position:absolute;top:-56%;background-color:var(--connectOnboardAnimationBackgroundColor,#090909);transform:skewY(var(--angleStrong))}.ConnectOnboardAnimation__content{width:var(--panelWidth);max-width:calc(100% - 32px);margin:55px auto;z-index:var(--animationZIndex);background-color:#f6f9fc;border-radius:var(--cardBorderRadius);box-shadow:var(--cardShadowMedium)}.ConnectOnboardAnimation__header{text-align:center;background-color:#fff;border-radius:var(--cardBorderRadius) var(--cardBorderRadius) 0 0}.ConnectOnboardAnimation__logo{margin-top:-18px;width:64px;height:64px;display:inline-block;background-color:#fff;background-image:var(--connectOnboardAnimationLogoUrl);background-repeat:no-repeat;background-position:50%;background-size:54px;border-radius:100%;box-shadow:0 2.5px 5px -1px rgba(50,50,93,.25),0 1.5px 3px -1.5px rgba(0,0,0,.3)}.ConnectOnboardAnimation__headerCreateAccount{padding-top:10px;color:var(--darkTextColor);font-weight:var(--fontWeightBold)}.ConnectOnboardAnimation__headerPoweredByStripe{padding-top:4px;padding-bottom:20px;display:inline-block;position:relative}.ConnectOnboardAnimation__headerPoweredByStripe:before{content:"";display:inline-block;position:absolute;left:-14px;top:7px;width:9px;height:11px;background-image:url(v1/a8a7894c.svg);background-repeat:no-repeat;background-position:0 0}.ConnectOnboardAnimation__progressBar{height:8px;background-color:#e3e8ee}.ConnectOnboardAnimation__percentComplete{height:100%;background-color:var(--connectOnboardAnimationProgressColor,#0073e6);transform:scaleX(calc(1/var(--numSteps)));transform-origin:0 50%;transition:transform .3s ease-in-out}.ConnectOnboardAnimation--step2 .ConnectOnboardAnimation__percentComplete{transform:scaleX(calc(2/var(--numSteps)))}.ConnectOnboardAnimation--step3 .ConnectOnboardAnimation__percentComplete{transform:scaleX(calc(3/var(--numSteps)))}.ConnectOnboardAnimation__body{width:100%;overflow:hidden}.ConnectOnboardAnimation__replay{position:absolute;left:0;top:0;width:100%;height:100%;z-index:var(--replayZIndex);visibility:hidden;opacity:0;transition:opacity .5s}.ConnectOnboardAnimation--finished .ConnectOnboardAnimation__replay{opacity:1;visibility:visible}.ConnectOnboardAnimation__steps{--stepWidth:calc(100%/var(--numSteps));width:calc(100%*var(--numSteps));display:flex;flex-wrap:nowrap;transition:transform .2s ease-in-out}.ConnectOnboardAnimation--step2 .ConnectOnboardAnimation__steps{transform:translateX(calc(var(--stepWidth)*-1))}.ConnectOnboardAnimation--step3 .ConnectOnboardAnimation__steps{transform:translateX(calc(var(--stepWidth)*-2))}.ConnectOnboardAnimation__step{width:var(--panelWidth);min-width:250px;position:relative}.ConnectOnboardAnimation__form{padding:24px 40px}.ConnectOnboardAnimation__formRow{margin-top:18px}.ConnectOnboardAnimation__formRow:first-of-type{margin-top:0}.ConnectOnboardAnimation__formLabel{margin-bottom:10px;font-weight:var(--fontWeightBold);color:var(--darkTextColor);text-align:left}.ConnectOnboardAnimation__formInput{padding:0 10px;height:28px;line-height:27px;color:#596a79;white-space:nowrap;background-color:#fff;border-radius:4px;box-shadow:0 2.5px 5px -1px rgba(50,50,93,.25),0 1.5px 3px -1.5px rgba(0,0,0,.3)}.ConnectOnboardAnimation__formSelect{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;font-weight:var(--fontWeightBold)}.ConnectOnboardAnimation__formSelectArrows{margin-top:9px;width:8px;height:11px;background-image:url(v1/aa3b27f.svg);background-repeat:no-repeat}.ConnectOnboardAnimation__formMultiInput{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.ConnectOnboardAnimation__formMultiInput .ConnectOnboardAnimation__formSelect{justify-content:flex-start}.ConnectOnboardAnimation__formMultiInput .ConnectOnboardAnimation__formSelectArrows{margin-left:6px}.ConnectOnboardAnimation__formMultiInput>:not(:first-of-type){margin-left:6%}.ConnectOnboardAnimation__formPlaceholder{color:var(--lightTextColor)}.ConnectOnboardAnimation__formReadonlyPlaceholder{font-weight:var(--fontWeightBold)}.ConnectOnboardAnimation__formSubmit{margin-top:24px;color:#fff;text-align:center;font-weight:var(--fontWeightBold);background-color:#d0d7df;border-radius:4px;transition:background-color .2s,transform .3s}.ConnectOnboardAnimation--readyToSubmit .ConnectOnboardAnimation__formSubmit{background-color:var(--connectOnboardAnimationButtonColor,#0073e6)}.ConnectOnboardAnimation--submitting .ConnectOnboardAnimation__formSubmit{transform:scale(.94)}.ConnectOnboardAnimation__verification{color:#0073e6;text-align:center}.ConnectOnboardAnimation__verificationEnterCode{padding:26px 20px 0;font-weight:var(--fontWeightBold);color:var(--darkTextColor)}.ConnectOnboardAnimation__verificationIcon{width:53px;height:53px;margin:22px auto 31px}.ConnectOnboardAnimation__verificationInput{display:flex;justify-content:center;flex-wrap:nowrap;font-size:1.5em;color:var(--darkTextColor);transition:color .4s}.ConnectOnboardAnimation--verifying .ConnectOnboardAnimation__verificationInput{color:var(--lightTextColor)}.ConnectOnboardAnimation__verificationInputGroup{display:flex;flex-wrap:nowrap;margin:0 8px;overflow:hidden;border-radius:5px;box-shadow:0 2px 4px -1px rgba(50,50,93,.25),0 1px 2px -1px rgba(0,0,0,.3)}.ConnectOnboardAnimation__verificationInputField{width:40px;height:40px;line-height:40px;background-color:#fff;border-right:1px solid #e6ebf1}.ConnectOnboardAnimation__verificationInputField:last-of-type{border:0}.ConnectOnboardAnimation__verificationResendCode{margin-top:28px;display:inline-block;position:relative;transition:color .3s}.ConnectOnboardAnimation__verificationResendCode:before{content:"";display:inline-block;width:12px;height:100%;position:absolute;left:-17px;background-image:url(v1/a581033a.svg);background-repeat:no-repeat;background-position:50%;transition:filter .2s}.ConnectOnboardAnimation--verifying .ConnectOnboardAnimation__verificationResendCode{color:var(--lightTextColor)}.ConnectOnboardAnimation--verifying .ConnectOnboardAnimation__verificationResendCode:before{filter:var(--lightGrayFilter)}.ConnectOnboardAnimation__verificationUseDifferentNumber{width:100%;padding:8px 22px;position:absolute;bottom:0;text-align:left;background-color:#fff;border-bottom-right-radius:var(--cardBorderRadius);border-bottom-left-radius:var(--cardBorderRadius);transition:color .2s}.ConnectOnboardAnimation__verificationUseDifferentNumber:before{content:"";display:inline-block;width:11px;height:10px;margin-right:7px;background-image:url(v1/74aade97.svg);background-repeat:no-repeat;background-position:50%;transition:filter .2s}.ConnectOnboardAnimation--verifying .ConnectOnboardAnimation__verificationUseDifferentNumber{color:var(--lightTextColor)}.ConnectOnboardAnimation--verifying .ConnectOnboardAnimation__verificationUseDifferentNumber:before{filter:var(--lightGrayFilter)}.ConnectOnboardAnimation__notification{--notificationWidth:calc(var(--panelWidth)*0.8);--offsetX:16px;--offsetY:16px;width:var(--notificationWidth);position:absolute;top:var(--offsetY);right:var(--offsetX);margin-left:calc(var(--notificationWidth)*-1);padding:10px;color:var(--darkTextColor);font-weight:400;border-radius:8px;background-color:#f0f0f0;box-shadow:var(--cardShadowMedium);transform:translateY(calc(-100% - var(--offsetY)));transition:transform .3s ease-in-out;display:none}.ConnectOnboardAnimation--step2 .ConnectOnboardAnimation__notification{display:block}.ConnectOnboardAnimation--notified .ConnectOnboardAnimation__notification{transform:translateY(0)}.ConnectOnboardAnimation--dismissed .ConnectOnboardAnimation__notification{transform:translateX(calc(var(--offsetX) + var(--notificationWidth)))}.ConnectOnboardAnimation__notificationHeader{color:var(--darkTextColor);display:flex;justify-content:space-between}.ConnectOnboardAnimation__notificationAppIcon{width:21px;height:21px;margin-top:-1px;margin-right:8px;border-radius:4px;background-image:url(v1/91a631ca.svg),linear-gradient(#5bf676,#0cbd29);background-repeat:no-repeat;background-position:50%}.ConnectOnboardAnimation__notificationAppName{text-transform:uppercase;flex-grow:2}.ConnectOnboardAnimation__notificationMessage{margin-top:6px}.ConnectOnboardAnimation__confirmation{padding:90px 20px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ConnectOnboardAnimation__confirmationAllSet{padding-top:14px;font-weight:var(--fontWeightBold);color:var(--darkTextColor)}.ConnectOnboardAnimation__confirmationInfoSaved{padding-top:4px}