@import"https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap";:root{font-family:IBM Plex Sans,sans-serif;font-size:16px;line-height:1.5;color:var(--off-white);color-scheme:only dark;--orange: #c23b23;--off-white: #c2bdbc;--brown-1: #463b39;--brown-2: #291e1d;--brown-3: #1e1615;--brown-4: #100a04;--5x-large: 2.986rem;--4x-large: 2.488rem;--3x-large: 2.074rem;--2x-large: 1.728rem;--x-large: 1.44rem;--large: 1.2rem;--base: 1rem;--small: .833rem;--x-small: .694rem;--base-input-height: 54px;--base-radius: 15px;--large-space: 40px;--base-space: 20px;--small-space: 10px;--x-small-space: 5px}*,*:before,*:after{font-family:inherit;box-sizing:border-box;margin:0;padding:0}body{background-color:var(--brown-4);height:100vh;min-height:100vh}#stars{position:absolute;width:100%;height:75%;top:0;left:0;background:linear-gradient(transparent,var(--brown-4)),url(/stars.svg);opacity:50%;z-index:-9999}h1,h2,h3,h4,h5,h6{font-family:BioRhyme;font-weight:400}h1{font-size:var(--2x-large)}input,textarea{height:var(--base-input-height);width:100%;background-color:transparent;border:1px solid var(--brown-2);padding:var(--base-space);font-size:var(--base);font-family:IBM Plex Sans;color:var(--off-white)}textarea{min-height:calc(var(--base-input-height) * 3);resize:none}::placeholder{color:var(--brown-1)}form{display:flex;flex-direction:column;gap:var(--base-space)}input:focus,textarea:focus{outline:none;border:1px solid var(--off-white)}label{display:flex;position:relative;flex-direction:column;gap:var(--x-small-space);font-size:var(--base)}label .invalid{position:absolute;font-size:var(--small);color:red;top:0;right:0}.container{max-width:1440px;min-height:100%;margin:0 auto}.btn{display:flex;align-items:center;justify-content:center;width:100%;height:var(--base-input-height);color:var(--off-white);font-family:BioRhyme;font-size:var(--base);text-decoration:none;cursor:pointer;border-radius:0 0 var(--base-radius) var(--base-radius);background-color:var(--orange);border:none;transition:filter .2s;border-top:2px solid rgba(250,250,250,.15)}.btn:hover{filter:brightness(120%)}.btn:disabled{background-color:gray}.btn.btn-secondary{background-color:var(--off-white);color:var(--brown-4);border-color:#fafafa4d}.btn.btn-tertiary{background-color:transparent;color:var(--orange);border:none}._landing_1pt37_1{display:flex;flex-direction:column;justify-content:space-between}._heading_1pt37_7{display:flex;justify-content:space-between;align-items:center}._icon_1pt37_13{width:28px;height:28px;margin-left:-4px;color:var(--orange)}._action-container_1pt37_20{display:flex;justify-content:space-between;align-items:end}._action-container_1pt37_20 h1{color:var(--orange)}._action-container_1pt37_20 p{font-size:var(--large);color:var(--brown-1)}._input-container_1pt37_35{display:flex;flex-direction:row;gap:var(--x-small-space)}._btn-join_1pt37_41,._btn-create_1pt37_42{width:200px}._btn-join_1pt37_41{border-radius:0 var(--base-radius) var(--base-radius) 0}._btn-create_1pt37_42{border-radius:var(--base-radius) 0 0 var(--base-radius)}._join-input-container_1pt37_54{width:100%;position:relative}._join-input-action-buttons_1pt37_59{position:absolute;right:0;top:0}._id-input-field_1pt37_65{padding-right:108px}._btn-cancel_1pt37_69,._btn-submit_1pt37_70{display:inline-flex;align-items:center;justify-content:center;width:var(--base-input-height);height:var(--base-input-height);border:none;background-color:transparent;color:var(--brown-1);cursor:pointer;transition:color .2s}._btn-cancel_1pt37_69 svg,._btn-submit_1pt37_70 svg{width:18px}._btn-cancel_1pt37_69:hover{color:tomato}._btn-submit_1pt37_70:hover{color:#3cb371}@media (max-width: 750px){._action-container_1pt37_20{flex-direction:column;align-items:start;gap:var(--base-space)}._input-container_1pt37_35,._btn-join_1pt37_41,._btn-create_1pt37_42{width:100%}}._join_1asjj_1,._create_1me17_1{display:flex;flex-direction:column;justify-content:space-between}._chat_7hzjx_1{display:flex;flex-direction:column;flex:1;height:100%;background-color:var(--brown-4);border:1px solid var(--brown-2)}._messages-outer-container_7hzjx_10{flex:1}._messages-inner-container_7hzjx_14{height:0;overflow:auto;padding:var(--base-space)}._messages-inner-container_7hzjx_14 ._message_7hzjx_10{margin-bottom:var(--x-small-space)}._messages-inner-container_7hzjx_14 ._message_7hzjx_10:last-child{margin-bottom:0}._messages-inner-container_7hzjx_14 ._username_7hzjx_28{color:#9acd32;font-weight:500;margin-right:var(--x-small-space)}._info_7hzjx_34,._input-container_7hzjx_35{height:var(--base-input-height);border-top:1px solid var(--brown-2)}._info_7hzjx_34{display:flex;align-items:center;justify-content:space-between;padding:var(--base-space);color:var(--brown-1)}._info_7hzjx_34 ._username-container_7hzjx_48,._chatters-count_7hzjx_49{display:flex;gap:var(--small-space)}._info_7hzjx_34 ._username-container_7hzjx_48 svg,._chatters-count_7hzjx_49 svg{width:24px}._info_7hzjx_34 ._username_7hzjx_28{color:orchid;font-weight:500}._input-container_7hzjx_35{position:relative}._input-container_7hzjx_35 input{border:none}._input-container_7hzjx_35 button{position:absolute;width:var(--base-input-height);height:var(--base-input-height);top:0;right:0;background-color:transparent;border:none;color:var(--brown-1);cursor:pointer}._input-container_7hzjx_35 button:hover{color:var(--off-white)}._input-container_7hzjx_35 button svg{width:24px;height:24px;margin-right:10px}._error_1i6jt_1{width:100%}._camp_1qf2o_1{height:100%;display:flex;flex-direction:column;gap:var(--base-space)}._camp_1qf2o_1 *{transition:color .2s}._heading_1qf2o_12{display:flex;justify-content:space-between;align-items:center}#root{width:100%;height:100%;padding:var(--large-space)}