.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.chat__hint{margin-bottom:5px;width:-moz-fit-content;width:fit-content;display:flex;gap:10px;flex-wrap:wrap;width:100%;padding:10px 10px 20px}@media(max-width:768px){.chat__hint{font-size:14px;padding-top:0}}.chat-hint-item__translate{position:absolute;right:-15px;top:0;color:#0084ff;font-weight:700}.chat-hint-item__translate:hover{color:#2894f9}.chat-hint-item{position:relative;border:1px solid rgba(227,221,221,.75);background-color:#fff;border-radius:30px;padding:10px;width:-moz-fit-content;width:fit-content;width:220px;font-weight:700;color:#3b3b3b;left:0;right:0;margin:0 auto;height:-moz-fit-content;height:fit-content}@media(max-width:640px){.chat-hint-item{width:150px}}@media(max-width:480px){.chat-hint-item{width:150px;font-size:12px}}.chat-hint-item__correct{background-color:#c2f5c2}.chat-hint-item__not-correct{background-color:#f8c5c5;border:1px solid #d20909}.chat-hint-item__speak{position:absolute;bottom:3px;right:-10px;font-size:17px}@media(max-width:480px){.chat-hint-item__speak{font-size:12px}}.chat-hint-item-hint{position:absolute;bottom:100%;font-size:15px;font-weight:500;z-index:100;background-color:#0084ff;padding:10px;border-radius:15px;color:#fff;font-weight:700}@media(max-width:480px){.chat-hint-item-hint{font-size:12px;bottom:100%}}.speaker__wrapper{border-radius:50%;max-height:22px;padding:2px;aspect-ratio:1/1;font-size:15px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#5858f1;cursor:pointer}.speaker__wrapper:hover{color:gray}