/* Revision 36: iPhone Photos-style horizontal page movement. */
.modal{z-index:80!important}
.modal-stage{overflow:hidden}
.modal-stage .page-sheet{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex:1;min-width:0;min-height:350px;overflow:hidden;isolation:isolate}
.modal-stage .page-sheet>img{position:relative;z-index:1;backface-visibility:hidden;will-change:transform;animation-fill-mode:both}
.modal-stage .page-sheet .page-slide-old{position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:contain;pointer-events:none;backface-visibility:hidden;will-change:transform}
.modal-stage.page-slide-forward .page-sheet>img:not(.page-slide-old){animation:page-slide-in-from-right .64s cubic-bezier(.22,.72,.22,1) both}
.modal-stage.page-slide-forward .page-sheet>img.page-slide-old{animation:page-slide-out-to-left .64s cubic-bezier(.22,.72,.22,1) both}
.modal-stage.page-slide-backward .page-sheet>img:not(.page-slide-old){animation:page-slide-in-from-left .64s cubic-bezier(.22,.72,.22,1) both}
.modal-stage.page-slide-backward .page-sheet>img.page-slide-old{animation:page-slide-out-to-right .64s cubic-bezier(.22,.72,.22,1) both}
@keyframes page-slide-in-from-right{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(0,0,0)}}
@keyframes page-slide-out-to-left{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-100%,0,0)}}
@keyframes page-slide-in-from-left{0%{transform:translate3d(-100%,0,0)}100%{transform:translate3d(0,0,0)}}
@keyframes page-slide-out-to-right{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(100%,0,0)}}
@media(max-width:800px){.modal-stage .page-sheet{min-height:220px}}
@media(prefers-reduced-motion:reduce){.modal-stage .page-sheet>img,.modal-stage .page-sheet .page-slide-old{animation:none!important}.modal-stage .page-sheet .page-slide-old{display:none}}