.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.available-books{padding-bottom:100px}.available-books,.available-books-main{height:100%;position:relative;overflow:hidden;width:100%}.available-books-main{overflow-y:scroll;scrollbar-width:thin;padding-bottom:300px}@media(max-width:480px){.available-books-main{padding-left:5px}}.available-books-name{color:#333;font-weight:400;padding-top:15px}.available-books-name__small{color:#0084ff;font-weight:400;padding-bottom:15px}.available-books-list{display:flex;gap:30px;overflow-x:scroll;scrollbar-width:thin;overflow-y:hidden;height:-moz-fit-content;height:fit-content;padding-bottom:40px;padding-top:10px}.available-books-header{display:flex;justify-content:space-between;padding:30px 10px 30px 0;top:110px}@media(max-width:800px){.available-books-header{padding:10px 10px 30px 0}}.available-books-header-item{width:200px;background-color:rgba(227,221,221,.75);border-radius:10px;padding:10px;display:flex;justify-content:center;gap:20px;cursor:pointer;font-size:17px;border:none;max-height:50px;align-items:center;font-weight:600;color:#515151}.available-books-header-item:hover{background-color:#dedbdb;color:#0084ff}@media(max-width:800px){.available-books-header-item{width:150px}}@media(max-width:480px){.available-books-header-item{width:120px;padding:10px 5px;font-size:13px}}.available-books-title{font-size:20px;color:#515151}.conversation__wrapper{width:100%;height:100%;position:relative;padding-bottom:100px;overflow:hidden}.conversation__header{border-bottom:1px solid #d6d2d2;padding-bottom:10px;font-weight:500;font-size:24px}.conversation__conversations{display:flex;gap:20px;flex-wrap:wrap}.conversation__title{font-size:1.2em}.conversation-list{max-width:100%;background-color:#387575;display:flex;overflow-x:hidden}.conversation__main{flex-direction:column;width:50vw;overflow:hidden;position:relative;padding-bottom:280px}.conversation__main,.conversation__scroller{display:flex;height:100%;overflow-y:scroll;scrollbar-width:thin;width:100%}.conversation__scroller{gap:20px;padding:10px}.conversation__section{width:10%;padding-left:10px;flex-direction:column;gap:10px;display:flex}.conversation__section-name{color:gray;font-size:20px;font-weight:700;color:#2894f9}@media(max-width:800px){.conversation__section-name{font-size:15px}}.conversation__section-name-translation{font-size:18px;font-weight:700;color:#54c3ec}@media(max-width:800px){.conversation__section-name-translation{font-size:13px}}.conversation__items{display:flex}