.lightbox-otwarty{overflow:hidden}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;grid-template-rows:1fr auto;padding:16px;background:#1c1c1cf0}.lightbox[hidden]{display:none}.lightbox__close{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:#ffffff1f;color:#fff;cursor:pointer}.lightbox__close:hover{background:#ffffff38}.lightbox__close svg{width:22px;height:22px}.lightbox__stage{min-height:0;overflow:hidden}.lightbox__stage .lightbox__slide{display:flex;align-items:center;justify-content:center;height:100%}.lightbox__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.lightbox__nav{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:0;border-radius:999px;background:#ffffff1f;color:#fff;cursor:pointer;transform:translateY(-50%)}.lightbox__nav:hover{background:#ffffff38}.lightbox__nav svg{width:18px;height:auto}.lightbox__nav--prev{left:16px}.lightbox__nav--prev svg{transform:rotate(90deg)}.lightbox__nav--next{right:16px}.lightbox__nav--next svg{transform:rotate(-90deg)}.lightbox__nav.swiper-button-disabled{opacity:.35;cursor:default}.lightbox__pagination{position:static;display:flex;align-items:center;justify-content:center;gap:6px;padding-top:16px}.lightbox__pagination .swiper-pagination-bullet{position:relative;width:10px;height:10px;margin:0;border-radius:999px;background:#ffffff73;opacity:1;transition:width .32s cubic-bezier(.2,.7,.3,1),background-color .32s ease}.lightbox__pagination .swiper-pagination-bullet:before{content:"";position:absolute;top:-17px;right:-3px;bottom:-17px;left:-3px}.lightbox__pagination .swiper-pagination-bullet-active{width:30px;background:#fff}@media(prefers-reduced-motion:reduce){.lightbox__pagination .swiper-pagination-bullet{transition:none}}@media(min-width:990px){.lightbox{padding:40px 72px}.lightbox__close{top:24px;right:24px}.lightbox__nav{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-lightbox.css.map */