.book-config-panel-opened .book-config-panel-holder.opened{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;max-height:100%;width:100%;--tw-bg-opacity: 1;background-color:rgb(239 239 233 / var(--tw-bg-opacity));padding:.5rem}@media (min-width: 768px){.book-config-panel-opened .book-config-panel-holder.opened{padding:1rem}}@media (prefers-color-scheme: dark){.book-config-panel-opened .book-config-panel-holder.opened{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}}.book-config-panel-opened .book-config-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:50;height:100%;max-height:100%;width:100%;overflow-y:auto;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}@media (min-width: 1280px){.book-config-panel-opened .book-config-panel{position:static;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}}@media (prefers-color-scheme: dark){.book-config-panel-opened .book-config-panel{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity))}}.book-config-panel-opened .book-config-panel-inner{overflow:auto;padding:.75rem;padding-top:0}@media (min-width: 1280px){.book-config-panel-opened .book-config-panel-inner{padding:1rem;padding-top:0}}.btn-close{position:absolute;top:.25rem;right:.25rem;display:none;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:.125rem;--tw-bg-opacity: 1;background-color:rgb(254 121 93 / var(--tw-bg-opacity));font-size:1.5rem;line-height:2rem;line-height:1;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.btn-close .times{margin-top:-.25rem}.book-config-panel-opened .personalize-book-close-btn,.book-config-panel-opened .btn-close{display:flex}img.wavy-image{border-radius:1rem;-webkit-mask-image:url(../../../assets/images/avatar-wavy-shape.svg);mask-image:url(../../../assets/images/avatar-wavy-shape.svg)}.navigation-progress.svelte-1br2sqw{position:fixed;top:0;left:0;right:0;z-index:80;height:3px;pointer-events:none;overflow:hidden;background:#ffffff59}.navigation-progress__bar.svelte-1br2sqw{height:100%;width:42%;background:#ef4444;box-shadow:0 0 18px #ef44448c;animation:svelte-1br2sqw-navigation-progress-slide .9s ease-in-out infinite}@keyframes svelte-1br2sqw-navigation-progress-slide{0%{transform:translate(-110%)}55%{transform:translate(85vw)}to{transform:translate(110vw)}}