.license-panel{--key-surface:#f2ece2}
.setup-page>.license-panel{max-width:432px;margin:34px auto 0;padding:0;background:none;border:0;border-radius:0}
.license-settings.settings-group{border:0;background:none;padding:0}
.license-settings .license-panel{padding:8px 0 20px}
.liquid-license{width:100%;text-align:center}
.key-liquid{position:relative;width:min(400px,100%);height:76px;margin:0 auto;isolation:isolate;--action-fill:var(--key-surface);--action-ink:var(--accent)}
.key-connected-surface{position:absolute;top:10px;left:0;width:100%;height:var(--key-height);pointer-events:none;filter:drop-shadow(0 5px 14px rgba(87,60,32,.055))}
.key-slot{position:absolute;transition:transform 460ms cubic-bezier(.22,1,.36,1)}
.key-field-slot{left:var(--key-shift);top:10px;width:calc(100% - 2 * var(--key-shift));z-index:2}
.key-submit-slot{left:calc(100% - var(--key-shift) - var(--key-height));top:10px;z-index:3}
.liquid-license.is-open .key-field-slot{transform:translateX(calc(-1 * var(--key-shift)))}
.liquid-license.is-open .key-submit-slot{transform:translateX(var(--key-shift))}
.liquid-license[data-liquid-instant=true] .key-slot{transition:none}
html[data-input=keyboard] .license-panel .key-submit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-input=keyboard] .license-panel .key-field:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.key-field{width:100%;height:52px;border-radius:999px}
.license-panel .key-field input#software-key{display:block;width:100%;height:100%;border:0;background:transparent;border-radius:999px;box-shadow:none;color:#544735;font:inherit;font-size:13px;letter-spacing:.05px;padding:0 42px 0 22px;outline:none}
.license-panel .key-field input#software-key::placeholder{color:#9b8b77;opacity:1}
.license-panel .key-field input#software-key[aria-invalid=true]{color:#a34229;border:0}
.license-panel .key-submit{width:var(--key-height);height:var(--key-height);min-height:0;border:0;padding:0;border-radius:50%;background:transparent;color:var(--accent);box-shadow:none;display:grid;place-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}
.license-panel .key-submit:hover,.license-panel .key-submit:active{background:transparent;box-shadow:none;transform:none}
.liquid-license:not(.is-open) .key-submit{pointer-events:none}
.is-activated .key-field input{text-align:center;padding:0 12px;color:#5d6c46;font-weight:500;cursor:default}
.license-panel .license-feedback{margin:5px auto 0;max-width:340px;text-align:center;font-size:11px}
.key-caption{margin:9px auto 0;min-height:58px}
.key-caption .license-note{font-size:11px;line-height:1.6;color:#9c8f7e;margin:0 0 7px}
.license-panel .key-demo-link{font-size:11px;line-height:1.4;padding:4px 6px;display:inline-flex;color:#a76a3f;background:none}
.key-demo-link:hover{color:var(--accent)}
.setup-page-1 .setup-actions{margin-top:28px}
.setup-page-1 .setup-actions>.button:not(.primary){background:none;border-color:transparent;box-shadow:none;color:#938473;font-size:12px}
.setup-page-1 .setup-actions>.button:not(.primary):hover{color:var(--accent)}
@media(hover:hover) and (pointer:fine){
  .setup-window:has(.key-submit:hover) .buddy-eyes-happy{opacity:1}
  .setup-window:has(.key-submit:hover) .buddy-eyes-open{opacity:0}
}
@media(max-width:580px){.setup-page>.license-panel{padding:0}.license-panel .key-field input#software-key{font-size:12px;padding-left:17px}.key-caption .license-note{font-size:10px}}
@media(pointer:coarse){.license-panel .key-field input#software-key{font-size:16px}}
@media(prefers-reduced-motion:reduce){.liquid-license *{transition:none!important;animation:none!important}}