/* Widget-owned presentation; typography comes from the installed site. */
.rb-pay-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;max-width:100%;border:0;line-height:1.5;cursor:pointer;text-decoration:none;vertical-align:middle;word-break:keep-all}
.rb-pay-button:not(.font-B){font-family:inherit}
.rb-pay-button:hover{filter:brightness(.97)}
.rb-pay-button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.rb-pay-overlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(22,30,43,.48);overflow:auto}
/* KCP's blockUI defaults (1000/1012) sit below the widget's overlay. */
body.rb-pay-open :is(#blockOverlayID,#kcp_mask){z-index:10010!important}
body.rb-pay-open #NAX_BLOCK{z-index:10020!important}
.rb-pay-modal{box-sizing:border-box;width:373px;max-width:100%;max-height:min(768px,calc(100dvh - 48px));margin:auto;border:0;border-radius:20px;background:#fff;color:#273448;box-shadow:0 24px 80px #14203826;font-size:14px;line-height:1.6;overflow:auto;outline:none}
.rb-pay-modal--checkout{width:480px}
.rb-pay-modal *{box-sizing:border-box}
.rb-pay-modal,.rb-pay-modal :is(h1,h2,h3,legend,label,input,textarea,select,button,a):not(.font-B){font-family:inherit}
.rb-pay-modal>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 18px;border-bottom:1px solid #edf0f5;background:#fff;position:sticky;top:0;z-index:2}
.rb-pay-modal h2{margin:0;color:#273448;font-size:20px;line-height:1.5;overflow-wrap:anywhere}
.rb-pay-modal .rb-pay-close{position:relative;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#25282B;color:#fff;cursor:pointer}
.rb-pay-close::before,.rb-pay-close::after{content:"";position:absolute;width:12px;height:1.5px;left:10px;top:15px;background:currentColor;transform:rotate(45deg)}
.rb-pay-close::after{transform:rotate(-45deg)}
.rb-pay-close:hover{background:#25282B;color:#fff}
.rb-pay-content{padding:24px 28px 28px}
.rb-pay-summary{padding:20px;border:1px solid #e8edf5;border-radius:12px;background:#f7f9fc;margin:0 0 24px}
.rb-pay-summary-total{display:flex;align-items:center;justify-content:space-between;gap:20px}
.rb-pay-summary-label{color:#728197;font-size:13px;margin:0}
.rb-pay-price{display:block;font-size:25px;line-height:1.3;letter-spacing:-.5px;color:#273448;margin:0}
.rb-pay-description{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;font-size:13px;color:#728197;margin:12px 0 0;line-height:1.7}
.rb-pay-modal .rb-pay-form-title{font-size:15px;line-height:1.5;margin:0 0 18px;color:#273448}
.rb-pay-modal .rb-pay-field{border:0;margin:0 0 18px;padding:0;min-width:0}
.rb-pay-modal .rb-pay-field legend,.rb-pay-modal .rb-pay-field-label{display:block;position:static;float:none;width:auto;height:auto;margin:0 0 8px;padding:0;font-size:13px;line-height:1.6;text-indent:0;overflow:visible;clip:auto;clip-path:none;white-space:normal;visibility:visible;opacity:1;color:#596b83}
.rb-pay-modal .rb-pay-field :is(input:not([type=checkbox]):not([type=radio]),textarea,select){display:block;width:100%;min-width:0;height:44px;padding:11px 14px;border:1px solid transparent;border-radius:8px;background-color:#f1f4f8;color:#273448;font:inherit;line-height:1.5;box-shadow:none;outline:none}
.rb-pay-modal .rb-pay-field textarea{height:auto;min-height:96px;resize:vertical}
.rb-pay-modal .rb-pay-field :is(input,textarea,select):focus{border-color:#25282B;background-color:#fff;box-shadow:0 0 0 3px #25282b12}
.rb-pay-modal .rb-pay-field ::placeholder{color:#9ba9bb;opacity:1}
.rb-pay-modal .rb-pay-quantity{display:inline-flex;align-items:center;gap:8px}
.rb-pay-modal .rb-pay-field .rb-pay-quantity input[type=number]{width:64px;flex:none;height:40px;padding:8px 4px;text-align:center;appearance:textfield}
.rb-pay-quantity input::-webkit-inner-spin-button,.rb-pay-quantity input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}
.rb-pay-modal .rb-pay-quantity button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;padding:0;border:0;border-radius:8px;background:#25282B;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.rb-pay-modal .rb-pay-quantity button:disabled{opacity:.35;cursor:default}
.rb-pay-modal .rb-pay-quantity button:focus-visible{outline:2px solid #25282B;outline-offset:3px}
/* Builder form.css owns the input + label check/radio artwork. */
.rb-pay-modal .rb-pay-choice{display:inline-block;position:relative;vertical-align:middle;margin:4px 18px 4px 0;max-width:100%}
.rb-pay-modal input[type=radio],.rb-pay-modal input[type=checkbox]{display:block!important;position:absolute!important;width:1px!important;height:1px!important;min-width:0!important;padding:0!important;margin:0!important;opacity:0!important;clip-path:inset(50%);overflow:hidden}
.rb-pay-modal input:is([type=radio],[type=checkbox])+label{display:inline-block;position:relative;min-height:30px;padding:0 0 0 36px!important;margin:0;line-height:26px;color:#596b83;font-size:13px;vertical-align:middle;cursor:pointer;white-space:normal}
.rb-pay-modal input:is([type=radio],[type=checkbox]):focus-visible+label{outline:2px solid #25282B;outline-offset:4px;border-radius:4px}
.rb-pay-modal .rb-pay-consent{position:relative;padding:0;border:0;margin:0 0 24px;white-space:pre-wrap;font-size:13px;color:#596b83}
.rb-pay-footer{margin-top:24px}
.rb-pay-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border:0;border-radius:8px;padding:12px 20px;background:#25282B;color:#fff;font-size:14px;line-height:1.5;cursor:pointer;text-decoration:none}
.rb-pay-action:hover{background:#25282B;color:#fff}
.rb-pay-action:disabled{opacity:.55;cursor:wait}
.rb-pay-modal .rb-pay-help{font-size:12px;color:#8595ac;display:block;margin:0 0 12px;line-height:1.7;word-break:keep-all}
.rb-pay-error{color:#b72f43;padding:12px 14px;border-radius:8px;background:#fff0f2;white-space:pre-wrap;margin:16px 0 0;font-size:13px}
.rb-pay-loading{padding:30px 0;text-align:center;color:#8595ac}
.rb-pay-loading::before,.rb-pay-progress::before{content:"";display:inline-block;flex:none;width:17px;height:17px;border:2px solid #d8dce1;border-top-color:#25282B;border-radius:50%;animation:rb-pay-spin .7s linear infinite;vertical-align:middle;margin-right:10px;will-change:transform}
.rb-pay-progress{display:flex;align-items:center;justify-content:center;position:sticky;bottom:0;z-index:5;margin-top:14px;padding:14px 12px;border:1px solid #e6e8eb;border-radius:8px;background:#fff;color:#25282B;font-size:13px;line-height:1.6;box-shadow:0 -5px 18px #25282b0a}
.rb-pay-progress[hidden]{display:none}
.rb-pay-native .btn_submit:disabled{opacity:.55;cursor:wait}
@keyframes rb-pay-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.rb-pay-loading::before,.rb-pay-progress::before{animation-duration:1.5s}}
.rb-pay-complete{text-align:center;padding:16px 0 28px}
.rb-pay-complete h3{font-size:21px;margin:8px 0 12px}.rb-pay-complete .rb-pay-price{margin-top:18px}
.rb-pay-eyebrow{display:inline-block;padding:4px 10px;background:#edf3ff;border-radius:6px;color:#4075ff;font-size:12px}
.rb-pay-bank{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;margin:8px 0}
.rb-pay-result{padding:24px;max-width:640px;margin:auto;color:#273448;font-size:14px;line-height:1.8}
.rb-pay-result h1{font-size:22px}
body.rb-pay-open :is(.chat_open_btn,.rb-wschat-theme){visibility:hidden}
@media(max-width:600px){.rb-pay-overlay{padding:12px}.rb-pay-modal{max-height:min(768px,calc(100dvh - 24px));border-radius:16px}.rb-pay-modal>header{padding:20px 20px 16px}.rb-pay-content{padding:20px}.rb-pay-modal h2{font-size:18px}.rb-pay-summary{padding:16px}.rb-pay-price{font-size:23px}}

/* Compact scrollbars within the payment modal only. */
.rb-pay-modal,.rb-pay-modal *{scrollbar-width:thin;scrollbar-color:#cbd3de transparent}
@supports selector(::-webkit-scrollbar){.rb-pay-modal,.rb-pay-modal *{scrollbar-width:auto;scrollbar-color:auto}}
.rb-pay-modal::-webkit-scrollbar,.rb-pay-modal *::-webkit-scrollbar{width:4px;height:4px}
.rb-pay-modal::-webkit-scrollbar-track,.rb-pay-modal *::-webkit-scrollbar-track{background:transparent}
.rb-pay-modal::-webkit-scrollbar-thumb,.rb-pay-modal *::-webkit-scrollbar-thumb{border:0;border-radius:999px;background:#cbd3de}
.rb-pay-modal::-webkit-scrollbar-thumb:hover,.rb-pay-modal *::-webkit-scrollbar-thumb:hover{background:#afbac9}