.book-opening{z-index:90;top:var(--bo-top);left:var(--bo-left);width:var(--bo-width);height:var(--bo-height);border:2px solid var(--color-art);pointer-events:none;transition:top var(--bo-grow) cubic-bezier(.65, 0, .2, 1), left var(--bo-grow) cubic-bezier(.65, 0, .2, 1), width var(--bo-grow) cubic-bezier(.65, 0, .2, 1), height var(--bo-grow) cubic-bezier(.65, 0, .2, 1), opacity var(--bo-fade) ease-out;border-radius:2px;position:fixed}.book-opening:not([data-phase=start]){width:100%;height:100%;top:0;left:0}.book-opening[data-phase=fade]{opacity:0}.book-opening-fill{background:var(--color-paper);opacity:0;transition:opacity var(--bo-reveal) ease-out;position:absolute;inset:0}.book-opening[data-phase=grow] .book-opening-fill,.book-opening[data-phase=wait] .book-opening-fill{opacity:1;transition:opacity var(--bo-darken) cubic-bezier(.4, 0, .2, 1) .12s}