html body{margin:0;padding:0;background-color:#f2f2f2;font-family:Inter,sans-serif}:root{--color-primary: #445668;--color-secondary: #8390A6;--color-primary-light: #6F8194;--color-primary-xlight: #D9DEE5;--color-secondary-light: #AEB8C9;--color-secondary-xlight: #EEF1F6;--color-background: #F4F4F4;--color-text-primary: #333333;--color-white: #FFFFFF;--color-black: #000000;--color-error: #F44336;--color-success: #4CAF50;--color-neutral-50: #f9f9f9;--color-neutral-100: #f0f0f0;--color-neutral-200: #e0e0e0;--color-neutral-300: #cfcfcf;--color-neutral-400: #b0b0b0;--color-neutral-500: #909090;--color-neutral-600: #707070;--color-neutral-700: #505050;--color-neutral-800: #3a3a3a;--color-neutral-900: #333333}.login-tile-container{background-color:#445668;background-image:url(/assets/loginbg-7PRN7IVU.png);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:16px}.login-card{width:min(100%,406px);background-color:#fff;border-radius:12px;padding:24px}.login-form input{font-size:16px!important}.forgot-password-link{color:#445668;font-size:14px}.login-tile-child{height:auto;width:auto;background-color:transparent}.login-tile-right-side{width:100%;height:auto;background-color:transparent}.right-side-container{width:100%;height:auto;margin-block:0;max-width:100%}.right-heading{text-align:center;margin-bottom:24px}.login-footer{text-align:center;margin-top:20px;display:flex;flex-direction:column;align-items:center}.hci-login-btn{font-size:14px;font-weight:500;color:#007bff;background:none;border:none;cursor:pointer;text-decoration:underline;padding:0}.student-signup-btn{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline;padding:0;font-size:14px;font-weight:600}.signup-footer{text-align:center;margin-top:20px;font-size:14px}.submit-btn-container{background-color:#f44336;color:#fff;font-size:20px;font-weight:700;text-align:center;cursor:pointer;border-radius:12px;padding:10px 20px;border-color:transparent;outline:none}.submit-btn-container:focus{border:1px solid black}.student-login-text{margin-top:10px;font-size:16px;text-align:center}.login-text-child{cursor:pointer;text-decoration:underline;font-weight:700;color:#445668}.full-screen-loader-container{height:100vh;width:100vw;position:absolute;background-color:#d3d3d366;top:0;left:0;z-index:1210;display:flex;justify-content:center;align-items:center}.unified-login-container{display:flex;flex-direction:column;width:100%}.textfields-container{display:flex;flex-direction:column;gap:15px}.link-button{background:none;border:none;color:#445668;cursor:pointer;text-decoration:underline;padding:0;font-size:14px;margin-bottom:20px}.forgot-password-link-container{display:flex;justify-content:flex-end;margin-top:10px}.custom-button-container{border-radius:8px;padding:0 15px;height:43px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;width:100%}.custom-button-container.filled{background-color:var(--color-primary)}.custom-button-container.filled .custom-button-heading{color:var(--color-white)}.custom-button-container.filled:hover{opacity:.9}.custom-button-container.outlined{background-color:transparent;border:1px solid var(--color-primary)}.custom-button-container.outlined .custom-button-heading{color:var(--color-primary)}.custom-button-container.outlined:hover{background-color:var(--color-primary-xlight)}.custom-button-container.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.custom-button-heading{color:#fff;font-size:14px;font-weight:500;text-wrap:nowrap}.student-signup-parent{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:15px}.student-signup{width:100%;display:flex;flex-direction:column;gap:15px}.option-tile-container{display:flex;flex-direction:column;border-bottom:1px solid lightgray;transition:background-color .2s}.option-tile-container:last-child{border-bottom:1px solid lightgray}.option-tile-children .option-tile-container{border-bottom:none;border-top:1px solid lightgray}.option-tile-child{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:4px;transition:background-color .2s;min-height:40px;cursor:pointer}.option-tile-child.selected .option-tile-title{color:var(--color-error);font-weight:700}.option-tile-child.selected svg{color:var(--color-error)}.option-tile-title{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.option-tile-children{margin-left:20px;display:flex;flex-direction:column;gap:2px}.option-tile-child svg{flex-shrink:0}.option-dropdown-container{font-size:14px;font-weight:700;margin-bottom:20px;margin-top:30px;padding-inline:40px}.option-dropdown-icon-container{display:flex;margin-bottom:40px;padding-inline:40px}.profile-icon{border:1px solid black;border-radius:50%;height:24px;width:24px;display:flex;justify-content:center;align-items:center;margin-right:12px}.navbar-username{font-size:16px;font-weight:500}.logo-container{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:20px}.logo-parent{cursor:pointer;height:35px;width:auto;object-fit:cover;padding-left:15px}.navbar{background-color:#445668;height:85px;color:#fff;display:flex;justify-content:center}.logout-container{margin-top:auto;margin-bottom:36px;display:flex}.logout-parent{width:fit-content;cursor:pointer;display:flex;margin-left:40px}.rows-dropdown-component{display:flex;align-items:center}.show-text{margin-right:8px}.rows-dropdown-child{color:#000;border:1px solid black;border-radius:4px;padding:4px 8px}.enteries-text{margin-left:8px}.table-header-container{width:100%;background-color:#fff;display:flex;flex-direction:column;border-top-left-radius:16px;border-top-right-radius:16px;padding-bottom:15px}.table-header-cancel-icon{width:100%;display:flex;justify-content:flex-end;align-items:center;padding-right:15px;padding-top:5px;padding-bottom:10px;cursor:pointer}.table-header-row-selector{width:100%;background-color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding-inline:20px}.table-header-left{display:flex;align-items:center}.table-header-right-group{display:flex;align-items:center;gap:8px;width:80%;justify-content:flex-end}.table-header-search-container{border:1px solid black;border-radius:6px;width:80%;max-width:400px}.table-header-filter-container{display:flex;align-items:center}.table-head-date-fields{display:flex;align-items:center;justify-content:flex-start;gap:15px;margin-bottom:5px}.filter-backdrop{width:100vw;height:100vh;z-index:3;background:#808080b3;position:fixed;top:0;left:0}.filter-menu-paper{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-menu-paper::-webkit-scrollbar{width:0;height:0}.filter-menu-paper .MuiList-root{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.filter-menu-paper .MuiList-root::-webkit-scrollbar{width:0;height:0}.data-table-container{width:100%;border-radius:16px;display:flex;flex-direction:column}.data-table-footer{width:100%;display:flex;align-items:center;justify-content:flex-end;height:50px}.page-text{border:1px solid black;padding:2px 6px;border-radius:6px;margin:0 9px;display:inline-block}.edit-cell{display:flex;justify-content:center;align-items:center;gap:20px}.edit-cell-container{cursor:pointer;display:flex;justify-content:center;align-items:center}.clickable-cell{cursor:pointer}.clickable-cell:hover{text-decoration:underline}.menu-item-container{display:flex;gap:10px;justify-content:center;align-items:center}.menu-item-title{font-size:16px}.form-container{display:flex;flex-direction:column;padding:24px;background-color:#fff;height:100%}.form-container:focus{border:none;outline:none}.form-fields-container{height:75vh;display:flex;flex-direction:column;gap:40px;padding:40px;background-color:#fff;border-radius:16px;width:100%;align-items:center;overflow:scroll}.submit-cta{width:50%}.dialog-actions{display:flex;width:100%;gap:12px}.dialog-actions>div{flex:1}.page-header-container{display:flex;flex-direction:column;gap:12px;margin:12px 0;width:100%}.page-header-title{color:#445668;font-size:24px;font-weight:600}.page-header-cta-container{display:flex;gap:12px}.base-dialog{background:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px;max-height:90vh}.base-dialog__header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:8px}.base-dialog__title{font-size:18px;font-weight:500}.base-dialog__close{width:24px;height:24px;border-radius:50%;border:none;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.base-dialog__close:hover{background:var(--color-primary)}.base-dialog__content{display:flex;flex-direction:column;gap:16px;flex:1;overflow-y:auto;padding:8px;scrollbar-width:none}.base-dialog__actions{flex-shrink:0;padding:8px;display:flex;justify-content:flex-end;gap:12px}.base-dialog__content::-webkit-scrollbar{width:0;height:0}.base-dialog__paper::-webkit-scrollbar{width:0;height:0}.manage-page-container{display:flex;flex-direction:column;padding:30px}.book-card{border-radius:20px;border:1px solid transparent;background-color:#fff;padding:10px;text-align:left;width:290px;max-width:300px;height:440px;box-shadow:6px 6px 20px #0003}.book-card img{border-radius:10px;width:100%;height:340px}.book-card-title{font-size:14px;color:#1e1e1e;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card-divider{margin-bottom:8px;margin-top:5px;height:1px;background-color:#eee}.book-card-subtitle{display:flex;align-items:center;gap:110px;font-size:12px;font-weight:500;color:#1e1e1e;text-align:left;justify-content:space-between}.subtitle{width:80px;white-space:nowrap;overflow:hidden}.icon-container{display:flex;gap:20px}.book-card-heart{color:#e0e0e0;height:20px;width:25px;font-size:14px;cursor:pointer}.allocate-parent{display:flex;flex-wrap:wrap;gap:40px 5%}.allocate-parent::-webkit-scrollbar{display:none}.book-error{width:100%;text-align:center;height:inherit;display:flex;justify-content:center;align-items:center}.allocate-header{text-align:left;margin-top:10px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.allocate-title{font-size:32px;font-weight:600;color:#445668;max-width:70vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invalid-url-container{height:100vh;width:100%;display:flex;justify-content:center;background-color:#d3d3d3}.invalid-url-text{font-size:24px;font-weight:600;background-color:#fff;border-radius:10px;padding:5%;color:#28333e;height:fit-content;margin-top:10%}*:has(.student-profile-parent){display:flex;width:100%;padding-top:20px;justify-content:center}.student-profile-parent{display:flex;flex-direction:column;padding:30px;width:min(100%,767px)}.student-profile-parent:focus{border:none;outline:none}.student-profile{display:flex;flex-direction:column;gap:40px;padding:40px;background-color:#fff;border-radius:16px;width:100%;align-items:center}.confirm-dialog-paper{width:40%;max-width:90%;border-radius:10px}.confirm-dialog-content-text{font-size:16px!important}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}#navbar{position:relative;height:var(--size);width:100vw;color:var(--light-text);background-color:var(--primary)}#hor-navbar{display:flex;justify-content:space-between;align-items:center}.disabled-navbar{opacity:.72;pointer-events:none}#hor-navbar #digi-logo{display:flex;align-items:center;justify-content:center;margin-left:40px;height:100%}#hor-navbar #digi-logo img{width:180px;margin-right:8px;padding-right:8px;border-right:3px solid var(--tertiary)}#hor-navbar #digi-logo p{font-size:18px}#hor-navbar #nav-items{display:flex;height:100%}#hor-navbar #nav-items-logo{display:flex;align-items:center;gap:40px}#hor-navbar #nav-items .nav-item{margin:auto 0;padding:4px 12px;display:flex;gap:8px;align-items:center;color:var(--secondary);cursor:pointer;border-right:1px solid var(--secondary)}#hor-navbar #nav-items .nav-item:last-child{border-right:none}#hor-navbar #nav-items .nav-item #count-value{background-color:var(--tertiary);height:20px;width:20px;font-size:1rem;border-radius:10px;text-align:center;display:flex;align-items:center;justify-content:center}#hor-navbar #nav-items .nav-item>img{height:18px}:root.blue #hor-navbar #nav-items .nav-item>img{filter:brightness(200%)}#hor-navbar #nav-items #expiry-date{cursor:auto}#expiry-scroller{border-radius:50%;border-image-slice:0;position:relative;width:50px;height:50px}#expiry-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:calc(100% - 10px);width:calc(100% - 10px);border-radius:50%;text-align:center;font-size:1.8rem;color:var(--light-text);background-color:var(--primary);display:flex;justify-content:center;align-items:center}#hor-navbar [id$=wrapper]{position:absolute;right:-100vw;top:100%;width:300px;margin-top:5px;padding:10px;background-color:var(--secondary);box-shadow:0 0 5px 0 var(--dark-grey-text);border-radius:3px;color:var(--dark-grey-text);display:none;transition:right .4s ease;height:calc(var(--VH) - 10px);overflow-y:auto;z-index:20}#navbar [id$=wrapper] h5{font-size:1.6rem}#navbar [id$=wrapper]>div>div{padding:6px;text-decoration:underline;cursor:pointer;font-size:1rem}#book-mark-wrapper #book-marks-list div:before,#highlights-wrapper #highlights div:before{content:">";float:left;margin-right:5px}#notes-wrapper #notes div{text-decoration:none!important}#recordings-wrapper .audio-item>div{display:flex}#recordings-wrapper .audio-item p{margin-bottom:5px}#recordings-wrapper .audio-item audio{border:1px solid var(--shade-grey-3);border-radius:5px}#recordings-wrapper .audio-item audio::-webkit-media-controls-panel{background-color:#fff}#recordings-wrapper .audio-item a{padding:5px;border:1px solid var(--shade-grey-3);display:flex;justify-content:center;align-items:center;width:50px;border-radius:5px;margin-left:5px}#recordings-wrapper .audio-item img{width:25px}#navbar #tools>div{text-decoration:none;display:flex;align-items:center}#navbar #tools>div:hover{text-decoration:underline;background-color:var(--shade-grey-0)}#navbar #tools>div img{height:25px;margin-right:20px}#navbar #hor-navbar #vert-nav-logo{background-color:var(--tertiary);width:var(--size);height:var(--size);display:flex;align-items:center;justify-content:center}#navbar #vert-nav-logo img{width:100%}#search-bar-wrapper{cursor:auto;height:100vh;width:100vw;background-color:var(--trans-background-color);position:absolute;top:0;left:0;z-index:20;display:none}#search-bar-wrapper>div{position:absolute;top:-100%;left:5px;width:calc(var(--VW) - 10px);transition:top .4s ease}#search-bar-online{display:flex;justify-content:space-between;align-items:center;background-color:var(--secondary);padding:10px}#search-bar-online #search-bar-close img{width:40px;filter:brightness(0%);cursor:pointer}#search-bar-options{display:flex;align-items:center;flex-wrap:wrap;color:var(--primary);background-color:var(--secondary);position:relative}#search-bar-options>*{margin:10px;display:flex;flex-direction:column;align-items:center}#search-bar-options>div:first-child{margin-left:0;display:flex;flex-direction:row}#search-bar-options>div:first-child label{font-size:1.2rem}#search-bar-options #search{padding:10px;background-color:transparent;outline:none;margin-left:10px}#search-bar-options .search-item{cursor:pointer}#search-bar-options .search-item img{width:20px;filter:brightness(0%)}#search-bar-options .search-item span{padding-top:5px;font-size:18px}#search-results-wrapper{background-color:var(--secondary);color:var(--dark-text);margin-top:5px}#search-header{color:var(--primary);font-size:1.5rem;padding:10px;text-align:center;border-bottom:2px solid var(--shade-grey-1)}#search-results{overflow-y:auto;padding:10px;height:calc(var(--VH) / 2)}#search-results #search-counter{font-size:1.2rem;font-family:monospace}#search-results .search-result p{font-size:1.2rem;margin-bottom:5px;margin-top:5px;font-family:monospace}#search-results .search-result .result-title{font-size:2.5rem;color:var(--shade-grey-5);display:block;margin-top:15px;font-family:monospace}#search-results a{color:#00f;cursor:pointer;font-size:1.2rem;display:block;margin:10px 0;font-family:monospace}#video-frame-wrapper,#pdf-frame-wrapper,#html-page-wrapper{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--trans-background-color);z-index:1000;display:none}#video-frame,#pdf-frame{padding:20px;background-color:var(--shade-grey-1);position:absolute;top:-100%;left:calc(50% + 5px);transform:translate(calc(-50% - 35px));width:min(100vw - 70px,800px);transition:top .4s ease}#video-frame #close-video,#pdf-frame #pdf-close{position:absolute;top:2px;right:2px;height:30px;width:30px;z-index:5;padding:5px;cursor:pointer;background-color:#fff;border-radius:50%;border:1px dashed #403f3f}#video-frame #close-video img,#pdf-frame #pdf-close img{height:100%;width:100%;filter:brightness(0%)}#video-frame #video-screen-wrapper{width:100%}#video-frame #video-screen{object-fit:contain;width:100%;height:100%;border-radius:3px;background-color:#000}#video-frame.show{top:70px}#audio-frame-wrapper{position:fixed;top:70px;left:50%;transform:translate(-50%);height:auto;width:auto;z-index:1000;transition:top .4s ease;display:none}#audio-frame audio::-webkit-media-controls-panel{background-color:var(--shade-grey-1)}#audio-frame{display:flex;align-items:center;justify-content:space-between;background-color:var(--shade-grey-1);padding:5px 10px 5px 5px}#audio-frame.show{top:70px}#audio-frame #close-audio{height:30px;width:40px;border-left:3px solid black;cursor:pointer;padding-left:10px}#audio-frame #close-audio img{height:30px;width:30px;filter:brightness(0%)}#pdf-frame-wrapper.show{display:block}#pdf-frame{height:calc(100vh - 80px)}#pdf-frame #pdf-options{position:relative;height:40px;padding:5px;display:flex;justify-content:space-between;align-items:center;background-color:gray;color:#fff}#pdf-frame #pdf-view{width:100%;height:100%;border:2px solid grey}#pdf-frame #pdf-view>div{width:100%}#pdf-frame.show{top:70px}#html-page-wrapper #html-frame{position:absolute;top:40px;left:40px;right:40px;bottom:40px;transition:top .4s ease}#html-page-wrapper #html-frame.show{top:40px}#html-page-wrapper #html-page-controller{position:absolute;top:2px;right:40px;z-index:30;display:flex}#html-page-controller>div{padding:5px;cursor:pointer}#html-page-controller>div:first-child{background-color:transparent;display:none}#html-page-controller>div:last-child{background-color:transparent}#html-page-wrapper #html-page-controller img{width:25px;object-fit:contain}#html-page-wrapper #html-page-view{width:100%;height:100%;position:absolute;top:0;left:0;border:none}#main #book-view{width:var(--VW);height:var(--VH);position:absolute;top:0;left:0;overflow:auto;z-index:5}:root.blue #book-view{background-image:url(/img/ui/bg.png);background-repeat:no-repeat;background-size:cover}#book-view #slide-message-wrapper{position:absolute;right:5px;top:5px;padding:20px;background-color:var(--tertiary);color:var(--light-text);border:1px solid currentColor;border-radius:5px;box-shadow:0 0 10px #0000001a;transition:right .5s ease-in-out;z-index:20;display:none}#book-view #slide-message{font-size:1.2rem}#book-view .frames{--zoom: 1;width:100%;height:100%;position:relative;background-color:transparent;transform:scale(var(--zoom));transform-origin:0 0;transition:transform .2s}#book-view .frames .frame-wrapper{position:absolute;width:50%;height:100%;top:0}#book-view .frames-toggle .frame-wrapper{position:relative;width:100%;display:block}#book-view .frames .frame-wrapper:first-of-type{left:0}#book-view .frames-toggle .frame-wrapper:first-of-type{display:none}#book-view .frames .frame-wrapper:last-of-type{right:0}#book-view .frames .frame-wrapper .frame{position:absolute;top:5px}#book-view .frames .frame-wrapper img:not(#image-left):not(#image-right){position:absolute;top:-.4%;cursor:pointer;width:5%;z-index:var(--z-canva-image)}#book-view .frames .frame-wrapper:first-of-type .frame{right:0}#book-view .frames .frame-wrapper:last-of-type .frame{left:0}#book-view .frames-toggle .frame-wrapper:last-of-type .frame{left:50%;transform:translate(-50%)}#book-view .frames .frame-wrapper:first-of-type img{left:5%}#book-view .frames .frame-wrapper:last-of-type img{right:5%}#book-view .frames .frame #image-left,#book-view .frames .frame #image-right{max-width:calc((var(--VW) / 2) - 5px);max-height:calc(var(--VH) - 10px);object-fit:contain}#book-view .frames-toggle .frame-wrapper:last-of-type .frame #image-right{max-width:calc(var(--VW) - 20px)}#book-view button{position:absolute;top:50%;transform:translateY(-50%);z-index:30;border-radius:50%;border:none;background-color:transparent;cursor:pointer}#book-view #next-button{right:65px}#book-view #prev-button{left:5px}#book-view #prev-button,#book-view #next-button{position:fixed;top:50%;transform:translateY(-50%)}#book-view #floating-nav-bar{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(20px);background-color:var(--primary);color:#fff;padding:5px;border-radius:4px;display:flex;align-items:center;gap:10px;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000;box-shadow:0 4px 15px #0000004d}#book-view #floating-nav-bar.visible{opacity:1;pointer-events:all;transform:translate(-50%) translateY(0)}#book-view #float-prev-btn,#book-view #float-next-btn{background-color:#dc2626;border:none;border-radius:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;top:auto;left:auto;right:auto;transform:none}#book-view #float-prev-btn:hover,#book-view #float-next-btn:hover{background-color:#b91c1c}#book-view #float-prev-btn img,#book-view #float-next-btn img{width:12px;height:auto;filter:brightness(0) invert(1);position:relative;top:auto;left:auto}#book-view #float-page-info{display:flex;align-items:center;justify-content:center;background-color:#ffffff1a;padding:2px 10px;border-radius:4px}#book-view #float-page-input{background:transparent;border:none;color:#fff;font-family:sans-serif;font-weight:600;font-size:14px;text-align:right;width:50px;outline:none}#book-view #float-page-input:focus{background-color:#fff;color:#000;border-radius:2px;text-align:center}#book-view #float-total-pages{color:#cbd5e1;font-size:14px;font-weight:600;margin-left:4px;white-space:nowrap}.zoomed-in{transform:scale(1.5);transition:transform .3s ease-in-out}.frames canvas{position:absolute;top:0;left:0;z-index:var(--z-canva)}#drawing-canvas-left:hover,#drawing-canvas-right:hover{cursor:var(--canva-pointer)}*{margin:0;padding:0;box-sizing:border-box}:root{--base-font: 12px;--primary: #051b2c;--secondary: white;--tertiary: rgb(244, 63, 63);--background-color: #28333e;--trans-background-color: rgba(0, 0, 0, .7);--light-trans-bg-color: rgba(23, 23, 23, .273);--dark-grey-text: rgb(31, 31, 31);--light-grey-text: rgb(210, 210, 210);--dark-text: black;--light-text: white;--shade-grey-8: rgb(0, 0, 0);--shade-grey-7: rgb(30, 30, 30);--shade-grey-6: rgb(60, 60, 60);--shade-grey-5: rgb(90, 90, 90);--shade-grey-4: rgb(120, 120, 120);--shade-grey-3: rgb(150, 150, 150);--shade-grey-2: rgb(180, 180, 180);--shade-grey-1: rgb(210, 210, 210);--shade-grey-0: rgb(240, 240, 240);--scrollbar-track: var(--shade-grey-1);--scrollbar-thumb: var(--shade-grey-4);--scrollbar-thumb-hover: var(--shade-grey-6);font-family:Roboto,sans-serif;font-size:var(--base-font);--size: 65px;--VW: calc(100vw - var(--size));--VH: calc(100vh - var(--size));--z-canva: 8;--z-canva-image: 10;--canva-pointer: default}:root.blue{--primary: #1e92ea;--background-color: #8acffd;--shade-blue-0: rgb(0, 40, 120);--shade-blue-1: rgb(20, 70, 150);--shade-blue-2: rgb(40, 100, 180);--shade-blue-3: rgb(70, 130, 200);--shade-blue-4: rgb(100, 160, 220);--shade-blue-5: rgb(140, 190, 235);--shade-blue-6: rgb(180, 215, 245);--shade-blue-7: rgb(210, 235, 250);--shade-blue-8: rgb(240, 248, 255);--scrollbar-track: var(--shade-blue-7);--scrollbar-thumb: var(--shade-blue-4);--scrollbar-thumb-hover: var(--shade-blue-2)}#book-main-layout{position:relative;overflow:hidden;z-index:0;-webkit-user-select:none;user-select:none}#main{background-color:var(--background-color);position:absolute;top:var(--size);left:0;width:100vw;height:var(--VH)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--scrollbar-thumb),var(--scrollbar-thumb-hover));border-radius:999px;border:3px solid transparent;background-clip:content-box;transition:background .2s ease,opacity .2s ease;opacity:.85}::-webkit-scrollbar-thumb:hover{opacity:1}::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb-hover)}#password-modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:10}#password-modal .modal-content{background-color:#fff;padding:70px;border-radius:5px;text-align:center}#password-modal .modal-content img{height:50px;width:40px}#password-modal .modal-content h2{font-size:20px;font-weight:500}#password-input{margin:20px 0;padding:10px;width:90%}#password-modal button{padding:10px 30px;background:#000;color:#fff;border:none;cursor:pointer;border-radius:10px;font-size:15px}#password-modal button:hover{background-color:#fa8911}#password-modal #error-message{color:red;display:none;font-size:15px}#drawing-frame-wrapper,#notes-frame-wrapper,#calculator-frame-wrapper,#stop-watch-frame-wrapper,#spotlight-overlay,#spotlight-frame-wrapper,#clear-data-frame-wrapper,#highlights-frame-wrapper,#audio-recorder-frame-wrapper{position:absolute;top:0;left:0;height:100vh;width:100vw;z-index:20;display:none;background-color:var(--trans-background-color);padding:0;color:var(--dark-grey-text)}#highlights-frame-wrapper{height:auto}#highlights-frame{z-index:20;background-color:var(--shade-grey-3);position:absolute;top:-100%;right:65px;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:top .4s ease}:root.blue #highlights-frame{background-color:var(--shade-blue-6)}#highlights-frame #close-highlights-frame{background-color:#fff;position:absolute;top:2px;right:2px;border-radius:50%;display:flex;cursor:pointer}#highlights-frame #close-highlights-frame img{filter:brightness(0%);height:20px;width:20px}#highlights-frame #pen-tool-tip{position:absolute;top:25px;right:calc(100% + 15px);transform:translateY(-50%);background-color:var(--shade-grey-8);padding:10px;border-radius:5px;font-size:1rem;border:1px solid currentColor;z-index:100;color:#fff;max-width:150px;width:max-content;display:none}#highlights-frame #pen-tool-tip:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%) rotate(45deg);height:10px;width:10px;background-color:var(--shade-grey-8);border-right:1px solid currentColor;border-top:1px solid currentColor;border-radius:1px}#highlights-frame .drawing-button{background-color:#fff;padding:10px;margin:10px;border-radius:50%;cursor:pointer;height:45px;width:45px}#highlights-frame .drawing-button img{height:25px;width:25px}#highlights-frame .drawing-button span{display:none}#highlights-frame #color-wrapper .drawing-button{background-color:red;border:10px solid white;outline:1px solid red}#highlights-frame .drawing-button.active{background:#adff2f;color:var(--light-text)}#highlights-frame #color-wrapper>div:nth-child(2){max-height:0;overflow:hidden;transition:max-height .5s ease-out}#highlights-frame #color-wrapper>div:nth-child(2)>div{display:flex;padding:10px 5px;justify-content:center;align-items:center;flex-direction:column;background-color:#fff}#highlights-frame .color{width:100%;height:20px;margin-bottom:5px;cursor:pointer}#highlights-frame .color:first-child{background-color:red}#highlights-frame .color:nth-child(2){background-color:#0ced0c}#highlights-frame .color:last-child{background-color:#2323ff}#highlights-frame #drawing-page-selector{padding:10px 15px;font-size:1.4rem;background-color:#fff;color:#000;margin:10px}#highlights-frame hr{width:calc(100% - 20px)}#highlights-frame p{font-size:1.2rem;font-weight:700;padding-top:10px}select option{color:#000;background-color:#fff}#spotlight-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:9999;cursor:none;display:block;pointer-events:auto}#notes-frame-wrapper #notes-frame,#spotlight-frame-wrapper #spotlight-frame{position:absolute;top:-100%;width:min(100vw - 70px,600px);left:calc(50% + 5px);transform:translate(calc(-50% - 35px));background-color:var(--primary);border-radius:5px;color:var(--light-text);transition:top .4s ease}#spotlight-frame>div{font-size:1.5rem;text-align:justify}#spotlight-frame>div:first-child{padding:20px 20px 5px}#spotlight-frame>div:nth-child(2){padding:10px 20px}#spotlight-frame>div:last-child{padding:5px 20px 20px}#spotlight-frame #spotlight-header h3{text-align:center;font-size:2rem;margin-bottom:10px}#spotlight-frame #spotlight-sizes{background-color:var(--shade-grey-0);color:var(--dark-grey-text);display:flex;justify-content:space-between;flex-direction:row}#spotlight-frame .spotlight-size{position:relative;display:flex;align-items:center;padding-bottom:2rem}#spotlight-frame .spotlight-size:hover>div{background-color:var(--primary)}#spotlight-frame .spotlight-size:hover>span{color:var(--primary)}#spotlight-frame .spotlight-size>span{position:absolute;top:calc(100% - 2rem);width:100%;text-align:center;padding:.25rem;line-height:1.5rem}#spotlight-frame .spotlight-size>div{border-radius:50%;background-color:#000}#spotlight-frame .spotlight-size:first-child>div{width:100px;height:100px}#spotlight-frame .spotlight-size:nth-child(2)>div{width:150px;height:150px}#spotlight-frame .spotlight-size:last-child>div{width:200px;height:200px}#spotlight-frame>div:last-child{text-align:right}#spotlight-frame>div:last-child>button{font-size:1.5rem;font-weight:700;padding:5px;border-radius:5px;border:none;cursor:pointer;color:var(--dark-grey-text);border:2px solid var(--shade-grey-0);background-color:var(--shade-grey-0)}@media only screen and (max-width: 700px){#spotlight-frame #spotlight-sizes{flex-direction:column;align-items:center}#spotlight-frame .spotlight-size{margin-bottom:5px}}#notes-frame-wrapper #notes-frame>div{font-size:1.5rem}#notes-frame-wrapper #notes-frame>div:first-child{margin:20px 20px 0}#notes-frame-wrapper #notes-frame>div:nth-child(2){margin:5px 20px 0}#notes-frame-wrapper #notes-frame>div:nth-child(3){margin:0 20px 5px}#notes-frame-wrapper #notes-frame>div:last-child{margin:0 20px 20px}#notes-frame-wrapper #notes-frame select,#notes-frame-wrapper #notes-frame textarea{padding:10px;width:100%;outline:none;color:var(--dark-grey-text);background-color:#fff;font-size:1.2rem}#notes-frame-wrapper #notes-frame textarea{height:200px;resize:none}#notes-frame-wrapper #notes-error-message{padding:10px;border-radius:5px;color:#721c24;background-color:#f8d7da;font-size:1.5rem!important;display:none;border:1px solid currentColor}#notes-frame-wrapper #notes-options{display:flex;align-items:center;justify-content:space-between}#notes-frame-wrapper .notes-btns{display:flex;align-items:center;justify-content:center;gap:6px}#notes-frame-wrapper #notes-options button{font-size:1.5rem;font-weight:700;padding:5px;border-radius:5px;border:none;cursor:pointer}#notes-frame-wrapper #notes-options button:first-child{background-color:#fff;color:var(--primary);border:2px solid transparent}#notes-frame-wrapper #notes-options button:last-child{background-color:var(--primary);color:var(--light-text);border:2px solid currentColor}#drawing-frame-wrapper{display:none}#drawing-frame-wrapper>div{position:relative;height:100vh;width:100vw;position:absolute;top:0%;left:0;transition:top .4s ease}#drawing-frame-wrapper #close-drawing-frame{position:absolute;top:0;right:0;background-color:#fff;padding:8px}#drawing-frame-wrapper #close-drawing-frame:hover{background-color:var(--shade-grey-1)}#drawing-frame-wrapper #close-drawing-frame img{width:25px;height:25px;filter:brightness(0%);cursor:pointer}#drawing-frame-wrapper #drawing-frame{position:absolute;right:var(--size);width:var(--VW);height:var(--VH);background-color:var(--shade-grey-2);display:flex;justify-content:space-between;align-items:center;padding:10px;top:var(--size)}#drawing-frame-wrapper #drawing-frame>div{border-radius:10px;outline:2.5px solid var(--shade-grey-5)}#drawing-frame-wrapper #drawing-canva-wrapper{background-color:#fff;width:calc(100% - 75px);height:100%;border:none!important;position:relative;overflow:hidden}#drawing-frame-wrapper #drawing-canva-wrapper #canvas-text{position:absolute;color:transparent;background-color:transparent;resize:none;border:none;outline:none;overflow:hidden;caret-color:#000}#drawing-frame #drawing-canvas{background-color:#fff;border-radius:10px}#drawing-frame-wrapper #drawing-controls{width:60px;height:100%;background-color:#fff;padding-top:5px;padding-bottom:5px;display:flex;flex-direction:column;align-items:center}#drawing-frame .drawing-control{width:50px;height:50px;border-radius:7.5px;margin-bottom:5px;position:relative;background-color:#fff;cursor:pointer;border:2.5px solid rgb(21,167,101);display:flex;justify-content:center;align-items:center}#drawing-frame .drawing-button.active{background:#adff2f;color:var(--light-text)}#drawing-frame .drawing-control img{width:25px;height:25px;filter:brightness(0%);margin:5px}#drawing-frame .drawing-control select{width:100%;height:100%;padding:5px;border:none;font-size:1rem;outline:none;background-color:transparent}#drawing-frame .drawing-control input[type=color]{width:100%;height:100%;padding:0;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#drawing-frame .drawing-control span{position:absolute;top:50%;right:calc(100% + 15px);transform:translateY(-50%);background-color:#000;padding:7px;border-radius:5px;font-size:1.2rem;z-index:100;display:none;color:#fff;width:max-content}#drawing-frame .drawing-control span:after{content:"";position:absolute;right:0;top:50%;transform:translate(50%,-50%) rotate(45deg);height:10px;width:10px;background-color:#000;border-radius:1px}#drawing-frame .drawing-control:hover span{display:block}#calculator-frame-wrapper #calculator-frame{position:absolute;width:min(90vw,400px);top:-100%;left:calc(40% + 5px);border-radius:10px;background-color:var(--shade-grey-0);padding:50px 20px 20px;color:var(--dark-grey-text);transition:top .4s ease}#calculator-frame-wrapper #calculator-frame:after{content:"Calculator";position:absolute;top:20px;font-size:20px}#calculator-frame-wrapper #close-calculator{width:40px;height:40px;position:absolute;top:5px;right:20px}#calculator-frame-wrapper #close-calculator img{width:100%;height:100%;filter:brightness(50%);cursor:pointer}#calculator-frame-wrapper #calculator{display:grid;grid-template-columns:24.25% 24.25% 24.25% 24.25%;grid-template-rows:15.83% 15.83% 15.83% 15.83% 15.83% 15.83%;gap:1%}#calculator-frame #calculator div,#calculator-frame #calculator input{font-weight:700;font-size:20px;text-align:center;padding:20px;border:1px solid #929191;border-radius:5px;cursor:pointer}#calculator-frame #calculator #calculator-result{background:#2753ab;grid-column-start:1;grid-column-end:5;color:var(--light-grey-text);cursor:text}#calculator-frame #calculator div:not(:first-child){background:#60c6f3;cursor:pointer}#calculator-frame #calculator div.btn-add{grid-row-start:3;grid-row-end:5;grid-column-start:4;grid-column-end:5}#calculator-frame #calculator div.btn-0{grid-column-start:1;grid-column-end:3}#calculator-frame #calculator div.btn-calculate{grid-row-start:5;grid-row-end:7;grid-column-start:4;grid-column-end:5}#stop-watch-frame-wrapper #stop-watch-frame{position:absolute;background-color:var(--shade-grey-0);top:-100%;left:calc(40% + 5px);padding:40px 20px 20px;border-radius:5px;color:var(--dark-grey-text);transition:top .4s ease}#stop-watch-frame-wrapper #close-stop-watch{position:absolute;top:0;right:0;height:40px;width:40px;cursor:pointer}#stop-watch-frame-wrapper #close-stop-watch img{width:100%;filter:brightness(50%)}#stop-watch-frame-wrapper #stop-watch{display:flex;justify-content:center;width:min(300px,90vw)}#stop-watch-frame-wrapper #stop-watch div{padding:10px;text-align:center;font-weight:700;font-size:20px;cursor:pointer}#stop-watch span{display:block;color:var(--light-grey-text);background-color:var(--primary);padding:15px;margin-top:5px;border-radius:10px}#stop-watch-controls{display:flex;justify-content:center;align-items:start;margin-top:10px}#stop-watch-controls div{display:flex;margin:auto 10px;cursor:pointer;border-radius:10px}#stop-watch-controls img{width:50px;filter:brightness(200%)}#stop-watch-controls div:first-child{background-color:#33a0ff}#stop-watch-controls div:first-child:hover{background-color:#0788f8}#stop-watch-controls div:last-child{background-color:red}#stop-watch-controls div:last-child:hover{background-color:#fb0}#audio-recorder-frame{background-color:#fff;color:#008cff;font-size:1.5rem;position:absolute;transition:top .4s ease;top:-100%;width:min(100vw - 70px,600px);left:calc(50% + 5px);transform:translate(calc(-50% - 35px))}#audio-recorder-frame .header{position:relative}#audio-recorder-frame h4{padding:20px;text-align:center;border-bottom:2px solid var(--shade-grey-1)}#audio-recorder-frame .header+div{display:flex;padding:10px}#audio-recorder-frame .header+div>div{flex:1}#audio-recorder-frame .audio-container{display:flex;align-items:center;justify-content:space-between;padding:10px;flex-wrap:wrap}#audio-recorder-frame .audio-container>select{width:calc(100% - 80px);padding:10px}#audio-recorder-frame #audio-permission{width:100%;border:1px solid currentColor;margin-top:30px;padding:10px;border-radius:5px;background-color:#cfebf7;color:#31708f}#audio-recorder-frame .audio-controls{display:flex}#audio-recorder-frame .audio-controls>div{padding:5px;cursor:pointer;border-radius:5px;margin-left:5px}#audio-recorder-frame .audio-controls>div:hover{background-color:#f6b7b7}#audio-recorder-frame .audio-controls img{height:25px;width:25px;display:block}#audio-recorder-frame #audio-content{text-align:justify;display:flex;justify-content:center;align-items:center;padding:10px}#close-audio-recorder{position:absolute;top:50%;transform:translateY(-50%);right:20px;background-color:#000;display:flex;border-radius:50%;filter:brightness(200%);height:20px;width:20px;cursor:pointer}#clear-data-frame-wrapper #clear-data-frame{position:absolute;background-color:var(--shade-grey-0);top:-100%;border-radius:5px;color:var(--dark-text);transition:top .4s ease;width:min(100vw - 70px,600px);left:calc(50% + 5px);transform:translate(calc(-50% - 35px));overflow:hidden}#clear-data-frame>div:first-child{display:flex;background-color:var(--primary);justify-content:space-between;align-items:center;padding:20px}#clear-data-frame h2{color:#fff;font-size:2.4rem}#clear-data-frame img{height:40px;width:40px;cursor:pointer;color:#000;filter:brightness(200%)}#clear-data-frame #delete-media{margin-top:20px}#clear-data-frame .media-delete{border-bottom:1px solid var(--shade-grey-1);padding:10px 0;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;margin:10px 30px}#clear-data-frame .media-delete>div{width:100%;font-size:1.4rem;margin-right:10px;display:flex;justify-content:space-between}#clear-data-frame .media-delete .done{color:red;display:none}#clear-data-frame .media-delete button{padding:5px 10px;background-color:#3378e3;color:#fff;border-radius:5px;cursor:pointer;font-size:1.4rem;border:none}#clear-data-frame .media-delete button:hover{background-color:#00008b}#clear-data-frame #reset-msg{display:flex;justify-content:center;margin:20px 30px 40px;padding:13px 10px 10px}#clear-data-frame #reset-msg button{padding:9px 13px;color:#fff;border-radius:5px;cursor:pointer;font-size:1.4rem;border:none;background:red}#vert-nav-bar{height:calc(100vh - var(--size));background-color:var(--primary);width:var(--size);display:flex;justify-content:space-between;flex-direction:column;position:absolute;right:0;top:0}#vert-nav-bar #vert-nav-bar-items{display:flex;flex-direction:column;cursor:pointer}#vert-nav-bar .vert-nav-bar-item{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:10px 5px;color:var(--light-text)}:root.blue #vert-nav-bar .vert-nav-bar-item img{filter:brightness(200%)}#vert-nav-bar .vert-nav-bar-item:hover{background-color:var(--secondary);color:var(--primary)}:root.blue #vert-nav-bar .vert-nav-bar-item:hover{background-color:var(--tertiary);color:var(--secondary)}#vert-nav-bar .vert-nav-bar-item:hover img{filter:brightness(10%)}#vert-nav-bar .vert-nav-bar-item img{height:25px}#vert-nav-bar .vert-nav-bar-item span{text-align:center;font-size:1rem;padding-top:5px}.vert-nav-item-pop-up{position:absolute;top:0;right:100%;width:230px;height:calc(100vh - var(--size));z-index:20;background-color:var(--shade-grey-5);display:block;overflow-y:auto;color:var(--light-text)}:root.blue .vert-nav-item-pop-up{background-color:var(--shade-blue-6);color:var(--dark-text)}#all-pages-wrapper>div{border:none;display:block;border-radius:0;padding:5px}#all-pages-wrapper>div:hover{cursor:pointer;background-color:var(--shade-grey-6)}:root.blue #all-pages-wrapper>div:hover{background-color:var(--shade-blue-5)}#all-pages-wrapper>div>div{display:flex;justify-content:space-around}#all-pages-wrapper>div>p{text-align:center;font-size:10px}#all-pages-wrapper>div:hover>p{text-decoration:underline;color:var(--light-grey-text)}:root.blue #all-pages-wrapper>div:hover>p{color:var(--dark-grey-text)}#all-pages-wrapper object{width:calc(50% - 2.5px)}#table-content-wrapper,#resources-wrapper{padding:5px;color:var(--light-text)}:root.blue #table-content-wrapper,:root.blue #resources-wrapper{color:var(--dark-text)}#table-content-wrapper .item-search,#resources-wrapper .item-search{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--shade-grey-1);padding:10px;margin-bottom:5px}:root.blue #table-content-wrapper .item-search,:root.blue #resources-wrapper .item-search{border-bottom:1px solid var(--shade-blue-5)}.item-search input{background-color:var(--shade-grey-5);border:none;width:80%;outline:none;color:var(--light-text)}:root.blue .item-search input{background-color:var(--shade-blue-6);color:var(--dark-text)}.item-search input::placeholder{color:var(--light-text)}:root.blue .item-search input::placeholder{color:var(--dark-text)}.item-search img{height:25px;padding:3px;filter:brightness(200%)!important}#table-content-wrapper #toc-list div{padding:10px;border-bottom:1px solid var(--shade-grey-1);cursor:pointer}:root.blue #table-content-wrapper #toc-list div{border-bottom:1px solid var(--shade-blue-5)}#table-content-wrapper .toc-item:hover{text-decoration:underline}.resource-item-wrapper{margin-bottom:5px}.resource-item-wrapper .resource-item,.resource-sub-item-wrapper .resource-sub-item,.interactivity-item-wrapper .interactivity-item{padding:10px;cursor:pointer;font-size:1.2rem}.interactivity-item-header{background-color:var(--shade-grey-1)!important}:root.blue .interactivity-item-header{background-color:var(--shade-blue-3)!important;color:var(--light-text)}.interactivity-item-wrapper .interactivity-item,.resource-sub-item-wrapper .resource-sub-item{background-color:#fff;color:var(--dark-text);border-bottom:1px solid var(--shade-grey-1)}:root.blue .interactivity-item-wrapper .interactivity-item,:root.blue .resource-sub-item-wrapper .resource-sub-item{border-bottom:1px solid var(--shade-blue-5)}.resource-item-wrapper .resource-item{background-color:var(--shade-grey-7);position:relative}:root.blue .resource-item-wrapper .resource-item{background-color:var(--shade-blue-2);color:var(--light-text)}.resource-item-wrapper .resource-item:after{content:"+";font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);right:5px}.resource-sub-item-wrapper,.interactivity-item-wrapper{height:0;overflow:hidden;transition:height .5s ease-out}#help-wrapper,#about-wrapper{height:100vh;width:100vw;background-color:var(--trans-background-color);position:absolute;top:0;left:0;z-index:20;display:none}#help-wrapper #help-menu,#about-wrapper #about-info{position:absolute;top:-100%;left:50%;transform:translate(-50%);background-color:var(--primary);border-radius:5px;color:var(--light-text);font-size:1.5rem;transition:top .4s ease}#help-wrapper #close-help-menu,#about-wrapper #close-about-info{position:absolute;top:4px;right:4px;height:40px;width:40px;border-radius:20px;cursor:pointer;background-color:var(--primary)}#help-wrapper #close-help-menu img,#about-wrapper #close-about-info img{height:100%;width:100%;object-fit:contain;filter:brightness(150%)}#help-wrapper #help-menu{height:calc(100vh - 150px);width:calc(100vw - 30px);display:flex;flex-direction:row;flex-wrap:wrap;align-items:start;align-content:start;justify-content:space-between;overflow-y:auto;padding:3vw}#help-menu .help-menu-items{margin-bottom:2vw;display:flex;align-items:center;flex:1}#help-menu .help-menu-items i{width:50px;height:50px;background-color:#ffb300;border-radius:25px;padding:1vw;display:flex;justify-content:center;align-items:center}#help-menu .help-menu-items i img{height:25px;width:25px;filter:brightness(0%)}#help-menu .help-menu-items span{width:21vw;font-size:1.4rem;padding-left:1vw}#about-wrapper #about-info{padding:3vw;width:min(100vw - 70px,800px);left:calc(50% + 5px);transform:translate(calc(-50% - 35px));display:flex;align-items:center;text-align:justify;flex-direction:row;border-radius:5px}#about-info #text{margin-left:5vw}#about-wrapper #about-info h3{font-size:2.5rem;text-decoration:underline}#about-wrapper #about-info p{font-size:1.4rem;margin-bottom:10px}#about-wrapper #about-info ul{list-style:none}#about-wrapper #about-info ul li{display:flex;font-size:1.4rem}#about-wrapper #about-info ul li:before{content:"●";margin-right:4px}#about-wrapper #about-info img{width:100%;object-fit:contain}@media only screen and (max-width: 700px){#about-wrapper #about-info{flex-wrap:wrap}#about-info #text{margin-left:0}}#page-locator{background-color:var(--shade-grey-3);padding:10px 5px}#page-locator>div:first-child{padding:5px;font-weight:700;font-size:1.2rem;text-align:center}#page-locator>div:last-child{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column;background-color:#fff;padding:5px 0}#page-locator>div:last-child>hr{border:none;height:2px;background-color:#000;width:90%}#page-locator>div:last-child>div{font-weight:700;font-size:1.2rem;padding-top:5px}#page-locator>div:last-child>div,#page-locator>div:last-child>input{text-align:center}#page-locator>div:last-child>input{outline:none;border:none;padding:5px;font-size:1rem;font-weight:700;width:100%}#read-aloud-wrapper-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;pointer-events:none}#read-aloud-frame{position:fixed;background-color:#fff;border-radius:8px;width:320px;box-shadow:0 4px 20px #0003;overflow:hidden;pointer-events:auto;-webkit-user-select:none;user-select:none}#read-aloud-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:var(--primary);color:#fff;cursor:grab;-webkit-user-select:none;user-select:none}#read-aloud-header:active{cursor:grabbing}#read-aloud-header h3{margin:0;font-size:16px;font-weight:600}#read-aloud-header button{background:#fff;border:1px dashed currentColor;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s}#read-aloud-content{padding:16px;display:flex;flex-direction:column;gap:16px}#read-aloud-content .form-group{display:flex;flex-direction:column;gap:8px}#read-aloud-content .form-group label{font-size:14px;font-weight:500;color:#555}.form-group select{padding:10px 12px;border:1px solid #d0d0d0;border-radius:6px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}#read-aloud-content .form-group select:hover{border-color:#999}#read-aloud-content .form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007bff1a}#audio-progress-container{display:flex;flex-direction:column;gap:8px;padding:8px 0}#audio-progress-container .time-display{display:flex;justify-content:space-between;font-size:13px;color:#666;font-family:Courier New,monospace}#audio-progress-container .current-time{color:var(--tertiary);font-weight:600}#audio-progress-container .duration{color:#999}#audio-progress-container .audio-slider{width:100%;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#audio-progress-container .audio-slider::-webkit-slider-track{width:100%;height:6px;background:#e0e0e0;border-radius:3px}#audio-progress-container .audio-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--tertiary);cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003}#audio-progress-container .audio-slider::-webkit-slider-thumb:hover{background:var(--tertiary);transform:scale(1.1)}#audio-progress-container .audio-slider::-moz-range-track{width:100%;height:6px;background:#e0e0e0;border-radius:3px}#audio-progress-container .audio-slider::-moz-range-thumb{width:16px;height:16px;border:none;border-radius:50%;background:var(--tertiary);cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0003}#audio-progress-container .audio-slider::-moz-range-thumb:hover{background:var(--tertiary);transform:scale(1.1)}#audio-progress-container .audio-slider{background:linear-gradient(to right,var(--tertiary) 0%,var(--tertiary) var(--progress, 0%),#e0e0e0 var(--progress, 0%),#e0e0e0 100%)}#read-aloud-controls{display:flex;gap:12px;margin-top:8px}#read-aloud-controls button{flex:1;padding:12px;border:none;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}#read-aloud-controls .btn-play{background-color:var(--tertiary);color:#fff}#read-aloud-controls .btn-play:hover:not(:disabled){transform:translateY(-1px)}#read-aloud-controls .btn-play:active:not(:disabled){transform:translateY(0)}#read-aloud-controls .btn-play:disabled{background-color:#ccc;cursor:not-allowed}#read-aloud-controls .btn-reset{background-color:#fff;color:var(--tertiary);border:2px solid currentColor}#read-aloud-controls .btn-reset:hover:not(:disabled){transform:translateY(-1px)}#read-aloud-controls .btn-reset:active:not(:disabled){transform:translateY(0)}#read-aloud-controls .btn-reset:disabled{background-color:#f5f5f5;color:#ccc;border-color:#ccc;cursor:not-allowed}._stateContainer_1c9co_1{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;top:0;left:0;height:100%;width:100%;padding:32px;text-align:center;gap:20px;color:#000;font-family:monospace!important;background-color:#fff}._stateIcon_1c9co_19{font-size:86px}._loading_1c9co_24 ._stateIcon_1c9co_19{color:#3b82f6;transform-origin:center center;animation:_spin_1c9co_1 2s ease-in-out infinite}._error_1c9co_30 ._stateIcon_1c9co_19{color:#ef4444}._notFound_1c9co_34 ._stateIcon_1c9co_19{color:#9ca3af}@keyframes _spin_1c9co_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}