.payment-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:stretch}.payment-card-grid[hidden],.commission-card[hidden],.commission-pager[hidden]{display:none!important}.commission-card{min-width:0;padding:20px;background:#fff;border:1px solid #ddd5e7;border-top:3px solid #30106f;border-radius:9px;box-shadow:0 3px 12px #30106f05;display:flex;flex-direction:column;gap:0;color:#465064}.commission-card-top{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.commission-code{display:inline-block;background:#f0ebf8;color:#30106f;padding:4px 8px;border-radius:4px;font:700 10px/1.6 "Noto Sans",sans-serif;letter-spacing:.02em}.commission-name{display:block;color:#17121f;font:600 14px/1.5 "Noto Sans",sans-serif;overflow-wrap:anywhere}.commission-card .commission-label,.readable-site main .commission-card .commission-label{font:400 11px/1.6 "Noto Sans",sans-serif!important;color:#687183;margin:20px 0 3px!important}.commission-amount{display:block;font:600 clamp(26px,2.3vw,34px)/1.25 Outfit,"Noto Sans",sans-serif;letter-spacing:-.035em;color:#30106f;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.commission-card .commission-date,.readable-site main .commission-card .commission-date{font:400 11px/1.7 "Noto Sans",sans-serif!important;margin:9px 0 17px!important;color:#687183}.commission-date time{color:#353140;font-weight:600}.commission-document{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:9px 10px;border:1px solid #ded6e9;border-radius:5px;margin-top:auto;font:600 11px/1.5 "Noto Sans",sans-serif;color:#30106f;background:#faf8fd;text-decoration:none}.commission-document:hover{text-decoration:none;background:#f0ebf8}.commission-document svg{width:16px;height:18px;flex:none}.commission-document .pdf-icon{width:auto;height:auto;border:0;background:none;padding:0;font-size:9px}.commission-document.is-placeholder{color:#746980;background:#f8f7fa;border-style:dashed;font-weight:400}.commission-example{font:500 9px/1.5 "Noto Sans",sans-serif;color:#7a637e;display:block;margin-top:5px}.commission-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px 0 0}.commission-pager button{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:#30106f;border:1px solid #d6cbe6;border-radius:5px;min-height:39px;padding:8px 13px;font:600 11px/1.5 "Noto Sans",sans-serif;cursor:pointer}.commission-pager button:hover:not(:disabled){background:#f0eaf8}.commission-pager button:disabled{opacity:.4;cursor:default}.commission-page-label{font:500 11px/1.6 "Noto Sans",sans-serif;color:#62546f;text-align:center;font-variant-numeric:tabular-nums;min-width:90px}.commission-pager button:focus-visible,.commission-document:focus-visible{outline:3px solid #957abb;outline-offset:3px}.commission-example-note{padding:12px 15px;border:1px solid #d7c9e5;border-radius:6px;background:#fff;color:#655074;font:400 12px/1.7 "Noto Sans",sans-serif;margin-bottom:16px}.home-example-ribbon{position:sticky;top:0;z-index:60;background:#30106f;color:#fff;border-bottom:2px solid #ab2c20}.home-example-ribbon .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:10px;font:600 11px/1.6 "Noto Sans",sans-serif}.home-example-ribbon a{color:#fff;font-size:11px;text-decoration:underline;text-underline-offset:3px}.is-payment-preview .header{position:relative}.home-example-link{display:inline-block;margin-left:8px;color:#30106f;font-size:11px;text-decoration:underline;text-underline-offset:3px}.preview-main .payment-card-grid{margin-top:0}.preview-main .commission-pager{margin-bottom:3px}.preview-main .commission-card{padding:20px}.home-proof-cards{margin-top:0}.home-proof-cards .commission-card{padding:18px}.home-proof-cards .commission-example{margin-top:5px}
@media(max-width:1099px){.payment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commission-amount{font-size:31px}}
@media(max-width:649px){.payment-card-grid{grid-template-columns:minmax(0,1fr)}.commission-card,.preview-main .commission-card,.home-proof-cards .commission-card{padding:19px 21px}.commission-card-top{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.commission-name{font-size:13px}.commission-card .commission-label,.readable-site main .commission-card .commission-label{margin-top:16px!important}.commission-amount{font-size:34px}.commission-pager{gap:10px;justify-content:space-between}.commission-pager button{padding:8px 10px;min-height:40px;font-size:11px}.commission-page-label{font-size:10px;min-width:75px}.home-example-ribbon .wrap{align-items:flex-start;gap:12px;font-size:10px}.home-example-ribbon .wrap>strong{max-width:190px}.home-example-ribbon a{font-size:10px;white-space:nowrap}.home-example-link{display:block;margin-left:0;margin-top:5px}.commission-example-note{font-size:11px;padding:11px 13px}}