.media-lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:4rem 1rem 4.5rem;background:#040e1aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:pan-y}@media(min-width:640px){.media-lightbox{padding-inline:5.5rem}}.media-lightbox__media{width:100%;height:calc(100vh - 8.5rem);-o-object-fit:contain;object-fit:contain}.media-lightbox__btn{position:absolute;display:grid;height:2.75rem;width:2.75rem;place-items:center;border-radius:9999px;border:1px solid hsla(0,0%,100%,.25);background:#ffffff1a;color:#fff;transition:background-color .2s ease}.media-lightbox__btn:hover{background:#ffffff38}.media-lightbox__btn:focus-visible{outline:2px solid var(--color-gold,#d2a644);outline-offset:2px}.media-lightbox__close{top:1rem;right:1rem}.media-lightbox__next,.media-lightbox__prev{top:50%;translate:0 -50%}.media-lightbox__prev{left:1rem}.media-lightbox__next{right:1rem}.media-lightbox__title{position:absolute;top:1.35rem;left:1.25rem;right:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;color:#ffffffe0}.media-lightbox__counter{position:absolute;bottom:1.25rem;left:50%;translate:-50% 0;font-size:13px;font-weight:600;letter-spacing:.08em;color:#fffc}.media-lightbox-enter-active,.media-lightbox-leave-active{transition:opacity .22s ease}.media-lightbox-enter-from,.media-lightbox-leave-to{opacity:0}