/* Screen typography override. Generated from payment-statuses.css; regenerate with collect.cjs after source typography edits. */
.payments-topbar h1{font-size:28px;}
.payments-prototype{font-size:14px;}
.payments-metrics span{font-size:16px;}
.payments-metrics b{font-size:27px;}
.payments-metrics small{font-size:14px;}
.payments-tabs button b{font-size:14px;}
.payments-list-head{font-size:14px;}
.payment-row b{font-size:14px;}
.payment-row small{font-size:14px;}
.payment-money{font-size:14px;}
.payment-row time{font-size:14px;}
.payment-status{font-size:14px;}
.payment-detail header > span{font-size:14px;}
.payment-detail h2{font-size:22px;}
.payment-detail header p{font-size:14px;}
.payment-detail dt{font-size:14px;}
.payment-detail dd{font-size:14px;}
.payment-detail h3{font-size:14px;}
.payment-detail section p{font-size:14px;}
.payment-detail section small{font-size:14px;}
.payment-detail li{font-size:14px;}
.payment-detail-actions .button{font-size:14px;}
.payments-demo-status{font-size:14px;}
@media (max-width: 720px) {
.payments-topbar h1{font-size:23px;}
.payments-topbar p{font-size:14px;}
.payments-prototype{font-size:14px;}
.payments-topbar .button{font-size:14px;}
.payments-metrics b{font-size:23px;}
.payment-row > span:nth-child(4)::before{font-size:14px;}
.payment-row b, .payment-money{font-size:14px;}
.payments-tabs button{font-size:14px;}
}
.payment-detail header > [data-detail-status]{font-size:14px;}
.payment-detail section .payment-detail-owner{font-size:14px;}
@media (max-width: 720px) {
.payment-row > .payment-row-balance{font-size:14px;}
}