.fold{display:none;position:absolute;inset:0;z-index:10;transform-origin:left center;transform-style:preserve-3d;pointer-events:none}.fold.active{display:block;animation:flipPage .72s cubic-bezier(.3,.1,.25,1) forwards}.fold.reverse{transform-origin:right center;animation-name:flipReverse}.foldFace,.foldBack{position:absolute;inset:0;backface-visibility:hidden;background:var(--paper)}.foldFace{overflow:hidden;box-shadow:18px 8px 24px #0004}.foldBack{transform:rotateY(180deg);background:linear-gradient(90deg,#ddcfb8,var(--paper) 35%,#c9b79e);box-shadow:8px 0 19px #0004}@keyframes flipPage{0%{transform:rotateY(0)}48%{transform:rotateY(-88deg)}100%{transform:rotateY(-180deg)}}@keyframes flipReverse{0%{transform:rotateY(0)}48%{transform:rotateY(88deg)}100%{transform:rotateY(180deg)}}@media(prefers-reduced-motion:reduce){.fold.active{animation-duration:.01s}.progressFill{transition:none}}