.form-error{span{border-radius:8px;color:#fff;font-size:14px;font-style:normal;font-weight:300;font-weight:600;letter-spacing:-.18px;line-height:16px;line-height:20px}}:root{--primary:#4f8fcc;--secondary:#092c4c;--black:#000;--color-3:#092c4c;--danger:#c70d0f;--success:#228580;--greygrey-10:#f6fafd;--greygrey-30:#eaeef4;--greygrey-70:#7e92a2;--primary-500:#47a141;--primarynavy:#092c4c;--primarywhite:#fff}.keyboard-button{background:#092c4c}.shepherd-element{&[data-popper-placement=bottom]{margin-top:1rem!important;.shepherd-arrow:before{background-color:#092c4c!important;background-color:var(--color-3,#092c4c)!important}}&[data-popper-placement=top]{margin-bottom:1rem!important}&[data-popper-placement=left]{margin-right:1rem!important}&[data-popper-placement=right]{margin-left:1rem!important}.shepherd-content{border-radius:8px;.shepherd-header{background-color:#fff;border-bottom:2px solid #e5e5e5;border-radius:8px 8px 0 0;padding:.38rem 1.2rem;.shepherd-title{font-size:16px;font-weight:700}.shepherd-cancel-icon{color:"white";font-size:1.7rem;&:focus{outline:none}}}.shepherd-text{color:#000;font-family:Inter;font-size:15px;font-style:normal;font-weight:300;letter-spacing:-.18px;line-height:16px;padding:.8rem 1.2rem}.shepherd-footer{justify-content:space-between;padding:0 1.2rem 1rem;.shepherd-button{padding:.5rem 1.3rem}}}}.buttons{flex-wrap:wrap;justify-content:center}.buttons button{align-items:center;border:none;border-radius:5px;display:flex;flex:1 1;font-size:14px;font-size:15px;gap:5px;justify-content:center;max-width:185px;min-width:170px;padding:10px}.buttons .book-contents{background-color:#092c4c;color:#fff}.buttons .go-to-book-btn{background:var(--success)!important;border:1px solid var(--success);color:#fff!important}.buttons .return-library-btn{background-color:#334175;color:#fff}.buttons .sound-btn{background-color:#e7ac40;color:#fff}.buttons .video-btn{background-color:#e74040;color:#fff}.book-title{color:#524848;font-size:45px}.book-detail-info{display:flex;flex-direction:column;min-width:300px}.info-row{border-bottom:1px dashed #535252;display:flex;white-space:nowrap}.title,.value{display:inline-block;padding:8px 12px;vertical-align:middle}.title{font-weight:700;text-align:left}.title:after{content:":";margin-left:4px}.value{text-align:left}.book-detail-container{align-items:center;background:linear-gradient(135deg,#f9f9f9,#dbe9f7);display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:absolute;top:0;width:100%;z-index:3}.book-detail-container .book-detail-content{grid-gap:40px;background:#fff;border-radius:24px;box-shadow:0 20px 40px #00000014;display:grid;gap:40px;grid-template-columns:minmax(400px,500px) 1fr;max-width:1200px;padding:40px;width:100%}@media(max-width:1200px){.book-detail-container .book-detail-content{grid-template-columns:minmax(350px,450px) 1fr;max-width:1100px}}@media(max-width:1024px){.book-detail-container .book-detail-content{gap:30px;grid-template-columns:300px 1fr;padding:30px}}@media(max-width:768px){.book-detail-container .book-detail-content{grid-template-columns:1fr;padding:25px}}@media(max-width:480px){.book-detail-container .book-detail-content{border-radius:16px;padding:20px}}.book-detail-container .book-detail-content .book-cover-section{align-items:center;border-right:1px solid #edf2f7;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:600px;padding-right:40px}@media(max-width:1024px){.book-detail-container .book-detail-content .book-cover-section{min-height:500px}}@media(max-width:768px){.book-detail-container .book-detail-content .book-cover-section{border-bottom:1px solid #edf2f7;border-right:none;height:auto;margin-bottom:10px;min-height:auto;padding-bottom:20px;padding-right:0}}.book-detail-container .book-detail-content .book-cover-section .image-container{align-items:center;display:flex;height:100%;justify-content:center;margin-bottom:20px;padding:10px 0;width:100%}@media(max-width:768px){.book-detail-container .book-detail-content .book-cover-section .image-container{height:auto;margin-bottom:10px}}.book-detail-container .book-detail-content .book-cover-section .book-cover-image{border-radius:16px;box-shadow:0 15px 30px #00000026;height:auto;max-height:600px;max-width:100%;min-height:450px;object-fit:contain;transition:all .3s ease;width:auto}@media(max-width:1200px){.book-detail-container .book-detail-content .book-cover-section .book-cover-image{max-height:500px;min-height:400px}}@media(max-width:1024px){.book-detail-container .book-detail-content .book-cover-section .book-cover-image{max-height:400px;max-width:280px;min-height:350px}}@media(max-width:768px){.book-detail-container .book-detail-content .book-cover-section .book-cover-image{max-height:280px;max-width:200px;min-height:0}}@media(max-width:480px){.book-detail-container .book-detail-content .book-cover-section .book-cover-image{max-height:240px;max-width:180px}}.book-detail-container .book-detail-content .book-cover-section .book-cover-image:hover{box-shadow:0 20px 40px #0003;transform:translateY(-8px)}.book-detail-container .book-detail-content .book-cover-section .book-title{color:#1a202c;font-size:26px;font-weight:700;line-height:1.4;margin-top:20px;text-align:center}@media(max-width:768px){.book-detail-container .book-detail-content .book-cover-section .book-title{font-size:22px;margin-top:16px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-cover-section .book-title{font-size:18px;margin-top:12px}}.book-detail-container .book-detail-content .book-info-section{display:flex;flex-direction:column;gap:36px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section{gap:24px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section{gap:16px}}.book-detail-container .book-detail-content .book-info-section .update-button-container{position:absolute;right:24px;top:24px}.book-detail-container .book-detail-content .book-info-section .update-button-container .btn-update{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#475569;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:8px 16px;transition:all .2s ease}.book-detail-container .book-detail-content .book-info-section .update-button-container .btn-update svg{height:18px;width:18px}.book-detail-container .book-detail-content .book-info-section .update-button-container .btn-update:hover{background:#f8fafc;border-color:#cbd5e1}.book-detail-container .book-detail-content .book-info-section .update-button-container .btn-update .download-progress{color:#475569}.book-detail-container .book-detail-content .book-info-section .info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .info-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .info-grid{display:flex;flex-direction:row;gap:8px;margin-bottom:10px}}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card{background:#f8fafc;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .info-grid .info-card{border-radius:10px;flex-basis:calc(33.33% - 7px);flex-grow:0;flex-shrink:1;min-height:0;min-width:0;padding:10px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .info-grid .info-card{border-radius:8px;flex-basis:calc(33.33% - 6px);flex-grow:0;flex-shrink:1;min-height:0;min-width:0;padding:8px 10px}}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card:before{content:"";height:3px;left:0;position:absolute;top:0;width:100%}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card:hover{box-shadow:0 8px 16px #0000000f;transform:translateY(-4px)}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card:first-child:before{background:linear-gradient(90deg,#4f46e5,#6366f1)}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card:nth-child(2):before{background:linear-gradient(90deg,#0891b2,#06b6d4)}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card:nth-child(3):before{background:linear-gradient(90deg,#059669,#10b981)}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card .info-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .info-grid .info-card .info-label{font-size:10px;letter-spacing:.8px}}.book-detail-container .book-detail-content .book-info-section .info-grid .info-card .info-value{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:20px;font-weight:700;line-height:1.3;margin-top:4px;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .info-grid .info-card .info-value{font-size:16px;margin-top:2px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .info-grid .info-card .info-value{font-size:14px}}.book-detail-container .book-detail-content .book-info-section .action-buttons{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .action-buttons{flex-direction:row;gap:8px;justify-content:space-between}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .action-buttons{flex-direction:column;gap:6px}}.book-detail-container .book-detail-content .book-info-section .action-buttons .btn{align-items:center;border-radius:12px;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;height:48px;justify-content:center;min-width:0;padding:0 20px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .action-buttons .btn{flex:1 0 auto;font-size:14px;height:44px;padding:0 12px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .action-buttons .btn{display:flex;height:44px;justify-content:flex-start;padding:0 16px;width:100%}}.book-detail-container .book-detail-content .book-info-section .action-buttons .btn svg{flex-shrink:0;height:20px;width:20px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .action-buttons .btn svg{height:18px;width:18px}}.book-detail-container .book-detail-content .book-info-section .media-buttons{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .media-buttons{flex-direction:row;gap:8px;justify-content:flex-start}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .media-buttons{flex-direction:row;flex-wrap:wrap;gap:6px}}.book-detail-container .book-detail-content .book-info-section .media-buttons .btn-media{align-items:center;border-radius:12px;display:inline-flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;height:48px;justify-content:center;min-width:0;padding:0 20px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .media-buttons .btn-media{flex:1 0 auto;font-size:14px;height:44px;max-width:calc(50% - 4px);min-width:30%;padding:0 12px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .media-buttons .btn-media{display:flex;flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:0;height:44px;justify-content:flex-start;min-width:0;padding:0 16px}}.book-detail-container .book-detail-content .book-info-section .media-buttons .btn-media svg{flex-shrink:0;height:22px;width:22px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .media-buttons .btn-media svg{height:18px;width:18px}}.book-detail-container .book-detail-content .book-info-section .book-files{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .book-files{flex-direction:row;flex-wrap:wrap;gap:8px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .book-files{gap:6px}}.book-detail-container .book-detail-content .book-info-section .book-files .btn{align-items:center;background-color:#f1f5f9;border-radius:12px;color:#475569;display:inline-flex;flex:1 0 auto;font-size:15px;font-weight:600;gap:8px;height:48px;justify-content:center;min-width:0;padding:0 20px}@media(max-width:768px){.book-detail-container .book-detail-content .book-info-section .book-files .btn{font-size:14px;height:44px;max-width:calc(50% - 4px);min-width:30%;padding:0 12px}}@media(max-width:480px){.book-detail-container .book-detail-content .book-info-section .book-files .btn{display:flex;flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:0;height:44px;justify-content:flex-start;min-width:0;padding:0 16px}}.book-detail-container .book-detail-content .book-info-section .expired-message{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;color:#92400e;font-size:14px;font-weight:500;line-height:1.6;padding:20px}.group-book-container{font-family:Inter,sans-serif;height:100vh;overflow:auto;padding:10px}.group-book-container .book-detail-header{align-items:center;background-color:#f6fafd;display:flex;height:50px}.group-book-container .book-detail-header .return-btn{align-items:center;background-color:#0000;border:none!important;color:#7e92a2;color:var(--color-5,#7e92a2);display:flex;font-size:14px;font-style:normal;font-weight:700;width:auto!important}.group-book-container .book-detail-header .return-btn svg{height:24px;width:24px}.group-book-container .book-detail-header .return-btn span{margin-left:5px}.group-book-container .top-section{background-color:var(--primary);display:flex;height:260px;justify-content:center;position:relative}.group-book-container .top-section .book-detail{align-items:flex-end;display:flex}.group-book-container .top-section .book-detail .book-cover{border-radius:8px;height:250px;margin-bottom:5px}.group-book-container .top-section .book-detail .book-info{color:#fff;color:var(--white,#fff);margin-bottom:20px;margin-left:50px;width:425px}.group-book-container .top-section .book-detail .book-info .book-title{border-bottom:2px solid #fff;border-bottom:2px solid var(--white,#fff);font-size:24px;font-weight:600;margin-bottom:10px}.group-book-container .top-section .book-detail .book-info .book-meta span{display:block;margin-bottom:5px}.group-book-container .bottom-section{display:flex;justify-content:center}.group-book-container .bottom-section .books{height:100%;min-width:100%;padding:0 20px}.group-book-container .bottom-section .books .books-header{align-items:center;display:flex;height:60px}.group-book-container .bottom-section .books .books-header h1{color:var(--primary);font-size:17px;margin-left:5px}.group-book-container .bottom-section .books .books-header svg path{fill:var(--primary)}.group-book-container .bottom-section .books .child-books{grid-gap:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));height:calc(100% - 80px);overflow-y:auto}.group-book-container .bottom-section .books .child-books .book-card{border:1px solid #eaeef4;border:1px solid var(--stroke-color,#eaeef4);border-radius:8px 0 0 8px;height:300px;margin:10px}.group-book-container .bottom-section .books .child-books .book-card .book-card-detail{border-bottom:1px solid #eaeef4;border-bottom:1px solid var(--stroke-color,#eaeef4);display:flex;height:80%}.group-book-container .bottom-section .books .child-books .book-card img{flex-shrink:0;height:100%;max-width:162px;width:auto}.group-book-container .bottom-section .books .child-books .book-card .book-info{padding:10px;position:relative;width:100%}.group-book-container .bottom-section .books .child-books .book-card .book-info h2{color:#092c4c;color:var(--color-3,#092c4c);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.group-book-container .bottom-section .books .child-books .book-card .book-info span{color:#7e92a2;color:var(--color-4,#7e92a2);font-size:13px;font-style:normal;font-weight:400;line-height:normal}.group-book-container .bottom-section .books .child-books .book-card .book-info .update-text-span{align-items:center;bottom:0;color:var(--primary);display:flex;font-weight:700;left:10px;position:absolute}.group-book-container .bottom-section .books .child-books .book-card .book-card-buttons{align-items:center;display:flex;height:20%;padding:0 15px}.group-book-container .bottom-section .books .child-books .book-card .book-card-buttons .obro-btn{font-size:13px!important;padding:10px!important}.group-book-container .bottom-section .books .return-btn{background-color:#0000;border:none!important;color:#7e92a2;color:var(--color-5,#7e92a2);font-size:14px;font-style:normal;font-weight:700;line-height:30px}s .sounds .book-sounds{display:flex;height:calc(100% - 200px);margin-top:50px}s .sounds .book-sounds .unit-list{padding-right:50px;width:50%}s .sounds .book-sounds .unit-list .unit-list-header{border-bottom:1px solid #eaeef4;border-bottom:1px solid var(--stroke-color,#eaeef4);color:#092c4c;color:var(--color-3,#092c4c);font-size:24px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:10px}s .sounds .book-sounds .unit-list .unit-title{align-items:center;display:flex;justify-content:space-between;padding:10px}s .sounds .book-sounds .unit-list .unit-title div{align-items:center;display:flex}s .sounds .book-sounds .unit-list .unit-title span{color:#7e92a2;color:var(--color-4,#7e92a2);font-family:Inter;font-size:14px;font-style:normal;font-weight:600;line-height:40px;margin-left:10px}s .sounds .book-sounds .unit-list .unit-title.active{background:#ededed;border-radius:10px}s .sounds .book-sounds .media-list{max-height:100%;overflow-y:scroll;width:50%}s .sounds .book-sounds .media-list .media-list-header{border-bottom:1px solid #eaeef4;border-bottom:1px solid var(--stroke-color,#eaeef4);color:#092c4c;color:var(--color-3,#092c4c);font-size:24px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:10px}s .sounds .book-sounds .media-list .media-item{align-items:flex-start;border:1px solid #eaeef4;border:1px solid var(--stroke-color,#eaeef4);display:flex;gap:12px;padding:12px 12px 12px 8px}s .sounds .book-sounds .media-list .media-item .sound-icon{background:#ffc300;border-radius:50%;padding:10px}s .sounds .book-sounds .media-list .media-item .video-icon{background:#ff644f;display:flex;padding:5px}s .sounds .book-sounds .media-list .media-item span{color:#7e92a2;color:var(--color-4,#7e92a2);font-size:14px;font-style:normal;font-weight:700;line-height:35px;margin-left:10px}.delete-modal span{font-size:14px;line-height:18px}.delete-modal svg{height:40px}.delete-modal .delete-result-text{font-weight:700!important}.background-style{background:#23588b;background:linear-gradient(180deg,#23588b 50%,#d9dace);background:-webkit-linear-gradient(180deg,#23588b 50%,#d9dace);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#23598C",endColorstr="#D9DACE",GradientType=1)}.btn-primary{background-color:var(--success)!important;border:none;color:#fff!important}@media(max-width:768px){.btn-primary{max-width:none;width:100%}}.btn-back{background-color:#334175!important;border:none;color:#fff!important}@media(max-width:768px){.btn-back{max-width:none;width:100%}}.btn-contents{background-color:#092c4c!important;border:none;color:#fff!important}@media(max-width:768px){.btn-contents{max-width:none;width:100%}}.btn-sound{background-color:#f58b1e!important}.btn-sound,.btn-video{border:none;color:#fff!important}.btn-video{background-color:#e94848!important}.btn-game{background-color:#4caf50!important;border:none;color:#fff!important}@media(max-width:768px){.action-buttons{flex-direction:column}.action-buttons .btn{max-width:none;width:100%}.book-files,.media-buttons{flex-direction:row;flex-wrap:wrap}.book-files .btn,.book-files .btn-media,.media-buttons .btn,.media-buttons .btn-media{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:1;max-width:calc(50% - 4px);min-width:0}}@media(max-width:480px){.action-buttons .btn,.action-buttons .btn-media,.book-files .btn,.book-files .btn-media,.media-buttons .btn,.media-buttons .btn-media{display:flex;font-size:14px;justify-content:flex-start}.action-buttons .btn svg,.action-buttons .btn-media svg,.book-files .btn svg,.book-files .btn-media svg,.media-buttons .btn svg,.media-buttons .btn-media svg{flex-shrink:0;height:18px;margin-right:8px;width:18px}.action-buttons .btn span,.action-buttons .btn-media span,.book-files .btn span,.book-files .btn-media span,.media-buttons .btn span,.media-buttons .btn-media span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:768px){.book-detail-container{-webkit-overflow-scrolling:touch}.btn,.btn-media{-webkit-tap-highlight-color:rgba(0,0,0,.1);min-height:44px}.btn-media:active,.btn:active{transform:scale(.98)}button{-webkit-appearance:none;appearance:none}}.book-content-page{height:100%}.book-content-page .book-content-list{height:calc(100% - 55px);overflow-y:auto}.book-content-page .book-content-list .toc-list,.book-content-page .book-content-list .toc-list ol{list-style-type:none}.book-content-page .book-content-list .toc-list{margin-right:10px;padding:0}.book-content-page .book-content-list .toc-list ol{padding-inline-start:2ch}.book-content-page .book-content-list .toc-list li>span{align-items:end;color:#7e92a2;color:var(--color-5,#7e92a2);display:grid;font-size:13px;grid-template-columns:auto max-content;padding:.4rem;text-decoration:none}.book-content-page .book-content-list .toc-list li>span :hover{font-weight:bolder}.book-content-page .book-content-list .toc-list li>span>.page{align-items:center;border:1px solid #7e92a2;border:1px solid var(--color-5,#7e92a2);border-radius:15px;display:flex;height:30px;justify-content:center;margin-left:10px;padding:5px;text-align:right;width:30px}.book-content-page .book-content-list .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.book-content-page .book-content-list .toc-list li>span>.book-content-title{overflow:hidden;position:relative}.book-content-page .book-content-list .toc-list li>span .leaders:after{content:" . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . . . . ";margin-left:9px;padding-inline-start:.25ch;position:absolute;text-align:right}.sidePanel{background-color:#fff;display:flex;flex-direction:column;height:100vh;max-width:100%;padding:10px 20px;position:fixed;top:0;visibility:hidden;width:600px;z-index:100000}.sidePanel.open{transform:translateX(0);transition:transform .21s ease-out;visibility:visible}.sidePanel.right{right:0;transform:translateX(100%)}.sidePanel.left{left:0;transform:translateX(-100%);transition:transform .21s ease-out}.sidePanel .sidePanel-header{align-items:center;border-bottom:1px solid #eaeef4;border-bottom:1px solid var(--stroke-color,#eaeef4);display:flex;flex:0 0 auto;height:55px;justify-content:space-between;padding-bottom:10px}.sidePanel .sidePanel-header span{color:#7e92a2;color:var(--color-4,#7e92a2);font-size:22px;font-style:normal;font-weight:700}.sidePanel.w500{width:500px!important}.sidePanel.open{transform:translateX(0)!important}@media screen and (max-width:768px){.sidePanel{height:calc(100vh - 90px)}}.modal{background-color:#fff;background:#fff;background:var(--primary-white,#fff);border:1px solid #eaeef4;border:1px solid var(--grey-grey-30,#eaeef4);border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;left:50%;max-height:90%;max-width:90%;min-width:500px;opacity:0;overflow:hidden;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);visibility:hidden;z-index:1000}.modal.open{opacity:1;visibility:visible}.modal .modal-header{align-items:center;border-bottom:2px solid var(--greygrey-30);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px}.modal .modal-header .modal-header-text{color:#092c4c;color:var(--primary-navy,#092c4c);font-size:18px;font-style:normal;font-weight:700;line-height:30px}.modal .modal-content{color:#444;flex:1 1;font-size:14px;line-height:1.5;overflow-y:auto;padding:16px}.modal .close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:24px;justify-content:center;z-index:999999}.overlay{z-index:3}.book-sound-wrapper{background:#fff;display:flex;flex-direction:column;width:1000px}.book-sound-wrapper .book-sound-header{border-bottom:1px solid #e9ecef;padding:16px 24px}.book-sound-wrapper .book-sound-header h1{color:#2b3035;font-size:20px;margin:0}.book-sound-wrapper .book-sound-container{display:flex;gap:24px;height:600px;padding:24px}.book-sound-wrapper .book-sound-container .book-sound-sidebar{background:#f8f9fa;border-radius:8px;overflow:hidden;width:260px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:12px 16px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .sidebar-header .unit-icon{color:#666;font-size:16px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .sidebar-header span{color:#666;font-size:14px;font-weight:500}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list{padding:8px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px;transition:all .2s ease}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item:hover{background:#fff}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item.active{background:#e7f5ff}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item.active .unit-title{color:#1971c2}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item .unit-info{align-items:center;display:flex;gap:8px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item .unit-info .unit-icon{color:#666;font-size:16px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item .unit-info .unit-text{display:flex;flex-direction:column;gap:2px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item .unit-info .unit-title{color:#495057;font-size:14px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item .unit-info .unit-count{color:#868e96;font-size:12px}.book-sound-wrapper .book-sound-container .book-sound-sidebar .unit-list .unit-item .arrow-icon{color:#adb5bd;font-size:14px}.book-sound-wrapper .book-sound-container .book-sound-content{display:flex;flex:1 1;flex-direction:column;position:relative}.book-sound-wrapper .book-sound-container .book-sound-content .content-main{background:#f8f9fa;border-radius:8px;height:calc(100% - 150px);margin-bottom:16px;overflow-y:auto;padding:20px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .content-header .header-title{align-items:center;display:flex;gap:8px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .content-header .header-title .sound-icon{color:#666;font-size:20px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .content-header .header-title h2{color:#2b3035;font-size:16px;margin:0}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .content-header .sound-count{color:#868e96;font-size:13px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));height:calc(100% - 60px);overflow-y:auto;padding-left:8px;padding-right:8px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid::-webkit-scrollbar{width:6px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid .sound-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;height:50px;padding:16px;position:relative;transition:all .2s ease}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid .sound-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid .sound-card.active{background:#e7f5ff;border-color:#1971c2}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid .sound-card.active:before{color:#1971c2;content:"▶";font-size:12px;left:-8px;position:absolute;top:50%;transform:translateY(-50%)}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid .sound-card .sound-card-content{align-items:center;display:flex;gap:12px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid .sound-card .sound-card-content .sound-number{align-items:center;background:#f1f3f5;border-radius:12px;color:#495057;display:flex;font-size:12px;height:24px;justify-content:center;min-width:24px}.book-sound-wrapper .book-sound-container .book-sound-content .content-main .sound-grid .sound-card .sound-card-content .sound-title{color:#495057;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-sound-wrapper .book-sound-container .book-sound-content .content-player{background:#fff;border-radius:12px;box-shadow:0 -4px 12px #0000000d;margin-top:auto;min-height:80px;padding:16px;transition:all .3s ease}.book-sound-wrapper .book-sound-container .book-sound-content .content-player.with-transcript{min-height:200px}.book-sound-wrapper .book-sound-container .book-sound-content .content-player .player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.book-sound-wrapper .book-sound-container .book-sound-content .content-player .player-header .now-playing{color:#868e96;font-size:13px}.book-sound-wrapper .book-sound-container .book-sound-content .content-player .player-header .transcript-toggle{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#495057;cursor:pointer;font-size:13px;padding:6px 12px}.book-sound-wrapper .book-sound-container .book-sound-content .content-player .player-header .transcript-toggle:hover{background:#e7f5ff;color:#1971c2}.book-sound-wrapper .book-sound-container .book-sound-content .content-player .player-header .transcript-toggle.active{background:#1971c2;border-color:#1971c2;color:#fff}.rhap_container{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:inherit;line-height:1;padding:10px 15px;width:100%}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex:1 1 auto;flex-direction:column}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{align-items:center;display:flex;flex:3 1 auto}.rhap_progress-container{align-items:center;align-self:center;cursor:pointer;display:flex;flex:1 0 auto;height:20px;margin:0 calc(10px + 1%);user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#092c4c;color:var(--color-3,#092c4c);font-size:15px;font-style:normal;font-weight:700;line-height:30px}.rhap_progress-bar{background-color:#7e92a2;border-radius:2px;box-sizing:border-box;height:5px;position:relative;width:100%;z-index:0}.rhap_progress-filled{background-color:#092c4c;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_progress-bar-show-download{background-color:#7e92a280}.rhap_download-progress{background-color:#7e92a2;border-radius:2px;height:100%;position:absolute;z-index:1}.rhap_progress-indicator{background:#092c4c;border-radius:50px;box-shadow:0 0 5px #092c4c80;box-sizing:border-box;height:20px;margin-left:-10px;position:absolute;top:-8px;width:20px;z-index:3}.rhap_controls-section{align-items:center;display:flex;flex:1 1 auto;justify-content:space-between}.rhap_additional-controls{align-items:center;display:flex;flex:1 0 auto}.rhap_repeat-button{color:#092c4c;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_main-controls{align-items:center;display:flex;flex:0 1 auto;justify-content:center}.rhap_main-controls-button{color:#092c4c;font-size:35px;height:35px;margin:0 3px;width:35px}.rhap_play-pause-button{font-size:40px;height:40px;width:40px}.rhap_volume-controls{align-items:center;display:flex;flex:1 0 auto;justify-content:flex-end}.rhap_volume-button{color:#092c4c;flex:0 0 26px;font-size:26px;height:26px;margin-right:6px;width:26px}.rhap_volume-container{align-items:center;display:flex;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{align-items:center;cursor:pointer;display:flex;height:14px;width:100%}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{background:#7e92a2;border-radius:2px;box-sizing:border-box;height:4px;position:relative;width:100%}.rhap_volume-indicator{background:#092c4c;border-radius:50px;box-shadow:0 0 3px #092c4c80;box-sizing:border-box;cursor:pointer;height:12px;left:0;margin-left:-6px;opacity:.9;position:absolute;top:-4px;width:12px}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{background-color:#092c4c;border-radius:2px;height:100%;position:absolute;z-index:2}.rhap_button-clear{background-color:#0000;border:none;cursor:pointer;overflow:hidden;padding:0}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.transcript-controls{border-bottom:2px solid #eaeef4;border-bottom:2px solid var(--stroke-color,#eaeef4);padding:3px}.media-player{min-width:300px}.media-player .tracks{border-top:2px solid #eaeef4;border-top:2px solid var(--stroke-color,#eaeef4);display:flex;margin-top:10px}.media-player .track{border-radius:10px;flex:6 1;margin-top:5px;max-height:40vh;overflow-y:auto;padding:5px}.media-player .active{background-color:#eee}.media-player .line{border-bottom:2px solid #eaeef4;border-bottom:2px solid var(--stroke-color,#eaeef4);color:#092c4c;color:var(--color-3,#092c4c);cursor:pointer;font-size:17px;font-style:normal;font-weight:600;line-height:normal;padding:5px}.media-player .time{float:left;font-size:10pt;line-height:14pt;width:110px}.plyr-btn{border-color:#092c4c!important;color:#092c4c;font-size:12px;height:30px;padding:10px;width:70px}.media-player>.active,.plyr-btn:hover{border-color:#7e92a2!important;color:#7e92a2!important}.book-video-wrapper{background:#fff;display:flex;flex-direction:column;width:1000px}.book-video-wrapper .book-video-container{display:flex;gap:24px;height:600px;padding:24px}.book-video-wrapper .book-video-container .book-video-sidebar{background:#f8f9fa;border-radius:8px;overflow:hidden;width:260px}.book-video-wrapper .book-video-container .book-video-sidebar .sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:12px 16px}.book-video-wrapper .book-video-container .book-video-sidebar .sidebar-header .unit-icon{color:#666;font-size:16px}.book-video-wrapper .book-video-container .book-video-sidebar .sidebar-header span{color:#666;font-size:14px;font-weight:500}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list{padding:8px}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px;transition:all .2s ease}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item:hover{background:#fff}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item.active{background:#e7f5ff}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item.active .unit-title{color:#1971c2}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item .unit-info{align-items:center;display:flex;gap:8px}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item .unit-info .unit-icon{color:#666;font-size:16px}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item .unit-info .unit-text{display:flex;flex-direction:column;gap:2px}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item .unit-info .unit-title{color:#495057;font-size:14px}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item .unit-info .unit-count{color:#868e96;font-size:12px}.book-video-wrapper .book-video-container .book-video-sidebar .unit-list .unit-item .arrow-icon{color:#adb5bd;font-size:14px}.book-video-wrapper .book-video-container .book-video-content{display:flex;flex:1 1;flex-direction:column;position:relative}.book-video-wrapper .book-video-container .book-video-content .content-main{background:#f8f9fa;border-radius:8px;height:100%;margin-bottom:16px;overflow-y:auto;padding:20px}.book-video-wrapper .book-video-container .book-video-content .content-main .content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.book-video-wrapper .book-video-container .book-video-content .content-main .content-header .header-title{align-items:center;display:flex;gap:8px}.book-video-wrapper .book-video-container .book-video-content .content-main .content-header .header-title .video-icon{color:#666;font-size:20px}.book-video-wrapper .book-video-container .book-video-content .content-main .content-header .header-title h2{color:#2b3035;font-size:16px;margin:0}.book-video-wrapper .book-video-container .book-video-content .content-main .content-header .video-count{color:#868e96;font-size:13px}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:0 8px}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card.active{border-color:#1971c2}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card.active .video-info{background:#e7f5ff}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card .video-thumbnail{align-items:center;background:#f8f9fa;display:flex;justify-content:center}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card .video-thumbnail .video-icon{color:#868e96;font-size:24px}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card .video-info{background:#fff;padding:12px}.book-video-wrapper .book-video-container .book-video-content .content-main .video-grid .video-card .video-info .video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#495057;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden}.book-video-wrapper .book-video-container .book-video-content .content-player{background:#fff;border-radius:12px;bottom:0;box-shadow:0 10px 36px 0 #00000029,0 0 0 1px #0000000f;margin-top:auto;min-height:250px;padding:16px;position:absolute}.book-video-wrapper .book-video-container .book-video-content .content-player .player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.book-video-wrapper .book-video-container .book-video-content .content-player .player-header .now-playing{color:#868e96;font-size:13px}.book-game-wrapper{background:#fff;display:flex;flex-direction:column;width:1000px}.book-game-wrapper .book-game-container{display:flex;gap:24px;height:600px;padding:24px}.book-game-wrapper .book-game-container .book-game-sidebar{background:#f8f9fa;border-radius:8px;overflow:hidden;width:260px}.book-game-wrapper .book-game-container .book-game-sidebar .sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;gap:8px;padding:12px 16px}.book-game-wrapper .book-game-container .book-game-sidebar .sidebar-header .unit-icon{color:#666;font-size:16px}.book-game-wrapper .book-game-container .book-game-sidebar .sidebar-header span{color:#666;font-size:14px;font-weight:500}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list{padding:8px}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:4px;padding:12px;transition:all .2s ease}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item:hover{background:#fff}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item.active{background:#e7f5ff}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item.active .unit-title{color:#1971c2}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item .unit-info{align-items:center;display:flex;gap:8px}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item .unit-info .unit-icon{color:#666;font-size:16px}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item .unit-info .unit-text{display:flex;flex-direction:column;gap:2px}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item .unit-info .unit-title{color:#495057;font-size:14px}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item .unit-info .unit-count{color:#868e96;font-size:12px}.book-game-wrapper .book-game-container .book-game-sidebar .unit-list .unit-item .arrow-icon{color:#adb5bd;font-size:14px}.book-game-wrapper .book-game-container .book-game-content{display:flex;flex:1 1;flex-direction:column;position:relative}.book-game-wrapper .book-game-container .book-game-content .content-main{background:#f8f9fa;border-radius:8px;height:100%;margin-bottom:16px;overflow-y:auto;padding:20px}.book-game-wrapper .book-game-container .book-game-content .content-main .content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.book-game-wrapper .book-game-container .book-game-content .content-main .content-header .header-title{align-items:center;display:flex;gap:8px}.book-game-wrapper .book-game-container .book-game-content .content-main .content-header .header-title .game-icon{color:#666;font-size:20px}.book-game-wrapper .book-game-container .book-game-content .content-main .content-header .header-title h2{color:#2b3035;font-size:16px;margin:0}.book-game-wrapper .book-game-container .book-game-content .content-main .content-header .game-count{color:#868e96;font-size:13px}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid{gap:16px;padding:0 8px}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid .game-card{align-items:center;background:#f18282;background:#2077c1;border:1px solid #c0d2e3;border-radius:8px;border-radius:12px;box-shadow:0 4px 8px #0000001a;color:#fff;color:#4a4a4a;cursor:pointer;display:flex;font-weight:700;justify-content:center;overflow:hidden;padding:10px;position:relative;text-align:center;transition:all .2s ease;transition:all .3s ease-in-out}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid.active{border-color:#1971c2}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid.active .game-info{background:#e7f5ff}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid .game-thumbnail{align-items:center;background:#f8f9fa;display:flex;justify-content:center}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid .game-thumbnail .game-icon{color:#868e96;font-size:24px}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid .game-info{align-items:center;display:flex;justify-content:center;padding:12px}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid .game-info .play-btn{background:#0000;border:none;display:flex;transform:rotate(90deg)}.book-game-wrapper .book-game-container .book-game-content .content-main .game-grid .game-info .game-title{-webkit-box-orient:vertical;color:#d9dcdf;font-size:14px;line-height:1.4;overflow:hidden}.book-game-wrapper .book-game-container .content-player{background:#fff;border-radius:12px;bottom:0;box-shadow:0 10px 36px 0 #00000029,0 0 0 1px #0000000f;margin-top:auto;min-height:250px;padding:16px;position:absolute}.book-game-wrapper .book-game-container .content-player .player-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.book-game-wrapper .book-game-container .content-player .player-header .now-playing{color:#868e96;font-size:13px}button{cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}.obro-btn{align-items:center;background-color:var(--color-2);border:none;border-radius:8px;display:flex;font-size:15px;gap:5px;justify-content:center;padding:10px}.obro-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.rounded-btn{align-items:center;border-radius:70px;flex:1 0;font-size:14px;font-style:normal;font-weight:700;gap:16px;justify-content:center;line-height:30px;padding:10px 24px}.obro-primary-btn{background-color:var(--primary)!important;border-color:var(--primary);color:#fff!important}.obro-secondary-btn{background-color:var(--secondary)!important;border-color:var(--secondary);color:#fff!important}.obro-light-btn{background-color:#fff!important;border:1px solid #d3d3d3;color:#000!important}.obro-gray-btn{background:#7e92a2!important;background:var(--color-4,#7e92a2)!important;border:1px solid #7e92a2;color:#fff!important}.obro-light-gray-btn{background:#eaeef4!important;background:var(--stroke-color,#eaeef4)!important;border:none;color:#7e92a2;color:var(--color-5,#7e92a2);font-size:14px;font-style:normal;font-weight:700;line-height:30px;margin-right:10px;padding:6px 12px}.obro-light-gray-btn.active{background:#092c4c!important;background:var(--color-3,#092c4c)!important;color:#fff}.obro-transparent-btn{background:#0000;border:none}.obro-danger-btn{background:var(--danger)!important;border:1px solid var(--danger);color:#fff!important}.obro-danger-outline-btn{background:#fff!important;border:1px solid var(--danger)!important;color:var(--danger)!important}.obro-success-btn{background:var(--success)!important;border:1px solid var(--success);color:#fff!important}.go-book-btn{flex:1 1}.activity-button{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:50px;justify-content:center;margin-left:8px;margin-right:8px;padding:8px;width:50px}.activity-button.red{background:#f94144;border:none;box-shadow:1px 3px 16px -19px #f941444d}.activity-button.purple{background:#7678ed;border:none;box-shadow:1px 3px 16px -19px #7678ed4d}.activity-button.yellow{background:#ffd670;border:none;box-shadow:1px 3px 16px -19px #ffd6704d}.activity-button.blue{background:#4cc9f0;border:none;box-shadow:1px 3px 16px -19px #4cc9f04d}.activity-button.green{background:#0abe75;background:var(--color-7,#0abe75);border:none;box-shadow:1px 3px 16px -19px #0abe754d}@media screen and (min-width:1180px)and (max-width:1360px){.obro-btn{padding:5px}.obro-light-gray-btn{font-size:12px;padding:2px 8px}}@media screen and (max-width:1180px){.obro-btn{padding:5px}.obro-light-gray-btn{font-size:11px;padding:1px 5px}}:root{--safe-area-inset-bottom:0px;--vh:1vh;--content-height:calc(100vh - 110px);--ios-content-height:var(--content-height)}.smart-book{display:flex;flex-direction:column;height:100vh;overflow:hidden}.smart-book.ios-device{height:100vh;height:calc(var(--vh, 1vh)*100);min-height:-webkit-fill-available}.smart-book.ios-device .sm-content{padding-bottom:60px}.smart-book.ios-device .sm-bottom-tool{bottom:0!important;left:0!important;padding-bottom:env(safe-area-inset-bottom,0)!important;position:fixed!important;right:0!important;z-index:1000!important}.smart-book.ios-device .ios-content{-webkit-overflow-scrolling:touch;overflow:auto}.smart-book .sm-header{background-color:#f6fafd;border-bottom:1px solid var(--greygrey-30);display:flex;flex-direction:row;flex-shrink:0;height:50px;justify-content:space-between;width:100%}.smart-book .sm-header .sm-header-logo{align-items:center;border-right:1px solid var(--greygrey-30);display:flex;justify-content:center;width:18%}.smart-book .sm-header .sm-header-logo img{height:80%}.smart-book .sm-header .sm-header-content{color:#7e92a2;color:var(--color-5,#7e92a2);display:flex;font-size:17px;font-style:normal;font-weight:600;justify-content:space-between;justify-content:center;line-height:40px;padding:8px 10px 8px 20px;width:67%}.smart-book .sm-header .sm-header-buttons{display:flex;justify-content:end;padding:5px 20px 5px 5px;width:15%}.smart-book .sm-content{display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 110px);height:var(--content-height,calc(100vh - 110px));min-height:0;overflow:auto;position:relative}.smart-book .sm-content .loading-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.smart-book .sm-content .note-info{align-items:center;background-color:#7e92a2;display:flex;height:50px;justify-content:center;left:0;opacity:.9;position:absolute;text-align:center;top:0;width:100%;z-index:9999}.smart-book .sm-content .note-info span{color:#fff;font-size:14px;font-weight:600;padding:10px}.smart-book .sm-content .sketch-area{height:100%;position:relative;width:100%}.smart-book .sm-content .sketch-area .card-body{overflow:hidden}.smart-book .sm-bottom-tool{background-color:#fff;border-top:2px solid #eaeef4;border-top:2px solid var(--stroke-color,#eaeef4);display:flex;flex-direction:row;flex-shrink:0;height:60px;justify-content:space-between;padding:10px 20px;position:relative;transition:transform .3s ease-out;width:100%;z-index:3}.smart-book .sm-bottom-tool .collapse-bottom-tool-button{align-items:center;background-color:#a8abaf2e;border:none;border-top-left-radius:30px;border-top-right-radius:30px;cursor:pointer;display:flex;height:30px;justify-content:center;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:100px;z-index:1}.smart-book .sm-bottom-tool .bottom-tool-left{align-items:center;display:flex;justify-content:start;margin-left:20px}.smart-book .sm-bottom-tool .bottom-tool-center{align-items:center;display:flex;justify-content:center}.smart-book .sm-bottom-tool .bottom-tool-center .navigation-area{align-items:center;background:#f6fafd;background:var(--color-1,#f6fafd);border-radius:8px;display:flex}.smart-book .sm-bottom-tool .bottom-tool-center .navigation-area button{border-radius:0!important}.smart-book .sm-bottom-tool .bottom-tool-center .navigation-area .page-navigation{align-items:center;background:#eaeef4;background:var(--stroke-color,#eaeef4);border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);border-radius:8px;color:#7e92a2;color:var(--color-5,#7e92a2);display:flex;font-size:14px;font-style:normal;font-weight:700;line-height:30px;margin-right:10px;padding:6px 12px}.smart-book .sm-bottom-tool .bottom-tool-right{align-items:center;display:flex;justify-content:end;margin-right:20px}.smart-book .sm-bottom-tool.close{transform:translateY(100%)!important}.smart-book .content-tools{background:#fff;border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);border-radius:8px;bottom:60px;box-shadow:3px 4px 20px 0 #7e92a21a;display:flex;justify-content:center;left:50%;padding:16px;position:absolute;transform:translateX(-50%)}.smart-book .content-tools button{align-items:flex-start;align-items:center;background:#77afd9;background:var(--secondary);background:#eaeef4!important;background:var(--stroke-color,#eaeef4)!important;border:none;border-radius:8px;display:flex;height:44px;justify-content:center;margin-left:5px;margin-right:5px;padding:10px;width:44px}.smart-book .content-tools .return-back-btn{background-color:red!important}.smart-book .activity-content-tools{background:#fff;border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);border-radius:8px;bottom:60px;box-shadow:3px 4px 20px 0 #7e92a21a;display:flex;justify-content:center;left:50%;padding:10px;position:absolute;transform:translateX(-50%);z-index:3500!important}.ios-fixed{padding-bottom:env(safe-area-inset-bottom,0)!important}@supports(-webkit-touch-callout:none){.ios-device .sm-content{height:calc(100vh - 110px)!important;height:var(--ios-content-height)!important}.ios-device .sm-bottom-tool{background-color:#fff!important;bottom:0!important;height:auto!important;left:0!important;min-height:60px;padding-bottom:env(safe-area-inset-bottom,0)!important;position:fixed!important;right:0!important;z-index:1000!important}.ios-device .activity-content-tools,.ios-device .content-tools{bottom:calc(60px + env(safe-area-inset-bottom, 0px))!important;z-index:1001!important}}@media screen and (min-width:1180px)and (max-width:1360px){:root{--content-height:calc(100vh - 95px)}.sm-bottom-tool{height:45px!important}.sm-content{height:calc(100vh - 95px)!important}.content-tools{bottom:45px!important;padding:10px!important}.navigator-btn svg{height:34px;width:34px}.page-navigation{font-size:12px!important;padding:1px 3px!important}}@media screen and (max-width:768px){:root{--content-height:calc(100vh - 95px)}.sm-bottom-tool{bottom:0!important;height:45px!important;left:0!important;position:fixed!important;right:0!important;z-index:2500!important}.tool-box-mobile{bottom:45px!important;height:50px!important;position:fixed!important;z-index:3000!important}.activity-content-tools,.content-tools{background:#fffffff2!important;bottom:95px!important;left:50%!important;max-width:95%!important;padding:8px!important;position:fixed!important;transform:translateX(-50%)!important;width:auto!important;z-index:2000!important}.activity-content-tools button,.content-tools button{height:38px!important;margin:0 3px!important;padding:8px!important;width:38px!important}.sm-content{height:calc(100vh - 95px);padding-bottom:45px}.ios-device .sm-bottom-tool{height:auto!important;min-height:45px!important;padding-bottom:env(safe-area-inset-bottom,0)!important}.ios-device .sm-content{height:calc(100% - 95px - env(safe-area-inset-bottom, 0px))!important}.ios-device .activity-content-tools,.ios-device .content-tools{bottom:calc(95px + env(safe-area-inset-bottom, 0px))!important}.ios-device .tool-box-mobile{bottom:calc(45px + env(safe-area-inset-bottom, 0px))!important}.sm-header-logo{display:none!important}.sm-header-content{font-size:14px!important;justify-content:start!important}.sm-header-buttons{padding:0}.collapse-bottom-tool-button{display:none!important}}@media screen and (max-width:1180px){:root{--content-height:calc(100vh - 100px)}.sm-bottom-tool{height:50px!important}.sm-content{height:calc(100vh - 100px)}.content-tools{bottom:50px!important;padding:10px!important}.navigator-btn svg{height:34px;width:34px}.page-navigation{font-size:11px!important;padding:1px 3px!important}}.mobile-activity-tools,.mobile-blank-tools{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding:8px!important}.mobile-activity-tools button,.mobile-blank-tools button{height:36px!important;margin:2px!important;padding:6px!important;width:36px!important}.responsive-player-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.responsive-player-container>div{height:100%!important;left:0;position:absolute!important;top:0;width:100%!important}.responsive-image-container{align-items:center;display:flex;justify-content:center;text-align:center;width:100%}.responsive-image-container img.responsive-solution-image{height:auto;max-width:100%;object-fit:contain}.ReactModal__Content .responsive-player-container iframe{height:100%!important;width:100%!important}@media screen and (max-width:768px){.activity-content-tools,.content-tools{bottom:95px!important;max-width:95%!important;min-width:250px!important;padding:8px!important}}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{height:10px;width:12px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c8cbcd;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}body{background-color:#fff;font-family:Inter,Helvetica,Arial,serif;height:100vh!important;margin:0!important;overflow:hidden}.full-w{width:100%}.w-20{width:20%}.w-40{width:40%}.w-50{width:50%}.w-33{width:33%}.margin-top-5{margin-top:5px}.margin-bottom-5{margin-bottom:5px}.margin-top-10{margin-top:10px}.margin-bottom-10{margin-bottom:10px}.margin-top-20{margin-top:20px}.margin-bottom-20{margin-bottom:20px}.margin-right-10{margin-right:10px}.margin-left-20{margin-left:20px}.border{border:1px solid #d3d3d3!important}.border-right{border-right:3px solid #eaeef4;border-right:3px solid var(--stroke-color,#eaeef4)}.border-left{border-left:3px solid #eaeef4;border-left:3px solid var(--stroke-color,#eaeef4)}.text-1{color:#092c4c;color:var(--color-3,#092c4c);font-family:Inter;font-size:12px;font-style:normal;font-weight:300;letter-spacing:-.18px;line-height:16px}.flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-end{justify-content:end}.justify-content-between{justify-content:space-between}.form-error{background:#c70d0f;border-radius:8px;font-weight:bolder;padding:10px}.form-error span{border-radius:8px;color:#fff;font-size:14px;font-style:normal;font-weight:300;font-weight:600;letter-spacing:-.18px;line-height:16px;line-height:20px}.keyboard-button{align-items:center;background:var(--secondary);border:none;border-radius:8px;bottom:5px;display:flex;opacity:.5;padding:10px;position:absolute;right:5px;z-index:3}.Toastify__toast-body>div:last-child{color:beige;color:#092c4c;color:var(--color-3,#092c4c);flex:1 1;font-family:Inter;font-size:12px;font-size:14px;font-style:normal;font-weight:700;font-weight:600;line-height:normal;word-break:break-word}.shepherd-element{border-radius:8px;width:350px}.shepherd-element[data-popper-placement=bottom]{margin-top:1rem!important}.shepherd-element[data-popper-placement=bottom] .shepherd-arrow:before{background-color:#092c4c!important;background-color:var(--color-3,#092c4c)!important}.shepherd-element[data-popper-placement=top]{margin-bottom:1rem!important}.shepherd-element[data-popper-placement=left]{margin-right:1rem!important}.shepherd-element[data-popper-placement=right]{margin-left:1rem!important}.shepherd-element .shepherd-content{border-radius:8px}.shepherd-element .shepherd-content .shepherd-header{background-color:#fff;border-bottom:2px solid #e5e5e5;border-radius:8px 8px 0 0;padding:.38rem 1.2rem}.shepherd-element .shepherd-content .shepherd-header .shepherd-title{font-size:16px;font-weight:700}.shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon{color:"white";font-size:1.7rem}.shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon:focus{outline:none}.shepherd-element .shepherd-content .shepherd-text{color:#000;font-family:Inter;font-size:15px;font-style:normal;font-weight:300;letter-spacing:-.18px;line-height:16px;padding:.8rem 1.2rem}.shepherd-element .shepherd-content .shepherd-footer{justify-content:space-between;padding:0 1.2rem 1rem}.shepherd-element .shepherd-content .shepherd-footer .shepherd-button{padding:.5rem 1.3rem}.settings-content{flex:1 1 auto;height:100%;overflow:auto}.settings-content .setting{border-bottom:.5px solid #eaeef4;border-bottom:.5px solid var(--stroke-color,#eaeef4);padding-bottom:10px}.settings-content .setting .setting-type-text{margin-bottom:10px;margin-top:10px}.settings-content .setting span{color:#092c4c;color:var(--color-3,#092c4c);font-size:13px;font-weight:600;line-height:normal}.settings-content .setting button{font-size:12px!important}.setting-colors{display:flex}.tool-settings span{color:#092c4c;color:var(--color-3,#092c4c);font-size:12px;font-style:normal;font-weight:300;letter-spacing:-.18px;line-height:16px}.tool-settings .tools{display:flex;justify-content:start;margin-top:10px}.tool-settings .tools button{align-items:center;background:var(--secondary);border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);border-radius:8px;height:50px;justify-content:center;padding:11px;width:50px}.tool-settings .tools button.active{background:#0abe75;background:var(--color-7,#0abe75);border:2px solid #d0d0d0;border:2px solid var(--active-border-color,#d0d0d0)}@media screen and (max-width:767px){.tools button{height:45px!important;padding:8px!important;width:45px!important}}.extra-tools-content{flex:1 1 auto;overflow:auto;padding:10px 20px}.extra-tools-content button{background:#eaeef4;background:var(--stroke-color,#eaeef4);display:flex;justify-content:space-between;margin-bottom:10px;width:100%}.extra-tools-content button div{align-items:center;display:flex;gap:5px}.extra-tools-content button div svg{width:30px}.extra-tools-content button div .geo-span{margin:0 10px 0 5px}.extra-tools-content button div span{color:#7e92a2;color:var(--color-5,#7e92a2);font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-right:10px}.extra-tools-content button div .btn-text{font-size:15px}.modal-header{align-items:center;border-bottom:2px solid var(--greygrey-30);display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:5px}.modal-header .modal-header-text{color:#092c4c;color:var(--primary-navy,#092c4c);font-size:18px;font-style:normal;font-weight:700;line-height:30px}.modal-content{color:#444;flex:1 1;font-size:14px;line-height:1.5;overflow-y:auto;padding:16px}.close-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:24px;justify-content:center;z-index:4001}.overlay{background-color:#000;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0;z-index:999}.mobile-modal-content{max-width:100%;overflow-x:hidden}.mobile-modal-content>div{height:auto!important;max-height:60vh!important;width:100%!important}.mobile-modal-content img{height:auto!important;max-height:60vh!important;max-width:100%!important;object-fit:contain}@media screen and (max-width:768px){.modal{max-height:80vh!important;max-width:90%!important;min-width:90%!important;padding:15px!important}.modal .modal-header{padding-bottom:10px}.modal .modal-header .modal-header-text{font-size:16px;line-height:24px}.ReactModal__Content{max-height:80vh!important;max-width:90%!important;min-width:90%!important;padding:15px!important}}.popover{background-color:#fff;border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);gap:8px;left:50%;padding:8px 16px;position:absolute;text-align:center;top:-25px;transform:translate(-50%,-100%);width:200px}.popover .correct-answer-title{color:#000;color:var(--color-5,#000);font-size:14px;font-style:normal;font-weight:700;line-height:30px}.popover .correct-answer{color:#7e92a2;color:var(--color-5,#7e92a2);font-size:14px;font-style:normal;font-weight:400;line-height:30px}.popover:before{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #eaeef4;border-top:10px solid var(--stroke-color,#eaeef4);bottom:-10px;content:"";left:50%;position:absolute;transform:translateX(-50%)}@supports(-webkit-touch-callout:none){.bottom-tool-center button,.bottom-tool-left button,.bottom-tool-right button{margin-bottom:env(safe-area-inset-bottom,0)}}@media screen and (max-width:768px){.bottom-tool-left,.bottom-tool-right{display:none!important}.bottom-tool-center{display:flex;justify-content:center;width:100%!important}}.tool-box{background:#fff;background:var(--white,#fff);border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);border-radius:8px;box-shadow:3px 4px 20px 0 #7e92a21a;flex-direction:column;gap:8px;height:auto;width:74px;z-index:3}.tool-box,.tool-box .move-area{align-items:center;display:flex;justify-content:center}.tool-box .move-area{border-bottom:2px solid #eaeef4;border-bottom:2px solid var(--stroke-color,#eaeef4);gap:4px;padding:12px 0;width:100%}.tool-box .tools-area .tool-btn{align-items:center;background:var(--secondary);border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);border-radius:8px;color:#fff;display:flex;flex-direction:column;font-size:10px;justify-content:center;padding:5px;width:55px}.tool-box .tools-area .tool-btn.active{background:#0abe75!important;background:var(--color-7,#0abe75)!important}.tool-box .tools-area .tool-btn span{margin-top:2px}.tool-box .tools-area button:disabled{opacity:.4}.tool-box .tools-area .shape-tools{left:-90px!important;width:74px!important}.tool-box .tools-area .sub-tools{align-items:center;background-color:#fff;background:#fff;background:var(--white,#fff);border-radius:8px;box-shadow:3px 4px 20px 0 #7e92a21a;gap:10px;justify-items:center;left:-160px;padding:10px;position:absolute;width:130px}.tool-box .tools-area .sub-tools.left{left:-140px}.tool-box .tools-area .sub-tools.left:after{right:-20px}.tool-box .tools-area .sub-tools.right{left:85px}.tool-box .tools-area .sub-tools.right:after{left:-20px;transform:rotateY(180deg)}.tool-box .tools-area .sub-tools .color-preview{width:100%}.tool-box .tools-area .sub-tools .color-preview svg{height:auto;width:100%}.tool-box .tools-area .sub-tools .color-div{border-bottom:.5px solid #eaeef4;border-bottom:.5px solid var(--stroke-color,#eaeef4);display:grid;grid-template-columns:repeat(3,1fr);padding:10px}.tool-box .tools-area .sub-tools .color-div .color-icon{margin-top:5px}.tool-box .tools-area .sub-tools .thickness-div h4{color:#7e92a2;color:var(--color-5,#7e92a2);font-size:15px;font-style:normal;font-weight:600;margin-bottom:10px}.tool-box .tools-area .sub-tools .number-display{align-items:center;display:flex;gap:2px;justify-content:center}.tool-box .tools-area .sub-tools .number-display .thickness-value{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;color:#838a91;font-size:17px;height:44px;line-height:40px;text-align:center;width:45px}.tool-box .tools-area .sub-tools .number-display button{align-items:center;background-color:var(--secondary);border:none;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:42px;justify-content:center;transition:all .2s ease-in-out;width:42px}.tool-box .tools-area .sub-tools .number-display button:hover{background-color:#e0e0e0;border-color:#bbb}.tool-box .tools-area .sub-tools .number-display button:active{background-color:#d0d0d0;transform:scale(.95)}.tool-box .tools-area .sub-tools .number-display button:disabled{background-color:#f0f0f0;box-shadow:none;cursor:not-allowed;opacity:.6}.tool-box .tools-area .sub-tools .eraser-buttons{border-bottom:.5px solid #eaeef4;border-bottom:.5px solid var(--stroke-color,#eaeef4);justify-content:space-between;padding:5px 12px 10px}.tool-box .tools-area .sub-tools .eraser-buttons button{align-items:center;background:#eaeef4;background:var(--stroke-color,#eaeef4);border:2px solid;border-radius:8px;color:#fff;font-size:10px;height:49px;justify-content:center;width:50%}.tool-box .tools-area .sub-tools .shape-buttons{border-bottom:.5px solid #eaeef4;border-bottom:.5px solid var(--stroke-color,#eaeef4);padding:5px;text-align:center}.tool-box .tools-area .sub-tools .shape-buttons button{align-items:center;background:#eaeef4;background:var(--stroke-color,#eaeef4);border:2px solid;border-radius:8px;color:#fff;font-size:10px;height:49px;justify-content:center;width:100%;width:50%}.tool-box .tools-area .sub-tools:after{border:10px solid #0000;border-left-color:#dadada;content:"";position:absolute;top:46%}@media screen and (min-width:1180px)and (max-width:1360px){.tool-box .tools-area .tool-btn{font-size:11px!important;padding:3px!important}.tool-box .tools-area .tool-btn svg{height:15px;width:15px}}@media screen and (max-width:1180px){.tool-box .tools-area .tool-btn{font-size:11px!important;padding:3px!important}.tool-box .tools-area .tool-btn svg{height:15px;width:15px}}.tool-box .tool-box-footer{align-items:center;border-top:2px solid #eaeef4;border-top:2px solid var(--stroke-color,#eaeef4);display:flex;flex-direction:column;gap:4px;justify-content:center;padding:12px 0;width:74px}.tool-box .tool-box-footer span{color:#7e92a2;color:var(--color-5,#7e92a2);font-size:12px;font-weight:700}.animate{transition:transform .6s ease-in-out}.tool-box-mobile{background:#fff;background:var(--white,#fff);bottom:60px;box-shadow:0 -2px 10px 0 #7e92a226;height:50px;left:0;position:fixed;width:100%;z-index:2000}@supports(-webkit-touch-callout:none){.tool-box-mobile{bottom:calc(60px + env(safe-area-inset-bottom, 0px));padding-bottom:0}}@media screen and (max-width:768px){.tool-box-mobile{bottom:45px!important;position:fixed!important;z-index:3000!important}}.tool-box-mobile.mobile-main-toolbox{bottom:45px!important;height:50px!important;left:0!important;position:fixed!important;right:0!important;z-index:3000!important}@supports(-webkit-touch-callout:none){.tool-box-mobile.mobile-main-toolbox{bottom:calc(45px + env(safe-area-inset-bottom, 0px))!important}}.tool-box-mobile.with-test-tools{background-color:#fffffff2;bottom:110px}@supports(-webkit-touch-callout:none){.tool-box-mobile.with-test-tools{bottom:calc(110px + env(safe-area-inset-bottom, 0px))}}@media screen and (max-width:768px){.tool-box-mobile.with-test-tools{bottom:95px!important}}.tool-box-mobile.with-test-tools .tools-area.horizontal .tool-btn{padding:3px}.tool-box-mobile.with-test-tools .tools-area.horizontal .tool-btn span{font-size:8px}.tool-box-mobile.with-test-tools .tools-area.horizontal .tool-btn svg{height:18px;width:18px}.tool-box-mobile .tools-area.horizontal{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;overflow-x:auto;padding:0 10px}.tool-box-mobile .tools-area.horizontal::-webkit-scrollbar{height:3px}.tool-box-mobile .tools-area.horizontal::-webkit-scrollbar-thumb{background-color:#7e92a2;background-color:var(--color-5,#7e92a2);border-radius:3px}.tool-box-mobile .tools-area.horizontal .tool-btn{align-items:center;background:var(--secondary);border:2px solid #eaeef4;border:2px solid var(--stroke-color,#eaeef4);border-radius:8px;color:#fff;display:flex;flex-direction:column;flex-shrink:0;font-size:10px;height:50px;justify-content:center;margin:0;min-width:auto;padding:5px;width:45px}.tool-box-mobile .tools-area.horizontal .tool-btn.active{background:#0abe75!important;background:var(--color-7,#0abe75)!important}.tool-box-mobile .tools-area.horizontal .tool-btn span{font-size:9px;margin-top:2px}.tool-box-mobile .tools-area.horizontal .tool-btn svg{height:20px;width:20px}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper{background-color:#fff;border:1px solid #eaeef4;bottom:100%;margin-bottom:10px;max-width:170px;padding:10px;position:absolute;z-index:1001}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools{bottom:auto;left:auto;position:relative;transform:none}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .number-display{display:flex;justify-content:center}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .number-display button{align-items:center;background-color:var(--secondary);border:none;color:#fff;cursor:pointer;display:flex;font-size:22px;font-weight:700;height:35px;justify-content:center;transition:all .2s ease-in-out;width:35px}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .shape-buttons{border-bottom:.5px solid #eaeef4;border-bottom:.5px solid var(--stroke-color,#eaeef4);padding:5px;text-align:center}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .shape-buttons button{align-items:center;background:#eaeef4;background:var(--stroke-color,#eaeef4);border:2px solid;border-radius:8px;color:#fff;font-size:10px;height:45px;justify-content:center;width:100%;width:45px}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .thickness-div{margin-top:5px!important}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .eraser-buttons{border-bottom:.5px solid #eaeef4;border-bottom:.5px solid var(--stroke-color,#eaeef4);justify-content:space-between;padding:5px;width:100%}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .eraser-buttons button{align-items:center;background:#eaeef4;background:var(--stroke-color,#eaeef4);border:2px solid;border-radius:8px;color:#fff;font-size:10px;height:49px;justify-content:center;width:50%}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools .color-div{border-bottom:1px solid #eaeef4;display:flex;justify-content:space-between;padding:4px}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools.left,.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools.right{left:auto;transform:none}.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools.left:after,.tool-box-mobile .tools-area.horizontal .tool-btn .mobile-sub-tool-wrapper .sub-tools.right:after{border:10px solid #0000;border-top-color:#fff;bottom:-20px;content:"";left:50%;margin-left:-10px;position:absolute}.tool-box-mobile .mobile-collapse-button,.tool-box-mobile .mobile-expand-button{align-items:center;background-color:#fff;background-color:var(--white,#fff);border-top:1px solid #eaeef4;border-top:1px solid var(--stroke-color,#eaeef4);cursor:pointer;display:flex;justify-content:center;margin-top:5px;padding:5px 0}.tool-box-mobile .mobile-collapse-button span,.tool-box-mobile .mobile-expand-button span{color:#7e92a2;color:var(--color-5,#7e92a2);font-size:12px;font-weight:700;margin-right:5px}@media screen and (max-width:767px){.content-tools{background-color:#fffffff2;padding-bottom:10px;position:relative;z-index:3002!important}.tool-box{display:none}}@media screen and (max-width:767px){body:has(.content-tools){padding-bottom:160px}}.calculator{border-radius:8px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;padding:16px;width:100%}.calculator .display{align-items:center;border-radius:8px;color:#7e92a2;color:var(--color-5,#7e92a2);display:flex;font-size:32px;grid-column:1/span 4;height:40px;justify-content:flex-end;padding:8px}.calculator .display,.calculator .display span{font-style:normal;font-weight:400;line-height:normal}.calculator .display span{color:#092c4c;color:var(--color-3,#092c4c);font-size:36px}.calculator .btn{align-items:center;background:#eaeef4;background:var(--stroke-color,#eaeef4);border:none;border-radius:8px;color:#000;flex-shrink:0;font-family:Inter;font-size:16px;font-style:normal;font-weight:400;gap:10px;justify-content:center;line-height:normal;margin:5px;padding:10px}.calculator .btn:active{background-color:#ccc}.countdown{padding:15px}.countdown .countertext{align-items:center;display:flex;justify-content:center}.countdown .countertext .value{color:#092c4c;color:var(--color-3,#092c4c);font-family:Inter;font-size:36px;font-style:normal;font-weight:700;line-height:146.023%;padding-left:5px;padding-right:5px}.count-down-btn{align-items:center;background:#7e92a2;background:var(--color-4,#7e92a2);border:none;border-radius:8px;display:flex;flex-shrink:0;height:44px;justify-content:center;margin:5px;transform:rotate(90deg);width:44px}.overlay-mask{background-color:#45586a;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.overlay-mask .close-button{background-color:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;right:10px;top:10px}.overlay-mask .close-button,.resize-handle{pointer-events:auto;position:absolute;z-index:3}.resize-handle{background-color:#74828d}.resize-handle.bottom,.resize-handle.top{cursor:ns-resize;height:30px}.resize-handle.left,.resize-handle.right{cursor:ew-resize;width:30px}.resize-handle.bottom,.resize-handle.top{transform:translateY(-50%)}.resize-handle.left,.resize-handle.right{transform:translateX(-50%)}.bottomPanel{background-color:#fff;bottom:0;display:flex;flex-direction:column;height:300px;position:fixed;transition:transform .3s ease-out;width:100%;z-index:100}.bottomPanel .bottomPanel-header{align-items:center;background:#eaeef4;border-bottom:1px solid #eaeef4;border-bottom:1px solid var(--stroke-color,#eaeef4);display:flex;flex:0 0 auto;height:100;justify-content:space-between;padding:10px}.bottomPanel .bottomPanel-header span{color:#7e92a2;color:var(--color-4,#7e92a2);font-size:20px;font-style:normal;font-weight:600}.bottomPanel .bottomPanel-content{flex:1 0 auto;overflow-y:auto;padding:10px}.bottomPanel.open{bottom:60px!important;transform:translateY(0)!important}@media screen and (min-width:1180px)and (max-width:1360px){.bottomPanel.open{bottom:45px!important}}@media screen and (max-width:1180px){.bottomPanel.open{bottom:45px!important}}.saved-pages{height:100%}.saved-page-list{display:flex;flex-direction:row;gap:15px;height:100%;overflow-y:auto}.saved-page-item{align-items:center;background-color:#eaeef4;border-radius:8px;display:flex;flex-direction:column;gap:15px;padding:10px;position:relative}.saved-page-thumbnail{background:#fff;border-radius:4px;object-fit:cover;width:250px}.saved-page-actions{display:flex;flex-direction:row;gap:5px}.saved-date,.saved-page-title{color:#555;font-size:14px}.saved-date{font-weight:700}.delete-page-btn{background-color:var(--danger)}.load-page-button{background-color:var(--secondary);color:#fff}.page-info{display:flex;gap:5px}.numerator-container{background-color:#fff;bottom:60px;flex-direction:column;left:50%;padding:40px 16px 16px;position:fixed;transform:translateX(-50%)!important;transition:transform .3s ease-out;z-index:99999}.numerator-container,.numerator-input{align-items:center;display:flex;justify-content:center}.numerator-input{background-color:#f1f1f1;border-radius:8px;box-shadow:0 0 8px #0000001a;font-size:36px;font-weight:600;height:64px;width:180px}.numerator-input .input-placeholder{color:#888}.numerator-input .input-value{color:#333}.numerator-buttons{flex-direction:column;margin-top:16px}.numerator-buttons,.numerator-row{align-items:center;display:flex;justify-content:center}.numerator-row{margin-bottom:8px}.numerator-button{align-items:center;background:#eaeef4;background:var(--stroke-color,#eaeef4);border:none;border-radius:8px;box-shadow:0 0 8px #0000001a;color:#161414;cursor:pointer;flex-shrink:0;font-family:Inter;font-size:22px;font-style:normal;font-weight:400;gap:10px;height:50px;justify-content:center;line-height:normal;margin:5px;padding:10px;transition:background-color .2s ease-out;width:50px}.numerator-button:hover{background-color:#ddd}.numerator-button:active{background-color:#ccc}.numerator-delete{color:#c00}.numerator-enter{color:#0c0}.side-tools{width:50px;z-index:3}.side-tools button{align-items:center;background:#fff;background:var(--white,#fff);border:none;border-radius:10px;box-shadow:0 4px 20px 0 #7e92a21a;display:flex;flex-shrink:0;gap:10px;justify-content:center;padding:9px;width:100%}.side-tools .page-links{position:absolute;transform:translateY(-105%)}.side-tools .page-links button{font-size:13px;gap:0;height:75px;margin-bottom:5px;margin-left:3px;width:100px}.side-tools .page-links button svg{width:20px}@media screen and (max-width:768px){.side-tools{display:none!important}}.graph-paper{background-image:linear-gradient(#c1c1c1cc 1px,#0000 0),linear-gradient(#afafbd 1px,#0000 0),linear-gradient(90deg,#9d9da3cc 1px,#0000 0),linear-gradient(90deg,#f4f4fa 1px,#0000 0),linear-gradient(#0000 3px,#fff 0,#fff 94px,#0000 0),linear-gradient(90deg,#f1f1f1 3px,#0000 0,#0000 94px,#f4f4fa 0);background-size:24px 24px,96px 96px,24px 24px,96px 96px,96px 96px,96px 96px}.lined-paper{background-image:-ms-linear-gradient(0deg,#0000 5em,#f003 0,#0000 5.1em),-ms-linear-gradient(rgba(0,0,255,.302) 1px,#0000 0);background-image:linear-gradient(0deg,#0000 5em,#f003 0,#0000 5.1em),linear-gradient(rgba(0,0,255,.302) 1px,#0000 0);-webkit-background-size:100% 2em;-moz-background-size:100% 2em;background-size:100% 2em;font-size:16px}
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * 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:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{height:1px;left:-100000px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{word-wrap:break-word;box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;height:100%;line-height:1.42;outline:none;overflow-y:auto;padding:12px 15px;-o-tab-size:4;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre{margin:0;padding:0}@supports (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor p{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor li,.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"\2022"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"\2611"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"\2610"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui: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 li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.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-ui{position:absolute}.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 .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .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-stroke.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{fill:#444}.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,.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-stroke.ql-thin,.ql-snow .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 .ql-code-block-container,.ql-snow .ql-editor code{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{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;padding:2px 4px;width:24px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid #0000;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{margin-top:-9px;position:absolute;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[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-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-header .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-font .ql-picker-label:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-label[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-item:before,.ql-snow .ql-picker.ql-size .ql-picker-label:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-label[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-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.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 #0000}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid #0000;box-shadow:0 2px 8px #0003}.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:0}.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]{border:1px solid #ccc;display:none;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:0;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}.add-link-container{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;width:100%}.add-link-container .title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px}.container{align-items:center;display:flex;justify-content:center}.video-player,audio{width:100%}.buttons{border-top:2px solid var(--greygrey-30)}.splash-container{align-items:center;background:#fff;display:flex;flex-direction:column;gap:32px;height:100vh;justify-content:center}.splash-container .logo{height:auto;width:120px}.splash-container .loading-content{align-items:center;display:flex;flex-direction:column;gap:24px}.splash-container .extracting-animation{height:48px;position:relative;width:48px}.splash-container .extracting-animation .book-loader{height:100%;perspective:120px;position:relative;width:100%}.splash-container .extracting-animation .book-loader .book-page{animation:flip 1.6s linear infinite;border:2px solid #2962cb;border-radius:4px;height:100%;position:absolute;width:100%}.splash-container .extracting-animation .book-loader .book-page:first-child{animation-delay:0s;background:#2962cb1a}.splash-container .extracting-animation .book-loader .book-page:nth-child(2){animation-delay:.4s;background:#2962cb33}.splash-container .extracting-animation .book-loader .book-page:nth-child(3){animation-delay:.8s;background:#2962cb4d}.splash-container .progress-info{align-items:center;display:flex;flex-direction:column;gap:8px;width:240px}.splash-container .progress-info .progress-bar{background:#e9ecef;border-radius:4px;height:4px;overflow:hidden;width:100%}.splash-container .progress-info .progress-bar .progress-fill{background:#2962cb;border-radius:4px;height:100%;transition:width .3s ease}.splash-container .progress-info .progress-text{color:#666;font-size:13px}.splash-container .status-text{align-items:center;color:#666;display:flex;font-size:14px;gap:8px}.splash-container .status-text .extracting-icon{animation:spin 1s linear infinite}@keyframes flip{0%{transform:rotateY(0deg)}to{transform:rotateY(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.obroinput-group{display:flex;flex-direction:column;margin-top:20px;width:100%}.obroinput-wrapper{align-items:center;align-self:stretch;background-color:var(--greygrey-10);border:1px solid;border-color:var(--greygrey-30);border-radius:8px;display:flex;flex:none;gap:12px;overflow:hidden;padding:10px 20px;width:100%}.obroinput-icon{border:none;margin-right:10px}.obroinput-label{align-self:stretch;color:var(--color-3);display:flex;font-family:Inter,Helvetica;font-size:14px;font-weight:700;letter-spacing:0;line-height:30px;margin-top:-1px;position:relative;white-space:nowrap}.info-icon{cursor:pointer;margin-left:5px}.info-popover{background:#fff;border-radius:8px;color:#092c4c;color:var(--color-3,#092c4c);font-size:12px;font-style:normal;font-weight:300;line-height:20px;padding:10px}.obroinput-field{background:#0000;border:none;border-radius:5px;color:var(--greygrey-70);flex-grow:1;flex:1 1;font-size:15px;font-weight:400;height:100%;letter-spacing:0;line-height:30px;margin-top:-1px;padding:5px;position:relative;white-space:nowrap}.obroinput-label-wrapper{align-items:center;display:flex}.obroinput-field::placeholder{color:var(--greygrey-50);opacity:1}.obroinput-field:focus{background:#0000;outline:none}.error-border{border:1px solid #c70d0f}.error-message{color:#c70d0f;font-size:10px;font-style:normal;font-weight:400;line-height:30px}@media(max-width:768px){.sidebar{display:none}.book-list{width:100%!important}}.library{background:#fff;height:100vh}.library .obroinput-wrapper{background-color:#fff}.library .page-header{background-color:#f6fafd;border-bottom:1px solid var(--greygrey-30);display:flex;flex-direction:row;height:90px;width:100%}.library .page-header .header-logo{align-items:center;border-right:1px solid var(--greygrey-30);display:flex;justify-content:center;width:18%}.library .page-header .header-logo img{height:80%}.library .page-header .header-content{align-items:center;display:flex;justify-content:space-between;padding-left:20px;padding-right:10px;width:82%}.library .page-header .header-content .obroinput-group{background-color:#fff;max-width:500px}.library .page-header .header-content .obroinput-group .obroinput-icon{margin-right:0!important}.library .page-header .header-content .obroinput-group input{color:#7e92a2;color:var(--color-5,#7e92a2);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.library .page-header .header-content span{color:var(--color-3);font-family:Inter,Helvetica;font-size:22px;font-weight:700;height:40px;letter-spacing:0;line-height:40px;white-space:nowrap}.library .page-header .header-content button{align-items:center;border-radius:8px;color:var(--primarywhite);display:inline-flex;gap:12px;justify-content:center;margin-right:10px;padding:10px 16px 10px 20px;width:175px}.library .sidebar{border-right:1px solid var(--greygrey-30);padding:15px;width:18%}.library .sidebar .filter-area{height:calc(100vh - 200px);overflow-y:auto}.library .sidebar .filter-area .filter{border-bottom:1px solid #eaeef4;border-bottom:1px solid var(--stroke-color,#eaeef4);margin-bottom:20px;padding-bottom:20px}.library .sidebar .filter-area .filter .filter-content{overflow-y:auto}.library .sidebar .filter-area .filter .filter-title{align-items:center;display:flex;padding:10px 0}.library .sidebar .filter-area .filter .filter-title span{color:#092c4c;color:var(--color-3,#092c4c);font-size:16px;font-style:normal;font-weight:700;line-height:normal;margin-left:10px}.library .sidebar .filter-area .filter .checkbox-span{color:#000;font-size:14px;font-style:normal;font-weight:400}.library .sidebar .filter-area .filter .obroinput-group{margin-bottom:10px;margin-top:0!important}.library .sidebar .filter-area .filter .obroinput-group .obroinput-wrapper{gap:0!important;padding:5px 15px!important}.library .sidebar .filter-area .filter .obroinput-group .obroinput-wrapper .obroinput-field{font-size:13px!important}.library .sidebar .sidebar-actions{height:100px;padding-top:10px}.library .sidebar .sidebar-actions div{align-items:center;display:flex}.library .sidebar .sidebar-actions div span{color:#092c4c;color:var(--color-3,#092c4c);font-size:17px;font-style:normal;font-weight:700;line-height:normal;margin-left:10px}.library .sidebar .sidebar-actions .version{bottom:0;color:#080808;font-size:12px;font-weight:600;position:absolute}@media only screen and (min-width:768px)and (max-width:1440px){.library .sidebar{width:25%!important}.library .book-list{width:75%!important}}.library .book-list{height:calc(100vh - 90px);padding:10px 20px;width:82%}.library .book-list .class-name{color:var(--color-4,#7e92a2);font-style:normal;line-height:40px;margin-bottom:0;margin-left:10px;margin-top:15px}.library .book-list .book-list-header{align-items:center;display:flex;padding-bottom:15px}.library .book-list .book-list-header span{color:#092c4c;color:var(--color-3,#092c4c);font-size:24px;font-style:normal;font-weight:700;line-height:40px;margin-left:10px}.library .book-list .grouped-books{height:calc(100% - 20px)}.library .book-list .books{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.library .book-list .book-card-container{height:auto}.library .book-list .grouped-books{overflow-y:auto}.library .book-list .class-name{background-color:#f6fafd;border-bottom:1px solid #eaeef4;color:#7e92a2;font-size:20px;font-weight:700;padding:10px}.library .book-card{background:linear-gradient(90deg,#fff,#f5f5f5);border:1px solid #eaeef4;border:1px solid var(--stroke-color,#eaeef4);border-radius:8px 0 0 8px;height:300px;margin:10px;padding:10px;position:relative}.library .book-card .pin-btn{background-color:#b91414;border-radius:50%;cursor:pointer;padding:5px;position:absolute;right:-10px;top:-10px;transition:background-color .3s ease}.library .book-card .pin-btn:hover{background-color:#f0f0f0}.library .book-card .book-card-detail{border-bottom:1px solid #eaeef4;border-bottom:1px solid var(--stroke-color,#eaeef4);display:flex;height:80%}.library .book-card img{display:block;flex-shrink:0;height:90%;max-width:150px;padding:8px;width:auto}.library .book-card .book-info{padding:10px;position:relative;width:100%}.library .book-card .book-info h2{color:#092c4c;color:var(--color-3,#092c4c);font-size:14px;font-style:normal;font-weight:600;line-height:normal}.library .book-card .book-info span{color:#7e92a2;color:var(--color-4,#7e92a2);font-size:13px;font-style:normal;font-weight:400;line-height:normal}.library .book-card .book-info .update-text-span{align-items:center;bottom:0;color:var(--primary);display:flex;font-weight:700;left:10px;position:absolute}.library .book-card .book-card-buttons{align-items:center;display:flex;height:20%;padding:0 15px}.spinner-container{flex-direction:column;font-size:16px;height:100vh}.no-data,.spinner-container{align-items:center;background-color:#f9f9f9;color:#333;display:flex;justify-content:center}.no-data{border:1px dashed #d9d9d9!important;height:calc(100vh - 100px);padding:20px;text-align:center;width:100%}.no-data .no-data-image{height:auto;margin-bottom:20px;width:150px}.no-data .no-data-title{color:#5d5f61;font-size:24px;font-weight:700;margin-bottom:10px}.no-data .no-data-description{color:#7e92a2;font-size:16px;margin-bottom:20px}.no-data .refresh-button{align-items:center;background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;padding:10px 20px;transition:background-color .3s}.no-data .refresh-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.39a35567.css.map*/