.focus-mode #side-area{z-index:60;height:100vh;transition:all .3s;position:fixed;top:0;right:0}#side-area{z-index:9}.focus-mode.full #side-area{transition:all .3s;transform:translate(calc(100% + 100px))}.side-tabs.tabs-container{height:100%;margin-top:0;margin-right:-338px;transition:all .3s;position:relative}.side-tabs.tab-contents{background-color:var(--bgcolor);z-index:2;border-left:2px solid var(--accent);width:340px;height:100%;position:relative;overflow:auto}.side-tabs.tab-contents .tabs-content{margin-top:0}.download-wrap{flex-flow:column wrap;justify-content:start;align-items:start;display:flex}.download-wrap .download-button{border:solid 1px var(--accent);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;height:35px;margin-top:1px;margin-bottom:5px;transition:all .3s;display:inline-flex;overflow:hidden}.download-button.load:before{display:none}.download-button.load *{color:#7d7d7d4d!important;fill:#7d7d7d4d!important}.download-wrap .download-container{justify-content:center;align-items:center;height:100%;transition:all .3s;display:inline-flex}.download-wrap .download-container:hover{background-color:var(--accent);transition:all .3s}.download-wrap .download-container:hover svg,.download-wrap .download-container:hover .download-text{fill:#fff;color:#fff}.download-wrap .download-icon svg{fill:var(--accent-text);width:20px}.download-wrap .download-icon,.download-wrap .download-text,.download-wrap .download-option{justify-content:center;padding:5px;display:flex}.download-wrap .download-text{color:var(--text);border-left:1px solid #0000004d;padding:5px 10px;font-weight:800}.download-wrap .download-option{fill:var(--accent-text);border-left:solid 1px var(--accent);justify-content:center;align-items:center;width:20px;height:100%;transition:all .3s;display:inline-flex}.download-wrap .download-option svg{height:15px}.download-wrap .down-options-box{width:100%;margin-bottom:5px;display:none}.download-wrap .down-options-box.open{display:block}.download-wrap .down-options-box .structure-item{align-items:center;display:flex}.wrapper-download-chapters{width:100%}.download-wrap .download-option:hover,.download-wrap .download-option.open{background-color:var(--accent);fill:#fff;transition:all .3s}.down-options-box{-webkit-user-select:none;user-select:none;background-color:#0000001a}.download-wrap .down-empty-fields{align-items:center;padding:10px;display:flex}.download-wrap input[type=checkbox]{accent-color:var(--accent);width:auto;min-width:0;margin:0 5px 0 0}.download-wrap label{color:var(--text);font-size:14px;font-weight:600;display:inline}.download-wrap .structure-box{border-top:solid 1px var(--accent);flex-wrap:wrap;gap:0 10px;padding:10px;display:flex}.side-tabs.tabs-container.open{margin-right:0;transition:all .3s}.side-tabs.tabs-mask .tab-button{cursor:pointer;z-index:2;background-color:var(--bgcolor);width:55px;height:35px;box-shadow:0 0 0 2px var(--accent);flex-direction:row;align-items:center;padding:5px;transition:all .3s;display:flex;position:relative;border:none!important;max-width:none!important}.side-tabs.tabs-mask .tab-button:hover,.side-tabs.tabs-mask .tab-button.active{box-shadow:0 0 0 2px var(--accent);border-radius:5px;transition:all .3s;border:none!important;margin-left:-10px!important}.side-tabs.tabs-mask .tab-button:hover:not(:disabled,.active){background-color:var(--bgcolor)}.side-tabs.tabs-mask .tab-button.active{background-color:var(--accent);z-index:3}.side-tabs.tabs-mask .tab-button.active svg{fill:#fff}.side-tabs.tabs-mask .tab-button svg{fill:var(--accent-text);width:24px;height:24px;padding:2px;max-width:none!important}.side-tabs.tabs-mask .tab-button:last-of-type{border-bottom-left-radius:5px}.side-tabs.tabs-mask .tab-button:first-of-type{border-top-left-radius:5px}.side-tabs.tabs-mask{z-index:1;border:solid 2px var(--accent);border-radius:5px;flex-direction:column;gap:9px;display:flex;position:absolute;top:20%;left:-35px}.retraction .side-tabs.tabs-mask{border:none}.side-tabs.tabs-mask .tabs-header{border:none;flex-direction:column;gap:10px;margin-top:-2px;margin-bottom:0;display:flex}.retraction .side-tabs.tabs-mask .tabs-header{border:none;border:solid 2px var(--accent);border-radius:5px;height:auto;margin:0;transition:height .3s,margin-top .3s;overflow:visible}.retraction .side-tabs.tabs-mask .tabs-header .tab-button:first-of-type{margin-top:-2px}.side-tabs.tabs-mask .retraction-button{border:2px solid var(--accent);background-color:var(--bgcolor);border-radius:5px;align-items:center;width:40px;height:25px;margin-left:18px;transition:all .3s;display:flex}.side-tabs.tabs-mask .retraction-button:hover{margin-left:5px}.side-tabs.tabs-mask.retracted .retraction-button svg{transform:rotate(90deg)}.side-tabs.tabs-mask .retraction-button svg{fill:var(--accent-text);width:18px;height:24px;padding:2px;transform:rotate(270deg);max-width:none!important}.side-tabs.tabs-mask .retraction-button .svg-retraction{margin-left:-2px}.side-tabs.tabs-mask .tab-button:not(:first-of-type):before{content:"";border-top:solid 5px var(--bgcolor);border-bottom:solid 5px var(--bgcolor);z-index:3;background-color:#9696964d;width:100%;height:1px;transition:all .3s;position:absolute;top:-10px;left:0}.side-tabs.tabs-mask .tab-button:hover:not(:first-of-type):before,.side-tabs.tabs-mask .tab-button:hover:not(:first-of-type):after,.side-tabs.tabs-mask .tab-button.active:not(:first-of-type):before,.side-tabs.tabs-mask .tab-button.active:not(:first-of-type):after{transition:all .3s;left:10px}.side-tabs.tabs-mask .tab-button:not(:first-of-type):after{content:"";z-index:3;background-color:#9696964d;width:100%;height:1px;transition:all .3s;position:absolute;top:-5px;left:0}.side-tabs.tabs-mask .tab-button.active .active-overlay{border-top:solid 2px var(--accent);border-bottom:solid 2px var(--accent);opacity:1;transition:all .3s}.side-tabs.tabs-mask .tab-button .active-overlay{z-index:3;border-top:solid 2px var(--bgcolor);border-bottom:solid 2px var(--bgcolor);opacity:0;pointer-events:none;width:100%;height:calc(100% + 4px);transition:all .3s;position:absolute;top:-2px;left:10px}.side-title-box{width:100%;color:var(--accent-text);background-color:var(--bgcolor);z-index:13;border-bottom:1px solid #d3d3d3;justify-content:space-between;align-items:center;height:55px;padding:15px;font-weight:800;display:flex;position:sticky;top:0}.side-title-box .side-title-functions{float:right;justify-content:center;align-items:center;gap:10px;display:flex}.side-title-box .side-title-functions>*{justify-content:center;align-items:center;display:flex}.side-title-box .side-title-functions svg{fill:var(--accent-text);cursor:pointer;width:20px;height:20px;transition:all .3s}.side-tabs .tabs-content{width:100%;padding:0}.side-title-box .side-title-functions .close-tab-btn{-webkit-user-select:none;user-select:none;cursor:pointer}#reader-att-alert{font-size:.8rem}.reader-load{cursor:pointer}#reader-external{text-align:right;box-sizing:border-box;justify-content:end;height:30px;padding:5px;font-size:.8rem;display:flex;position:relative}#reader-external:before{content:"";border-bottom:dashed 2px var(--accent);width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}#reader-external a{background-color:var(--accent);color:#fff;z-index:1;border-radius:3px;justify-content:center;align-items:center;gap:5px;padding:2px 5px;font-weight:600;transition:all .3s;display:flex}#reader-external a svg{width:15px}#reader-external a svg :not(.transparent){fill:#fff;width:15px}#reader-external a:hover{background-color:var(--accent-2);transition:all .3s}#tab-content-reader{flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex}#reader-content{flex:1;min-height:0;padding:0}#reader-content iframe{border:none;width:100%;height:100%}.side-content-box{padding:10px}.side-content-box .liclave-label-box{margin-bottom:5px}.toggle{border:solid 1px var(--accent);border-radius:5px;margin-top:1px;margin-bottom:5px;display:inline-flex}.premium-box .toggle-item{padding:5px 10px;font-weight:600}.toggle-item{cursor:pointer;justify-content:center;align-items:center;padding:5px;display:flex}.toggle-item:not(:first-child){border-left:1px solid #0000004d}.toggle-item svg{width:20px;fill:var(--accent-text)}.toggle-item.active,.premium-box.active .toggle-item{background-color:var(--accent);color:#fff}.premium-box.active .toggle-item svg,.toggle-item.active svg{fill:#fff}.side-content-box .field-wrap{margin-bottom:1rem}.changelog-button{border:1px solid var(--accent);width:100%;color:var(--accent-text);cursor:pointer;background:0 0;border-radius:5px;padding:8px 12px;font-size:.85rem;font-weight:700;transition:background-color .15s}.changelog-button:hover{background-color:#a263d914}@media screen and (max-width:768px){#side-area{z-index:20;height:100vh;position:absolute;top:0;left:0}.side-tabs.tabs-container{margin-top:-100%;margin-right:0}.side-tabs.tab-contents{border-left:none;border-top:2px solid var(--accent);z-index:20;width:100%;height:60vh;margin-bottom:-60vh;transition:all .3s;position:fixed;bottom:0;right:0}.side-tabs.tabs-mask{position:fixed;top:65px;left:auto;right:-20px}.side-tabs.tabs-mask .tab-button{transition:all .3s}.side-tabs.tabs-mask .tab-button:hover,.side-tabs.tabs-mask .tab-button.active{transform:translate(-10px);margin-left:0!important}.side-tabs.tabs-container.open .side-tabs.tab-contents{margin-bottom:0;transition:all .3s}}