.letter-sequence-parent[data-v-479ec12e]{font-weight:600;font-size:35px}.letter[data-v-479ec12e]{margin:auto;transform:translateY(20px);transition:.1s ease-out}.filled[data-v-479ec12e]{transform:translateY(0)}.letter-wrapper[data-v-479ec12e]{border:none;background-color:#f5f5f5;width:15%;text-align:center;text-transform:uppercase;margin:5px;height:50px;display:flex;align-items:center}.letter[data-v-479ec12e]:focus{outline:none}.letter-wrapper.green[data-v-479ec12e]{background-color:var(--green);color:#000}.letter-wrapper.yellow[data-v-479ec12e]{background-color:var(--yellow);color:#000}.letter-wrapper.gray[data-v-479ec12e]{background-color:var(--gray);color:#000}.flip-box[data-v-479ec12e]{background-color:transparent;width:300px;height:200px;border:1px solid #f1f1f1;perspective:1000px;border:none;background-color:#f5f5f5;width:15%;text-align:center;text-transform:uppercase;margin:5px;height:50px;display:flex;align-items:center}.flip-box-inner[data-v-479ec12e]{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box-inner.l0[data-v-479ec12e]{transition-delay:0ms}.flip-box-inner.l1[data-v-479ec12e]{transition-delay:.2s}.flip-box-inner.l2[data-v-479ec12e]{transition-delay:.4s}.flip-box-inner.l3[data-v-479ec12e]{transition-delay:.6s}.flip-box-inner.l4[data-v-479ec12e]{transition-delay:.8s}.flip-box.submitted .flip-box-inner[data-v-479ec12e]{transform:rotateY(180deg)}.flip-box-back[data-v-479ec12e],.flip-box-front[data-v-479ec12e]{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-box-front[data-v-479ec12e]{background-color:#bbb;background-color:#f5f5f5;color:#000}.flip-box-back.green[data-v-479ec12e]{background-color:var(--green);color:#000;transform:rotateY(180deg)}.flip-box-back.gray[data-v-479ec12e]{background-color:var(--gray);color:#000;transform:rotateY(180deg)}.flip-box-back.yellow[data-v-479ec12e]{background-color:var(--yellow);color:#000;transform:rotateY(180deg)}.letter-sequence-parent[data-v-d4deca4e]{font-weight:600;font-size:35px}.letter[data-v-d4deca4e]{margin:auto;transform:translateY(20px);transition:.1s ease-out}.filled[data-v-d4deca4e]{transform:translateY(0)}.letter-wrapper[data-v-d4deca4e]{border:none;background-color:#f5f5f5;width:15%;text-align:center;text-transform:uppercase;margin:5px;height:50px;display:flex;align-items:center}.letter[data-v-d4deca4e]:focus{outline:none}.letter-wrapper.green[data-v-d4deca4e]{background-color:var(--green);color:#000}.letter-wrapper.yellow[data-v-d4deca4e]{background-color:var(--yellow);color:#000}.letter-wrapper.gray[data-v-d4deca4e]{background-color:var(--gray);color:#000}.flip-box[data-v-d4deca4e]{background-color:transparent;width:300px;height:200px;border:1px solid #f1f1f1;perspective:1000px;border:none;background-color:#f5f5f5;width:15%;text-align:center;text-transform:uppercase;margin:5px;height:50px;display:flex;align-items:center}.flip-box-inner[data-v-d4deca4e]{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-box.submitted .flip-box-inner[data-v-d4deca4e]{transform:rotateY(180deg)}.flip-box-back[data-v-d4deca4e],.flip-box-front[data-v-d4deca4e]{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-box-front[data-v-d4deca4e]{background-color:#bbb;color:#000}.flip-box-back.green[data-v-d4deca4e]{background-color:var(--green);color:#000;transform:rotateY(180deg)}.flip-box-back.gray[data-v-d4deca4e]{background-color:var(--gray);color:#000;transform:rotateY(180deg)}.flip-box-back.yellow[data-v-d4deca4e]{background-color:var(--yellow);color:#000;transform:rotateY(180deg)}.key-row[data-v-226454d5]{display:flex;margin:auto}.key[data-v-226454d5]{margin:4px;background-color:#f5f5f5;border-radius:4px;font-size:18px;text-align:center;display:flex;align-items:center}.key.special[data-v-226454d5]{font-size:12px;display:flex;align-items:center;min-width:52px}.key.green[data-v-226454d5]{background-color:var(--green)}.key.yellow[data-v-226454d5]{background-color:var(--yellow);color:#000}.key.gray[data-v-226454d5]{background-color:var(--gray);color:#000}.key[data-v-226454d5]{min-width:29px;max-width:29px;min-height:44px;max-height:44px}.key-content[data-v-226454d5]{margin:auto}.modal-bg[data-v-63cf5a8f]{position:fixed;background:rgba(0,0,0,.224);left:0;right:0;top:0;bottom:0;z-index:1;display:flex;align-items:center}.modal[data-v-63cf5a8f]{width:80vw;max-width:400px;max-height:800px;background-color:#fff;border-radius:12px;z-index:1;margin:auto;padding:40px;box-sizing:border-box;box-shadow:.6px 1.1px 1.1px rgba(0,0,0,.48)}.share-btn[data-v-63cf5a8f]{background-color:var(--green);color:#fff;background-color:#267eea}.close-btn[data-v-63cf5a8f],.share-btn[data-v-63cf5a8f]{padding:14px;border-radius:30px;font-size:20px;min-width:100%;border:none;border:1px solid #267eea}.close-btn[data-v-63cf5a8f]{background-color:var(--green);color:#000;color:#267eea;margin-top:20px;background-color:#fff}.heading[data-v-63cf5a8f]{font-size:30px;margin-top:0;margin-bottom:40px;font-weight:800}.details[data-v-63cf5a8f]{font-size:18px;margin-bottom:30px}.modal-bg[data-v-e3c6a888]{position:fixed;background:rgba(0,0,0,.224);left:0;right:0;top:0;bottom:0;z-index:1;display:flex;align-items:center}.modal[data-v-e3c6a888]{width:80vw;max-width:400px;max-height:800px;background-color:#fff;border-radius:12px;z-index:1;margin:auto;padding:40px;box-sizing:border-box}.close-btn[data-v-e3c6a888]{color:#000;padding:14px;border-radius:30px;font-size:20px;min-width:50%;border:none;background-color:#fff}.heading[data-v-e3c6a888]{font-size:36px;margin-top:30px;margin-bottom:40px;font-weight:800}.details[data-v-e3c6a888]{font-size:18px;margin-bottom:20px}:root{--gray:#9c9c9c;--yellow:#ffd500;--green:#1dac3f}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;max-width:400px;margin:auto}.header{font-size:28px;font-weight:800;margin:30px}.virtual-keyboard-container{position:fixed;bottom:0;right:0;left:0;height:200px;background-color:#fff;display:flex;align-items:center;border-top:4px solid #f0f0f0}