body{animation:lock-appear .4s ease-out .3s both}.lock-waiting body{animation-play-state:paused}@keyframes lock-appear{from{opacity:0}}.lock{--lock-width:320px;--names-width:min(375px * 1.8, 100cqw);--names-space-below:40px;--field-height:44px;--field-radius:22px;--field-gap:8px;--message-space-above:16px;display:flex;flex-direction:column;align-items:center;margin:0 auto;container-type:inline-size;padding-top:2vh;font-family:var(--font-ui);text-align:center}.lock__names{width:var(--names-width);max-width:100%;margin:0 0 var(--names-space-below);line-height:0}.lock__names img{width:100%;height:auto}.lock__form,.lock noscript>p{width:100%;max-width:var(--lock-width)}.lock__label{display:block;margin-bottom:16px;color:var(--color-label);font-size:var(--size-label);line-height:1.4;text-wrap:balance}.lock__field{display:flex;gap:var(--field-gap);padding:4px;border:var(--rule-weight)solid color-mix(in srgb,var(--color-rule) 60%,transparent);border-radius:var(--field-radius);background-color:var(--color-photo-frame);transition:border-color .15s}.lock__field+.lock__field{margin-top:12px}.lock__field:focus-within{border-color:var(--color-label)}.lock__input{flex:1;min-width:0;height:calc(var(--field-height) - 8px);padding:0 14px;border:0;background:0 0;color:var(--color-ink);font:inherit;font-size:16px;outline:none}.lock__input::placeholder{color:color-mix(in oklab,var(--color-label) 45%,#a3a3a3);opacity:1}.lock__button{flex:none;display:grid;place-items:center;width:calc(var(--field-height) - 8px);padding:0;border:0;border-radius:50%;background-color:var(--color-label);color:var(--color-photo-frame);cursor:pointer;transition:background-color .15s,opacity .15s}.lock__arrow{width:18px;height:auto;fill:currentColor}.lock__button:hover:not(:disabled){background-color:var(--color-ink)}.lock__button:focus-visible{outline:2px solid var(--color-label);outline-offset:2px}.lock__button:disabled{cursor:default;opacity:.4}.lock__form--busy .lock__button{cursor:progress;opacity:.7}.lock__message{min-height:1lh;margin-top:var(--message-space-above);font-size:var(--size-body);color:var(--color-label);line-height:1.45;text-wrap:balance;white-space:pre-line}.lock__message:empty{visibility:hidden}.lock__notes{display:grid}.lock__notes>*{grid-area:1/1}.lock__hint{visibility:hidden;opacity:0;transition:opacity 1.5s ease-in,visibility 1.5s}.lock__hint--shown{visibility:visible;opacity:1}.lock__message:not(:empty)+.lock__hint,.lock__form--busy .lock__hint{visibility:hidden;opacity:0;transition:none}