.lightbox{--lb-bg: rgba(12, 12, 13, .96);--lb-fg: #ffffff;--lb-thumb-border: rgba(255, 255, 255, .9);--lb-btn-hover: rgba(255, 255, 255, .12);--lb-transition: .28s cubic-bezier(.25, .8, .35, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--lb-bg);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity var(--lb-transition),visibility var(--lb-transition);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);user-select:none;-webkit-user-select:none}.lightbox[hidden]{display:flex}.lightbox.is-open{opacity:1;visibility:visible}.lightbox .lb-topbar{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;z-index:30;background:linear-gradient(to bottom,rgba(0,0,0,.45),transparent)}.lightbox .lb-counter{color:var(--lb-fg);font-size:15px;letter-spacing:.08em;font-variant-numeric:tabular-nums;padding:0 10px}.lightbox .lb-actions{display:flex;gap:2px}.lightbox .lb-btn{-webkit-appearance:none;appearance:none;border:none;background:transparent;color:var(--lb-fg);width:44px;height:44px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.lightbox .lb-btn:hover{background:var(--lb-btn-hover)}.lightbox .lb-btn:focus-visible{outline:2px solid var(--lb-fg);outline-offset:-2px}.lightbox .lb-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lightbox .lb-btn.is-active{background:var(--lb-btn-hover)}.lightbox .lb-stage{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-y}.lightbox .lb-stage img{max-width:calc(100% - 32px);max-height:calc(100vh - 160px);max-height:calc(100dvh - 160px);object-fit:contain;cursor:zoom-in;transition:transform var(--lb-transition),opacity var(--lb-transition);will-change:transform}.lightbox .lb-stage.is-switching img{opacity:0}.lightbox .lb-stage.is-zoomed img{cursor:grab;max-width:none;max-height:none;transition:none}.lightbox .lb-stage.is-zoomed.is-dragging img{cursor:grabbing}.lightbox .lb-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:52px;height:52px;border:none;border-radius:50%;background:#ffffff14;color:var(--lb-fg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,opacity .2s}.lightbox .lb-arrow:hover{background:#ffffff2e}.lightbox .lb-arrow svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lightbox .lb-arrow--prev{left:16px}.lightbox .lb-arrow--next{right:16px}.lightbox.is-zoomed .lb-arrow{opacity:0;pointer-events:none}.lightbox .lb-thumbs{height:88px;display:flex;align-items:center;justify-content:safe center;gap:8px;padding:8px 16px 16px;overflow-x:auto;scrollbar-width:none;z-index:25}.lightbox .lb-thumbs::-webkit-scrollbar{display:none}.lightbox .lb-thumb{flex:0 0 auto;width:88px;height:60px;padding:0;border:2px solid transparent;border-radius:3px;overflow:hidden;cursor:pointer;background:none;opacity:.55;transition:opacity .15s,border-color .15s}.lightbox .lb-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox .lb-thumb:hover{opacity:.85}.lightbox .lb-thumb.is-active{opacity:1;border-color:var(--lb-thumb-border)}.lightbox .lb-grid{position:absolute;top:56px;right:0;bottom:0;left:0;z-index:28;overflow-y:auto;padding:24px;display:none;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;align-content:start;background:var(--lb-bg)}.lightbox.is-grid .lb-grid{display:grid}.lightbox.is-grid .lb-stage,.lightbox.is-grid .lb-arrow,.lightbox.is-grid .lb-thumbs{visibility:hidden}.lightbox .lb-grid button{padding:0;border:2px solid transparent;border-radius:4px;overflow:hidden;cursor:pointer;background:none;aspect-ratio:4 / 3;transition:border-color .15s}.lightbox .lb-grid button:hover{border-color:#ffffff80}.lightbox .lb-grid button.is-active{border-color:var(--lb-thumb-border)}.lightbox .lb-grid img{width:100%;height:100%;object-fit:cover;display:block}.lightbox .lb-progress{position:absolute;bottom:0;left:0;height:2px;width:0;background:var(--lb-fg);z-index:40;opacity:0}.lightbox.is-playing .lb-progress{opacity:.8}@media(max-width:640px){.lightbox .lb-arrow{width:42px;height:42px}.lightbox .lb-arrow--prev{left:8px}.lightbox .lb-arrow--next{right:8px}.lightbox .lb-thumb{width:64px;height:46px}.lightbox .lb-thumbs{height:72px}.lightbox .lb-stage img{max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px)}}@media(prefers-reduced-motion:reduce){.lightbox,.lightbox .lb-stage img{transition:none}}.product__media img,[data-lightbox-trigger]{cursor:zoom-in}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-lightbox.css.map */