.term-card .term-preview.popup-card-preview{color:#1e1b4b;background:linear-gradient(165deg,#efeefb,#e2e0f5);align-content:center;gap:7px;padding:11px;display:grid}.popup-card-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.popup-card-steps li{background:#fff;border:1px solid #d3d0f0;border-radius:7px;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding:4px 7px;display:grid}.term-card .term-preview.popup-card-preview .popup-card-steps span{color:#3730a3;text-align:center;font-size:10px;font-weight:800}.term-card .term-preview.popup-card-preview .popup-card-steps b{color:#1e1b4b;font-size:11px}.term-card .term-preview.popup-card-preview .popup-card-steps em{font-size:11px;font-style:normal;font-weight:900}.popup-card-steps li.is-lost{background:#fdf3f2;border-color:#e9b9b5}.term-card .term-preview.popup-card-preview .popup-card-steps li.is-lost em{color:#a8322c}.popup-card-steps li.is-kept{background:#f2faf5;border-color:#b9dcc5}.term-card .term-preview.popup-card-preview .popup-card-steps li.is-kept em{color:#1d6b3b}.term-interactive-demo.popup-demo{color:#1e1b4b;background:#f1f0fb;border-color:#d3d0f0;gap:12px;padding:14px}.popup-demo-settings{flex-wrap:wrap;gap:8px 18px;display:flex}.popup-demo-settings [role=group]{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.popup-demo-settings [role=group]>span{color:#4a4680;font-size:12px;font-weight:800}.term-interactive-demo.popup-demo .popup-demo-seg,.term-interactive-demo.popup-demo .popup-demo-reset,.term-interactive-demo.popup-demo .popup-demo-pageclick{color:#2e2a66;background:#fff;border:1px solid #c9c6ea;min-height:32px;padding:5px 11px;font-size:13px}.term-interactive-demo.popup-demo .popup-demo-seg:hover,.term-interactive-demo.popup-demo .popup-demo-reset:hover,.term-interactive-demo.popup-demo .popup-demo-pageclick:hover{color:#1e1b4b;border-color:#3730a3}.term-interactive-demo.popup-demo .popup-demo-seg[aria-pressed=true]{color:#fff;background:#3730a3;border-color:#3730a3}.term-interactive-demo.popup-demo button:focus-visible,.term-interactive-demo.popup-demo input:focus-visible{outline-offset:2px;outline:2px solid #3730a3}.popup-demo-browser{background:#fff;border:1px solid #c9c6ea;border-radius:10px;overflow:hidden}.popup-demo-bar{background:#f7f7fc;border-bottom:1px solid #e4e2f4;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.popup-demo-bar code{color:#2e2a66;overflow-wrap:anywhere;background:#ebeaf5;border-radius:999px;min-width:0;padding:3px 9px;font-size:12px}.term-interactive-demo.popup-demo .popup-demo-icon{color:#3730a3;background:#fff;border:1px solid #3730a3;min-height:32px;padding:4px 12px;font-size:13px;font-weight:800}.term-interactive-demo.popup-demo .popup-demo-icon:hover{color:#1e1b4b;background:#ecebfb}.term-interactive-demo.popup-demo .popup-demo-icon[aria-expanded=true]{color:#fff;background:#3730a3}.popup-demo-stage{min-height:230px;display:grid;position:relative}.popup-demo-stage.is-panel.is-open{grid-template-columns:minmax(0,1fr) minmax(190px,38%)}.popup-demo-page{background:#fcfcfe;align-content:start;gap:10px;padding:16px;display:grid}.popup-demo-page small{color:#6b6894;font-size:12px;font-weight:700}.popup-demo-page p{color:#24214f;margin:0;font-size:15px;line-height:1.6}.term-interactive-demo.popup-demo .popup-demo-pageclick{border-style:dashed;justify-self:start}.popup-demo-ui{background:#fff;align-content:start;gap:7px;padding:12px;display:grid}.popup-demo-ui.is-popup{border:1px solid #3730a3;border-radius:10px;width:min(280px,100% - 20px);position:absolute;top:8px;right:10px;box-shadow:0 14px 34px #1e1b4b38}.popup-demo-ui.is-panel{border-left:2px solid #3730a3}.popup-demo-ui header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.popup-demo-ui header b{color:#1e1b4b;font-size:15px}.popup-demo-ui header small{color:#4a4680;font-size:11px;font-weight:700}.term-interactive-demo.popup-demo .popup-demo-ui label{color:#3d3a70;font-size:12px}.term-interactive-demo.popup-demo .popup-demo-ui input[type=text]{color:#1e1b4b;border-color:#c9c6ea;min-height:36px}.popup-demo-save{color:#4a4680;font-size:12px}.popup-demo-banner{border-radius:7px;margin:0;padding:6px 9px;font-size:13px;font-weight:800}.popup-demo-banner.is-lost{color:#8f2a25;background:#fdf3f2;border:1px dashed #a8322c}.popup-demo-banner.is-kept{color:#175a31;background:#f2faf5;border:1px solid #9fceb0}.popup-demo-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.popup-demo-foot span{color:#2e2a66;font-size:13px}.popup-demo-foot code{color:#1e1b4b;font-family:var(--font-geist-mono), ui-monospace, monospace;overflow-wrap:anywhere;background:#e6e4f6;border-radius:4px;padding:1px 6px;font-size:12px}.term-interactive-demo.popup-demo .popup-demo-status{color:#2e2a66;background:#fff;border-left:3px solid #3730a3;border-radius:6px;padding:9px 12px}@media (max-width:640px){.popup-demo-stage.is-panel.is-open{grid-template-columns:1fr}.popup-demo-ui.is-panel{border-top:2px solid #3730a3;border-left:0}.popup-demo-stage{min-height:260px}}.term-interactive-demo.popup-demo .popup-demo-ui input[type=text]:focus{outline-offset:1px;border-color:#3730a3;outline:2px solid #3730a359}
