.read-index-container{pointer-events:auto;background-color:var(--background)}.read-index-container .read-book-list{height:calc(100vh - 120px);overflow-y:scroll;width:100%}@media(min-width:641px){.read-index-container .read-book-list{height:calc(100vh - 150px)}}.read-index-container .read-book-list .book-list-column{width:50%;margin:16px 16px 100px;height:-moz-fit-content;height:fit-content}.read-index-container .read-book-list .book-list-item{height:24px;width:-moz-fit-content;width:fit-content;cursor:pointer;pointer-events:all}.read-index-container .read-book-list .book-list-item.active,.read-index-container .read-book-list .book-list-item:hover{border-bottom:3px solid var(--color-main)}.read-index-container .chapter-list-container{height:calc(100vh - 120px);overflow-y:scroll}@media(min-width:641px){.read-index-container .chapter-list-container{height:calc(100vh - 200px)}}.read-index-container .chapter-list-container .chapter-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;padding:16px;margin-bottom:50px}@media(min-width:641px){.read-index-container .chapter-list-container .chapter-list{padding:24px}}.read-index-container .book-chapter-title{border-bottom:1px solid var(--border_gray);height:50px;padding-left:16px;display:flex;align-items:center}@media(min-width:641px){.read-index-container .book-chapter-title{padding-left:24px}}.read-index-container .read-index-circle{width:40px;height:40px;border-radius:20px;margin:10px 12px;cursor:pointer}.read-index-container .read-index-circle.active,.read-index-container .read-index-circle:hover{background-color:var(--color-main)}.read-index-container .read-index-circle.active .circle-text,.read-index-container .read-index-circle:hover .circle-text{color:#fff}.read-index-container .read-index-circle .circle-text{font-size:20px;line-height:40px;align-self:center;text-align:center}.read-index-container .read-index-bottom-button-row{height:40px;background-color:var(--background);position:fixed;width:100%;bottom:0;padding:6px 16px;border-top:1px solid var(--border_gray)}@media(min-width:641px){.read-index-container .read-index-bottom-button-row{width:41.67%;height:50px;bottom:0}}.read-index-container .read-index-bottom-button-row .button-row{width:100%;justify-content:flex-end}.read-index-container .read-index-bottom-button-row .blue-button{margin-left:12px}.read-versions-container{height:calc(100vh - 80px);pointer-events:auto;background-color:var(--background)}@media(min-width:641px){.read-versions-container{height:calc(100vh - 150px)}}.read-versions-container .read-version-item{padding:0 16px;height:70px;border-bottom:1px solid var(--border_gray);cursor:pointer}@media(min-width:641px){.read-versions-container .read-version-item{padding:0 24px}}.read-versions-container .read-version-item h3{font-weight:500}.read-versions-container .read-version-item.active,.read-versions-container .read-version-item:hover{background-color:var(--color-lighter);color:#000}