.skeleton-payment .skeleton .payment-heading{width:230px;background:#e5e5e5;height:35px}.skeleton-payment .Payment-description{margin:16px 0}.skeleton-payment .Payment-description .skeleton .skeletonPayment-description{height:60px;width:100%;background:#e5e5e5}.skeleton-payment .skeleton .addaccount-heading{width:230px;background:#e5e5e5;height:35px}.skeleton-payment .addaccount-description{margin:16px 0}.skeleton-payment .addaccount-description .skeleton .skeletonPayment-description{height:60px;width:100%;background:#e5e5e5}.skeleton-payment .skeleton .payment-backbutton{width:120px;height:45px;margin-right:50px;background:#e5e5e5}.skeleton-payment .skeleton .payment-addaccountbutton{width:120px;height:45px;background:#e5e5e5}@media (max-width: 671px){.skeleton-buttons{flex-direction:column}.skeleton .skeleton-backbutton,.skeleton .skeleton-addaccountbutton{width:100%!important}}.skeletonManageAccount{max-width:624px;margin:0 auto;padding-top:35px}.skeletonheadingManage{margin-bottom:16px;width:40%;height:35px;background:#e5e5e5}.skeletondescsription{height:48px;background:#e5e5e5;margin-bottom:36px}.skeletonBankAccounts{height:200px;background:#e5e5e5;margin-bottom:32px}.backbutton{width:127px;height:40px;background:#e5e5e5;float:right}@media (max-width: 1055px){.skeletonManageAccount{max-width:1055px;padding-left:32px;padding-right:32px}}@media (max-width: 671px){.skeletonManageAccount{max-width:671px;padding-left:16px;padding-right:16px}.backbutton{width:100%}}.skeleton-payment .skeleton .editnickname-heading{width:230px;background:#e5e5e5;height:35px}.skeleton-payment .editnickname-description{margin:16px 0}.skeleton-payment .editnickname-description .skeleton .skeletonPayment-description{height:60px;width:100%;background:#e5e5e5}.skeleton-payment .skeleton .skeleton-editnicknamebutton{width:120px;height:45px;background:#e5e5e5}@media (max-width: 671px){.skeleton-buttons{flex-direction:column}.skeleton .skeleton-backbutton,.skeleton .skeleton-editnicknamebutton{width:100%!important}}.skeleton{padding:10px 0}.skeleton-payment{max-width:608px;width:100%;margin:0 auto;position:relative;padding:36px 16px}.skeleton-payment .skeleton .deposits-heading{width:230px;background:#e5e5e5;height:35px}.skeleton-payment .skeleton .skeletonPayment-container{height:500px;width:100%;background:#e5e5e5}.skeleton-payment .deposits-description{margin:16px 0}.skeleton-payment .deposits-description .skeleton .skeletonPayment-description{height:60px;width:100%;background:#e5e5e5}.skeleton-payment .skeleton .skeleton-backbutton{width:120px;height:45px;margin-right:50px;background:#e5e5e5}.skeleton-payment .skeleton .skeleton-depositsbutton{width:120px;height:45px;background:#e5e5e5}.skeleton-payment .skeleton-buttons{display:flex;justify-content:flex-end}.skeleton-payment .shimmer-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.skeleton-payment .shimmer{width:50%;height:100%;opacity:.2;background:white;background:linear-gradient(90deg,white 0%,#828282 25%,black 50%,#828282 75%,white 100%);transform:skew(-20deg);animation:loader 1s linear infinite}@media (max-width: 671px){.skeleton-buttons{flex-direction:column}.skeleton .skeleton-backbutton,.skeleton .skeleton-depositsbutton{width:100%!important}}.common-skeleton{position:relative;overflow:hidden;border-radius:1rem}.skeletonpage{max-width:1200px;width:100%}.skeletonpage .skeleton{padding:0}.skeletonpage .heading{display:flex;justify-content:space-between;position:relative}.skeletonpage .heading .skeletonheading{width:129px;height:35px;background-color:#e5e5e5}.skeletonpage .heading .skeletonaAccountInfo{width:227px;height:27px;background-color:#e5e5e5}.skeletonpage .Paragraph{margin-top:32px;position:relative}.skeletonpage .Paragraph .skeletonparagraph{width:100%;height:24px;background-color:#e5e5e5}.skeletonpage .duedate{margin-top:32px;position:relative}.skeletonpage .duedate .skeletonduedate{width:100%;max-width:116px;height:21px;background-color:#e5e5e5}.skeletonpage .amount{margin-top:8px;position:relative}.skeletonpage .amount .skeletonamount{width:100%;height:162px;background-color:#e5e5e5}.skeletonpage .paymentsettings{margin-top:32px;position:relative}.skeletonpage .paymentsettings .skeletonpaymentsettings{width:100%;max-width:155px;height:24px;background-color:#e5e5e5}.skeletonpage .autopay{margin-top:8px;position:relative}.skeletonpage .autopay .skeletonautopay{width:100%;height:90px;background-color:#e5e5e5}.paymentamount{position:relative;max-width:224px;overflow:hidden}.paymentamount .skeletonpaymentamount{width:100%;max-width:224px;height:202px;background-color:#e5e5e5}@media (max-width: 66rem){.skeletonpage{max-width:1056px;width:100%;padding:0}.skeletonpage .heading{display:flex;flex-direction:column;column-gap:1rem;row-gap:1rem}.skeletonpage .heading .skeletonaAccountInfo{width:100%}.skeletonpage .Paragraph{padding:0}.skeletonpage .Paragraph .skeletonparagraph{height:48px}.paymentamount{width:100%;max-width:100%;margin-bottom:25px}.paymentamount .skeletonpaymentamount{max-width:1056px;height:200px}}@media (max-width: 42rem){.skeletonpage{max-width:671px;width:100%;padding:0 1rem}.skeletonpage .heading{padding-top:30.71px}.skeletonpage .Paragraph{padding:0}.skeletonpage .duedate,.skeletonpage .paymentsettings{padding-left:0}.paymentamount .skeletonpaymentamount{max-width:671px;height:200px}}.paymentactivity{padding-top:20px}.paymentactivity .skeletonpaymentactivity{width:100%;max-width:105px;height:24px;background-color:#e5e5e5}.filter{display:flex;justify-content:space-between;width:170px;padding-top:10px}.filter .filterby-1{width:62px;height:24px;margin:auto;background-color:#e5e5e5}.filter .filterby-2{width:34px;height:24px;margin:auto;background-color:#e5e5e5}.filter .filterby-3{width:71px;height:24px;margin:auto;background-color:#e5e5e5}.scheduled{padding-top:10px;padding-bottom:5px}.scheduled .skeletonscheduled{width:100%;max-width:94px;height:21px;background-color:#e5e5e5}.content{display:flex;flex-direction:column;justify-content:space-between}.content .content-1,.content .content-2,.content .content-3{width:100%;max-width:441px;height:48px;margin-bottom:10px;background-color:#e5e5e5}.shimmer-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}.shimmer{width:50%;height:100%;opacity:.2;background:white;background:linear-gradient(90deg,white 0%,#828282 25%,black 50%,#828282 75%,white 100%);transform:skew(-20deg);animation:loader 1s linear infinite}@keyframes loader{0%{transform:translate(-150%)}50%{transform:translate(-75%)}to{transform:translate(150%)}}.skeletonpagePaymentActivity{max-width:1200px;width:100%}.skeletonpagePaymentActivity .heading{margin-top:2.25rem}.skeletonpagePaymentActivity .heading .pymt-activity-heading{margin-top:1rem;width:110px;height:21px;background-color:#e5e5e5}.skeletonpagePaymentActivity .heading .pymt-activity-educational-content{margin-top:1rem;width:300px;height:15px;background-color:#e5e5e5}.skeletonpagePaymentActivity .Filter{display:flex;margin:1rem 0;position:relative;row-gap:100px}.skeletonpagePaymentActivity .Filter .pymt-activity-filter{width:94px;height:24px;margin-top:7px;margin-right:5px;background-color:#e5e5e5}.skeletonpagePaymentActivity .Filter .pymt-activity-date{width:86px;height:35px;margin-right:5px;background-color:#e5e5e5}.skeletonpagePaymentActivity .Filter .pymt-activity-paidfrom{width:123px;height:35px;background-color:#e5e5e5}.skeletonpagePaymentActivity .SCHEDULED{margin-bottom:1rem}.skeletonpagePaymentActivity .SCHEDULED .pymt-activity-scheduled{margin-top:1rem;margin-bottom:.5rem;width:94px;height:21px;background-color:#e5e5e5}.skeletonpagePaymentActivity .SCHEDULED .pymt-activity-scheduled-Checking{width:100%;height:100px;background-color:#e5e5e5}.skeletonpagePaymentActivity .PENDING{margin-bottom:1rem}.skeletonpagePaymentActivity .PENDING .pymt-activity-pending{margin-bottom:.5rem;width:94px;height:21px;background-color:#e5e5e5}.skeletonpagePaymentActivity .PENDING .pymt-activity-pending-Checking{width:100%;height:48px;background-color:#e5e5e5}.skeletonpagePaymentActivity .PAID{margin-bottom:1rem}.skeletonpagePaymentActivity .PAID .pymt-activity-paid{margin-bottom:.5rem;width:94px;height:21px;background-color:#e5e5e5}.skeletonpagePaymentActivity .PAID .pymt-activity-paid-Checking{width:100%;height:100px;background-color:#e5e5e5}.skeletonpagePaymentActivity .Button{margin-right:60px}.skeletonpagePaymentActivity .Button .pymt-activity-Button-Viewmorepayments{width:155px;height:24px;background-color:#e5e5e5}@media screen and (min-width: 20rem) and (max-width: 671px){.skeletonpagePaymentActivity{padding:0rem 1rem}}