@font-face{font-family:"TanukiPermanentMarker";src:url(/static/media/TanukiMagic.83702918.ttf);font-weight:400;font-style:normal}@font-face{font-family:"GenJyuuGothic";src:url(/static/media/GenJyuuGothic-Normal.ba3bae64.woff2);font-weight:400;font-style:normal}@font-face{font-family:"GenJyuuGothic";src:url(/static/media/GenJyuuGothic-ExtraLight.39e140bb.woff2);font-weight:200;font-style:normal}@font-face{font-family:"GenJyuuGothic";src:url(/static/media/GenJyuuGothic-Light.791b8d9b.woff2);font-weight:300;font-style:normal}@font-face{font-family:"GenJyuuGothic";src:url(/static/media/GenJyuuGothic-Medium.13e1494d.woff2);font-weight:500;font-style:normal}@font-face{font-family:"GenJyuuGothic";src:url(/static/media/GenJyuuGothic-Bold.a4386ffa.woff2);font-weight:700;font-style:normal}@font-face{font-family:"GenJyuuGothic";src:url(/static/media/GenJyuuGothic-Heavy.a6047fcb.woff2);font-weight:900;font-style:normal}html{--mainblue:#1a2c43;font-size:16px}body,html{overflow-x:hidden}body{overflow-y:auto;margin:0;font-family:"TanukiPermanentMarker",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}a{cursor:pointer}@media screen and (max-width:375px){html{font-size:12px}}.footer-container{font-family:"GenJyuuGothic";position:relative;width:100%;padding:3rem 4rem;margin-top:10rem;background-image:url("/static/media/footer w pattern.540bb4a7.PNG");background-repeat:repeat-x;background-position:bottom;background-size:auto 100%;color:#fff}.footer-container .back-top-btn{position:absolute;margin-left:50%;transform:translateX(-50%);left:-.75rem;bottom:375px;text-decoration:none;color:var(--mainblue);font-size:1.5rem}.footer-container .back-top-btn:after{position:absolute;bottom:-15px;left:-21px;width:72px;content:"back to top";font-size:.8rem;font-family:"GenJyuuGothic"}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;max-width:90%;margin:0 auto}.footer-left h3{font-size:1.5rem;font-weight:600;margin-bottom:1.2rem}.footer-title{display:flex;align-items:center;bottom:2rem;grid-gap:13px;gap:13px;padding-top:4rem}.footer-logo{width:45px;height:45px}.footer-left .desc{font-size:.95rem;line-height:1.8;margin-bottom:1.2rem}.footer-left .email{color:#fff;font-weight:500;text-decoration:underline;font-size:.95rem;margin-top:10px}.social-icons{margin-top:1.2rem;display:flex;grid-gap:1rem;gap:1rem;font-size:1.6rem}.social-icons a{color:#fff}.footer-bottom{margin-top:1.5rem;font-size:.7rem;opacity:.8}.footer-bottom a{color:#fff;text-decoration:none}.footer-right{max-width:550px;bottom:2rem;right:15rem}.footer-right h4{font-size:1rem;font-weight:600;margin-bottom:1rem;padding-top:4rem}.footer-right ul{list-style:none;padding:0;margin:0;color:inherit;text-decoration:none}.footer-right a{color:#fff;text-decoration:none}.footer-right li{font-size:.85rem;line-height:1.9;opacity:.9;color:inherit;text-decoration:none}@media screen and (max-width:480px){.footer-content{flex-direction:column;align-items:center;grid-gap:0;gap:0}.footer-container{padding:2rem 1.5rem}.footer-left{padding-top:10rem}.footer-left,.footer-right{max-width:90%;text-align:center}.footer-left h3,.footer-right h4{font-size:1.2rem}.footer-bottom,.footer-left .desc,.footer-left .email,.footer-right li{font-size:.75rem}.social-icons{font-size:1.2rem}.footer-container .back-top-btn{bottom:200px;font-size:1.2rem}.footer-container .back-top-btn:after{font-size:.7rem;width:60px;left:-18px}}.modal-container .confirm-modal{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:15rem;height:-moz-fit-content;height:fit-content;border-radius:1rem;border:.1rem solid grey;background-color:#fff}.modal-container .confirm-modal .confirm-btn{left:0;color:#067bc2;border:none;border-top:.1rem solid #d3d3d3;border-right:.05rem solid #d3d3d3}.modal-container .confirm-modal .cancel-btn,.modal-container .confirm-modal .confirm-btn{position:absolute;bottom:0;font-size:1rem;font-weight:700;width:50%;height:2.5rem;cursor:pointer;background-color:initial}.modal-container .confirm-modal .cancel-btn{right:0;color:#d56062;border:none;border-top:.1rem solid #d3d3d3;border-left:.05rem solid #d3d3d3}.modal-container .confirm-modal .confirm-text{margin:1rem 1rem 3.5rem;text-align:center}.modal-container{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:50000}.modal-container.opened{display:block}.modal-container .popup-modal{position:fixed;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:80%;height:80%;border-radius:1rem;border:.1rem solid grey;background-color:#fff}.modal-container .popup-modal .close-btn{position:absolute;top:0;right:0;font-size:1rem;color:grey;width:2.5rem;height:2.5rem;padding:.5rem;border-style:none;cursor:pointer;background-color:initial;z-index:1}.modal-container .popup-modal .close-btn span{width:100%;height:100%;font-size:1.5rem;text-align:center}.modal-container .popup-modal iframe{width:100%;height:100%;border-radius:1rem;border-style:none}.chatroom{overflow:hidden;width:100vw}.chatroom,.chatroom .main-text{position:relative;height:-moz-fit-content;height:fit-content}.chatroom .main-text{width:80%;max-width:960px;margin:0 auto;color:var(--mainblue)}.chatroom .main-text h1{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:3.125rem auto;font-size:2.5rem;font-weight:400;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAAoCAYAAAAsTRLGAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF8mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNi4wLWMwMDYgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMS0wNS0xOFQxMzo0OToyOCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjEtMDYtMTRUMTg6MDQ6MzUrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjEtMDYtMTRUMTg6MDQ6MzUrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODk5MWJlMzctOTYxNS04ZTQyLWExNGMtNTM0ZDYyYjQ2MTVkIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YmZmNWEzYjItZDhhYi1mNTQxLWI5OTktYWIzYWY0YjhiMTljIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YTk2OTE4YWMtNjMzNS1kODRhLWE0OTQtZGE5MDllNTc3MzMwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphOTY5MThhYy02MzM1LWQ4NGEtYTQ5NC1kYTkwOWU1NzczMzAiIHN0RXZ0OndoZW49IjIwMjEtMDUtMThUMTM6NDk6MjgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODk5MWJlMzctOTYxNS04ZTQyLWExNGMtNTM0ZDYyYjQ2MTVkIiBzdEV2dDp3aGVuPSIyMDIxLTA2LTE0VDE4OjA0OjM1KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjIuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yiBVSAAACyxJREFUeAHtwVvPZfd9F/DP97/W3vs5zcGecZjGsVOHEEI4pByl9gYERO0NEkLccNtLXgDvgLfARW96hRCqQEioV5wiISFUFUUiDYdWThtS6nHm5Jl5Tnuvtf4/Zuaxa9d1kpKjx/N8PvnVX/1PnqlSadY3DixjzEtsVgMm3/76ieP7RS833ti4+cZalpEW025nGJoMg750rUqqLCnDeqN2k7mXYd1sz5prR11P/KOv/JxXP11+5dd+0713qFpZqkuFeCboSNFSgsUT1ST0lNSM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);background-size:contain;background-position:50%;background-repeat:no-repeat}.chatroom .main-text p{margin:50px auto;font-size:1.3rem;font-family:"GenJyuuGothic";line-height:1.6;text-align:center;height:-moz-fit-content;height:fit-content}.chatroom .main-text p span:before{content:"\A";display:block}@media screen and (max-width:850px){.chatroom .main-text p span:before{content:" ";display:none}}.chatroom .t-and-c-container{position:relative;width:80%;max-width:960px;height:-moz-fit-content;height:fit-content;margin:0 auto 6.5rem;padding:1rem 2rem;color:var(--mainblue);background-color:#ece8df;border-radius:1rem;font-family:"GenJyuuGothic"}.chatroom .t-and-c-container .toggle-lang-container{position:relative;display:flex;flex-direction:row;justify-content:end;grid-column-gap:.5rem;column-gap:.5rem}.chatroom .t-and-c-container .toggle-lang-container p{width:100%;height:-moz-fit-content;height:fit-content;text-align:start}.chatroom .t-and-c-container .toggle-lang-container .toggle-lang-btn{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;min-width:11rem;background-color:var(--mainblue);color:#fff;border-style:none;border-radius:.3rem;padding:.5rem 1rem;font-size:.8rem;font-family:"GenJyuuGothic";cursor:pointer;align-self:center}.chatroom .t-and-c-container .toggle-lang-btn:hover{background-color:#fff;color:var(--mainblue);border:.1rem solid var(--mainblue)}.chatroom .t-and-c-container a{color:var(--mainblue)}.chatroom .t-and-c-container label{font-weight:500}.chatroom .t-and-c-container .start-chat-btn{position:absolute;left:50%;bottom:-3rem;transform:translateX(-50%);background-color:#99d1c4;border-style:none;border-radius:.3rem;font-size:1.3rem;padding:.2rem 2rem;cursor:pointer}.chatroom .t-and-c-container .start-chat-btn:disabled{background-color:#d3d3d3;color:grey;cursor:default}.chatroom .chat-container{position:relative;width:80%;max-width:960px;height:-moz-fit-content;height:fit-content;margin:0 auto;color:var(--mainblue);font-family:"GenJyuuGothic";font-size:1rem}@media screen and (max-width:576px){.chatroom .chat-container{width:90%}}.chatroom .chat-container aside.emoji-picker-react{position:absolute!important;left:.5rem!important;bottom:25%!important}.chatroom .chat-container #endchat-btn{position:absolute;left:calc(100% - 3rem);width:3rem;height:3rem;border-style:none;background-color:initial;color:grey;cursor:pointer;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center}.chatroom .chat-container #endchat-btn .exit-text{position:absolute;right:1rem;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:16px;color:#1a2c43;padding:.4rem .8rem;border-radius:.5rem;font-family:"GenJyuuGothic";width:128px;height:23px;opacity:0;transition:opacity .7s ease;pointer-events:none}.chatroom .chat-container #endchat-btn:hover .exit-text{opacity:1}.chatroom .chat-container #endchat-btn span{font-size:2rem}.chatroom .chat-container .messages-container{position:relative;display:flex;overflow-y:auto;overflow-x:hidden;flex-direction:column;width:calc(100% - 1.5rem);height:27rem;padding:.5rem .75rem 2.5rem;background-color:rgba(0,0,0,.05);border-radius:1rem;transition:padding-bottom .15s ease-in-out}.chatroom .chat-container .messages-container.composing{padding-bottom:6rem}.chatroom .chat-container .messages-container .loader{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.chatroom .chat-container .messages-container .loader .spinning-circle{position:absolute;left:calc(50% - 3rem);top:calc(50% - 3rem);width:5rem;height:5rem;display:block;border:1rem solid #a9a9a9;border-top-color:#add8e6;border-radius:50%;animation:spin 1.5s linear infinite}.chatroom .chat-container .messages-container .loader .connecting-text,.chatroom .chat-container .messages-container .loader .queuing-text{position:absolute;left:50%;top:50%;transform:translateX(-45%) translateY(4rem);text-align:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chatroom .chat-container .messages-container .message{position:relative;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;max-width:60%;margin:.1rem 0;padding:.5rem;border-radius:1rem;overflow-wrap:break-word}.chatroom .chat-container .messages-container .message.highlighted{animation:highlight-flash 1.5s ease-out}@keyframes highlight-flash{0%{background-color:#99d1c4}to{background-color:initial}}.chatroom .chat-container .messages-container .message .msg-reply-btn{position:absolute;top:.1rem;width:1.5rem;height:1.5rem;padding:0;border-style:none;background-color:initial;color:grey;cursor:pointer;opacity:0;transition:opacity .15s ease-in-out}.chatroom .chat-container .messages-container .message:hover .msg-reply-btn{opacity:1}.chatroom .chat-container .messages-container .message.right .msg-reply-btn{left:-1.8rem}.chatroom .chat-container .messages-container .message.left .msg-reply-btn{right:-1.8rem}.chatroom .chat-container .messages-container .message .msg-reply-btn .material-icons{font-size:1.1rem}.chatroom .chat-container .messages-container .message .quote-block{display:flex;flex-direction:column;margin-bottom:.3rem;padding:.3rem .5rem;border-left:.2rem solid var(--mainblue);border-radius:.3rem;background-color:rgba(0,0,0,.08);cursor:pointer}.chatroom .chat-container .messages-container .message .edited-tag,.chatroom .chat-container .messages-container .message .quote-block .quote-sender,.chatroom .chat-container .messages-container .message .quote-block .quote-text{text-align:start}.chatroom .chat-container .messages-container .message .edited-tag:before,.chatroom .chat-container .messages-container .message .quote-block .quote-sender:before,.chatroom .chat-container .messages-container .message .quote-block .quote-text:before{content:none;display:inline}.chatroom .chat-container .messages-container .message .quote-block .quote-sender{font-size:.75rem;font-weight:700;color:var(--mainblue)}.chatroom .chat-container .messages-container .message .quote-block .quote-text{display:block;font-size:.8rem;color:rgba(0,0,0,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom .chat-container .messages-container .message .edited-tag{display:inline;font-size:.7rem;font-style:italic;color:rgba(0,0,0,.4);margin-left:.3rem}.chatroom .chat-container .messages-container .message span:before{content:"\A";display:block}.chatroom .chat-container .messages-container .message span{display:block;font-size:.5rem;color:rgba(0,0,0,.5)}.chatroom .chat-container .messages-container .message.right span{text-align:end}.chatroom .chat-container .messages-container .message.left span{text-align:start}.chatroom .chat-container .messages-container .message.right{background-color:#d88c57;align-self:flex-end}.chatroom .chat-container .messages-container .message.left{background-color:#d3d3d3;align-self:flex-start}.chatroom .chat-container .messages-container .message.special{background-color:#a9a9a9;color:#fff;align-self:center}.chatroom .chat-container .messages-container .message.special span{display:none}.chatroom .chat-container .input-container{position:relative;width:100%;display:flex;flex-direction:row;grid-column-gap:.5rem;column-gap:.5rem;margin:1rem 0}.chatroom .chat-container .messages-container .message.typing-indicator{display:flex;flex-direction:row;align-items:center;grid-column-gap:.35rem;column-gap:.35rem;padding:.6rem .75rem}.chatroom .chat-container .messages-container .message.typing-indicator .dot{width:.5rem;height:.5rem;border-radius:50%;background-color:rgba(0,0,0,.4);animation:typing-dot-bounce 1.2s ease-in-out infinite}.chatroom .chat-container .messages-container .message.typing-indicator .dot:before{content:none;display:none}.chatroom .chat-container .messages-container .message.typing-indicator .dot:first-child{animation-delay:0s}.chatroom .chat-container .messages-container .message.typing-indicator .dot:nth-child(2){animation-delay:.2s}.chatroom .chat-container .messages-container .message.typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes typing-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-.3rem);opacity:1}}.chatroom .chat-container .input-container .composer-preview{position:absolute;width:calc(100% - 2rem);top:-6.5rem;left:0;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-radius:.5rem;background-color:rgba(0,0,0,.05);box-shadow:0 .25rem 1rem 0 rgba(100,100,111,.2);animation:composer-preview-in .2s ease-out}@keyframes composer-preview-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.chatroom .chat-container .composer-preview .composer-preview-content{display:flex;flex-direction:column;overflow:hidden}.chatroom .chat-container .composer-preview .composer-preview-label{font-size:.75rem;font-weight:700;color:var(--mainblue)}.chatroom .chat-container .composer-preview .composer-preview-text{font-size:.85rem;color:rgba(0,0,0,.7);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom .chat-container .composer-preview .composer-preview-cancel{width:1.5rem;height:1.5rem;flex-shrink:0;padding:0;border-style:none;background-color:initial;color:grey;cursor:pointer}.chatroom .chat-container .composer-preview .composer-preview-cancel .material-icons{font-size:1.1rem}.chatroom .chat-container .input-container #msg-input{width:calc(100% - 3.5rem);font-size:1rem;border-style:none;background-color:rgba(0,0,0,.05);border-radius:2rem;padding:0 1.5rem}.chatroom .chat-container .input-container #emoji-btn:focus,.chatroom .chat-container .input-container #msg-input:focus,.chatroom .chat-container .input-container #submit-btn:focus{outline:none}.chatroom .chat-container .input-container #emoji-btn,.chatroom .chat-container .input-container #submit-btn{width:3rem;height:3rem;border-style:none;background-color:initial;color:grey;cursor:pointer}.chatroom .chat-container .input-container #emoji-btn span,.chatroom .chat-container .input-container #submit-btn span{font-size:2rem!important}
/*# sourceMappingURL=main.0b18e021.chunk.css.map */