dialog.lightbox{box-sizing:border-box;background:0 0;border:none;justify-content:center;align-items:center;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;display:flex;position:fixed;inset:0}dialog.lightbox:not([open]){display:none}dialog.lightbox::backdrop{background:0 0}@media (width>=768px){dialog.lightbox::backdrop{-webkit-backdrop-filter:blur(10px);background:#00000080}}.lightbox__box{background:var(--color-black);box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;display:flex;position:relative;overflow:hidden}@media (width>=768px){.lightbox__box{border-radius:var(--radius-10);width:auto;max-width:90vw;height:auto;max-height:85vh;box-shadow:var(--shadow-raised)}}.lightbox__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100vh;display:block}@media (width>=768px){.lightbox__image{max-height:85vh}}.lightbox__close{top:var(--space-20);right:var(--space-20);background:var(--color-gray-light);border-radius:var(--radius-full);padding:var(--space-5);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.lightbox__arrow{border-radius:var(--radius-full);background:var(--color-white);width:50px;height:50px;box-shadow:var(--shadow-card);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox__arrow--prev{left:var(--space-20)}.lightbox__arrow--next{right:var(--space-20)}.lightbox__arrow--prev .lightbox__arrow-icon{transform:scaleX(-1)}.lightbox__counter{bottom:var(--space-20);font:var(--text-small);color:#fff9;pointer-events:none;margin:0;position:absolute;left:50%;transform:translate(-50%)}