@import url(https://fonts.googleapis.com/css2?family=Sigmar&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.0/font/bootstrap-icons.css);
/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15;tab-size:4}body{margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:.4rem}::-webkit-scrollbar-track{background:#202521;border-radius:1rem}::-webkit-scrollbar-thumb{background:#263127;border-radius:1rem}#root,.App,body,html{background:#1d271f;height:100%;overflow:hidden;width:100%}.login-content{background:#1e311f;color:#738a48;font-size:1.2rem;height:100%;margin:0 auto;padding:15%;text-align:center;width:100%}.title{font-family:Sigmar,sans-serif;font-size:2rem}.center{text-align:center}.login-content .form-input{font-size:1.3rem}.login-content .form-input input{background-color:#325234;border:none;border-radius:.4rem;font-size:1.4rem;margin-bottom:.5rem;margin-top:.5rem;max-width:20rem;outline:none;padding:.5rem;width:100%}.login-content .form-input input::placeholder{color:#113513}.spinner{animation:rotate 1s ease-in-out 0s infinite;border:.6rem dotted;border-radius:100%;display:inline-block;font-family:cursive;height:3rem;margin:.4rem;width:3rem}.login-content .login-btn{background-color:#36741e;border:none;border-radius:.4rem;color:#b9b9b9;cursor:pointer;display:inline-block;font-size:1.4rem;height:2.5rem;margin:1rem 0;max-width:20rem;outline:none;padding:0 1.5rem;width:100%}.login-content .login-btn:hover{background-color:#366936}.login-content .login-btn:active{background-color:#2b422d}.login-error{color:#b65731}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@media (max-width:1024px){.login-content{font-size:1.2rem}.title{font-size:1.7rem}}a,a:hover,a:visited{color:#c2c2c2;text-decoration:none}main{background:#1d271f;font-family:Arial,sans-serif;width:100%}.side,main{display:flex;height:100%}.side{background:#141f16;color:#818181;flex-direction:column;width:17%}.room-list{color:grey;flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:1rem}.room-list .active{color:#c2c2c2}.footer{align-items:flex-end;display:flex;margin-bottom:.4rem;padding-right:1rem;text-align:right}.footer .credit{flex-grow:1;font-family:Sigmar,sans-serif;padding:.5rem}.footer i{cursor:pointer;font-size:3rem}.footer a{color:inherit}.footer i:hover{color:#d4d4d4}.toggle-btn{display:none}.friend{border-radius:0 0 20% 0/50%;margin:.1rem;padding:1rem}.unique-name{color:#7e7e7e;font-size:.8rem}.friend:hover,.room-name:hover{background:#1d301f}.room-name:hover{cursor:pointer}.room-name{border-bottom:.1rem solid #1e311f;font-size:1.1rem;margin:.1rem;padding:1rem}.message{height:100%}.message,.message-list-wrapper{display:flex;flex-direction:column;width:100%}.message-list-wrapper{color:#d4d4d4;flex-grow:1;height:calc(100% - 6rem);height:-webkit-min-content;height:min-content;max-height:100%;overflow:auto;padding:1rem;position:relative}.message-list{width:100%}.fetch-button-box{margin:0 auto}.fetch-button{background-color:#202e23;border:1px solid #141f16;border-radius:10px;color:#bebebe;cursor:pointer;padding:.5rem;width:-webkit-fit-content;width:fit-content}.fetch-button:active{background-color:#2b3d2f}.message-outBox{margin:none;padding:none}.split-date{align-items:center;color:#7e7e7e;display:flex;flex-direction:row;font-size:.9rem;justify-content:center;text-align:center}.split-date,.split-date p{padding:0 .5rem}.split-date hr{border-color:#7e7e7e;border-radius:0;border-width:1px;border-left:none;border-right:none;flex-grow:1}.message-outBox:first-of-type{margin-top:3rem}.message-box{border-radius:1rem;display:flex;padding:.8rem}.message-box:hover{background:#1e311f}.author-icon,.message-innerbox{display:inline-block}.author-icon{border-radius:10%;color:#c2c2c2;flex-shrink:0;font-size:1.1rem;height:2rem;line-height:2rem;margin-right:1rem;padding:0;text-align:center;vertical-align:top;width:2rem}.online-icon{margin-top:.3rem;position:relative}.online-mark{border-radius:50%;display:inline-block;height:1rem;width:1rem}.online-icon .online-mark{bottom:0;height:.7rem;position:absolute;right:0;width:.7rem}.icon-img{border-radius:10%;height:100%;width:100%}.message-author{display:inline-block;font-size:1.1rem}.message-time{display:inline-block;font-size:.8rem;padding-left:.8rem}.message-text{color:#b3b3b3;font-size:1rem;overflow-wrap:break-word;-webkit-user-select:text;user-select:text;white-space:pre-wrap;width:100%;word-break:break-word}.message-img{border-radius:5%;cursor:pointer;display:block;margin-top:.5rem;max-height:300px;max-width:100%;min-width:8rem}.text-link,.text-link:hover,.text-link:visited{color:#8ed4ff}.Emoji{font-size:3rem}.inline{display:flex;margin:.5rem 0;width:100%}.input-box{background:#2b332c;border:1px solid #3e503f;border-radius:1rem;margin:1rem;padding:.7rem .2rem .2rem;position:relative;width:calc(100% - 2rem)}.input-box.not-touch{pointer-events:none}.message-input{background:#2b332c;border:none;border-radius:1rem;color:#d4d4d4;display:block;font-family:Arial,sans-serif;outline:none}.img-preview-box{height:-webkit-fit-content;height:fit-content;position:relative;width:-webkit-fit-content;width:fit-content}.img-preview-box i{background-color:#b3b3b380;border-radius:100%;cursor:pointer;font-size:2rem;height:2rem;position:absolute;right:1px;text-align:center;top:1px;width:2rem}.img-preview{border-radius:10%}.FlexTextarea{position:relative;resize:none;width:100%}.FlexTextarea *{color:#b3b3b3;font-size:1rem}.FlexTextarea__dummy{min-height:2.2rem;visibility:hidden;word-break:break-word}.FlexTextarea__dummy,.FlexTextarea__textarea{word-wrap:break-word;line-height:1.2;overflow:hidden;overflow-wrap:break-word;padding:.5rem 1rem;white-space:pre-wrap}.FlexTextarea__textarea{display:block;height:100%;left:0;position:absolute;resize:none;top:0;width:100%;z-index:0}.username-input{background:#314132;border:none;border-radius:1rem;color:#d4d4d4;display:inline-block;font-size:.9rem;margin:.3rem;min-width:10rem;outline:none;padding:.4rem 1rem;width:20%}.message-button{background:#2b332c;border:none;border-radius:100%;color:#b1b0b0;cursor:pointer;height:2.2rem;line-height:1;margin-left:.4rem;padding:.5rem;width:2.2rem}.geo-button{font-size:.8rem;height:1.8rem;margin-left:0;vertical-align:top;width:1.8rem}.file-upload-button{height:1.8rem;padding:0;vertical-align:initial;width:1.8rem}.font-size-select{background-color:#2b332c;border:none;border-bottom:1px solid #838383;border-radius:0;color:#b3b3b3;font-size:90%;height:1.2rem;margin:0 .4rem;outline:none;vertical-align:text-bottom;width:-webkit-fit-content;width:fit-content}.color-select{background:none;border:none;height:1.4rem;margin:0 0 0 .5rem;vertical-align:-1px;width:1.4rem}.submit-button{flex-shrink:0;vertical-align:middle}.message-button:hover{background:#425844}.modal-img-view{background:#0009;inset:0;margin:auto;position:fixed;transition:all .5s ease-out;z-index:9999}.modal-img-view img{inset:0;margin:auto;max-height:100%;max-width:100%;position:fixed}.img-close-button{background:hsla(0,0%,73%,.123);border:none;font-size:2rem;height:2rem;position:fixed;right:0;top:0;width:2rem}.clickable{cursor:pointer}@media (max-width:1024px){@keyframes slidIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.side{animation:slidIn .3s;background-color:#151f15;display:flex;position:absolute;width:100%;z-index:777}.side.hide{display:none}.toggle-btn{background-color:#1d271f;border-bottom:1px solid #171a18;color:#8f8f8f;cursor:pointer;display:flex;font-size:2.5rem;left:0;position:absolute;text-align:left;width:100%;z-index:999}.room-list{padding-top:3rem}.message{padding-left:0;padding-right:0;width:100%}.message-button:hover{background:#2b332c}.message-button:active{background:#425844}.fetch-button-box{margin:3rem auto 0}}.profile-main{width:100%}.profile-header{background-color:#1d301f;border-bottom:1px solid #171a18;font-size:2rem;padding:.7rem 10%;width:100%}.profile,.profile-header a{color:#c2c2c2}.profile{font-size:1rem;padding:1rem 10%}.profile h2{text-align:center}.profile-col{align-items:center;border-bottom:1px solid #747774;display:flex;padding:1rem 0}.col-item{word-wrap:break-word;display:inline-block;margin-right:3%;text-align:left;width:32%}.col-item.dummy{width:0}.profile-col .col-title{padding-right:3%;text-align:right;width:33%}.profile-col .col-btn{padding-left:4%;text-align:left;width:23%}.edit-btn{background:#314132;border:none;border-radius:10%;color:#d4d4d4;cursor:pointer;line-height:1;margin-bottom:.3rem;padding:.5rem}.profile-col img{border-radius:10%}.modal{background-color:#222c23;border-radius:10px;color:#d4d4d4;padding:2rem;width:100%}.modal .edit-btn{margin-left:1rem;margin-top:1rem}.modal input{background:#314132;border:none;border-radius:10px;color:#d4d4d4;font-size:1rem;margin-bottom:1rem;outline:none;padding:.4rem 1rem;width:100%}.modal .ic-btn{cursor:pointer}.modal .img-preview{background:#1d301f;background-image:none;display:block;margin:.5rem auto}.modal .img-preview.hide{display:none}.modal-btns{text-align:right}.modal .error{color:#e43333}.search{display:flex;flex-direction:column}.search .message-list-wrapper{height:calc(100vh - 6em)}.search .input-bar{padding:1rem;width:100%}.search input{background:#314132;border:none;border-radius:10px;color:#d4d4d4;font-size:1rem;margin:auto;outline:none;padding:.4rem 1rem;width:60%}.nothing{color:#575757}@media (max-width:1024px){.search .input-bar{margin-top:4rem}.search .message-list-wrapper{height:calc(100vh - 10em)}}.gallery{display:flex;flex-direction:row;flex-wrap:wrap;height:calc(100vh - 6em);overflow:auto;padding:2em}.gallery .pages{margin:0;padding:0;width:100%}.gallery .pages button{margin:.3rem}.gallery .pages button:disabled{color:#555}.gallery div{flex-grow:1;margin:2px;object-fit:cover;padding:0;width:-webkit-fit-content;width:fit-content}@media (max-width:1024px){.gallery{margin-top:4em}}