.shared-pin-keyplate{box-sizing:border-box;background:linear-gradient(135deg,#24575a,#123f43);border:1px solid #467274;border-radius:23px;width:100%;max-width:340px;margin:16px auto;padding:18px}.shared-pin-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 13px;display:grid}.shared-pin-keyplate .shared-pin-keys button{color:#153f42;touch-action:manipulation;cursor:pointer;background:linear-gradient(155deg,#d7e7d3,#a5c6b5);border:1px solid #8bb6a9;border-radius:16px;place-items:center;min-width:44px;height:54px;font:24px Inter,Arial,sans-serif;transition:transform .1s,box-shadow .1s;display:grid;box-shadow:0 5px #577e73,0 8px 10px #062c3244,inset 0 2px 1px #f5f8de}.shared-pin-keyplate .shared-pin-keys button:active{background:linear-gradient(150deg,#ffb098,#e98a70);transform:translateY(4px);box-shadow:0 1px #805c4b,inset 0 2px 5px #b4664e}.shared-pin-keyplate .shared-pin-keys button:disabled{opacity:.45;cursor:default}.shared-pin-keys button:focus-visible{outline-offset:4px;outline:3px solid #ffbd94}@media (prefers-reduced-motion:reduce){.shared-pin-keys button{transition:none}}.shared-pin-keyplate.is-unframed{background:0 0;border:0;border-radius:0;max-width:none;margin:0;padding:0}