.portfolio-viewer{position:fixed;inset:0;z-index:1000000;display:none;background:rgba(0,0,0,.72);align-items:center;justify-content:center}.portfolio-viewer.is-open{display:flex}.portfolio-viewer__stage{width:min(1100px,calc(100vw - 120px));height:min(760px,calc(100vh - 80px));display:flex;align-items:center;justify-content:center}.portfolio-viewer__stage img,.portfolio-viewer__stage video{display:block;max-width:100%;max-height:100%;object-fit:contain;background:#111}.portfolio-viewer__close,.portfolio-viewer__nav{position:absolute;border:0;background:#fff;color:#555;cursor:pointer;z-index:2}.portfolio-viewer__close{right:22px;top:18px;width:48px;height:48px;background:transparent;color:#fff;font-size:48px}.portfolio-viewer__nav{top:50%;width:46px;height:46px;border-radius:50%;font-size:30px}.portfolio-viewer__prev{left:24px}.portfolio-viewer__next{right:24px}.portfolio-viewer__counter{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);color:#fff;font:16px Arial,sans-serif}@media(max-width:640px){.portfolio-viewer__stage{width:100vw;height:calc(100vh - 90px)}.portfolio-viewer__prev{left:8px}.portfolio-viewer__next{right:8px}.portfolio-viewer__close{right:8px;top:8px}}