.ConnectUseCasePaymentsAndPayoutGraphic.Card{--cardBackground:transparent;--graphicWidth:484px;position:absolute;top:24px;width:var(--graphicWidth);height:475px;transform:translateX(14px);clip-path:inset(0 0 0 0 round var(--cardBorderRadius));-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible}.ConnectUseCasePaymentsAndPayoutGraphic__copy--small{font:var(--fontWeightNormal) 10px/1 var(--fontFamily);color:#abb5c5}.ConnectUseCasePaymentsAndPayoutGraphic__copy{font:var(--fontWeightSemibold) 14px/1.4 var(--fontFamily);letter-spacing:-.15px;color:#727f96}.ConnectUseCasePaymentsAndPayoutGraphic__copy b{font-weight:var(--fontWeightSemibold);color:#0a2540}.ConnectUseCasePaymentsAndPayoutGraphic__copy--fancy{font:var(--fontWeightSemibold) 14px/1.4 var(--fontFamily);color:#00c4c4}.ConnectUseCasePaymentsAndPayoutGraphic__copy--light{font-weight:var(--fontWeightNormal)}.ConnectUseCasePaymentsAndPayoutGraphic__button{display:flex;justify-content:center;border-radius:4px;font:var(--fontWeightSemibold) 14px/1.4 var(--fontFamily);letter-spacing:-.15px;color:#393b3e;background:#fff;margin-top:4px;padding-top:6px;padding-bottom:6px;box-shadow:0 2.5px 7px -3px rgba(50,50,93,.25),0 1.5px 3px -1.5px rgba(0,0,0,.1)}.ConnectUseCasePaymentsAndPayoutGraphic__button--active{color:#00c4c4;background:rgba(0,196,196,.15);border:none;box-shadow:none;margin-top:16px}.ConnectUseCasePaymentsAndPayoutGraphic__tag{display:flex;align-items:center;justify-content:center;border-radius:4px;font:var(--fontWeightSemibold) 9.34px/1 var(--fontFamily);text-transform:uppercase;color:#fff;background:#00c4c4;padding:3.5px 10px}.ConnectUseCasePaymentsAndPayoutGraphic__copy--apiSmall{font:var(--fontWeightNormal) 9.34px/1 var(--fontFamily);color:#0e0e0e;text-transform:uppercase}.ConnectUseCasePaymentsAndPayoutGraphic__copy--apiSmall b{font:var(--fontWeightSemibold) 10.51px/1 var(--fontFamily)}.ConnectUseCasePaymentsAndPayoutGraphic__copy--api{font:var(--fontWeightSemibold) 14px/1 var(--fontFamily);color:#0a2540}.ConnectUseCasePaymentsAndPayoutGraphic__copy--apiFancy{font-family:Palatino;font-weight:700;font-size:14px;color:#0a2540}.ConnectUseCasePaymentsAndPayoutGraphic__copy--teal{font:var(--fontWeightNormal) 14px/1 var(--fontFamily);color:#00c4c4}.ConnectUseCasePaymentsAndPayoutGraphic__copy--apiLight{font:var(--fontWeightNormal) 11.68px/1 var(--fontFamily);color:#8898aa}.ConnectUseCasePaymentsAndPayoutGraphic__copy--apiLight b{text-transform:uppercase;font:var(--fontWeightSemibold) 11.51px/1 var(--fontFamily)}.ConnectUseCasePaymentsAndPayoutGraphic__graphicContainer{position:relative;width:100%;height:100%}.ConnectUseCasePaymentsAndPayoutGraphic__codeSection{opacity:0;position:absolute;top:0;left:0;width:240px;height:380px;z-index:1}.ConnectUseCasePaymentsAndPayoutGraphic__codeEditor.Card{border-top-right-radius:0;border-bottom-right-radius:0;height:100%;pointer-events:none}.ConnectUseCasePaymentsAndPayoutGraphic__codeEditor.Card .CodeEditor{--codeEditorHorizontalPadding:8px;font:500 9.82px/1.710794 var(--codeFontFamily)}.ConnectUseCasePaymentsAndPayoutGraphic__payOutsSection{position:absolute;top:0;right:0;width:var(--graphicWidth);height:380px}.ConnectUseCasePaymentsAndPayoutGraphic__mainLayout{position:relative;width:100%;height:100%;background:#fff}.ConnectUseCasePaymentsAndPayoutGraphic__browserBarSection{position:absolute;top:10px;left:14px;display:flex;gap:10px;align-items:center}.ConnectUseCasePaymentsAndPayoutGraphic__windowIndicators{display:flex;gap:4px}.ConnectUseCasePaymentsAndPayoutGraphic__windowButton{width:8px;height:8px;border-radius:50%;background:#f6f9fc;flex-shrink:0}.ConnectUseCasePaymentsAndPayoutGraphic__browserBar{display:flex;align-items:center;justify-content:center;width:372px;height:16px;background:#f6f9fc;border-radius:2px;padding-top:2px;padding-bottom:3px}.ConnectUseCasePaymentsAndPayoutGraphic__productLogo{opacity:0;position:absolute;top:16px;left:50%;transform:translateX(-50%)}.ConnectUseCasePaymentsAndPayoutGraphic__hostedPayouts{position:relative;width:100%;height:100%;padding:44px 65px 0}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedPayouts{opacity:0;position:absolute;top:52px;left:50%;transform:translateX(-50%);width:393px}.ConnectUseCasePaymentsAndPayoutGraphic__apiPayouts{opacity:0;position:absolute;top:0;left:0;width:380px;height:100%}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedHeader,.ConnectUseCasePaymentsAndPayoutGraphic__hostedHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedBody{border-top:1px solid rgba(0,196,196,.15)}.ConnectUseCasePaymentsAndPayoutGraphic__lineItem{display:flex;flex-direction:column;gap:3px;border-top:1px solid #e7ecf1;padding:16px 0}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedLineItem{display:flex;justify-content:space-between;padding:8px 0}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedLineItemLayout{display:flex;gap:16px}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedLineItemLayout svg{flex-shrink:0}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedLineItem--fancy{border-bottom:1px solid rgba(0,196,196,.15)}.ConnectUseCasePaymentsAndPayoutGraphic__embeddedLineItemLayout--fancyLayout{width:100%}.ConnectUseCasePaymentsAndPayoutGraphic__apiHeader{display:flex;gap:8px;flex-direction:column;align-items:center;padding-top:20px;width:380px;height:75px;background:rgba(0,196,196,.1)}.ConnectUseCasePaymentsAndPayoutGraphic__apiBody{position:absolute;top:80px;left:0;width:334px;border-radius:3px;padding:0 30px;background:#fff;z-index:1}.ConnectUseCasePaymentsAndPayoutGraphic__apiLineItem{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f6f9fc}.ConnectUseCasePaymentsAndPayoutGraphic__apiLineItem--fancy{padding:8px 0}.ConnectUseCasePaymentsAndPayoutGraphic__apiLineItem--columnLayout{display:flex;gap:6px;flex-direction:column}.ConnectUseCasePaymentsAndPayoutGraphic__apiLineItem--rowLayout{display:flex;gap:5px;align-items:center;align-self:flex-start}.ConnectUseCasePaymentsAndPayoutGraphic__apiLineItem--rowLayout svg{margin-top:2px}.ConnectUseCasePaymentsAndPayoutGraphic__copy--viewAllDeposits{display:flex;padding-top:11px;justify-content:flex-end}