@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);.heart-switch{--duration:.45s;--stroke:#d1d6ee;--stroke-active:#ec4472;--fill:#5fcdf1;--fill-active:#ec638e;--shadow:rgba(0,9,61,0.25);cursor:pointer;position:relative;-webkit-transform:scale(1) translateZ(0);transform:scale(1) translateZ(0);-webkit-transform:scale(var(--s,1)) translateZ(0);transform:scale(var(--s,1)) translateZ(0);transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-tap-highlight-color:transparent}.heart-switch:active{--s:.95}.heart-switch input{-webkit-appearance:none;-moz-appearance:none;position:absolute;outline:none;border:none;pointer-events:none;z-index:1;margin:0;padding:0;left:1px;top:1px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px 0 var(--shadow)}.heart-switch input+svg{width:36px;height:25px;fill:var(--fill);stroke:var(--stroke);stroke-width:1px;stroke-linejoin:round;display:block;transition:stroke var(--duration),fill var(--duration)}.heart-switch input:not(:checked){-webkit-animation:uncheck var(--duration) linear forwards;animation:uncheck var(--duration) linear forwards}.heart-switch input:checked{-webkit-animation:check var(--duration) linear forwards;animation:check var(--duration) linear forwards}.heart-switch input:checked+svg{--fill:var(--fill-active);--stroke:var(--stroke-active)}@-webkit-keyframes uncheck{0%{-webkit-transform:rotate(-30deg) translateX(13.5px) translateY(8px);transform:rotate(-30deg) translateX(13.5px) translateY(8px)}50%{-webkit-transform:rotate(30deg) translateX(9px);transform:rotate(30deg) translateX(9px)}75%{-webkit-transform:rotate(30deg) translateX(4.5px) scaleX(1.1);transform:rotate(30deg) translateX(4.5px) scaleX(1.1)}to{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@keyframes uncheck{0%{-webkit-transform:rotate(-30deg) translateX(13.5px) translateY(8px);transform:rotate(-30deg) translateX(13.5px) translateY(8px)}50%{-webkit-transform:rotate(30deg) translateX(9px);transform:rotate(30deg) translateX(9px)}75%{-webkit-transform:rotate(30deg) translateX(4.5px) scaleX(1.1);transform:rotate(30deg) translateX(4.5px) scaleX(1.1)}to{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}@-webkit-keyframes check{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}25%{-webkit-transform:rotate(30deg) translateX(4.5px) scaleX(1.1);transform:rotate(30deg) translateX(4.5px) scaleX(1.1)}50%{-webkit-transform:rotate(30deg) translateX(9px);transform:rotate(30deg) translateX(9px)}to{-webkit-transform:rotate(-30deg) translateX(13.5px) translateY(8px);transform:rotate(-30deg) translateX(13.5px) translateY(8px)}}@keyframes check{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}25%{-webkit-transform:rotate(30deg) translateX(4.5px) scaleX(1.1);transform:rotate(30deg) translateX(4.5px) scaleX(1.1)}50%{-webkit-transform:rotate(30deg) translateX(9px);transform:rotate(30deg) translateX(9px)}to{-webkit-transform:rotate(-30deg) translateX(13.5px) translateY(8px);transform:rotate(-30deg) translateX(13.5px) translateY(8px)}}.compose-img{position:fixed;border-radius:"50px";width:"150px";right:"20px";bottom:"20px";-webkit-transform:translate(0);transform:translate(0);transition:all .4s;cursor:pointer}.compose-img:hover{box-shadow:6px 2px 20px 0 #000;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.App{width:100vw;height:100vh;background:#fff;color:#212121;font-family:"Open Sans",sans-serif;display:grid;place-items:center}body{margin:0;padding:0}.joinChatContainer{display:flex;flex-direction:column;text-align:center}.joinChatContainer h3{font-size:2.5rem;margin-bottom:1rem}.joinChatContainer input{width:210px;height:40px;margin:7px;border:2px solid #43a047;border-radius:5px;padding:5px;font-size:16px}.joinChatContainer button{width:225px;height:50px;margin:7px;border:none;border-radius:5px;padding:5px;font-size:16px;background:#43a047;color:#fff;cursor:pointer}.joinChatContainer button:hover{background:#2e7d32}.chat-window{width:320px;height:420px;border-radius:10px}.chat-window p{margin:0}.chat-window .chat-header{height:45px;border-radius:6px;background:#263238;position:relative;cursor:pointer}.chat-window .chat-header p{display:block;padding:0 1em 0 2em;color:#fff;font-weight:700;line-height:45px}.chat-window .chat-body{height:335px;border:1px solid #263238;background:#fff;position:relative}.chat-window .chat-body .message-container{width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}.chat-window .chat-body .message-container::-webkit-scrollbar{display:none}.chat-window .chat-body .message{height:auto;padding:10px;display:flex}.chat-window .chat-body .message .message-content{width:auto;height:auto;min-height:40px;max-width:120px;background-color:#43a047;border-radius:5px;color:#fff;display:flex;align-items:center;margin-right:5px;margin-left:5px;padding-right:5px;padding-left:5px;overflow-wrap:break-word;word-break:break-word}#you,#you .message-content,#you .message-meta{justify-content:flex-start}#you .message-meta{margin-left:5px}#other,#other .message-content{justify-content:flex-end}#other .message-content{background-color:#6495ed}#other .message-meta{justify-content:flex-end;margin-right:5px}.message-meta #author{margin-left:10px;font-weight:700}.chat-window .chat-body .message .message-meta{display:flex;font-size:12px}.chat-window .chat-footer{height:40px;border:1px solid #263238;border-top:none;display:flex;border-radius:10px}.chat-window .chat-footer input{height:100%;flex:85% 1;border:0;padding:0 .7em;font-size:1em;border-right:1px dotted #607d8b;border-radius:10px;outline:none;font-family:"Open Sans",sans-serif}.chat-window .chat-footer button{border:0;display:grid;place-items:center;cursor:pointer;flex:15% 1;height:100%;background:transparent;outline:none;font-size:25px;color:#d3d3d3;border-radius:10px}.chat-window .chat-footer button:hover{color:#43a047}.hide{opacity:0!important}body{background-color:#487346;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cpath fill='%234c8e43' d='M100 57.1l-36 36 7.5 7.5L100 72.1z'/%3E%3Cpath fill='%236aac5f' d='M100 57.1v15l28.6 28.5 7.5-7.5z'/%3E%3Cpath fill='%234c8e43' d='M100 163.2v15l70.7-70.7.1-15.1z'/%3E%3Cpath fill='%236aac5f' d='M100 163.2L29.2 92.5v15l70.8 70.7z'/%3E%3Cpath fill='%2389CC7C' d='M100 21.8L29.2 92.5l70.7 70.7 70.7-70.7L100 21.8zm0 106.1L64.6 92.5 100 57.1l35.4 35.4-35.4 35.4z'/%3E%3Cpath fill='%23768c3a' d='M0 157.1v15l28.6 28.5 7.5-7.5z'/%3E%3Cpath fill='%2396ac58' d='M70.7 200l.1-7.6-7.6 7.6z'/%3E%3Cpath fill='%23B6CC76' d='M27.8 200h35.4l7.5-7.5L0 121.8v35.4l35.3 35.3z'/%3E%3Cpath fill='%2396ac58' d='M200 157.1l-36 36 7.5 7.5 28.5-28.5z'/%3E%3Cpath fill='%23768c3a' d='M136.7 200l-7.5-7.5v7.5z'/%3E%3Cpath fill='%23B6CC76' d='M172.1 200l-7.5-7.5 35.4-35.4v.1-35.4l-70.8 70.7 7.5 7.5z'/%3E%3Cpath fill='%23768c3a' d='M129.2 0v7.5L200 78.2v-15L136.7 0z'/%3E%3Cpath fill='%23B6CC76' d='M200 27.8v.1L172.1 0h-35.4L200 63.2z'/%3E%3Cpath fill='%2396ac58' d='M63.2 0L0 63.2v15L70.7 7.5V0z'/%3E%3Cpath fill='%23B6CC76' d='M0 63.2L63.2 0H27.8L0 27.8z'/%3E%3C/svg%3E");background-size:cover;background-attachment:fixed;background-size:fill}*{font-family:"Heebo",sans-serif!important}.WAMuiChipInput-inputRoot-18.WAMuiChipInput-outlined-21{padding-top:2px}
/*# sourceMappingURL=main.16b2bf7c.chunk.css.map */