#avra-payment-elements-playground{min-height:100vh;color:#edf4ff;background:radial-gradient(circle at 12% 0%, rgba(45,100,204,.06), transparent 28rem), radial-gradient(circle at 89% 14%, rgba(31,206,241,.03), transparent 26rem), #080d1a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}#avra-payment-elements-playground *,#avra-payment-elements-playground *::before,#avra-payment-elements-playground *::after{box-sizing:border-box}#avra-payment-elements-playground button,#avra-payment-elements-playground input{font:inherit}#avra-payment-elements-playground button{cursor:pointer}#avra-payment-elements-playground .playground-shell{max-width:1420px;margin:0 auto;padding:28px 22px 38px}#avra-payment-elements-playground .playground-header{padding:6px 4px 20px}#avra-payment-elements-playground .back-to-overview{display:inline-flex;align-items:center;gap:6px;margin:0 0 26px -10px;padding:6px 10px;color:#b7c8e4;font-size:13px;font-weight:600;border-radius:8px;text-decoration:none;transition:all .15s}#avra-payment-elements-playground .back-to-overview:hover{color:#fff;background:rgba(255,255,255,0.06)}#avra-payment-elements-playground .eyebrow,#avra-payment-elements-playground .section-kicker{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#67ddec;font-size:11px;font-weight:780;letter-spacing:.12em;text-transform:uppercase}#avra-payment-elements-playground .eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#55e4a1;box-shadow:0 0 0 4px rgba(85,228,161,.12)}#avra-payment-elements-playground .title-row,#avra-payment-elements-playground .panel-heading,#avra-payment-elements-playground .switch-row{display:flex;align-items:center;justify-content:space-between;gap:14px}#avra-payment-elements-playground .title-row{align-items:flex-start;gap:24px}#avra-payment-elements-playground .control-label-row{display:flex;flex-direction:column;align-items:flex-start;gap:3px}#avra-payment-elements-playground h1,#avra-payment-elements-playground h2,#avra-payment-elements-playground p{margin-top:0}#avra-payment-elements-playground h1{margin-bottom:8px;font-size:clamp(28px,4vw,41px);letter-spacing:-.045em;line-height:1}#avra-payment-elements-playground h2{margin-bottom:0;font-size:19px;letter-spacing:-.025em}#avra-payment-elements-playground .title-row p{max-width:700px;margin-bottom:0;color:#9aabc5;font-size:15px;line-height:1.6}#avra-payment-elements-playground .safe-badge,#avra-payment-elements-playground .preview-theme-label{padding:7px 10px;border:1px solid #34425b;border-radius:999px;color:#b9cae4;background:#18243a;font-size:11px;font-weight:700}#avra-payment-elements-playground .safe-badge{border-color:rgba(85,228,161,.3);color:#85f1bb;background:rgba(53,157,103,.12)}#avra-payment-elements-playground .playground-tabs{display:flex;gap:9px;width:fit-content;max-width:100%;margin-bottom:20px;padding:5px;border:1px solid #28344a;border-radius:13px;background:rgba(16,25,43,.84)}#avra-payment-elements-playground .playground-tab{min-height:36px;padding:0 14px;border:0;border-radius:8px;color:#9daec9;background:transparent;font-size:13px;font-weight:700}#avra-payment-elements-playground .playground-tab--active{color:#fff;background:linear-gradient(135deg,#0450ff,#003cc2);box-shadow:inset 0 1px rgba(255,255,255,.16),0 4px 12px rgba(6,16,37,.24)}#avra-payment-elements-playground .playground-tab--future{display:flex;align-items:center;gap:8px;color:#62708a;cursor:default}#avra-payment-elements-playground .playground-tab small{padding:2px 5px;border-radius:5px;color:#8c9ab0;background:#202a3b;font-size:9px;letter-spacing:.05em;text-transform:uppercase}#avra-payment-elements-playground .playground-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(360px,.76fr);gap:18px;align-items:start}#avra-payment-elements-playground .preview-panel,#avra-payment-elements-playground .controls-panel{overflow:hidden;border:1px solid #27344b;border-radius:20px;background:linear-gradient(165deg,rgba(19,29,50,.95),rgba(11,18,32,.98));box-shadow:0 20px 58px rgba(0,0,0,.22)}#avra-payment-elements-playground .panel-heading{align-items:flex-start;padding:22px 24px 18px}#avra-payment-elements-playground .section-kicker{margin-bottom:5px;color:#7d96bb;font-size:10px}#avra-payment-elements-playground .preview-stage{min-height:670px;margin:0 16px;overflow:hidden;border:1px solid #283754;border-radius:15px;transition:background .2s,border-color .2s}#avra-payment-elements-playground .preview-stage--dark{background:radial-gradient(circle at 50% 4%,rgba(75,139,255,.12),transparent 23rem),#0b1323}#avra-payment-elements-playground .preview-stage--light{border-color:#cad6e4;background:linear-gradient(130deg,#e9f0f9,#d6e4f1)}#avra-payment-elements-playground .preview-browser-bar{display:flex;align-items:center;gap:6px;height:37px;padding:0 14px;border-bottom:1px solid rgba(112,138,180,.22);background:rgba(8,14,26,.2)}#avra-payment-elements-playground.playground--documentation-light .preview-browser-bar{background:rgba(15, 23, 42, 0.08);border-bottom-color:rgba(15, 23, 42, 0.15)}#avra-payment-elements-playground .preview-browser-bar span{width:8px;height:8px;border-radius:50%;background:#54627d}#avra-payment-elements-playground .preview-browser-bar span:first-child{background:#f37070}#avra-payment-elements-playground .preview-browser-bar span:nth-child(2){background:#f1c45e}#avra-payment-elements-playground .preview-browser-bar span:nth-child(3){background:#62d093}#avra-payment-elements-playground .preview-browser-bar i{width:45%;margin-left:8px;padding:3px 10px;border-radius:5px;color:#8d9bb2;background:rgba(111,132,168,.16);font-size:10px;font-style:normal}#avra-payment-elements-playground .customer-form-preview{max-width:610px;margin:58px auto;padding:0 24px 30px}#avra-payment-elements-playground .preview-note{display:flex;align-items:center;gap:8px;margin:16px 24px 22px;color:#8697b2;font-size:12px;line-height:1.5}#avra-payment-elements-playground .preview-note span{color:#54e4a0;font-size:11px}#avra-payment-elements-playground .controls-panel{position:sticky;top:16px;max-height:calc(100vh - 32px)}#avra-payment-elements-playground .controls-heading{padding-bottom:14px;border-bottom:1px solid #26334a}#avra-payment-elements-playground .controls-scroll{max-height:calc(100vh - 130px);padding:0 24px 22px;overflow:auto;scrollbar-color:#36435a transparent}#avra-payment-elements-playground .control-section{padding:18px 0;border-bottom:1px solid #26334a}#avra-payment-elements-playground .control-section--first{padding-top:5px}#avra-payment-elements-playground .control-section:last-child{padding-bottom:0;border-bottom:0}#avra-payment-elements-playground .control-label-row{margin-bottom:9px}#avra-payment-elements-playground .control-label-row label,#avra-payment-elements-playground .control-label-row>span:not(.control-hint),#avra-payment-elements-playground .switch-row strong{color:#dce8fa;font-size:13px;font-weight:730}#avra-payment-elements-playground .control-hint,#avra-payment-elements-playground .switch-row span{color:#7586a2;font-size:11px;font-weight:500}#avra-payment-elements-playground .text-control,#avra-payment-elements-playground .colour-inputs,#avra-payment-elements-playground .custom-select-trigger,#avra-payment-elements-playground .custom-label input{width:100%;border:1px solid #36445d;border-radius:9px;color:#edf4ff;background:#111b2f}#avra-payment-elements-playground .text-control{padding:11px 12px;outline:none;transition:border-color .15s,box-shadow .15s}#avra-payment-elements-playground .text-control:focus,#avra-payment-elements-playground .colour-inputs input[type="text"]:focus,#avra-payment-elements-playground .custom-label input:focus{border-color:#45cce7;box-shadow:0 0 0 3px rgba(63,206,241,.13)}#avra-payment-elements-playground .segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border-radius:10px;background:#111b2e}#avra-payment-elements-playground .segmented-control button{min-height:34px;border:1px solid transparent;border-radius:7px;color:#8798b2;background:transparent;font-size:12px;font-weight:720}#avra-payment-elements-playground .segmented-control button.is-selected{border-color:#0450ff;color:#eaf5ff;background:linear-gradient(135deg,#0450ff,#003cc2)}#avra-payment-elements-playground .colour-grid,#avra-payment-elements-playground .country-grid,#avra-payment-elements-playground .custom-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#avra-payment-elements-playground .colour-control{display:grid;gap:6px;color:#9cacbf;font-size:11px;font-weight:680}#avra-payment-elements-playground .colour-inputs{display:flex;min-width:0;height:37px;overflow:hidden;border-radius:8px}#avra-payment-elements-playground .colour-inputs input[type="color"]{flex:0 0 38px;width:38px;height:100%;padding:4px;border:0;background:transparent;cursor:pointer}#avra-payment-elements-playground .colour-inputs input[type="text"]{min-width:0;width:100%;padding:0 8px;outline:0;border:0;color:#dce9fc;background:transparent;font-family:Consolas,monospace;font-size:11px;text-transform:uppercase}#avra-payment-elements-playground .padding-range{width:100%;accent-color:#0450ff;cursor:pointer}#avra-payment-elements-playground .split-control-section{display:grid;gap:15px}#avra-payment-elements-playground .switch-row{margin:0}#avra-payment-elements-playground .switch-row div{display:grid;gap:3px}#avra-payment-elements-playground .switch{position:relative;flex:0 0 auto;width:40px;height:23px;padding:2px;border:1px solid #43516a;border-radius:999px;background:#182238}#avra-payment-elements-playground .switch span{display:block;width:17px;height:17px;border-radius:50%;background:#96a6bf;transition:transform .18s,background .18s}#avra-payment-elements-playground .switch.is-on{border-color:#2878b9;background:#1863a0}#avra-payment-elements-playground .switch.is-on span{transform:translateX(16px);background:#fff}#avra-payment-elements-playground .custom-select{position:relative}#avra-payment-elements-playground .select-label{display:block;margin-bottom:6px;color:#9cacbf;font-size:11px;font-weight:680}#avra-payment-elements-playground .custom-select-trigger{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:0 10px 0 11px;font-size:12px;text-align:left}#avra-payment-elements-playground .custom-select-trigger:focus-visible,#avra-payment-elements-playground .custom-select-trigger[aria-expanded="true"]{outline:0;border-color:#45cce7;box-shadow:0 0 0 3px rgba(63,206,241,.13)}#avra-payment-elements-playground .custom-select-trigger svg,#avra-payment-elements-playground .details-section summary svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}#avra-payment-elements-playground .custom-select-popover{position:absolute;z-index:20;top:calc(100% + 7px);left:0;width:max(230px,100%);padding:8px;border:1px solid #40516d;border-radius:10px;background:#0e1728;box-shadow:0 18px 35px rgba(0,0,0,.36)}#avra-payment-elements-playground .select-search input{width:100%;padding:9px 10px;outline:0;border:1px solid #35445e;border-radius:7px;color:#eff6ff;background:#172238;font-size:12px}#avra-payment-elements-playground .custom-select-options{max-height:206px;margin-top:6px;overflow:auto}#avra-payment-elements-playground .custom-select-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px;border:0;border-radius:6px;color:#c4d2e7;background:transparent;text-align:left;font-size:12px}#avra-payment-elements-playground .custom-select-option:hover,#avra-payment-elements-playground .custom-select-option.is-selected{color:#fff;background:#1a3761}#avra-payment-elements-playground .custom-select-option small{color:#80dcef;font-family:Consolas,monospace}#avra-payment-elements-playground .details-section{padding-bottom:0}#avra-payment-elements-playground .details-section summary{display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer}#avra-payment-elements-playground .details-section summary::-webkit-details-marker{display:none}#avra-payment-elements-playground .details-section summary span{display:grid;gap:3px}#avra-payment-elements-playground .details-section summary strong{color:#dce8fa;font-size:13px}#avra-payment-elements-playground .details-section summary small,#avra-payment-elements-playground .details-content>p{color:#7586a2;font-size:11px}#avra-payment-elements-playground .details-section[open] summary svg{transform:rotate(180deg)}#avra-payment-elements-playground .details-content{margin-top:15px}#avra-payment-elements-playground .details-content>p{margin-bottom:12px;line-height:1.55}#avra-payment-elements-playground .field-rules{display:grid;gap:6px}#avra-payment-elements-playground .field-rule{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;min-height:39px;padding:6px 8px 6px 10px;border:1px solid #2d3b52;border-radius:8px;color:#c5d3e7;font-size:11px}#avra-payment-elements-playground .field-rule small{color:#74849d}#avra-payment-elements-playground .mini-toggle{display:flex;align-items:center;gap:4px;color:#9aacbf;font-size:10px}#avra-payment-elements-playground .mini-toggle input{accent-color:#32b9d6}#avra-payment-elements-playground .custom-label{display:grid;gap:5px;color:#9bacbf;font-size:10px;font-weight:690}#avra-payment-elements-playground .custom-label input{min-width:0;padding:9px;border-radius:7px;font-size:11px}#avra-payment-elements-playground .generated-code-section{padding-top:18px}#avra-payment-elements-playground .code-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}#avra-payment-elements-playground .reset-button,#avra-payment-elements-playground .secondary-button,#avra-payment-elements-playground .primary-button{border-radius:9px;font-size:12px;font-weight:750}#avra-payment-elements-playground .reset-button{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #34445e;color:#aebed7;background:transparent;transition:all .15s}#avra-payment-elements-playground .reset-button svg{width:14px;height:14px;fill:currentColor}#avra-payment-elements-playground .reset-button:hover{color:#f87171;border-color:rgba(248,113,113,.4);background:rgba(248,113,113,.1)}#avra-payment-elements-playground .secondary-button,#avra-payment-elements-playground .primary-button{min-height:38px}#avra-payment-elements-playground .secondary-button{border:1px solid #3b4a64;color:#cad8ec;background:#172238}#avra-payment-elements-playground .primary-button{border:1px solid #0450ff;color:#fff;background:linear-gradient(135deg,#0450ff,#003cc2)}#avra-payment-elements-playground .generated-code{max-height:310px;margin:12px 0 0;padding:13px;overflow:auto;border:1px solid #2e4665;border-radius:10px;color:#d7ecff;background:#09111f;font-size:10px;line-height:1.62;white-space:pre-wrap}#avra-payment-elements-playground .copy-status{min-height:15px;margin:7px 0 0;color:#7cdeb5;font-size:11px}#avra-payment-elements-playground .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width:980px){#avra-payment-elements-playground .playground-grid{grid-template-columns:1fr}#avra-payment-elements-playground .controls-panel{position:static;max-height:none}#avra-payment-elements-playground .controls-scroll{max-height:none;overflow:visible}#avra-payment-elements-playground .preview-stage{min-height:600px}}@media (max-width:580px){#avra-payment-elements-playground .playground-shell{padding:18px 12px 26px}#avra-payment-elements-playground .title-row{flex-direction:column;align-items:flex-start;gap:13px}#avra-payment-elements-playground .safe-badge{align-self:flex-start}#avra-payment-elements-playground .panel-heading{padding:18px 16px 15px}#avra-payment-elements-playground .preview-stage{min-height:560px;margin:0 10px}#avra-payment-elements-playground .customer-form-preview{margin:36px auto;padding:0 13px 20px}#avra-payment-elements-playground .preview-note{margin:13px 16px 18px}#avra-payment-elements-playground .controls-scroll{padding:0 16px 18px}#avra-payment-elements-playground .colour-grid,#avra-payment-elements-playground .country-grid,#avra-payment-elements-playground .custom-labels{grid-template-columns:1fr}#avra-payment-elements-playground .playground-tabs{width:100%;overflow-x:auto}#avra-payment-elements-playground .playground-tab{white-space:nowrap}#avra-payment-elements-playground .field-rule{grid-template-columns:1fr auto}#avra-payment-elements-playground .field-rule small{grid-column:1}#avra-payment-elements-playground .field-rule .mini-toggle{grid-column:2}}#avra-payment-elements-playground.playground--documentation-light{color:#172033;background:radial-gradient(circle at 8% 0%,rgba(37,99,235,.08),transparent 26rem),radial-gradient(circle at 96% 14%,rgba(14,165,233,.07),transparent 24rem),#f7f9fc}#avra-payment-elements-playground.playground--documentation-light .title-row p,#avra-payment-elements-playground.playground--documentation-light .control-hint,#avra-payment-elements-playground.playground--documentation-light .switch-row span,#avra-payment-elements-playground.playground--documentation-light .control-label-row label,#avra-payment-elements-playground.playground--documentation-light .control-label-row>span,#avra-payment-elements-playground.playground--documentation-light .switch-row strong,#avra-payment-elements-playground.playground--documentation-light .details-section summary small,#avra-payment-elements-playground.playground--documentation-light .details-content>p,#avra-payment-elements-playground.playground--documentation-light .field-rule small,#avra-payment-elements-playground.playground--documentation-light .preview-note{color:#62708a}#avra-payment-elements-playground.playground--documentation-light .control-label-row label,#avra-payment-elements-playground.playground--documentation-light .control-label-row>span,#avra-payment-elements-playground.playground--documentation-light .switch-row strong{color:#172033}#avra-payment-elements-playground.playground--documentation-light .eyebrow{color:#0b75bd}#avra-payment-elements-playground.playground--documentation-light .safe-badge{border-color:rgba(5,150,105,.32);color:#087e58;background:rgba(16,185,129,.08)}#avra-payment-elements-playground.playground--documentation-light .preview-theme-label{border-color:#cbd5e1;color:#42526b;background:#f8fafc}#avra-payment-elements-playground.playground--documentation-light .back-to-overview{color:#526784}#avra-payment-elements-playground.playground--documentation-light .back-to-overview:hover{color:#0f172a;background:rgba(15,23,42,0.06)}#avra-payment-elements-playground.playground--documentation-light .playground-tabs{border-color:#d5dfeb;background:#fff}#avra-payment-elements-playground.playground--documentation-light .playground-tab{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .playground-tab--active{color:#fff;background:linear-gradient(135deg,#0450ff,#003cc2);box-shadow:inset 0 1px rgba(255,255,255,.2),0 4px 12px rgba(37,99,235,.2)}#avra-payment-elements-playground.playground--documentation-light .playground-tab--future{color:#94a3b8}#avra-payment-elements-playground.playground--documentation-light .playground-tab small{color:#64748b;background:#eaf0f7}#avra-payment-elements-playground.playground--documentation-light .preview-panel,#avra-payment-elements-playground.playground--documentation-light .controls-panel{border-color:#d5dfeb;background:linear-gradient(165deg,#fff,#f9fbfe);box-shadow:0 18px 42px rgba(36,54,82,.1)}#avra-payment-elements-playground.playground--documentation-light .section-kicker{color:#5373a0}#avra-payment-elements-playground.playground--documentation-light .controls-heading,#avra-payment-elements-playground.playground--documentation-light .control-section{border-color:#e2e8f0}#avra-payment-elements-playground.playground--documentation-light .preview-stage--dark{border-color:#cbd5e1}#avra-payment-elements-playground.playground--documentation-light .preview-note span{color:#059669}#avra-payment-elements-playground.playground--documentation-light .text-control,#avra-payment-elements-playground.playground--documentation-light .colour-inputs,#avra-payment-elements-playground.playground--documentation-light .custom-select-trigger,#avra-payment-elements-playground.playground--documentation-light .custom-label input{border-color:#cbd5e1;color:#172033;background:#fff}#avra-payment-elements-playground.playground--documentation-light .segmented-control{background:#eff4fa}#avra-payment-elements-playground.playground--documentation-light .segmented-control button{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .segmented-control button.is-selected{border-color:#3b82f6;color:#fff;background:linear-gradient(135deg,#0450ff,#003cc2)}#avra-payment-elements-playground.playground--documentation-light .colour-control,#avra-payment-elements-playground.playground--documentation-light .select-label,#avra-payment-elements-playground.playground--documentation-light .custom-label{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .colour-inputs input[type="text"]{color:#334155}#avra-payment-elements-playground.playground--documentation-light .switch{border-color:#cbd5e1;background:#e5edf7}#avra-payment-elements-playground.playground--documentation-light .switch span{background:#94a3b8}#avra-payment-elements-playground.playground--documentation-light .switch.is-on{border-color:#60a5fa;background:#2563eb}#avra-payment-elements-playground.playground--documentation-light .custom-select-popover{border-color:#cbd5e1;background:#fff;box-shadow:0 15px 30px rgba(36,54,82,.18)}#avra-payment-elements-playground.playground--documentation-light .select-search input{border-color:#cbd5e1;color:#172033;background:#f8fafc}#avra-payment-elements-playground.playground--documentation-light .custom-select-option{color:#334155}#avra-payment-elements-playground.playground--documentation-light .custom-select-option:hover,#avra-payment-elements-playground.playground--documentation-light .custom-select-option.is-selected{color:#172033;background:#dbeafe}#avra-payment-elements-playground.playground--documentation-light .field-rule{border-color:#d9e3ef;color:#334155}#avra-payment-elements-playground.playground--documentation-light .mini-toggle{color:#53657d}#avra-payment-elements-playground.playground--documentation-light .reset-button{border-color:#cbd5e1;color:#475569;background:#fff}#avra-payment-elements-playground.playground--documentation-light .reset-button:hover{color:#ef4444;border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.08)}#avra-payment-elements-playground.playground--documentation-light .secondary-button{border-color:#cbd5e1;color:#334155;background:#fff}#avra-payment-elements-playground.playground--documentation-light .generated-code{border-color:#cbd5e1;color:#1e3a5f;background:#f8fafc}#avra-payment-elements-playground .segmented-control button{display:flex;align-items:center;justify-content:center;gap:6px}#avra-payment-elements-playground .segmented-control button svg{width:14px;height:14px;fill:currentColor}#avra-payment-elements-playground .preview-theme-label{display:flex;align-items:center;gap:6px}#avra-payment-elements-playground .preview-theme-label svg{width:12px;height:12px;fill:currentColor}#avra-payment-elements-playground .padding-input-group{display:flex}#avra-payment-elements-playground .padding-separator{width:1px;height:20px;background:#34445e;margin:0 4px}#avra-payment-elements-playground.playground--documentation-light .padding-separator{background:#cbd5e1}#avra-payment-elements-playground .rule-tag-req{color:#f87171;margin-left:5px}#avra-payment-elements-playground .rule-tag-opt{color:#4ade80;margin-left:5px}#avra-payment-elements-playground.playground--documentation-light .rule-tag-req{color:#dc2626}#avra-payment-elements-playground.playground--documentation-light .rule-tag-opt{color:#16a34a}#avra-payment-elements-playground .package-info-box{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #34425b;border-radius:12px;background:rgba(16,25,43,0.6);align-self:flex-start;margin-top:0;min-width:180px}#avra-payment-elements-playground .pkg-detail{display:flex;flex-direction:column;gap:2px}#avra-payment-elements-playground .pkg-detail span{color:#8c9ab0;font-size:10px;text-transform:uppercase;letter-spacing:0.05em;font-weight:700}#avra-payment-elements-playground .pkg-detail strong{color:#dce8fa;font-size:12px;font-weight:600;font-family:Consolas,monospace}#avra-payment-elements-playground.playground--documentation-light .package-info-box{border-color:#cbd5e1;background:#f8fafc}#avra-payment-elements-playground.playground--documentation-light .pkg-detail span{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .pkg-detail strong{color:#334155}#avra-payment-elements-playground .padding-controls-row{display:flex;align-items:center;gap:12px}#avra-payment-elements-playground .padding-range{flex:1 1 auto;min-width:0}#avra-payment-elements-playground .padding-input-wrapper{display:flex;flex-direction:column;gap:6px;flex:0 0 135px}#avra-payment-elements-playground .padding-input-group{display:flex;width:100%}#avra-payment-elements-playground .padding-number{flex:1 1 auto;width:50px;padding:7px 4px 7px 8px;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;font-size:12px}#avra-payment-elements-playground .unit-toggle{display:flex;flex:0 0 76px;background:rgba(0,0,0,0.2);border-left:1px solid #36445d;border-top-right-radius:9px;border-bottom-right-radius:9px;overflow:hidden}#avra-payment-elements-playground .unit-toggle button{flex:1;padding:7px 0;border:0;background:transparent;color:#7d96bb;font-size:11px;font-weight:700;transition:all 0.15s}#avra-payment-elements-playground .unit-toggle button.is-selected{color:#fff;background:#0450ff}#avra-payment-elements-playground.playground--documentation-light .unit-toggle{background:rgba(0,0,0,0.03);border-left-color:#cbd5e1}#avra-payment-elements-playground.playground--documentation-light .unit-toggle button{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .unit-toggle button.is-selected{color:#fff}#avra-payment-elements-playground .padding-warning{color:#f87171;font-size:10px;font-weight:600;text-align:right;white-space:nowrap}#avra-payment-elements-playground.playground--documentation-light .padding-warning{color:#dc2626}#avra-payment-elements-playground .token-punct{color:#8c9ab0}#avra-payment-elements-playground .token-key{color:#62dcf3}#avra-payment-elements-playground .token-string{color:#55e4a1}#avra-payment-elements-playground .token-bool{color:#ff87a8}#avra-payment-elements-playground .token-method{color:#f1c45e}#avra-payment-elements-playground.playground--documentation-light .token-punct{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .token-key{color:#0ea5e9}#avra-payment-elements-playground.playground--documentation-light .token-string{color:#059669}#avra-payment-elements-playground.playground--documentation-light .token-bool{color:#e11d48}#avra-payment-elements-playground.playground--documentation-light .token-method{color:#d97706}#avra-payment-elements-playground .playground-header-container{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}#avra-payment-elements-playground .playground-header-main{display:flex;flex-direction:column;align-items:flex-start}#avra-payment-elements-playground .back-link{margin-bottom:12px;font-size:12px;font-weight:600;color:#0450ff;text-decoration:none;transition:color 0.15s}#avra-payment-elements-playground.playground--documentation-light .back-link{color:#2563eb}#avra-payment-elements-playground .back-link:hover{color:#45cce7;text-decoration:underline}@media (max-width:580px){#avra-payment-elements-playground .playground-header-container{flex-direction:column;gap:16px}}#avra-payment-elements-playground .playground-footer{margin-top:40px;padding-top:32px;border-top:1px solid rgba(112,138,180,0.15);display:flex;flex-direction:column;gap:32px}#avra-payment-elements-playground .footer-nav{display:flex;justify-content:space-between;align-items:center;gap:24px}#avra-payment-elements-playground .footer-nav-link{display:flex;align-items:center;gap:8px;color:#aebed7;font-size:14px;font-weight:500;text-decoration:none;transition:color 0.15s}#avra-payment-elements-playground .footer-nav-link:hover{color:#62dcf3}#avra-payment-elements-playground .footer-nav-link svg{width:16px;height:16px;fill:currentColor}#avra-payment-elements-playground .footer-nav-next{text-align:right;justify-content:flex-end}#avra-payment-elements-playground .footer-copyright{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;color:#53657d;font-size:12px}#avra-payment-elements-playground.playground--documentation-light .playground-footer{border-top-color:#e2e8f0}#avra-payment-elements-playground.playground--documentation-light .footer-nav-link{color:#526784}#avra-payment-elements-playground.playground--documentation-light .footer-nav-link:hover{color:#1d4ed8}#avra-payment-elements-playground.playground--documentation-light .footer-copyright{color:#64748b}@media (max-width: 640px){#avra-payment-elements-playground .footer-nav{flex-direction:column;gap:16px}#avra-payment-elements-playground .footer-nav-next{justify-content:flex-start;text-align:left}#avra-payment-elements-playground .footer-copyright{flex-direction:column;gap:8px;text-align:center}}#avra-payment-elements-playground .tab-panel[hidden]{display:none}#avra-payment-elements-playground .playground-tab{cursor:pointer;border:0}#avra-payment-elements-playground .playground-tab:not(.playground-tab--active){background:transparent}#avra-payment-elements-playground .payment-methods-preview{max-width:640px;margin:38px auto 46px;padding:0 24px 24px}#avra-payment-elements-playground .payment-methods-preview .avra-payment-methods{width:100%}#avra-payment-elements-playground .methods-selected-state{min-height:18px;margin:0 18px 20px;color:#8fd8ff;font-size:12px;font-weight:650}#avra-payment-elements-playground .control-description{margin:10px 0 0;color:#7f91ad;font-size:11px;line-height:1.55}#avra-payment-elements-playground .method-source-control button{padding-inline:8px;font-size:11px}#avra-payment-elements-playground .method-editor-section{display:grid;gap:14px}#avra-payment-elements-playground .text-button{padding:0;border:0;color:#63d9f1;background:transparent;font-size:11px;font-weight:750;cursor:pointer}#avra-payment-elements-playground .text-button:hover{color:#fff;text-decoration:underline}#avra-payment-elements-playground .method-editor-list{display:flex;flex-wrap:wrap;gap:7px}#avra-payment-elements-playground .method-editor-chip{display:flex;align-items:center;gap:8px;min-width:130px;padding:8px 12px;border:1px solid rgba(4,80,255,0.3);border-radius:10px;color:#dce8fa;background:rgba(4,80,255,0.06);text-align:left;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}#avra-payment-elements-playground .method-editor-chip>div{display:flex;flex-direction:column;gap:2px}#avra-payment-elements-playground .method-editor-chip-logo{width:24px;height:24px;object-fit:contain;border-radius:6px;background:#fff;padding:2px}#avra-payment-elements-playground .method-editor-chip strong{color:inherit;font-size:12px;font-weight:700;line-height:1}#avra-payment-elements-playground .method-editor-chip small{color:#8ca5cd;font-size:10px;line-height:1}#avra-payment-elements-playground .method-editor-chip:hover{border-color:#0450ff;background:rgba(4,80,255,0.12)}#avra-payment-elements-playground .method-editor-chip.is-selected{border-color:#0450ff;color:#fff;background:linear-gradient(135deg,#0450ff,#003cc2);box-shadow:inset 0 1px rgba(255,255,255,0.16),0 4px 12px rgba(4,80,255,0.25)}#avra-payment-elements-playground .method-editor-chip.is-selected small{color:rgba(255,255,255,0.8)}#avra-payment-elements-playground .method-editor-chip.is-disabled{opacity:.5;filter:grayscale(1);border-color:#34445e;background:#121f35;color:#8ca5cd}#avra-payment-elements-playground .method-editor-chip.is-disabled:hover{border-color:#4f8fc0}#avra-payment-elements-playground .method-editor{display:grid;gap:13px;padding:13px;border:1px solid #2d405c;border-radius:11px;background:rgba(8,18,35,.42)}#avra-payment-elements-playground .method-field{display:grid;gap:7px;color:#9fb0c7;font-size:11px;font-weight:700}#avra-payment-elements-playground .method-field select.text-control{cursor:pointer}#avra-payment-elements-playground .method-mode-options{grid-template-columns:repeat(auto-fit,minmax(74px,1fr))}#avra-payment-elements-playground .method-mode-options button{padding-inline:6px;text-transform:capitalize}#avra-payment-elements-playground .method-config-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-top:2px}#avra-payment-elements-playground .danger-button{min-height:38px;padding:0 12px;border:1px solid rgba(248,113,113,.42);border-radius:9px;color:#fca5a5;background:rgba(127,29,29,.16);font-size:12px;font-weight:750;cursor:pointer}#avra-payment-elements-playground .danger-button:hover:not(:disabled){color:#fff;border-color:#f87171;background:rgba(185,28,28,.34)}#avra-payment-elements-playground .danger-button:disabled,#avra-payment-elements-playground .secondary-button:disabled{cursor:not-allowed;opacity:.45}#avra-payment-elements-playground .secondary-button.is-default{border-color:rgba(52,211,153,.52);color:#b7f7d5;background:rgba(5,150,105,.13)}#avra-payment-elements-playground.playground--documentation-light .methods-selected-state{color:#0f5d9a}#avra-payment-elements-playground.playground--documentation-light .control-description{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .text-button{color:#2563eb}#avra-payment-elements-playground.playground--documentation-light .text-button:hover{color:#1d4ed8}#avra-payment-elements-playground.playground--documentation-light .method-editor-chip{border-color:rgba(4,80,255,0.2);color:#1e293b;background:rgba(4,80,255,0.04)}#avra-payment-elements-playground.playground--documentation-light .method-editor-chip small{color:#64748b}#avra-payment-elements-playground.playground--documentation-light .method-editor-chip:hover{border-color:#0450ff;background:rgba(4,80,255,0.08)}#avra-payment-elements-playground.playground--documentation-light .method-editor-chip.is-selected{border-color:#0450ff;color:#fff;background:linear-gradient(135deg,#0450ff,#003cc2);box-shadow:inset 0 1px rgba(255,255,255,0.2),0 4px 12px rgba(4,80,255,0.2)}#avra-payment-elements-playground.playground--documentation-light .method-editor-chip.is-selected small{color:rgba(255,255,255,0.8)}#avra-payment-elements-playground.playground--documentation-light .method-editor-chip.is-disabled{opacity:.5;filter:grayscale(1);border-color:#cbd5e1;background:#f8fafc;color:#64748b}#avra-payment-elements-playground.playground--documentation-light .method-editor{border-color:#d8e2ee;background:#f8fafc}#avra-payment-elements-playground.playground--documentation-light .method-field{color:#475569}#avra-payment-elements-playground.playground--documentation-light .secondary-button.is-default{border-color:#6ee7b7;color:#047857;background:#ecfdf5}#avra-payment-elements-playground.playground--documentation-light .danger-button{border-color:#fecaca;color:#b91c1c;background:#fff1f2}@media (max-width:580px){#avra-payment-elements-playground .payment-methods-preview{margin:32px auto;padding:0 14px 20px}#avra-payment-elements-playground .method-config-actions{grid-template-columns:1fr}}#avra-payment-elements-playground .editor-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}#avra-payment-elements-playground .editor-title{color:#dce8fa;font-size:13px;font-weight:730}#avra-payment-elements-playground .add-gateway-dropdown{position:relative}#avra-payment-elements-playground .add-gateway-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(4, 80, 255, 0.4);border-radius:8px;color:#a3bfff;background:rgba(4, 80, 255, 0.1);font-size:11px;font-weight:700;cursor:pointer;transition:all 0.15s}#avra-payment-elements-playground .add-gateway-btn svg{width:14px;height:14px;fill:currentColor}#avra-payment-elements-playground .add-gateway-btn:hover,#avra-payment-elements-playground .add-gateway-btn[aria-expanded="true"]{color:#fff;background:rgba(4, 80, 255, 0.3);border-color:#0450ff}#avra-payment-elements-playground .add-gateway-popover{min-width:190px;right:0;left:auto;max-height:250px;overflow-y:auto;padding:6px}#avra-payment-elements-playground .gateway-dropdown-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;color:#c4d2e7;background:transparent;font-size:12px;font-weight:600;text-align:left;cursor:pointer}#avra-payment-elements-playground .gateway-dropdown-option:hover{color:#fff;background:#1a3761}#avra-payment-elements-playground .gateway-dropdown-option img{width:20px;height:20px;object-fit:contain;border-radius:5px;background:#fff;padding:2px}#avra-payment-elements-playground.playground--documentation-light .editor-title{color:#172033}#avra-payment-elements-playground.playground--documentation-light .add-gateway-btn{color:#0450ff;background:rgba(4, 80, 255, 0.05);border-color:rgba(4, 80, 255, 0.2)}#avra-payment-elements-playground.playground--documentation-light .add-gateway-btn:hover,#avra-payment-elements-playground.playground--documentation-light .add-gateway-btn[aria-expanded="true"]{color:#003cc2;background:rgba(4, 80, 255, 0.1);border-color:#0450ff}#avra-payment-elements-playground.playground--documentation-light .gateway-dropdown-option{color:#334155}#avra-payment-elements-playground.playground--documentation-light .gateway-dropdown-option:hover{color:#172033;background:#dbeafe}