.vri-payment-element-panel{margin:18px 0 22px;padding:20px 22px;border:1px solid rgba(9,84,94,.17);border-radius:18px;background:linear-gradient(180deg,#fffdf8 0%,#f7fbfa 100%);box-shadow:0 12px 28px rgba(7,56,62,.06)}
.vri-payment-element-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:16px}
.vri-payment-element-heading h4{margin:3px 0 7px;color:#084a53;font-size:1.18rem}
.vri-payment-element-heading p{max-width:760px;margin:0;color:#49666b;line-height:1.55}
.vri-payment-element-eyebrow{display:block;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#0b6470}
.vri-payment-element-lock{flex:0 0 auto;padding:7px 11px;border:1px solid rgba(11,100,112,.22);border-radius:999px;background:#eff8f7;color:#0b6470;font-size:.76rem;font-weight:800}
.vri-payment-element-mount{min-height:92px;padding:15px;border:1px solid #d6e3e1;border-radius:14px;background:#fff}
.vri-payment-element-loading{padding:16px 4px;color:#647b7f;font-size:.92rem}
.vri-payment-element-total{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:14px;padding:12px 14px;border-radius:12px;background:#eef6f5;color:#35565c}
.vri-payment-element-total strong{color:#084a53;font-size:1.06rem}
.vri-payment-element-status{margin-top:12px;padding:11px 13px;border-radius:12px;background:#eef6f5;color:#31565c;line-height:1.5}
.vri-payment-element-status[data-status-type="error"]{background:#fff1f0;color:#7d2929;border:1px solid rgba(157,48,48,.15)}
.vri-payment-element-status[data-status-type="success"]{background:#eff8f2;color:#275f3b;border:1px solid rgba(39,95,59,.14)}
.vri-payment-element-fine{margin:12px 0 0;color:#667c80;font-size:.78rem;line-height:1.45}
.vri-sample-payment-element-visual{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-top:10px}
.vri-sample-payment-element-visual>div{padding:9px 10px;border:1px solid #d9e5e3;border-radius:9px;background:#f8fbfa}
.vri-sample-payment-element-visual span{display:block;margin-bottom:3px;color:#6b7f82;font-size:.69rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.vri-sample-payment-element-visual strong{font-size:.84rem;color:#31535a}
@media (max-width:700px){.vri-payment-element-heading{display:block}.vri-payment-element-lock{display:inline-block;margin-top:12px}.vri-payment-element-total{align-items:flex-start;flex-direction:column}.vri-sample-payment-element-visual{grid-template-columns:1fr}}