body.cc-lightbox-open{overflow:hidden}.cc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;border:0;padding:0;margin:0;width:100vw;height:100vh;max-width:none;max-height:none;background:#0009;z-index:9999}.cc-lightbox:not([open]):not(.is-open){display:none}.cc-lightbox[open],.cc-lightbox.is-open{display:block;animation:ccLightboxFade .18s ease}.cc-lightbox::backdrop{background:#0009}.cc-lightbox__frame{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box}.cc-lightbox__image{max-width:92vw;max-height:80vh;width:auto;height:auto;object-fit:contain;transition:opacity .2s ease}.cc-lightbox__image.is-loading{opacity:.4}.cc-lightbox__close,.cc-lightbox__nav{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:transparent;color:#ffffffb8;display:flex;align-items:center;justify-content:center;transition:opacity .18s ease,border-color .18s ease}.cc-lightbox__close{top:20px;right:20px;width:44px;height:44px;opacity:.7}.cc-lightbox__nav{top:50%;width:40px;height:40px;opacity:.6;transform:translateY(-50%)}.cc-lightbox__prev{left:24px}.cc-lightbox__next{right:24px}.cc-lightbox__close:hover,.cc-lightbox__nav:hover{opacity:1;border-color:#ffffff73}.cc-lightbox__close:focus-visible,.cc-lightbox__nav:focus-visible{outline:1px solid rgba(255,255,255,.5);outline-offset:2px}.cc-lightbox__meta{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#0000008c;color:#ffffffe6;font-size:12px;letter-spacing:.01em;max-width:min(80vw,720px);box-sizing:border-box}.cc-lightbox__count{font-weight:600;color:#ffffffbf;white-space:nowrap}.cc-lightbox__caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.cc-lightbox__frame{padding:16px}.cc-lightbox__close{top:14px;right:14px}.cc-lightbox__prev{left:12px}.cc-lightbox__next{right:12px}.cc-lightbox__meta{bottom:16px;max-width:calc(100vw - 32px);font-size:11px}}@keyframes ccLightboxFade{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/lightbox.css.map */
