@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:url(/static/roboto-v29-latin-regular-be869a73.eot);src:local(""),url(/static/roboto-v29-latin-regular-be869a73.eot?#iefix) format("embedded-opentype"),url(/static/roboto-v29-latin-regular-cc46322d.woff2) format("woff2"),url(/static/roboto-v29-latin-regular-ea50ac7f.woff) format("woff"),url(/static/roboto-v29-latin-regular-52e0349a.ttf) format("truetype"),url(/static/roboto-v29-latin-regular-f23d5a8b.svg#Roboto) format("svg")}html{--icon-small: 1em;--icon-large: 1.4em;--gray-50: #121212;--gray-60: #1e1e1e;--gray-70: #2c2c2c;--gray-80: #383838;--gray-90: #424242;--gray-95: #8d8d8d;--gray-100: #efefef;--gray-105: #fff;--gray-60: #202224;--gray-70: #282b2d;--gray-80: #3c4044;--golden: #ffeb7a;--pastel-yellow: #ffd57a;--pastel-green: #90c384;--pastel-red: #ff807a;--golden-gradiant: linear-gradient(90deg, hsl(51, 100%, 74%) 0%, hsl(47deg 100% 68%) 50%, hsl(45deg 100% 58%) 100%);--red-gradiant: linear-gradient(to right, #EB3349 0%, #F45C43 51%, #EB3349 100%);--blue: #20e3b2;--blue-2: #0ccaeb;--blue-gradient: linear-gradient(to right, #29ffc6, #20e3b2, #0cebeb);--orange-gradient: linear-gradient(to right, #ff5e62, #ff9966);--shadow-1: rgba(0, 0, 0, .19) 0px 10px 20px, rgba(0, 0, 0, .23) 0px 6px 6px;--header-height: 3em}body{font-family:Roboto,Arial;margin:0;background-color:var(--gray-80);color:var(--gray-105);color-scheme:dark}html,body,div#root{height:100%}._auth_lp6ak_1{margin:1rem}._info_18ppc_2{padding-left:1.5em;-webkit-font-smoothing:antialiased}._info_18ppc_2 h1{font-size:2.5em;margin:15px 0;display:inline;background-color:var(--blue);background-image:var(--blue-gradient);background-size:100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}._info_18ppc_2 p,main ._info_18ppc_2 h3{margin:7px 0}._info_18ppc_2 a{margin-top:1em;display:inline-block}._header_1h4qr_2{background-color:var(--gray-60);height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 .8em;overflow:hidden}._header_1h4qr_2>div{display:flex}._user_1n8ha_1{margin:1rem}._online_container_1rbi4_2{padding:0 .2rem 0 1rem;overflow:hidden}._statusContainer_1rbi4_8{height:4rem;display:flex;align-items:center}._online_container_1rbi4_2 hr{border:0;border-top:1px solid rgba(255,255,255,.1);border-bottom:2px solid rgba(0,0,0,.5);margin-right:2rem;margin-top:0;margin-bottom:1rem}._online_container_1rbi4_2 h2{margin-top:0}._online_1rbi4_2{overflow-y:auto;max-height:calc(100% - 9rem);padding-bottom:1rem}._online_1rbi4_2>div{display:flex;justify-content:space-between;align-items:center;height:2rem}._online_1rbi4_2 ._left_1rbi4_38{display:flex;align-items:center;height:100%}._online_1rbi4_2 ._left_1rbi4_38 button{all:unset;cursor:pointer}._online_1rbi4_2 ._left_1rbi4_38 button:hover{text-decoration:underline}._online_1rbi4_2 ._left_1rbi4_38 button:focus-visible p{outline:1px solid white}._online_1rbi4_2 ._typing_1rbi4_55{margin-left:1rem}._online_1rbi4_2 ._typing_1rbi4_55 div{width:13px;height:13px;background-color:var(--gray-95);display:inline-block;-webkit-animation:_sk-bouncedelay_1rbi4_1 1.2s infinite ease-in-out both;animation:_sk-bouncedelay_1rbi4_1 1.2s infinite ease-in-out both}._online_1rbi4_2 ._typing_1rbi4_55 div:first-child{-webkit-animation-delay:-.2s;animation-delay:-.2s}@-webkit-keyframes _sk-bouncedelay_1rbi4_1{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(.4)}}@keyframes _sk-bouncedelay_1rbi4_1{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(.4);transform:scale(.4)}}._status_1rbi4_8{display:inline;color:#000;padding:2px 5px;border-radius:5px;background:#ff9966;background:-webkit-linear-gradient(to right,#ff5e62,#ff9966);background:var(--orange-gradient)}._status_1rbi4_8._ws_online_1rbi4_96{background:#0cebeb;background:-webkit-linear-gradient(to right,#29ffc6,#20e3b2,#0cebeb);background:var(--blue-gradient)}._status_1rbi4_8._a_1_1rbi4_101{animation:_resize_1rbi4_1 1s}._status_1rbi4_8._a_2_1rbi4_104{animation:_resize2_1rbi4_1 1s}@keyframes _resize_1rbi4_1{0%{padding:2px 5px}20%{padding:2px 15px}to{padding:2px 5px}}@keyframes _resize2_1rbi4_1{0%{padding:2px 5px}20%{padding:2px 15px}to{padding:2px 5px}}._controls_vjph2_2{padding:1rem}._controls_vjph2_2 div{display:flex}._controls_vjph2_2 p{margin-bottom:0;margin-top:.6rem}._controls_vjph2_2 h2{margin-top:0}._controls_vjph2_2 button{margin-top:.6rem}._preview_cno6g_2{background-color:var(--gray-80)}._preview_cno6g_2 ._progress_cno6g_5{height:2px;width:100%;background-color:var(--gray-95);opacity:.8}._preview_cno6g_2 ._text_cno6g_12{white-space:pre-wrap;display:flex;justify-content:space-between;align-items:center;margin-left:1rem;height:100%}._chat_l7bbj_2{background-color:var(--gray-70);box-shadow:var(--shadow-1)}._loading_l7bbj_7,._info_l7bbj_7{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}._chatContent_l7bbj_15{overflow-y:auto;overflow-x:hidden;height:100%;padding:1rem;box-sizing:border-box}._chatContent_l7bbj_15 p{white-space:pre-wrap;color:var(--gray-95)}._chatContent_l7bbj_15 p[data-signature]:hover{text-decoration:underline;text-decoration-color:#fff;cursor:pointer}._chatContent_l7bbj_15 span:nth-child(1){margin-right:1rem;color:var(--blue-2)}._chatContent_l7bbj_15 span:nth-child(2){display:inline;color:#fff}._chatContent_l7bbj_15 span:nth-child(3){display:none;color:#fff}._chatContent_l7bbj_15._showText_l7bbj_45 span:nth-child(2){display:none}._chatContent_l7bbj_15._showText_l7bbj_45 span:nth-child(3){display:inline}._key_1bwu7_2{background-color:var(--gray-80);width:100%;display:flex;justify-content:space-between;align-items:center;padding:5px;box-sizing:border-box;gap:1em}._key_bt_1bwu7_12{width:70%;height:100%;background-color:var(--gray-95);border:0;border-radius:3px;cursor:pointer;box-shadow:var(--shadow-1);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none}._key_bt_1bwu7_12:active{opacity:.3}._key_1bwu7_2 ._settings_invisible_1bwu7_29{opacity:0;visibility:hidden}._sheet_1js9l_2{background-color:var(--gray-60);color:var(--gray-100);box-shadow:var(--shadow-1);display:flex;flex-direction:column}._sheet_1js9l_2 ._controls_1js9l_10{background-color:var(--gray-80);flex-basis:2em;flex-shrink:0;display:flex;justify-content:space-between}._sheet_1js9l_2 ._list_1js9l_18{display:flex;flex-direction:column;flex-wrap:wrap;font-family:monospace;font-weight:700;padding:1em;overflow:auto;text-transform:uppercase}._sheet_1js9l_2 p{margin-right:1rem}._settingsContainer_1cyw5_1{width:100%;box-sizing:border-box}@media only screen and (min-width: 600px){._settingsContainer_1cyw5_1{width:auto;min-width:500px}}.app-container{height:100%;display:flex;flex-direction:column;background-color:var(--gray-70)}.header-bt-left{margin-left:1em!important}main{height:calc(100% - var(--header-height));background-color:var(--gray-70);overflow:hidden;display:grid}main{grid-template-columns:1fr minmax(auto,38rem) 1fr;grid-template-rows:4em minmax(calc(100% - 8em - var(--header-height)),1fr) 5.5em;grid-template-areas:". preview ." ". chat ." ". key ."}main .grid-sheet{grid-area:chat;z-index:2;overflow:hidden;margin-left:10rem;border-top:1px solid var(--gray-70)}main .grid-preview{border-radius:3px;grid-area:preview;z-index:2}main .grid-chat{grid-area:chat;z-index:2}main .grid-key{grid-area:key;z-index:2}.sidebar-controls{padding:1rem;padding-bottom:0}.sidebar-info{max-width:20rem;margin-right:1rem}@media (min-width: 800px){main{grid-template-columns:1fr 20rem minmax(auto,38rem) 1fr;grid-template-areas:". side preview ." ". side chat ." ". side key ."}main .grid-side{grid-area:side;z-index:2}main .grid-side{padding-right:1rem;display:flex;justify-content:space-between;flex-direction:column}.grid-side-online{flex-shrink:4;min-height:0}main .grid-sheet{margin-left:15rem}}@media (min-width: 1400px){main{grid-template-columns:minmax(15rem,2fr) 1fr 20rem 38rem 1fr 15rem;grid-template-areas:".    . side preview . sheet" "info . side chat . sheet" "info . side key . sheet"}main .grid-sheet{grid-area:sheet;z-index:2;margin-left:0}main .grid-info{grid-area:info;z-index:2}}@media (min-width: 1800px){main{max-width:1800px;margin:0 auto}}