.sd-cpn{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-cpn[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-cpn :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-cpn :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-cpn .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-cpn{background:var(--bg);width:min(100%,320px);box-shadow:inset 0 0 0 1px var(--line);font-variant-numeric:tabular-nums;border-radius:18px;padding:16px}.sd-cpn__line{color:var(--mute);justify-content:space-between;padding:5px 0;font-size:13.5px;display:flex}.sd-cpn__line b{color:var(--fg);font-weight:500}.sd-cpn__line--disc b{animation:.3s sd-cpn-in}.sd-cpn__tot{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:8px;padding-top:12px;font-size:18px;font-weight:650;display:flex}.sd-cpn__link{color:var(--mute);text-underline-offset:3px;margin:12px 0 2px;font-size:13px;text-decoration:underline}.sd-cpn__link:hover{color:var(--fg)}.sd-cpn__row{gap:6px;margin-top:12px;animation:.22s sd-cpn-in;display:flex}.sd-cpn__row[data-shake]{animation:.32s sd-cpn-shake}.sd-cpn__in{background:var(--soft);min-width:0;height:40px;color:var(--fg);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:10px;outline:0;flex:1;padding:0 12px;font:600 13px/1 ui-monospace,monospace;box-shadow:inset 0 0 0 1px #0000}.sd-cpn__in:focus{box-shadow:inset 0 0 0 1.5px var(--fg)}.sd-cpn__in::placeholder{letter-spacing:0;color:var(--mute);text-transform:none;font-weight:400}.sd-cpn__ap{border-radius:10px;width:74px;height:40px;font-size:13px;font-weight:600;position:relative;background:var(--strong)!important;color:var(--on)!important}.sd-cpn__ap:disabled{opacity:.4;cursor:default}.sd-cpn__spin{vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:99px;width:14px;height:14px;animation:.7s linear infinite sd-cpn-rot;display:inline-block}@keyframes sd-cpn-rot{to{transform:rotate(360deg)}}.sd-cpn__err{color:var(--fg);margin:6px 2px 0;font-size:12px}.sd-cpn__chip{height:32px;box-shadow:inset 0 0 0 1px var(--fg);letter-spacing:.06em;border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:0 6px 0 11px;font:600 12px/1 ui-monospace,monospace;animation:.32s cubic-bezier(.3,1.6,.4,1) sd-cpn-pop;display:inline-flex}.sd-cpn__chip button{border-radius:99px;place-items:center;width:22px;height:22px;display:grid;background:var(--soft)!important}.sd-cpn__chip svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:10px;height:10px}@keyframes sd-cpn-in{0%{opacity:0;transform:translateY(-4px)}}@keyframes sd-cpn-pop{0%{opacity:0;transform:scale(.7)}}@keyframes sd-cpn-shake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (prefers-reduced-motion:reduce){.sd-cpn *,.sd-cpn :before,.sd-cpn :after{transition:none!important;animation:none!important}}
