.booklet-viewer{background:#0a0a0b;width:100%;height:100%;position:relative;overflow:hidden}.booklet-page-container{transition:opacity .2s;position:absolute;inset:0;overflow:hidden auto}.booklet-page--active{opacity:1;z-index:1;pointer-events:auto}.booklet-page--inactive{opacity:0;z-index:0;pointer-events:none}.booklet-nav{z-index:20;color:#fffc;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#18181bcc;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:20px}.booklet-nav:hover:not(:disabled){color:#fff;background:#27272af2;border-color:#fff3;transform:scale(1.05)}.booklet-nav:active:not(:disabled){transform:scale(.95)}.booklet-nav--left{left:calc(50% - 100px)}.booklet-nav--right{right:calc(50% - 100px)}.booklet-nav--disabled{opacity:.3;cursor:default;pointer-events:none}@media (max-width:768px){.booklet-nav{width:32px;height:32px}.booklet-nav--left{left:calc(50% - 80px)}.booklet-nav--right{right:calc(50% - 80px)}}.booklet-dots{z-index:20;-webkit-backdrop-filter:blur(12px);background:#18181bcc;border:1px solid #ffffff14;border-radius:20px;gap:8px;padding:8px 16px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.booklet-dot{cursor:pointer;background:#fff3;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .2s}.booklet-dot:hover:not(.booklet-dot--active){background:#fff6;transform:scale(1.2)}.booklet-dot--active{border-radius:4px;width:20px}.booklet-accent-theme .ProseMirror a,.booklet-accent-theme .ProseMirror a span{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--accent)40%,transparent);text-decoration-color:color-mix(in srgb,var(--accent)40%,transparent);transition:color .15s,text-decoration-color .15s;color:var(--accent)!important}.booklet-accent-theme .ProseMirror a:hover,.booklet-accent-theme .ProseMirror a:hover span{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);color:color-mix(in srgb,var(--accent)80%,white)!important}.booklet-counter{z-index:20;color:#fff6;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(8px);background:#18181bb3;border:1px solid #ffffff0f;border-radius:12px;padding:4px 12px;font-size:12px;position:absolute;bottom:24px;right:24px}