@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;font-family:Montserrat,serif}body{padding-top:20px;padding-bottom:80px;text-align:center}.container{width:860px;max-width:95%;height:100%;margin:auto}h1{font-size:48px;font-weight:600;margin-bottom:12px}h2{font-size:16px;font-weight:700;margin-bottom:12px}p{font-size:16px;font-weight:400;line-height:28px}hr{margin:30px auto}img{max-width:100%;margin-bottom:24px}.bucket{margin-left:7%;margin-right:7%}input[type=radio]{transform:scale(2);margin:20px;font-size:16px}h1,h2{color:#4b2e83}h1{font-size:32px}h2{margin-top:3em}canvas{width:90%;max-width:200px;height:150px;margin:0 auto;background-color:#fff;border:2px solid black}.loader{width:5%}p{margin:10px}img{width:20%}section.chat-window{padding-top:24px;font-size:16px;display:flex;flex-direction:column;max-height:70svh;max-width:100%}section.chat-window .chat{padding:20px;background-color:#d2e6fa;border-radius:10px;text-align:left;flex:1;overflow-y:scroll;max-height:80%;p {border-radius: 20px; margin: 2px 0; font-size: 16px; padding: 16px; line-height: 20px; background-color: #F6F6F6;} div.loader{p {margin: 16px 0; padding: 0;}} div.model {width: 90%;} div.user {display: flex; justify-content: flex-end; p {width: 70%; background-color: #40A0FF; color: white;}} div.error {p {font-size: 14px; color: red;}}}section.chat-window .input-area{display:flex;align-items:center;font-size:16px;width:100%;flex-shrink:0;margin:5px;button {width: 70px; height: 3em; text-align: center; box-sizing: border-box; margin-right: 0; margin-left: auto; border-radius: 10px; border: none; background-color: #40A0FF; color: white;} button[aria-disabled="true"] {opacity: .5; cursor: not-allowed;} textarea {font-size: 16px; box-sizing: border-box; flex: 1; border-radius: 10px; border: 1px solid #E2E2E2; padding-left: 20px; min-height: 2em; padding: 10px; field-sizing: content; max-height: 5em;}}input{margin:10px;font-size:16px}textarea{width:75%;height:10*em;margin:5px}body{overflow-y:scroll}input[type=text]{padding:5px;height:2em}h2{margin:20px 5px 10px}.clicked{width:120px;height:50px;text-align:center;box-sizing:border-box;margin-left:6px;border-radius:10px;border:none;background-color:#40a0ff}.unclicked{width:120px;height:30px;text-align:center;box-sizing:border-box;margin-left:6px;border-radius:10px;border:none}.odd{background-color:#d2e6fa;margin:10px 0}.even{margin:10px 0}textarea{width:75%;min-height:10em;font-size:18px;padding:10px}.audio-button{button {width: 120px; height: 50px; text-align: center; box-sizing: border-box; margin-left: 6px; border-radius: 10px; border: none; color: white;}}