.typing-container[data-v-2b5d4083]{background:radial-gradient(circle at 18% 8%,rgba(255,222,8,.18),transparent 28%),linear-gradient(180deg,#fffdf2,#eef6ff 42%,#f5f8fb);display:flex;flex-direction:column;height:100%;min-height:calc(100vh - 60px);overflow:hidden;position:relative}.typing-container__wrapper[data-v-2b5d4083]{display:flex;flex-direction:row;gap:20px;margin:0 auto;max-width:1400px;padding:0 20px;width:100%}.typing-container__main[data-v-2b5d4083]{display:flex;flex:1;flex-direction:column;min-width:0}.typing-container__content[data-v-2b5d4083]{flex-direction:row;height:clamp(180px,34dvh,360px);justify-content:center;margin-top:22px;max-width:100%;overflow:auto;overscroll-behavior:contain}.typing-container__content[data-v-2b5d4083],.typing-container__keyboard[data-v-2b5d4083]{align-items:center;display:flex;flex-shrink:0;padding:0 24px}.typing-container__keyboard[data-v-2b5d4083]{flex-direction:column;justify-content:flex-start;margin-top:clamp(16px,3dvh,36px);width:100%}.typing-container__progress[data-v-2b5d4083]{height:8px;width:min(800px,calc(100vw - 32px))}.typing-container__hands[data-v-2b5d4083]{margin-top:14px;max-height:345px;min-height:clamp(150px,24dvh,220px);position:relative}.typing-container.with-buttons[data-v-2b5d4083]{min-height:calc(100vh - 160px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(160px,30dvh,300px);min-height:140px}.typing-container.with-buttons .typing-container__hands[data-v-2b5d4083]{max-height:345px;min-height:clamp(150px,24dvh,220px)}@media(max-width:1023px){.typing-container[data-v-2b5d4083]{min-height:calc(100dvh - 50px);overflow-y:auto}.typing-container__content[data-v-2b5d4083]{align-items:flex-start;height:clamp(160px,30dvh,300px);margin-top:16px;overflow-y:auto;padding:0 12px}.typing-container__keyboard[data-v-2b5d4083]{margin-top:18px;padding:0 12px 24px}.typing-container__hands[data-v-2b5d4083]{max-height:260px;min-height:clamp(140px,22dvh,190px)}.typing-container.with-buttons[data-v-2b5d4083]{min-height:calc(100dvh - 120px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(140px,28dvh,240px)}.typing-container.with-buttons .typing-container__hands[data-v-2b5d4083]{max-height:260px;min-height:clamp(140px,22dvh,190px)}}@media(max-width:767px){.typing-container[data-v-2b5d4083]{min-height:calc(100dvh - 50px)}.typing-container__content[data-v-2b5d4083]{height:auto;margin-top:12px;max-height:42dvh;min-height:140px;padding:0 10px}.typing-container__keyboard[data-v-2b5d4083]{margin-top:14px;padding:0 10px calc(18px + env(safe-area-inset-bottom))}.typing-container__hands[data-v-2b5d4083]{max-height:180px;min-height:clamp(120px,20dvh,160px);width:100%}.typing-container__progress[data-v-2b5d4083]{width:calc(100vw - 20px)}.typing-container.with-buttons[data-v-2b5d4083]{min-height:calc(100dvh - 96px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:auto;max-height:36dvh;min-height:120px}.typing-container.with-buttons .typing-container__hands[data-v-2b5d4083]{max-height:180px;min-height:clamp(120px,20dvh,160px)}}@media(max-height:900px){.typing-container__content[data-v-2b5d4083]{height:clamp(170px,32dvh,320px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(150px,30dvh,280px)}}@media(max-height:800px){.typing-container__content[data-v-2b5d4083]{height:clamp(280px,46dvh,360px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(140px,28dvh,240px)}.typing-container__hands[data-v-2b5d4083]{max-height:190px;min-height:clamp(118px,18dvh,150px)}}@media(max-height:700px){.typing-container__content[data-v-2b5d4083]{height:clamp(240px,46dvh,320px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(120px,26dvh,190px)}}@media(max-height:600px){.typing-container__content[data-v-2b5d4083]{height:clamp(220px,46dvh,300px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(110px,22dvh,160px)}}@media(max-width:1023px){.typing-container__content[data-v-2b5d4083]{height:clamp(150px,30dvh,280px)}.typing-container.with-buttons .typing-container__content[data-v-2b5d4083]{height:clamp(130px,28dvh,230px)}}@media(max-width:1100px)and (max-height:800px){.typing-container__content[data-v-2b5d4083]{height:clamp(280px,46dvh,360px)}.typing-container__hands[data-v-2b5d4083]{max-height:190px;min-height:clamp(118px,18dvh,150px)}}@media(max-width:767px){.typing-container.with-buttons .typing-container__content[data-v-2b5d4083],.typing-container__content[data-v-2b5d4083]{height:auto}}@media(max-width:1200px){.typing-container__wrapper[data-v-2b5d4083]{max-width:100%;padding:0}}