.tb-preview-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999992;display:none;color:#1f1f24;font-family:inherit;background:#000000b8}.tb-preview-zoom.is-open{display:block;animation:tbPreviewBackdropIn .18s ease-out both}.tb-preview-zoom__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.tb-preview-zoom__shell{position:absolute;top:20px;right:20px;bottom:20px;left:20px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;pointer-events:none}.tb-preview-zoom__viewport{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;pointer-events:auto;touch-action:none}.tb-preview-zoom__stage{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(720px,calc(100vw - 96px));max-height:calc(100dvh - 152px);will-change:transform,opacity}.tb-preview-zoom.is-opening .tb-preview-zoom__shell{animation:tbPreviewShellIn .26s cubic-bezier(.2,.9,.2,1) both}.tb-preview-zoom.is-changing-next .tb-preview-zoom__stage{animation:tbPreviewImageNext .24s cubic-bezier(.2,.9,.2,1) both}.tb-preview-zoom.is-changing-prev .tb-preview-zoom__stage{animation:tbPreviewImagePrev .24s cubic-bezier(.2,.9,.2,1) both}.tb-preview-zoom__image{display:block;width:auto;height:auto;max-width:min(720px,calc(100vw - 96px));max-height:calc(100dvh - 152px);object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 18px 60px #00000047;transform:translate3d(var(--tb-pan-x, 0px),var(--tb-pan-y, 0px),0) scale(var(--tb-scale, 1));transform-origin:center center;transition:transform .16s ease;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tb-preview-zoom.is-zoomed .tb-preview-zoom__image{cursor:grab;transition:none}.tb-preview-zoom.is-dragging .tb-preview-zoom__image{cursor:grabbing}.tb-preview-zoom__button{position:absolute;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;border:0;border-radius:999px;background:#141414d1;color:#fff;cursor:pointer;pointer-events:auto;box-shadow:0 4px 14px #0000002e;transition:background .14s ease,opacity .14s ease,transform .14s ease}.tb-preview-zoom__button:hover,.tb-preview-zoom__button:focus-visible{background:#141414f0}.tb-preview-zoom__button[disabled]{opacity:.38;cursor:default}.tb-preview-zoom__button svg{width:20px;height:20px}.tb-preview-zoom__close{top:0;right:0}.tb-preview-zoom__prev,.tb-preview-zoom__next{top:50%;transform:translateY(-50%)}.tb-preview-zoom__prev:active,.tb-preview-zoom__next:active{transform:translateY(-50%) scale(.94)}.tb-preview-zoom__prev{left:0}.tb-preview-zoom__next{right:0}.tb-preview-zoom__tools{position:absolute;left:50%;bottom:0;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#141414b8;transform:translate(-50%);pointer-events:auto}.tb-preview-zoom__tool{position:static;width:34px;height:34px;min-width:34px;min-height:34px;background:transparent;box-shadow:none}.tb-preview-zoom__tool:active,.tb-preview-zoom__close:active{transform:scale(.94)}.tb-preview-zoom__counter{min-width:48px;color:#fff;font-size:13px;font-weight:600;line-height:1;text-align:center}.tb-preview-zoom__thumbs{display:flex;justify-content:center;gap:8px;max-width:min(720px,calc(100vw - 96px));margin:0 auto;padding:0 56px;overflow-x:auto;pointer-events:auto;scrollbar-width:thin}.tb-preview-zoom__thumb{flex:0 0 58px;width:58px;height:58px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;opacity:.72;transform:translateY(0);transition:border-color .16s ease,box-shadow .16s ease,opacity .16s ease,transform .16s ease}.tb-preview-zoom__thumb.is-active{border-color:#d93030;box-shadow:0 5px 14px #d9303038;opacity:1;transform:translateY(-2px)}.tb-preview-zoom__thumb img{display:block;width:100%;height:100%;object-fit:cover}body.tb-preview-zoom-open{overflow:hidden!important}@keyframes tbPreviewBackdropIn{0%{background:#0000}to{background:#000000b8}}@keyframes tbPreviewShellIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tbPreviewImageNext{0%{opacity:.28;transform:translate(18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes tbPreviewImagePrev{0%{opacity:.28;transform:translate(-18px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@media screen and (max-width:749px){.tb-preview-zoom__shell{top:10px;right:10px;bottom:10px;left:10px;gap:10px}.tb-preview-zoom__stage,.tb-preview-zoom__image{max-width:calc(100vw - 20px);max-height:calc(100dvh - 132px)}.tb-preview-zoom__prev,.tb-preview-zoom__next{width:36px;height:36px;min-width:36px;min-height:36px}.tb-preview-zoom__thumbs{justify-content:flex-start;max-width:calc(100vw - 20px);padding:0 44px}.tb-preview-zoom__thumb{flex-basis:52px;width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.tb-preview-zoom,.tb-preview-zoom *,.tb-preview-zoom:before,.tb-preview-zoom:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/preview-slide-zoom.css.map */