.style_page__aYFex{height:calc(100vh - var(--header-size));max-height:calc(-webkit-fill-available - var(--header-size));display:grid;place-items:center}.style_page__aYFex .style_main__ScA4R{width:min(400px,100% - 48px);margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:32px}.style_page__aYFex .style_main__group__oR_Zr{display:flex;flex-direction:column;gap:12px;width:100%}.style_page__aYFex .style_main__title__gZ_0u{font:500 calc(16rem / 16)/1.1 JetBrains Mono,monospace;letter-spacing:-.02em;font-size:min(14vw,4.5rem);color:var(--untyped)}.style_page__aYFex .style_main__ScA4R .style_join__1M7bz{display:flex;align-items:flex-start}.style_page__aYFex .style_main__ScA4R .style_join__input__pIjVn{flex:1 1}.style_typer-preview__AeyTO{position:relative}.style_typer-preview__AeyTO .style_character__zHmxX,.style_typer-preview__AeyTO .style_word__nUk7n{display:inline}.style_typer-preview__AeyTO .style_character__zHmxX.style_correct__ByEFv{color:var(--correct)}.style_typer-preview__AeyTO .style_character__zHmxX.style_untyped__c6iM7{color:var(--untyped)}@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";.style_typer__K9YYj{--_typer-correct-letter-color:var(--typer-correct-letter-color,var(--correct));--_typer-wrong-color:var(--typer-wrong-color,var(--negative));--_typer-extra-letter-color:var(--typer-extra-letter-color,var(--extra));--_typer-untyped-letter-color:var(--typer-untyped-letter-color,var(--untyped));--_typer-cursor-color:var(--typer-cursor-color,var(--cursor-blue));--_typer-wrong-word-decoration:var(--typer-wrong-word-decoration,underline var(--negative));font:400 calc(32rem / 16)/1.5 JetBrains Mono,monospace;position:relative;overflow:hidden;height:9rem;padding:.1em;max-width:100%}.style_typer__input__n4Bl5{position:absolute;inset:0;z-index:var(--z-surface);opacity:0;border:none;outline:none}.style_typer__input__n4Bl5:focus~.style_cursor__9QPkM:not(.style_cursor--opponent__PuVHX){visibility:visible}.style_typer__inner__8ScuO{display:block}.style_typer__K9YYj .style_cursor__9QPkM:not(.style_cursor--opponent__PuVHX){visibility:hidden}.style_typer__K9YYj .style_word__NnAPO{display:inline;word-wrap:break-word}.style_typer__K9YYj .style_word--incorrect__oGuAO{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:var(--_typer-wrong-color);text-decoration-color:var(--_typer-wrong-color)}.style_typer__K9YYj .style_word__NnAPO .style_untyped__8tjsT{color:var(--_typer-untyped-letter-color)}.style_typer__K9YYj .style_word__NnAPO .style_extra__c59Z6{color:var(--_typer-extra-letter-color);line-break:anywhere}.style_typer__K9YYj .style_word__NnAPO .style_correct__2UetT{color:var(--_typer-correct-letter-color)}.style_typer__K9YYj .style_word__NnAPO .style_incorrect__vrGDy{color:var(--_typer-wrong-color)}.style_typer__K9YYj .style_character__w2snT{display:inline}.style_cursor__9QPkM{height:1.1em;width:max(.1em,2px);position:absolute;z-index:var(--z-above);top:0;left:-.05em;display:none;margin-top:.1em;transform:translate(.1em,.1em);transition:transform .1s cubic-bezier(.215,.61,.355,1),opacity .5s}.style_cursor--opponent__PuVHX{filter:opacity(.333);z-index:var(--z-surface)}.style_cursor--blinking___O6Y2:not(.style_cursor--opponent__PuVHX){animation:style_blink__eX_Ia 1.25s infinite}@keyframes style_blink__eX_Ia{0%,15%,85%,to{opacity:1}50%{opacity:0}}.style_notification__eGbtT{width:350px;max-width:min(350px,100vw - 48px);display:grid;grid-template-columns:40px 1fr;box-shadow:var(--shadow)}.style_notification--default__ar8pg{background-color:var(--gray-10)}.style_notification--default__ar8pg .style_notification__close__hWprr{color:var(--heading)}.style_notification--error__xvcel{background-color:var(--negative);color:var(--background)}.style_notification--error__xvcel .style_notification__close__hWprr{color:var(--background)}.style_notification--success__Bq1vg{background-color:var(--positive);color:var(--background)}.style_notification--success__Bq1vg .style_notification__close__hWprr{color:var(--background)}.style_notification__icon__fwQC7{justify-self:center;padding-top:10px}.style_notification__content__r3wd1{flex:1 1;padding-block:12px;padding-right:12px}.style_notification__close__hWprr{margin-top:4px}.style_notification__close__hWprr *{color:inherit}.style_notification--closeable__H7qFG{grid-template-columns:40px 1fr 40px;padding-right:0}