.lightbox-overlay{display:none;position:fixed;justify-content:center;align-items:center;z-index:9999;top:0;right:0;bottom:0;left:0;background-color:#0000;transition:background-color .3s ease}.lightbox-overlay.active{display:flex}.lightbox-overlay.visible{background-color:#000000e0}.lightbox-content{display:flex;position:relative;flex-direction:column;align-items:center;max-width:calc(100% - (2 * var(--size-xl)));max-height:calc(100% - (2 * var(--size-xl)));color:#fff;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.lightbox-overlay.visible .lightbox-content{opacity:1;transform:scale(1)}.lightbox-img-wrapper{display:grid;position:relative;z-index:1;place-items:center;max-width:calc(100vw - (2 * var(--size-xl)));max-height:calc(100vh - (2 * var(--size-xl)) - var(--size-3xl))}.lightbox-img{filter:drop-shadow(0 0 1.5rem rgb(0 0 0 / 45%));opacity:0;border-radius:var(--radius-m);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;transition:opacity .25s ease}.lightbox-img.loaded{opacity:1}.lightbox-spinner{display:none;position:absolute;z-index:2;color:#fffc}.lightbox-spinner.active{display:block}.lightbox-spinner svg{animation:lightbox-spin .8s linear infinite}.lightbox-error{display:none;position:absolute;z-index:2;flex-direction:column;gap:12px;align-items:center;color:#ffffffb3;font-size:14px}.lightbox-error.active{display:flex}.lightbox-close{display:grid;position:fixed;top:20px;right:20px;z-index:10000;cursor:pointer;transition:background-color .2s ease,transform .2s ease;border:none;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px;place-items:center;aspect-ratio:1 / 1;color:#fff;font-size:20px}.lightbox-close:hover{background:#fff3}.lightbox-close:active{transform:scale(.92)}.lightbox-prev,.lightbox-next{display:grid;position:fixed;top:50%;transform:translateY(-50%);z-index:3;cursor:pointer;transition:background-color .2s ease,transform .2s ease;border:none;border-radius:50%;background:#ffffff1a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px;place-items:center;aspect-ratio:1 / 1;color:#fff;font-size:20px}.lightbox-prev:hover,.lightbox-next:hover{background:#fff3}.lightbox-prev:active,.lightbox-next:active{transform:translateY(-50%) scale(.92)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-count{position:relative;z-index:3;margin-top:12px;color:#fff9;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.05em}.lightbox *[data-lightbox-image]:hover{cursor:pointer}@keyframes lightbox-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.lightbox-prev,.lightbox-next{top:auto;bottom:24px;transform:none;padding:12px}.lightbox-prev:active,.lightbox-next:active{transform:scale(.92)}.lightbox-prev{left:24px}.lightbox-next{right:24px}.lightbox-content{max-width:calc(100% - 32px);max-height:calc(100% - 120px)}.lightbox-img-wrapper,.lightbox-img{max-width:calc(100vw - 32px);max-height:calc(100vh - 140px)}.lightbox-count{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/lightbox.css.map */