.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;border:2px solid var(--booklet-accent,#ffffff59);width:36px;height:36px;color:var(--booklet-accent,#ffffffd9);cursor:pointer;opacity:0;box-shadow:3px 3px 0 0 color-mix(in srgb, var(--booklet-accent,#9b59d6) 65%, transparent);background:#0a0a0b;border-radius:2px;justify-content:center;align-items:center;transition:opacity .2s,transform .12s,box-shadow .12s,background-color .15s,color .15s;display:flex;position:absolute;bottom:96px}.booklet-nav:hover:not(:disabled){background:color-mix(in srgb, var(--booklet-accent,#9b59d6) 18%, #0a0a0b);color:#fff;box-shadow:1px 1px 0 0 var(--booklet-accent,#9b59d6);transform:translate(2px,2px)}.booklet-nav:active:not(:disabled){box-shadow:0 0 0 0 var(--booklet-accent,#9b59d6);transform:translate(3px,3px)}.booklet-nav--left{left:calc(50% - 100px)}.booklet-nav--right{right:calc(50% - 100px)}.booklet-nav--disabled{cursor:default;pointer-events:none}.booklet-viewer--chrome-visible .booklet-nav,.booklet-viewer--chrome-visible .booklet-dots,.booklet-viewer--chrome-visible .booklet-counter,.booklet-viewer:focus-within .booklet-nav,.booklet-viewer:focus-within .booklet-dots,.booklet-viewer:focus-within .booklet-counter{opacity:1}.booklet-viewer--chrome-visible .booklet-nav--disabled,.booklet-viewer:focus-within .booklet-nav--disabled{opacity:.3}@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;border:2px solid var(--booklet-accent,#ffffff59);box-shadow:3px 3px 0 0 color-mix(in srgb, var(--booklet-accent,#9b59d6) 65%, transparent);opacity:0;background:#0a0a0b;border-radius:2px;gap:8px;padding:8px 16px;transition:opacity .2s;display:flex;position:absolute;bottom:100px;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;border:2px solid var(--booklet-accent,#ffffff59);color:var(--booklet-accent,#ffffff8c);font-variant-numeric:tabular-nums;box-shadow:3px 3px 0 0 color-mix(in srgb, var(--booklet-accent,#9b59d6) 65%, transparent);opacity:0;background:#0a0a0b;border-radius:2px;padding:4px 12px;font-size:12px;transition:opacity .2s;position:absolute;bottom:100px;right:24px}