/* Customised card and its editor. The original card does not use these rules. */
.lc-content{display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;min-height:100%;text-align:left}
.lc-top{display:flex;align-items:center;gap:10px}
.lc-logo{display:grid;place-items:center;flex:none;width:34px;height:34px;overflow:hidden;border-radius:9px;background:var(--lc-accent);color:var(--lc-on);font-weight:800}
.lc-logo img{width:100%;height:100%;object-fit:contain}
.lc-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}
.lc-badge{flex:none;margin-left:auto;padding:3px 10px;border-radius:99px;background:var(--lc-accent);color:var(--lc-on);font-size:12px;font-weight:700}
.lc-reward{margin-top:10px;font:800 clamp(26px,5vw,34px)/1.1 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere}
.lc-summary{font-size:13px;opacity:.82}
.lc-bars{display:flex;gap:5px}
.lc-bars span{flex:1 1 0;height:6px;border-radius:9px;background:currentColor;opacity:.25}
.lc-bars span.on{background:var(--lc-accent);opacity:1}
.lc-dots{display:flex;flex-wrap:wrap;gap:7px}
.lc-dots span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:currentColor;color:inherit;opacity:.25}
.lc-dots span.on{background:var(--lc-accent);color:var(--lc-on);opacity:1}
.lc-dots svg{width:17px;height:17px}
.lc-dots span:not(.on) svg{color:#fff}
.lc-meter{height:7px;overflow:hidden;border-radius:9px;background:color-mix(in srgb,currentColor 25%,transparent)}
.lc-meter span{display:block;height:100%;border-radius:9px;background:var(--lc-accent)}
.lc-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;padding-top:6px}
.lc-holder{font-size:14px}
.lc-qr{flex:none;width:66px;height:66px;padding:5px;box-sizing:border-box;border-radius:10px;background:#fff}
.lc-qr:empty,.lc-qr-band:has(.lc-qr:empty){display:none}
.lc-qr .wallet-card-durable-qr,.lc-sample{display:block;width:100%;height:100%;padding:0;overflow:hidden;font-size:9px;color:#14233a}
.lc-qr .wallet-card-durable-qr canvas,.lc-qr .wallet-card-durable-qr img,.lc-sample canvas,.lc-sample img{display:block;width:100%!important;height:100%!important}
.lc-qr-band{display:flex;justify-content:center;margin:8px -22px -22px;padding:16px;background:#fff}
.lc-qr-band .lc-qr{width:176px;height:176px;padding:0;border-radius:0}
#client-wallet-card .wallet-card-durable-qr,#new-pass-preview .wallet-card-durable-qr,#durable-wallet-qr{cursor:zoom-in}
.lc-qr-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:28px;box-sizing:border-box;border:0;background:#fff;color:#14233a;text-align:center}
.lc-qr-dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.lc-qr-dialog p{margin:0;font-weight:600}
.lc-qr-dialog #lc-big-qr img,.lc-qr-dialog #lc-big-qr canvas{display:block;width:100%;height:100%}
.lc-actions{display:flex;flex-wrap:wrap;gap:8px}
.lc-layout{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:18px;align-items:start}
.lc-stage{position:sticky;top:96px;display:grid;justify-items:center;gap:14px;padding:26px;border-radius:24px;background:#e9e8e2;text-align:center}
.lc-live{padding:5px 13px;border-radius:99px;background:#fff;font-size:13px;font-weight:600}
.lc-preview{width:100%;min-height:250px;box-sizing:border-box;display:grid;text-align:left}
.lc-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.lc-panels .lc-panel{display:grid;gap:14px;margin:0}
.lc-panel h3{margin:0;font:700 17px/1.3 var(--font-display)}
.lc-panel .field{margin:0}
.lc-label{display:block;margin-bottom:7px;font-size:14px;font-weight:600}
.lc-segment{display:flex;flex-wrap:wrap;gap:3px;padding:4px;border-radius:14px;background:#efeeea}
.lc-segment button{flex:1 1 0;min-height:44px;padding:6px 10px;border:0;border-radius:11px;background:transparent;color:inherit;font:600 14px var(--font);cursor:pointer}
.lc-segment button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #14233a1f}
.lc-segment button:disabled{cursor:not-allowed;opacity:.55}
.lc-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.lc-swatch{width:44px;height:44px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d8dfe6;cursor:pointer}
.lc-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #14233a}
.lc-custom-color{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:13px}
.lc-custom-color input{width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}
.lc-logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lc-logo-preview{display:grid;place-items:center;width:46px;height:46px;overflow:hidden;border-radius:11px;background:#efeeea;font-weight:800}
.lc-logo-preview img{width:100%;height:100%;object-fit:contain}
.lc-toggle{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;cursor:pointer}
.lc-toggle span{display:grid}
.lc-toggle small{color:#5a6678}
.lc-toggle input{width:44px;height:26px;accent-color:#192b45}
@media(max-width:1100px){.lc-layout{grid-template-columns:minmax(0,1fr)}.lc-stage{position:static}}
@media(max-width:760px){.lc-panels{grid-template-columns:minmax(0,1fr)}.lc-actions,.lc-actions .btn{width:100%}.lc-stage{padding:16px}}