@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_e8ce0c{font-family:Inter,Inter Fallback;font-style:normal}.__variable_e8ce0c{--font-sans:"Inter","Inter Fallback"}.kbh-terms{line-height:1.9}.kbh-terms h1,.kbh-terms h2,.kbh-terms h3{font-weight:700;--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.kbh-terms h1:is(.dark *),.kbh-terms h2:is(.dark *),.kbh-terms h3:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.kbh-terms h1{margin:0;font-size:30px}.kbh-terms h2{margin-top:44px;font-size:21px}.kbh-terms h3{margin-top:44px;font-size:19px}.kbh-terms ol,.kbh-terms p,.kbh-terms ul{--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.kbh-terms ol:is(.dark *),.kbh-terms p:is(.dark *),.kbh-terms ul:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.kbh-terms a{color:hsl(var(--primary))}.kbh-terms a:hover{text-decoration-line:underline}.kbh-terms p{margin-top:1.5rem;margin-bottom:1.5rem;font-size:16px}.kbh-terms ol,.kbh-terms ul{margin-top:1.5rem;margin-bottom:1.5rem;padding-left:1.5rem}.kbh-terms li>ol,.kbh-terms li>ul{margin-top:1rem;margin-bottom:1rem}.kbh-terms ul{list-style-position:inside;list-style-type:disc}.kbh-terms ol{list-style-type:decimal}.kbh-terms ul>li{list-style-type:disc}.kbh-terms ol>li{list-style-type:decimal}.kbh-terms li{margin-top:.5rem;padding-left:6px}.kbh-terms li:first-child{margin-top:0}.kbh-terms ol p,.kbh-terms ul p{margin:0}.kbh-terms :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol){margin-top:1rem!important}.cm-editor .cm-scroller{font-size:16px!important}@media (min-width:1024px){.cm-editor .cm-scroller{font-size:15px!important}}.kbh{font-size:16px;line-height:2}@container (min-width: 700px){.kbh{font-size:18px}}.kbh .markdown-preview>:first-child{margin-top:0}.kbh aside,.kbh div,.kbh section{box-sizing:border-box}.kbh h1,.kbh h2,.kbh h3,.kbh h4,.kbh h5,.kbh h6{font-weight:700}.kbh h1,.kbh h2{font-size:21px;line-height:1.4}@container (min-width: 700px){.kbh h1,.kbh h2{font-size:28px}}.kbh h1,.kbh h2{margin-top:48px}@container (min-width: 700px){.kbh h1,.kbh h2{margin-top:54px}}.kbh h3{font-size:18px}@container (min-width: 700px){.kbh h3{font-size:20px}}.kbh h3{margin-top:30px}@container (min-width: 700px){.kbh h3{margin-top:36px}}.kbh h4{font-size:16px}@container (min-width: 700px){.kbh h4{font-size:18px}}.kbh h4{margin-top:30px}@container (min-width: 700px){.kbh h4{margin-top:36px}}.kbh h5{font-size:16px;margin-top:30px}@container (min-width: 700px){.kbh h5{margin-top:36px}}.kbh h6{font-size:16px;margin-top:30px}@container (min-width: 700px){.kbh h6{margin-top:36px}}.kbh p{margin-top:30px;margin-bottom:30px}@container (min-width: 700px){.kbh p{margin-top:36px;margin-bottom:36px}}.kbh ol:not(.toc-list):not(li>ol),.kbh ul:not(li>ul){margin-top:30px;margin-bottom:30px}@container (min-width: 700px){.kbh ol:not(.toc-list):not(li>ol),.kbh ul:not(li>ul){margin-top:36px;margin-bottom:36px}}.kbh ol:not(.toc-list),.kbh ul{padding-left:1.5rem}.kbh ul>li{list-style-type:disc}.kbh ol:not(.toc-list)>li{list-style-type:decimal}.kbh li{line-height:2}.kbh ol:not(.toc-list) p,.kbh ul p{margin:0}.kbh blockquote:not(.twitter-tweet){margin:1.5rem 0;border-left-width:4px;border-color:hsl(var(--muted-foreground)/.2);padding:.5rem 0 .5rem .75rem;font-size:.97em;color:hsl(var(--muted-foreground)/.9)}.kbh blockquote p{margin-top:.75rem;margin-bottom:.75rem;line-height:1.9}.kbh blockquote>:first-child{margin-top:0}.kbh blockquote>:last-child{margin-bottom:0}.kbh input{box-sizing:border-box}.kbh hr{margin-top:30px;margin-bottom:30px}@container (min-width: 700px){.kbh hr{margin-top:36px;margin-bottom:36px}}.kbh br{box-sizing:border-box}.kbh a{color:hsl(var(--primary))}.kbh a:hover{text-decoration-line:underline}.kbh em,.kbh embed-katex,.kbh eq,.kbh eqn,.kbh img,.kbh s,.kbh span,.kbh strong,.kbh sup{box-sizing:border-box}.kbh iframe{height:100%;width:100%}.kbh circle{box-sizing:border-box}.kbh pre{margin-top:1.75rem;margin-bottom:1.75rem;border-radius:4px;background-color:hsl(var(--code-block));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.kbh pre>code{display:block;background-color:transparent;padding:1.8rem;font-size:.85em}.kbh code:not(pre>code){margin-left:.2em;margin-right:.2em;border-radius:4px;background-color:hsl(var(--background-secondary));padding:.2em .4em;vertical-align:.08em;font-size:.85em}.kbh table{margin:1.25rem auto;display:block;width:auto;border-collapse:collapse;overflow:auto;overscroll-behavior:auto;overflow-wrap:normal;word-break:normal;line-height:1.5}.kbh tbody,.kbh thead,.kbh tr{box-sizing:border-box}.kbh td,.kbh th{border-width:1px;border-color:hsl(var(--border));font-size:.95em;padding:.5rem}@container (min-width: 572px){.kbh td,.kbh th{padding:.75rem}}@container (min-width: 700px){.kbh td,.kbh th{padding:1rem}}.kbh th{background-color:hsl(var(--background-secondary)/.6);padding:.5rem;font-weight:700}.kbh td{background-color:hsl(var(--background));padding:.5rem}.kbh text{box-sizing:border-box}.kbh details{margin-top:1rem;margin-bottom:1rem;overflow:hidden;border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:hsl(var(--border));line-height:1.7}.kbh details[open]{padding-left:1rem;padding-right:1rem;padding-top:.75rem}.kbh summary{padding:.75rem 1rem;font-size:.9em;color:hsl(var(--foreground));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.kbh details[open] summary{margin-left:-1rem;margin-right:-1rem;margin-top:-.75rem;border-bottom-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background-secondary)/.6)}.kbh details p{margin-top:1rem;margin-bottom:1rem;font-size:.95em}.kbh .tweet-container{margin-top:1.75rem;margin-bottom:1.75rem}.kbh.kbh :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol,pre,blockquote){margin-top:1rem!important}.kbh :is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6){margin-top:1rem!important}.kbh .toc-container{margin-top:30px;margin-bottom:30px;border-radius:4px;background-color:hsl(var(--background-secondary)/.6);padding:1.5rem 1.75rem}@container (min-width: 700px){.kbh .toc-container{margin-top:36px;margin-bottom:36px}}@container (min-width: 1024px){.kbh.product-content .toc-container{background-color:hsl(var(--background-tertiary)/.5)}}.kbh .toc-container ol{position:relative;list-style-type:none}.kbh .toc-container ol:before{position:absolute;top:17px;bottom:8px;left:5px;width:2px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;background-color:hsl(var(--border));--tw-content:"";content:var(--tw-content)}.kbh .toc-container li{position:relative;margin-left:21px}.kbh .toc-container ol li:not(.level-3):before{position:absolute;top:4px;left:-21px;height:12px;width:12px;border-radius:9999px;border-width:2px;border-color:hsl(var(--background-secondary));background-color:hsl(var(--foreground)/.6);--tw-content:"";content:var(--tw-content)}@container (min-width: 1024px){.kbh.product-content .toc-container ol li:not(.level-3):before{border-color:hsl(var(--background-tertiary)/.5)}}.kbh .toc-container a{color:hsl(var(--foreground)/.6)}.kbh .toc-container a:hover{color:hsl(var(--foreground))}.kbh .toc-container li.level-3{padding-left:16px}.tweet-embed-wrapper{position:relative;min-height:200px}.tweet-embed-wrapper.tweet-rendered .tweet-overlay{display:block;position:absolute;top:0;left:50%;transform:translateX(-50%);bottom:0;max-width:550px;width:100%;border-radius:12px;pointer-events:none;z-index:1;mix-blend-mode:hue;opacity:1;transition:opacity .7s ease-in-out;background-color:hsla(272,42%,41%,.32)}.tweet-embed-wrapper:not(.tweet-rendered) .tweet-overlay{display:none}.light .tweet-overlay{background-color:transparent}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.kbh-contents{line-height:2}.kbh-contents h1,.kbh-contents h2,.kbh-contents h3{font-weight:700}.kbh-contents h1:is(.dark *),.kbh-contents h2:is(.dark *),.kbh-contents h3:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.kbh-contents h1{margin:0;font-size:30px}.kbh-contents h2{margin-top:48px;font-size:21px;line-height:1.4}@media (min-width:768px){.kbh-contents h2{margin-top:54px;font-size:28px}}.kbh-contents h3{margin-top:30px;font-size:18px}@media (min-width:768px){.kbh-contents h3{margin-top:36px;font-size:20px}}.kbh-contents ol:is(.dark *),.kbh-contents p:is(.dark *),.kbh-contents ul:is(.dark *){--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.kbh-contents a{color:hsl(var(--primary))}.kbh-contents a:hover{text-decoration-line:underline}.kbh-contents a[href^="https://"]:not([href^="https://keyboardhacks.io"]):after,.kbh-contents a[href^=http]:not([href^="https://keyboardhacks.io"]):after{content:"";display:inline-block;width:.85em;height:.85em;margin-left:.25em;vertical-align:text-top;opacity:.7;transition:opacity .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666666' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.dark .kbh-contents a[href^="https://"]:not([href^="https://keyboardhacks.io"]):after,.dark .kbh-contents a[href^=http]:not([href^="https://keyboardhacks.io"]):after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14'/%3E%3C/svg%3E")}.kbh-contents a:not([href^=http]):not([href^="https://"]):not([href^="mailto:"]):not([href^="tel:"]):after,.kbh-contents a[href^="https://keyboardhacks.io"]:after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.25em;vertical-align:baseline;opacity:.6;transition:opacity .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23666666' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:50%}.dark .kbh-contents a:not([href^=http]):not([href^="https://"]):not([href^="mailto:"]):not([href^="tel:"]):after,.dark .kbh-contents a[href^="https://keyboardhacks.io"]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1'/%3E%3C/svg%3E")}.kbh-contents a:hover:after{opacity:1}.kbh-contents p{margin-top:30px;margin-bottom:30px;font-size:16px}@media (min-width:768px){.kbh-contents p{margin-top:36px;margin-bottom:36px;font-size:18px}}.kbh-contents ol,.kbh-contents ul{margin-top:30px;margin-bottom:30px;font-size:16px}@media (min-width:768px){.kbh-contents ol,.kbh-contents ul{margin-top:36px;margin-bottom:36px;font-size:18px}}.kbh-contents ol,.kbh-contents ul{padding-left:1.5rem}.kbh-contents li>ol,.kbh-contents li>ul{margin-top:0;margin-bottom:0}.kbh-contents ul{list-style-type:disc}.kbh-contents ol{list-style-type:decimal}.kbh-contents ul>li{list-style-type:disc}.kbh-contents ol>li{list-style-type:decimal}.kbh-contents li{margin-top:9px;margin-bottom:9px;padding-left:6px}.kbh-contents ol p,.kbh-contents ul p{margin:0}.kbh-contents code{border-radius:.25rem;background-color:hsl(var(--background-tertiary));padding:.125rem .375rem;vertical-align:.08em;font-size:.85em}.kbh-contents details{margin-top:1rem;margin-bottom:1rem;overflow:hidden;border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:#957fff96;font-size:.95rem;line-height:1.7}.kbh-contents details[open]{padding-left:1rem;padding-right:1rem;padding-top:.75rem}.kbh-contents summary{padding:.75rem 1rem;font-size:.9rem;color:hsl(var(--foreground));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.kbh-contents details[open] summary{margin-left:-1rem;margin-right:-1rem;margin-top:-.75rem;border-bottom-width:1px;border-color:#957fff96;background-color:#9580ff0d}.kbh-contents summary::marker{font-size:1em}.kbh-contents details p{margin-top:1rem;margin-bottom:1rem}.kbh-contents :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol){margin-top:15px!important}@media (min-width:768px){.kbh-contents :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol){margin-top:18px!important}}.contents-box{position:relative;margin-top:30px;margin-bottom:30px;overflow:hidden;border-radius:var(--radius);border-width:1px;border-color:hsl(var(--primary)/.3);background-color:hsl(var(--primary)/.05);padding:1.5rem 1.5rem 2rem;color:hsl(var(--foreground))}.contents-box h3{margin-top:0!important;font-size:16px;margin-bottom:1.25rem;font-weight:700;color:hsl(var(--foreground))}.contents-box p:not(:first-child){margin-top:1.5rem;margin-bottom:0;font-size:15px;line-height:1.625}.kbh-guideline{margin-left:auto;margin-right:auto;max-width:680px}.kbh-guideline h1,.kbh-guideline h2,.kbh-guideline h3{font-weight:700}.kbh-guideline h1{margin-bottom:24px;font-size:28px}.kbh-guideline h2{margin-top:48px;border-bottom-width:1px;border-color:hsl(var(--border));padding-bottom:.3em;font-size:21px}@media (min-width:768px){.kbh-guideline h2{font-size:22px}}.kbh-guideline h3{margin-top:40px;font-size:18px}@media (min-width:768px){.kbh-guideline h3{margin-top:48px;font-size:20px}}.kbh-guideline p{margin-top:30px;font-size:15px;line-height:2}@media (min-width:768px){.kbh-guideline p{margin-top:36px;font-size:16px}}.kbh-guideline ol,.kbh-guideline ul{margin-top:30px;margin-bottom:30px;font-size:15px;line-height:2}@media (min-width:768px){.kbh-guideline ol,.kbh-guideline ul{margin-top:36px;margin-bottom:36px;font-size:16px}}.kbh-guideline ol,.kbh-guideline ul{padding-left:1.5rem}.kbh-guideline ul{list-style-type:disc}.kbh-guideline ol{list-style-type:decimal}.kbh-guideline li>ol,.kbh-guideline li>ul{margin-top:.5rem;margin-bottom:1.5rem}.kbh-guideline li{margin-top:9px;margin-bottom:9px;padding-left:6px;line-height:2}.kbh-guideline ol p,.kbh-guideline ul p{margin:0}.kbh-guideline a{color:hsl(var(--primary))}.kbh-guideline a:hover{text-decoration-line:underline}.kbh-guideline hr{margin-top:30px;margin-bottom:30px}@media (min-width:768px){.kbh-guideline hr{margin-top:36px;margin-bottom:36px}}.kbh-guideline details{margin-top:1rem;margin-bottom:1rem;overflow:hidden;border-radius:calc(var(--radius) - 2px);border-width:1px;border-color:#957fff96;font-size:.95em;line-height:1.7}.kbh-guideline details[open]{padding-left:1rem;padding-right:1rem;padding-top:.75rem}.kbh-guideline summary{padding:.75rem 1rem;font-size:.9em;color:hsl(var(--foreground));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.kbh-guideline details[open] summary{margin-left:-1rem;margin-right:-1rem;margin-top:-.75rem;border-bottom-width:1px;border-color:#957fff96;background-color:#9580ff0d}.kbh-guideline summary::marker{font-size:1em}.kbh-guideline details p{margin-top:1rem;margin-bottom:1rem;font-size:.95em}.kbh-guideline :is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6){margin-top:2rem!important}.kbh-guideline :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol){margin-top:15px!important}@media (min-width:768px){.kbh-guideline :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol){margin-top:18px!important}}.kbh-faq h1,.kbh-faq h2,.kbh-faq h3{font-weight:700}.kbh-faq h1{margin-bottom:40px;font-size:27px}.kbh-faq h2{margin-top:40px;padding-left:46px;font-size:19px;position:relative}.kbh-faq h2:before{position:absolute;top:-3px;left:0;display:flex;height:2.25rem;width:2.25rem;align-items:center;justify-content:center;border-radius:10px;background-color:hsl(var(--primary));text-align:center;font-size:1.125rem;line-height:2.25rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-content:"Q";content:var(--tw-content)}.kbh-faq h3{margin-top:40px;font-size:15.75px}.kbh-faq ol,.kbh-faq p,.kbh-faq ul{margin-top:20px;font-size:15px;line-height:1.8}.kbh-faq ol,.kbh-faq ul{margin-bottom:20px;padding-left:1.5rem}.kbh-faq ul{list-style-type:disc}.kbh-faq ol{list-style-type:decimal}.kbh-faq li{margin-top:6px;margin-bottom:6px;padding-left:6px;line-height:1.8}.kbh-faq ol p,.kbh-faq ul p{margin:0}.kbh-faq a{color:hsl(var(--primary))}.kbh-faq a:hover{text-decoration-line:underline}.kbh-faq hr{margin-top:30px;margin-bottom:30px}.kbh-faq :is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6){margin-top:1.5rem!important}.kbh-faq :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol){margin-top:12px!important}@media (min-width:768px){.kbh-faq :is(h1,h2,h3,h4,h5,h6)+:is(p,ul,ol){margin-top:15px!important}}