.book__client{background-color:#fff;width:100dvw;position:fixed;left:0;z-index:100}.book-read{height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding-left:10px;padding-bottom:10px}.book-read__back{color:#0084ff;align-items:center;padding-top:5px}.book-read__back:hover{color:#2894f9}@media(max-width:480px){.book-read__back{font-size:25px}}.book-page-next{width:100%;position:absolute;display:flex;justify-content:space-evenly;bottom:15px;left:0;right:0;margin:0 auto;font-size:30px;color:#54c3ec;width:-moz-fit-content;width:fit-content;gap:80px;padding-right:40px}.book-page-next__item{cursor:pointer}.book-page-next__item:hover{color:#0084ff}.rhap_button-clear{z-index:1}.text-read__content{position:relative;padding-top:15px;display:flex;flex-direction:column;height:95dvh;align-items:center;padding-right:20px}@media(max-width:480px){.text-read__content{padding-left:0;padding-right:0}}.text-read__content-name{position:absolute;top:-10px;color:gray}@media(max-width:480px){.text-read__content-name{top:0}}.text-read__font-size{position:absolute;right:200px;top:-30px;z-index:10}@media(max-width:800px){.text-read__font-size{right:20px}}.text-read__book-name{color:gray}.text-read__chapter{color:gray;padding-bottom:5px;border-bottom:1px solid #2894f9}.text-read__bottom{width:100%;border-top:1px solid #cfcfcf;padding-bottom:10px;display:flex;flex-direction:column;padding-top:5px}.text-read__range{width:100%}.pagination-wrapper{position:relative;align-self:center;width:80%;display:flex;justify-content:center;height:-moz-fit-content;height:fit-content;height:50px}@media(max-width:800px){.pagination-wrapper{width:100%;font-size:14px}}@media(max-width:480px){.pagination-wrapper{padding:0;width:100%;font-size:12px}}ul.react-paginate{margin-bottom:2rem;display:flex;gap:1px;width:-moz-fit-content;width:fit-content;flex-direction:row;justify-content:space-between;list-style-type:none;padding:10px}ul.react-paginate li a{border-radius:3px;border:1px solid gray;cursor:pointer;padding:7px 1rem;color:#2894f9}@media(max-width:800px){ul.react-paginate li a{padding:8px 13px;font-size:14px}}@media(max-width:480px){ul.react-paginate li a{padding:7px 11px;font-size:11px}}ul.react-paginate li.previous a{display:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;background-color:#2894f9;color:#fff;font-weight:600;position:absolute;left:0}ul.react-paginate li.previous a :hover{background-color:#2894f9}@media(max-width:480px){ul.react-paginate li.previous a{top:35px}}ul.react-paginate li.next a{display:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-ms-user-select:none;background-color:#2894f9;color:#fff;font-weight:600;position:absolute;right:0}ul.react-paginate li.next a :hover{background-color:#2894f9}@media(max-width:480px){ul.react-paginate li.next a{top:35px}}ul.react-paginate li.break a,ul.react-paginate li.next a,ul.react-paginate li.previous a{margin-left:10px;margin-right:10px}ul.react-paginate li.selected a{background-color:#2894f9;border-color:rgba(0,0,0,0);color:#fff}ul.react-paginate li.disabled a{color:gray;background-color:#d4d1d1}ul.react-paginate li.disable,ul.react-paginate li.disabled a{cursor:default}.text-read__speed{position:relative;height:10px}.text-read__speed-range{position:absolute;display:flex;gap:10px;top:50%;left:50%;transform:translate(-50%,-50%);top:0}.text-read__player-wrapper{display:flex;align-items:center;position:relative;width:100%;gap:10px;padding-right:10px}.text-read__player{width:100%;height:100px}.rhap_container{background-color:#fbfbfb!important;border-radius:10px;border:none}.rhap_forward-button,.rhap_play-pause-button,.rhap_rewind-button{color:#2894f9!important}.rhap_progress-indicator{background-color:aqua;background:#0084ff!important}.rhap_progress-filled{background:#2894f9!important}.book-chapters__main{position:absolute;bottom:20px;left:10px}.book-chapters__burger-wrapper{background:linear-gradient(325deg,#a100ff,#ff0068);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.book-chapters__burger{color:#0084ff;font-size:25px;cursor:pointer;font-weight:100}.book-chapters__burger:hover{color:#2894f9}@media(max-width:480px){.book-chapters__burger{font-size:30px}}.book-chapters__menu{position:fixed;top:0;left:0;height:100%;width:0;z-index:1000;-webkit-backdrop-filter:brightness(.5);backdrop-filter:brightness(.5);font-size:20px}@media(max-width:480px){.book-chapters__menu{font-size:15px}}.book-chapters__menu-open{width:100%}.book-chapters__menu-close-btn{color:#0084ff;font-size:25px;cursor:pointer}.book-chapters__menu-close-btn:hover{color:#2894f9}.book-chapters__menu-nav{height:100%;max-width:300px;min-width:300px;background-color:#fff;border-right:1px solid rgba(227,221,221,.75);padding-left:20px;padding-top:20px;position:absolute;left:-300px;padding-right:40px}.book-chapters__menu-list{padding-top:10px;display:flex;flex-direction:column;gap:5px;height:85%;overflow-y:scroll;scrollbar-width:thin}.book-chapters__menu-nav-display{animation:moveRight .5s ease-in-out 0s forwards}.book-chapters__book-name{border-bottom:1px solid rgba(227,221,221,.75);background:linear-gradient(325deg,#a100ff,#ff0068);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);padding-top:10px;padding-bottom:10px}.book-chapters__list-item{padding:10px 3px;border:1px solid rgba(0,0,0,0);cursor:pointer;width:90%;border-radius:5px}.book-chapters__list-item:hover{background-color:#e8e3e3;color:#0084ff}.book-chapters__list-item-active{background-color:#ebeaea;color:#0084ff;font-weight:600;border-bottom:2px solid;border-color:linear-gradient(325deg,#a100ff,#ff0068)}@keyframes moveRight{0%{left:-300px}to{left:0}}.book-chapters__menu-nav-close{display:block}@keyframes moveLeft{0%{left:0}to{left:-300px}}.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.text{flex-direction:column;text-align:center;gap:20px;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth;width:90%;flex:1 1;padding-top:5px;padding-bottom:50px;border-top:1px solid rgba(227,221,221,.75)}.text,.text__name{display:flex;align-items:center}.text__name{justify-content:center}.text__name h4{width:-moz-fit-content;width:fit-content;border-bottom:1px solid #deb887;margin:0;padding:10px 20px}.text h2{text-align:center}.text__data{text-align:start;white-space:normal;width:100%}@media(max-width:480px){.text__data{padding:0}}.text__segment{display:flex;flex-wrap:wrap;max-width:100%;border-bottom:1px solid rgba(0,0,0,0);padding-right:20px}.text__segment:hover{border-color:#2894f9}.text__image{height:250px;width:auto}.text__transcript{display:flex;position:relative;width:100%}.text__questions{text-align:left}.text__test{margin-top:40px;width:70vw;align-self:center}.text__test:hover{background-color:#d7cece}.segment-word{padding:4px}.segment-word__active{background-color:#deb887;border-radius:5px}.xsegment{background-color:#77e00e;padding:15px;max-width:100%;display:flex;flex-wrap:wrap}.sentence-collor__unactive{background-color:#fff}.sentence-collor__active{background-color:#b8d8f3}.sentence-collor__dimm{opacity:.5;color:#939191}