@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap);*{border:none;margin:0;padding:0}*,:after,:before{box-sizing:border-box}body{font-family:Nunito Sans,sans-serif}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{height:auto;max-width:100%}address{font-style:normal}button,input,select,textarea{background-color:initial;color:inherit;font-family:inherit;font-size:inherit}input::-ms-clear{display:none}button,input[type=submit]{background-color:initial;background:none;box-shadow:none;cursor:pointer;display:inline-block}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{border:0;padding:0}label{cursor:pointer}legend{display:block}.App{display:flex;justify-content:space-between}.menu-btn{margin:auto 0;max-height:30px;max-width:30px;transform:rotate(90deg);transition:transform .5s ease}.menu-btn img{animation:pulse 2s infinite}.menu-btn.top{order:-1}.menu-btn.rotate{transform:rotate(270deg)}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:900px){.App{flex-direction:column}.menu-btn{margin:10px auto;transform:rotate(180deg)}.menu-btn.rotate{transform:rotate(0deg)}}:root{--btn-hover-color:#af8616}.chat-block,.message-container{max-width:100%;overflow-y:auto}.chat-block{align-self:self-start;background-image:url(/static/media/body-texture.ae276e12bfc4844af5c8.webp);display:flex;flex-direction:column;height:100vh;margin:0 auto;width:100%}.message-container::-webkit-scrollbar{display:none}.message-container{display:flex;flex-direction:column;margin-bottom:55px}.message{border-radius:5px;margin:8px;padding:8px}.agent,.user{align-self:flex-start}.user{background-color:#d3a21d;background-color:var(--accent-bg-color);color:#fff;color:var(--text-color-light)}.agent{background-color:#f0f0f0;background-color:var(--main-bg-color)}.chat-input-container{align-items:center;align-items:flex-end;align-self:center;bottom:0;display:flex;justify-content:space-between;padding:10px;position:fixed;width:75%}.chat-input{background-color:#f0f0f0;background-color:var(--main-bg-color);border:none;border-bottom:2px solid #d3a21d;border-bottom:2px solid var(--accent-bg-color);border-radius:10px;flex:1 1;max-height:180px;min-height:40px;outline:none;padding:8px;resize:none;transition:border-bottom .3s ease}.chat-input::-webkit-scrollbar{display:none}.chat-input:focus{border-bottom:2px solid #000;border-bottom:2px solid var(--text-color-dark)}.sent-btn{background-color:#d3a21d;background-color:var(--accent-bg-color);border:none;border-radius:5px;color:#fff;color:var(--text-color-light);cursor:pointer;margin-left:10px;max-height:40px;padding:5px 70px;transition:background-color .3s ease}.sent-btn:hover{background-color:#af8616;background-color:var(--btn-hover-color)}@media (max-width:600px){.chat-block{margin-bottom:60px}.message{width:90%}.chat-input-container{align-self:center;flex-direction:column;padding:5px;width:100%}.chat-input,.sent-btn{width:100%}.sent-btn{display:flex;flex-wrap:wrap;justify-content:center;margin:5px 0 0}}@media (min-width:601px) and (max-width:1200px){.message-container{margin:0 auto;max-width:100%}}:root{--main-bg-color:#f0f0f0;--accent-bg-color:#d3a21d;--text-color-dark:#000;--text-color-light:#fff;--border-radius:15px}.chat-menu{background-color:#f0f0f0;background-color:var(--main-bg-color);max-height:100%;min-height:100vh;padding:10px;text-align:center;width:400px}.chat-menu-btn{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;text-align:center}.nft-container{background-color:#d3a21d;background-color:var(--accent-bg-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto 16px;padding:16px;width:250px}.chat-menu-message{border-radius:5px;color:#000;font-size:16px;font-weight:500;margin-bottom:10px;max-width:300px;text-align:center}.nft-container img{border-radius:8px;margin-bottom:12px;width:100%}.nft-name{font-size:18px;margin-bottom:8px}.nft-description{font-size:14px}@media (max-width:900px){.chat-menu{width:100vw}.nft-container{background-color:#d3a21d;background-color:var(--accent-bg-color);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin:0 auto 16px;padding:16px;width:350px}.nft-container img{border-radius:8px;margin-bottom:12px;width:100%}}
/*# sourceMappingURL=main.6459ca55.css.map*/