.lp-key{--lp-h:44px;--lp-r:10px;--lp-acid:var(--acid,#d8ff3e);--lp-acid-top:#e2ff60;--lp-acid-bot:#cff92e;--lp-acid-edge:#b4df2a;--lp-acid-glow:var(--acid-glow,#d8ff3e52);--lp-key-ink:#0d1206;--lp-text:var(--text,#e9ebe2);--lp-muted:var(--muted,#82877a);--lp-panel:var(--panel,#0b0b0c);--lp-ease:cubic-bezier(.2, .9, .25, 1);height:var(--lp-h);border-radius:var(--lp-r);letter-spacing:-.012em;white-space:nowrap;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:transform .13s var(--lp-ease), box-shadow .2s var(--lp-ease), background .2s var(--lp-ease), border-color .2s var(--lp-ease), color .2s var(--lp-ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.lp-key svg{flex:none;display:block}.lp-key:focus-visible{box-shadow:0 0 0 2px var(--lp-panel), 0 0 0 4px var(--lp-acid);outline:none}.lp-key:disabled{opacity:.45;cursor:not-allowed}.lp-key:disabled:hover{transform:none}.lp-key--pill{border-radius:999px}.lp-key--acid{background:linear-gradient(180deg, var(--lp-acid-top), var(--lp-acid-bot));border-color:var(--lp-acid-edge);color:var(--lp-key-ink);box-shadow:0 1px 2px #0000008c,0 10px 24px -16px #d8ff3ebf}.lp-key--acid:hover:not(:disabled){background:linear-gradient(#e9ff7c,#d8ff3e);transform:translateY(-1px);box-shadow:0 2px 4px #00000080,0 16px 34px -16px #d8ff3ef2}.lp-key--acid:active:not(:disabled){background:linear-gradient(#cdf63a,#bce72e);transform:translateY(0)scale(.988);box-shadow:0 1px 1px #00000080,0 6px 14px -14px #d8ff3e99}.lp-key--ghost{color:var(--lp-muted);background:#101210;border-color:#24271f;box-shadow:0 1px 2px #0006}.lp-key--ghost:hover:not(:disabled){color:var(--lp-text);border-color:#33382b}.lp-save{cursor:default;padding-left:14px}.lp-save__mark{flex:none;place-items:center;width:14px;height:14px;display:grid}.lp-save__dot{background:var(--lp-acid);width:7px;height:7px;animation:lp-pulse 1.15s var(--lp-ease) infinite;border-radius:50%;box-shadow:0 0 #d8ff3e73}.lp-save__check{color:var(--lp-acid);opacity:.8}.lp-save__label{display:grid}.lp-save__label>span{text-align:left;grid-area:1/1}.lp-save__label>.lp-save__sizer{visibility:hidden}.lp-save.is-saving{color:var(--lp-text);border-color:#33382b}@keyframes lp-pulse{0%{box-shadow:0 0 #d8ff3e80}70%{box-shadow:0 0 0 6px #d8ff3e00}to{box-shadow:0 0 #d8ff3e00}}.lp-render{padding:0 20px}.lp-render .lp-render__label{font-variant-numeric:tabular-nums}.lp-render.is-rendering{cursor:progress;color:var(--lp-text);background:#101210;border-color:#2b3122;transform:none;box-shadow:0 1px 2px #0006}.lp-render__prog{background:var(--lp-acid);width:0%;height:2px;box-shadow:0 0 10px var(--lp-acid-glow);opacity:0;transition:opacity .18s var(--lp-ease), width .1s linear;position:absolute;bottom:0;left:0}.lp-render.is-rendering .lp-render__prog{opacity:1}.lp-render__spinner{color:var(--lp-acid);animation:1s linear infinite lp-spin}@keyframes lp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.lp-key,.lp-key *{transition-duration:.01ms!important}.lp-save__dot,.lp-render__spinner{animation-duration:.01ms!important;animation-iteration-count:1!important}}
