.demo-lightbox[data-v-dfd3326b]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:#080606f0}.demo-lightbox__image[data-v-dfd3326b]{max-width:94vw;max-height:84vh;object-fit:contain}.demo-lightbox__nav[data-v-dfd3326b]{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;font-size:30px;line-height:1;color:#f3ead7;background:#ffffff0f;border:1px solid rgba(255,255,255,.25);border-radius:50%}.demo-lightbox__nav--prev[data-v-dfd3326b]{left:10px}.demo-lightbox__nav--next[data-v-dfd3326b]{right:10px}.demo-lightbox__counter[data-v-dfd3326b]{position:absolute;bottom:calc(env(safe-area-inset-bottom) + 22px);left:50%;transform:translate(-50%);margin:0;font-size:13px;letter-spacing:.2em;color:#f3ead7cc}.demo-lightbox__close[data-v-dfd3326b]{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:14px;width:40px;height:40px;display:grid;place-items:center;font-size:16px;color:#f3ead7;border:1px solid rgba(255,255,255,.25);border-radius:50%}.demo-fade-enter-active[data-v-dfd3326b],.demo-fade-leave-active[data-v-dfd3326b]{transition:opacity .25s ease}.demo-fade-enter-from[data-v-dfd3326b],.demo-fade-leave-to[data-v-dfd3326b]{opacity:0}