body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flipbook-container{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.flipbook-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;height:90vh;overflow:hidden;width:90%}.book-container{align-items:center;background-color:#dee2db;display:flex;flex-direction:column;height:auto;justify-content:center;width:100%}.page{background-color:#fff}.page img{height:100%;object-fit:cover;width:100%}.navigation{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px}.navigation button{background-color:#84be3f;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .2s}.navigation button:hover{background-color:#607c3d}.navigation span{color:#555;font-size:16px}.bottom-content{box-sizing:border-box;display:flex;justify-content:space-between;max-width:90%;width:100%}.toc-dropdown{align-items:center;display:flex;flex-direction:row;height:50px}.toc-dropdown select{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#555;cursor:pointer;font-size:14px;margin-left:15px;padding:6px 10px;transition:all .2s ease}.toc-dropdown select:hover{border-color:#84be3f}.toc-dropdown select:focus-visible{border-color:#84be3f;outline:#84be3f}.toc-dropdown label{align-self:center;color:#555;font-size:14px;margin-right:5px}@media screen and (max-width:480px){.flipbook-content{height:auto;width:100%}.flipbook-container{padding:5px}.bottom-content{align-items:center;flex-direction:column}.navigation,.toc-dropdown{margin-bottom:10px;text-align:center;width:100%}.logo img{width:50px!important}.toc-dropdown{flex-direction:column}.navigation{order:1}.toc-dropdown{order:2}}@media screen and (max-width:767px){.bottom-content{align-items:center;flex-direction:column}}.page img{object-fit:fill!important}.logo{left:6.25%;position:absolute;top:3.5%;z-index:10}.logo img{height:auto;width:70px}.guide{font-style:italic;font-weight:700;padding:0 5px;text-align:center}
/*# sourceMappingURL=main.708fbdf5.css.map*/