.portfolio-lightbox{z-index:200;color:#fff;background:#0e0e0e;place-items:center;display:grid;position:fixed;inset:0}.portfolio-lightbox>header{z-index:2;background:linear-gradient(#0e0e0e,#0000);justify-content:space-between;align-items:center;min-height:74px;padding:12px 24px;display:flex;position:absolute;top:0;left:0;right:0}.portfolio-lightbox header span{color:#ffffffb3;font:600 .68rem/1 var(--sans);display:block}.portfolio-lightbox header button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;place-items:center;width:44px;height:44px;display:grid}.portfolio-lightbox-stage{width:calc(100vw - 156px);height:calc(100svh - 130px);position:relative}.portfolio-lightbox-stage>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio-lightbox-full{opacity:0;transition:opacity .16s}.portfolio-lightbox-full.is-ready{opacity:1}.portfolio-lightbox-loading{z-index:3;color:#ffffffd1;font:600 .68rem/1 var(--sans);letter-spacing:.04em;background:#0e0e0ec7;padding:.55rem .8rem;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.portfolio-lightbox-arrow{z-index:2;color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;place-items:center;width:48px;height:58px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-lightbox-arrow:disabled{cursor:wait;opacity:.52}.portfolio-lightbox-arrow.previous{left:18px}.portfolio-lightbox-arrow.next{right:18px}@media (max-width:820px){.portfolio-lightbox-stage{width:calc(100vw - 32px);height:calc(100svh - 140px)}.portfolio-lightbox-arrow{top:auto;bottom:18px;transform:none}.portfolio-lightbox-arrow.previous{left:15px}.portfolio-lightbox-arrow.next{right:15px}.portfolio-lightbox-loading{bottom:28px}}