.ccard-inline-shell{--ci-ink:#172033;--ci-muted:#64748b;--ci-line:#d7dee8;--ci-blue:#2563eb;--ci-green:#16805c;--ci-red:#c2414a;margin-top:12px;color:var(--ci-ink)}
.ccard-inline-frame{display:block;width:100%;min-height:0;border:0;background:transparent}
.ccard-inline-persistent-host{position:absolute;z-index:10;overflow:hidden;background:transparent}.ccard-inline-persistent-host[hidden]{display:none}.ccard-inline-persistent-host .ccard-inline-frame{width:100%;height:100%}.ccard-inline-frame-slot{display:block;width:100%;background:transparent}.ccard-inline-frame-slot[hidden]{display:none}
.ccard-inline-loading{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:56px;padding:14px 16px;box-sizing:border-box;border:1px solid var(--ci-line);border-radius:10px;background:#f8fafc;color:var(--ci-muted);font-size:13px}.ccard-inline-loading[hidden]{display:none!important}
.ccard-inline-spinner{width:17px;height:17px;border:2px solid #d7e0ed;border-top-color:var(--ci-blue);border-radius:50%;animation:ccard-spin .8s linear infinite}
.ccard-inline-state{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--ci-muted);font-size:12px}
.ccard-inline-state-dot{width:7px;height:7px;border-radius:50%;background:var(--ci-blue);box-shadow:0 0 0 4px #e9f0ff}
.ccard-inline-shell.is-loading .ccard-inline-state,.ccard-inline-shell.is-ready .ccard-inline-state,.ccard-inline-shell.is-securing .ccard-inline-state{display:none}
.ccard-inline-shell.is-securing .ccard-inline-state{color:var(--ci-blue);font-weight:700}.ccard-inline-shell.is-verified .ccard-inline-state{color:var(--ci-green);font-weight:700}.ccard-inline-shell.is-verified .ccard-inline-state-dot{background:var(--ci-green);box-shadow:0 0 0 4px #e7f6f0}
.ccard-inline-shell.is-error .ccard-inline-state{color:var(--ci-red)}.ccard-inline-shell.is-error .ccard-inline-state-dot{background:var(--ci-red);box-shadow:0 0 0 4px #fdecec}
.ccard-inline-preview{padding:24px;border:1px dashed #b9c5d5;border-radius:12px;color:#64748b;text-align:center}
@keyframes ccard-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ccard-inline-spinner{animation:none}}
.wc-block-components-radio-control-accordion-content:has(.ccard-inline-shell),.wc-block-components-payment-method-content:has(.ccard-inline-shell){background-color:transparent!important;background-image:none!important;box-shadow:none!important}
.wc-block-components-payment-method-content:has(.ccard-inline-shell){color:inherit!important}
.ccard-classic-content>.ccard-inline-shell{margin-top:12px}.ccard-classic-content>p{margin:0 0 12px}.ccard-inline-classic-host{z-index:100}