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