.pm-pages{width:100%;height:100%;position:relative;overflow:hidden}.pm-page{box-sizing:border-box;background-color:var(--pm-page-bg,transparent);z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transform:none}.pm-ghost-layer{z-index:1;position:absolute;inset:0}.pm-pages[data-pm-dir]>.pm-page{z-index:2}.pm-pages[data-pm-dir=back] .pm-ghost-layer{z-index:3}.pm-pages[data-pm-phase]>.pm-page,.pm-ghost{pointer-events:none}.pm-ghost{width:100%;height:100%;position:absolute;top:0;left:0}.pm-pages[data-pm-theme=ios][data-pm-phase]>.pm-page:before,.pm-pages[data-pm-theme=ios][data-pm-phase] .pm-ghost:before{content:"";z-index:-1;opacity:0;background:linear-gradient(90deg,#0000 0% 10%,#00000003 50%,#0003 100%);width:16px;position:absolute;top:0;bottom:0;right:100%}.pm-pages[data-pm-theme=ios][data-pm-phase]>.pm-page:after,.pm-pages[data-pm-theme=ios][data-pm-phase] .pm-ghost:after{content:"";opacity:0;z-index:10000;background:#0000001a;position:absolute;inset:0}.pm-pages[data-pm-theme=ios][data-pm-dir=forward][data-pm-phase=staged]>.pm-page{transform:translate(100%)}.pm-pages[data-pm-theme=ios][data-pm-dir=back][data-pm-phase=staged]>.pm-page{transform:translate(-20%)}.pm-pages[data-pm-theme=md][data-pm-dir=forward][data-pm-phase=staged]>.pm-page{opacity:0;transform:translate(128px)}.pm-pages[data-pm-theme=md][data-pm-dir=back][data-pm-phase=staged]>.pm-page{transform:translate(-24px)}.pm-pages[data-pm-theme=ios][data-pm-dir=forward][data-pm-phase=running]>.pm-page{animation:pm-ios-next-to-current var(--pm-duration) forwards}.pm-pages[data-pm-theme=ios][data-pm-dir=forward][data-pm-phase=running]>.pm-page:before{animation:pm-fade-in var(--pm-duration) forwards}.pm-pages[data-pm-theme=ios][data-pm-dir=forward][data-pm-phase=running] .pm-ghost{animation:pm-ios-current-to-previous var(--pm-duration) forwards}.pm-pages[data-pm-theme=ios][data-pm-dir=forward][data-pm-phase=running] .pm-ghost:after{animation:pm-fade-in var(--pm-duration) forwards}.pm-pages[data-pm-theme=ios][data-pm-dir=back][data-pm-phase=running]>.pm-page{animation:pm-ios-previous-to-current var(--pm-duration) forwards}.pm-pages[data-pm-theme=ios][data-pm-dir=back][data-pm-phase=running]>.pm-page:after{animation:pm-fade-out var(--pm-duration) forwards}.pm-pages[data-pm-theme=ios][data-pm-dir=back][data-pm-phase=running] .pm-ghost{animation:pm-ios-current-to-next var(--pm-duration) forwards}.pm-pages[data-pm-theme=ios][data-pm-dir=back][data-pm-phase=running] .pm-ghost:before{animation:pm-fade-out var(--pm-duration) forwards}.pm-pages[data-pm-theme=md][data-pm-dir=forward][data-pm-phase=running]>.pm-page{opacity:1;animation:pm-md-next-to-current var(--pm-duration) forwards cubic-bezier(0, .8, .3, 1)}.pm-pages[data-pm-theme=md][data-pm-dir=forward][data-pm-phase=running] .pm-ghost{animation:pm-md-current-to-previous var(--pm-duration) forwards cubic-bezier(0, .8, .3, 1)}.pm-pages[data-pm-theme=md][data-pm-dir=back][data-pm-phase=running]>.pm-page{animation:pm-md-previous-to-current var(--pm-duration-md-back) forwards cubic-bezier(0, 1, .8, 1)}.pm-pages[data-pm-theme=md][data-pm-dir=back][data-pm-phase=running] .pm-ghost{animation:pm-md-current-to-next var(--pm-duration-md-back) forwards cubic-bezier(0, 1, .8, 1), pm-md-current-to-next-opacity var(--pm-duration-md-back) forwards}@keyframes pm-ios-next-to-current{0%{transform:translate(100%)}to{transform:translate(0,0)}}@keyframes pm-ios-current-to-previous{0%{transform:translate(0,0)}to{transform:translate(-20%)}}@keyframes pm-ios-previous-to-current{0%{transform:translate(-20%)}to{transform:translate(0,0)}}@keyframes pm-ios-current-to-next{0%{transform:translate(0,0)}to{transform:translate(100%)}}@keyframes pm-md-next-to-current{0%{transform:translate(128px)}to{transform:translate(0,0)}}@keyframes pm-md-current-to-previous{0%{transform:translate(0,0)}to{transform:translate(-24px)}}@keyframes pm-md-previous-to-current{0%{transform:translate(-24px)}to{transform:translate(0,0)}}@keyframes pm-md-current-to-next{0%{transform:translate(0,0)}to{transform:translate(128px)}}@keyframes pm-md-current-to-next-opacity{0%{opacity:1}to{opacity:0}}@keyframes pm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pm-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pm-pages[data-pm-phase]>.pm-page,.pm-pages[data-pm-phase]>.pm-page:before,.pm-pages[data-pm-phase]>.pm-page:after,.pm-ghost,.pm-ghost:before,.pm-ghost:after{animation:none!important}}