.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;background-color:#141414e6;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-content{position:relative;display:flex;flex-direction:column;align-items:center;max-width:calc(100% - (2 * var(--size-xl)));max-height:calc(100% - (2 * var(--size-xl)));color:#fff}.lightbox-content img{position:relative;z-index:1;width:100%;max-width:calc(100vw - (2 * var(--size-xl)));height:100%;max-height:calc(100vh - (2 * var(--size-xl)) - var(--size-3xl));object-fit:contain;border-radius:var(--radius-m);filter:drop-shadow(0 0 2rem rgb(0 0 0 / 50%));transition:opacity .25s ease,transform .3s ease;transform:scale(1)}.lightbox-content img[data-loading=loading]{opacity:0}.lightbox-content img[data-loading=loaded]{opacity:1}.lightbox-content img[data-loading=error]{opacity:0;width:0;height:0}.lightbox-spinner{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);display:none;color:#fff;font-size:2rem;animation:lightbox-spin 1s linear infinite}.lightbox-overlay.is-loading .lightbox-spinner{display:block}.lightbox-error{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);display:none;flex-direction:column;align-items:center;gap:.75rem;color:#ffffffb3;font-size:.95rem}.lightbox-error i{font-size:2rem;color:#fff6}.lightbox-overlay.is-error .lightbox-error{display:flex}.lightbox-close,.lightbox-prev,.lightbox-next{position:fixed;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.lightbox-close:hover,.lightbox-prev:hover,.lightbox-next:hover{background:#ffffff40}.lightbox-close:active,.lightbox-prev:active,.lightbox-next:active{transform:scale(.92)}.lightbox-close{top:20px;right:20px}.lightbox-prev,.lightbox-next{top:50%;transform:translateY(-50%)}.lightbox-prev:hover,.lightbox-next:hover{transform:translateY(-50%) scale(1.05)}.lightbox-prev:active,.lightbox-next:active{transform:translateY(-50%) scale(.92)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-overlay.single-image .lightbox-prev,.lightbox-overlay.single-image .lightbox-next,.lightbox-overlay.single-image .lightbox-count{display:none}.lightbox-count{position:relative;z-index:3;margin-top:12px;color:#ffffffb3;font-size:.85rem;font-variant-numeric:tabular-nums;letter-spacing:.05em}.lightbox *[data-lightbox-image]:hover{cursor:pointer}@keyframes lightbox-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@media(max-width:768px){.lightbox-content{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem)}.lightbox-content img{max-width:calc(100vw - 2rem);max-height:calc(100vh - 6rem);border-radius:var(--radius-s, 4px)}.lightbox-prev,.lightbox-next{width:38px;height:38px;font-size:.95rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-close{top:12px;right:12px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/lightbox.css.map */