:root{--mpt-duration:350ms;--mpt-easing:ease-in-out;--mpt-background:#fff;--mpt-media-size:180px}
#mpt-overlay{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:var(--mpt-background);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 160ms ease,visibility 0s 160ms}
#mpt-overlay img,#mpt-overlay video{display:block;width:min(var(--mpt-media-size),80vw);height:auto;max-height:70vh;object-fit:contain}
html.mpt-pending #mpt-overlay,html.mpt-changing.mpt-has-media #mpt-overlay{opacity:1;visibility:visible;transition-delay:0s}
.mpt-container{transform-origin:50% 20%}
html.mpt-changing .mpt-container{transition:opacity var(--mpt-duration) var(--mpt-easing),transform var(--mpt-duration) var(--mpt-easing),filter var(--mpt-duration) var(--mpt-easing)}
html.mpt-out .mpt-container[data-mpt-effect=fade]{opacity:0}
html.mpt-out .mpt-container[data-mpt-effect=slide-up]{opacity:0;transform:translate3d(0,18px,0)}
html.mpt-out .mpt-container[data-mpt-effect=slide-left]{opacity:0;transform:translate3d(24px,0,0)}
html.mpt-out .mpt-container[data-mpt-effect=scale]{opacity:0;transform:scale(.985)}
html.mpt-out .mpt-container[data-mpt-effect=blur]{opacity:0;filter:blur(5px)}
html.mpt-changing .mpt-container[data-mpt-effect=none]{transition:none}
@media(prefers-reduced-motion:reduce){#mpt-overlay{display:none!important}.mpt-container{transition:none!important;transform:none!important;filter:none!important;opacity:1!important}}