.lightbox::part(backdrop){background-color:var(--color-black)}.lightbox__dialog{background-color:var(--color-black);border:0;max-width:100%;max-height:100%;width:100%;height:100%;padding:0;margin:0}.lightbox__dialog::backdrop{background-color:var(--color-black)}.lightbox__header{position:absolute;top:0;left:0;right:0;z-index:10;padding:20px;display:flex;justify-content:flex-end}.lightbox__close button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox__close button:focus-visible{outline:var(--outline-width) solid var(--color-teal);outline-offset:var(--outline-offset)}.lightbox__close svg{height:20px;width:auto}.lightbox__close path{fill:var(--color-white)}.lightbox__body{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--spacing-60) var(--spacing-20)}.lightbox__content{position:relative;display:flex;align-items:center;justify-content:center;max-width:1360px;width:100%;height:100%}.lightbox__content img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox__arrow{position:absolute;z-index:10;top:50%;transform:translateY(-50%)}.lightbox__arrow--previous{left:var(--spacing-8)}.lightbox__arrow--next{right:var(--spacing-8)}.lightbox__arrow[disabled]{display:none}.lightbox__arrow button{all:unset;width:32px;height:32px;background-color:var(--color-white);border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center}.lightbox__arrow button:focus-visible{outline:var(--outline-width) solid var(--color-teal);outline-offset:var(--outline-offset)}.lightbox__arrow svg{color:var(--color-teal);width:auto;height:12px}.lightbox__arrow--previous svg{rotate:180deg}.lightbox__counter{position:absolute;bottom:var(--spacing-20);left:50%;transform:translateX(-50%);z-index:10;background-color:var(--color-white);color:var(--color-teal);font-weight:700;font-style:italic;line-height:1;padding:6px 11px;border-radius:var(--border-radius-3)}.lightbox[loading=yes] .lightbox__content::before{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid hsla(0,0%,100%,.3);border-top-color:var(--color-white);border-radius:50%;animation:lightbox-spin .8s linear infinite}.lightbox[loading=yes] .lightbox__content img{opacity:0}.lightbox[loading=no] .lightbox__content img,.lightbox:not([loading]) .lightbox__content img{opacity:1;transition:opacity .2s ease-in-out}@keyframes lightbox-spin{to{transform:rotate(360deg)}}@media screen and (min-width: 1024px){.lightbox__header{padding:32px}.lightbox__close svg{height:40px}.lightbox__body{padding:var(--spacing-60) var(--spacing-40)}.lightbox__arrow--previous{left:var(--spacing-20)}.lightbox__arrow--next{right:var(--spacing-20)}.lightbox__arrow button{width:60px;height:60px}.lightbox__arrow svg{height:20px}.lightbox__content img{border-radius:var(--border-radius-5)}}