.profile-lightbox-open{overflow:hidden}
.profile-lightbox-backdrop[hidden]{display:none}
.profile-lightbox-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.93);display:grid;place-items:center;padding:16px}
.profile-lightbox{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;width:min(100%,1200px);height:min(100%,900px);color:#fff}
.profile-lightbox-figure{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;margin:0}
.profile-lightbox-image{display:block;max-width:100%;max-height:calc(100dvh - 100px);width:auto;height:auto;object-fit:contain}
.profile-lightbox-caption{min-height:24px;margin-top:9px;color:#ddd;font-size:14px;text-align:center}
.profile-lightbox button{border:0;background:rgba(25,25,25,.7);color:#fff;cursor:pointer}
.profile-lightbox button:hover,.profile-lightbox button:focus-visible{background:#4a4038}
.profile-lightbox button:focus-visible{outline:2px solid #f4bd58;outline-offset:2px}
.profile-lightbox-previous,.profile-lightbox-next{width:44px;height:56px;border-radius:4px;font-size:38px;line-height:1}
.profile-lightbox-previous{justify-self:start}
.profile-lightbox-next{justify-self:end}
.profile-lightbox-close{position:absolute;top:0;right:0;z-index:1;width:42px;height:42px;border-radius:50%;font-size:29px;line-height:1}
@media(max-width:600px){.profile-lightbox{grid-template-columns:36px minmax(0,1fr) 36px}.profile-lightbox-previous,.profile-lightbox-next{width:34px;height:48px;font-size:31px}.profile-lightbox-image{max-height:calc(100dvh - 90px)}.profile-lightbox-close{top:4px;right:4px}}