.zb-gallery{--zb-gallery-ratio: 4 / 5;--zb-gallery-thumb-w: 76px;--zb-gallery-thumb-h: 95px;--zb-gallery-arrow: 44px;--zb-gallery-edge: 8px;--zb-gallery-photo-bg: var(--zb-white, #fff);display:block;position:relative;inline-size:100%}.zb-gallery .zb-gallery__media{display:block;position:relative;inset-block-start:auto;margin-block-start:0;inline-size:100%}.zb-gallery .zb-gallery__slideshow{inline-size:100%}.zb-gallery .zb-gallery__slide{aspect-ratio:var(--zb-gallery-ratio);scroll-snap-stop:always}.zb-gallery [data-zb-zoom] .zb-gallery__slide{cursor:zoom-in}.zb-gallery .zb-gallery__frame{display:block;position:relative;inline-size:100%;block-size:100%;aspect-ratio:auto;max-block-size:none;overflow:hidden}.zb-gallery .zb-gallery__frame:not(.is-loading){background-color:var(--zb-gallery-photo-bg)}.zb-gallery .zb-gallery__photo{display:block;inline-size:100%;block-size:100%;aspect-ratio:auto;object-fit:contain;background-color:var(--zb-gallery-photo-bg)}.zb-gallery .zb-gallery__empty{aspect-ratio:var(--zb-gallery-ratio);background-color:var(--zb-gallery-photo-bg)}.zb-gallery .zb-gallery__placeholder{inline-size:100%;block-size:100%}.zb-gallery .zb-gallery__nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.zb-gallery .zb-gallery__arrow{position:absolute;inset-block-start:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center;inline-size:var(--zb-gallery-arrow);block-size:var(--zb-gallery-arrow);padding:0;border:1px solid var(--zb-stone, #e4ddd4);border-radius:0;background-color:#faf7f2e0;color:var(--zb-ink, #1c1612);cursor:pointer;pointer-events:auto;transition:background-color .2s ease}.zb-gallery .zb-gallery__arrow--previous{inset-inline-start:var(--zb-gallery-edge)}.zb-gallery .zb-gallery__arrow--next{inset-inline-end:var(--zb-gallery-edge)}.zb-gallery .zb-gallery__arrow:hover{background-color:var(--zb-ivory, #faf7f2)}.zb-gallery .zb-gallery__arrow:focus-visible{outline:2px solid var(--zb-highlight, #0e4a4a);outline-offset:2px}.zb-gallery .zb-gallery__progress{position:absolute;inset-inline:16px;inset-block-end:12px;z-index:2;display:flex;align-items:center;gap:12px;pointer-events:none}.zb-gallery .zb-gallery__track{position:relative;flex:1 1 auto;block-size:1px;background-color:#1c161259;box-shadow:0 0 0 1px #faf7f273}.zb-gallery .zb-gallery__fill{position:absolute;inset-block-start:-1px;inset-inline-start:0;inline-size:calc(100% / var(--zb-n, 1));block-size:3px;background-color:var(--zb-primary, #0e4a4a);box-shadow:0 0 0 1px #faf7f2b3;translate:calc(var(--zb-i, 0) * 100%) 0}[dir=rtl] .zb-gallery .zb-gallery__fill{translate:calc(var(--zb-i, 0) * -100%) 0}.zb-gallery .zb-gallery__count{flex:none;min-inline-size:46px;padding:2px 8px;background-color:#faf7f2eb;color:var(--zb-ink, #1c1612);font-size:12px;line-height:16px;letter-spacing:.1em;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.zb-gallery .zb-gallery__thumbs{display:none}.zb-gallery .zb-gallery__hold{position:absolute;z-index:5;overflow:hidden;background-color:var(--zb-gallery-photo-bg);pointer-events:none}.zb-gallery .zb-gallery__hold img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.zb-gallery .zb-gallery__hold.is-dim img{opacity:.55;transition:opacity .25s ease}@media(min-width:960px){.zb-gallery{position:sticky;inset-block-start:calc(var(--header-height, 0px) + 20px);z-index:var(--layer-flat, 0)}.zb-gallery .zb-gallery__slideshow{display:grid;grid-template-columns:var(--zb-gallery-thumb-w) minmax(0,1fr);column-gap:14px;align-items:start}.zb-gallery .zb-gallery__slideshow>slideshow-container{grid-column:2;grid-row:1;max-inline-size:max(360px,calc((100vh - 160px)*.8))}.zb-gallery .zb-gallery__thumbs{display:block;grid-column:1;grid-row:1;position:relative;align-self:stretch}.zb-gallery .zb-gallery__thumbs-scroll{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;scrollbar-width:none}.zb-gallery .zb-gallery__thumbs-scroll::-webkit-scrollbar{display:none}.zb-gallery .zb-gallery__thumb{flex:none;display:block;inline-size:var(--zb-gallery-thumb-w);block-size:var(--zb-gallery-thumb-h);padding:0;border:1px solid transparent;border-radius:0;opacity:.72;overflow:hidden;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.zb-gallery .zb-gallery__thumb:not(.is-loading){background-color:var(--zb-gallery-photo-bg)}.zb-gallery .zb-gallery__thumb img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.zb-gallery .zb-gallery__thumb:hover,.zb-gallery .zb-gallery__thumb[aria-selected=true]{opacity:1}.zb-gallery .zb-gallery__thumb[aria-selected=true]{border-color:var(--zb-ink, #1c1612)}.zb-gallery .zb-gallery__thumb:focus-visible{outline:2px solid var(--zb-highlight, #0e4a4a);outline-offset:-2px;opacity:1}}.zb-gallery .zb-gallery__dialog{inline-size:100vw;block-size:100dvh;max-inline-size:100%;max-block-size:100%;margin:0;padding:0;border:0;overflow:hidden;background-color:var(--color-background, var(--zb-ivory, #faf7f2));color:var(--zb-ink, #1c1612);opacity:0;transition:opacity .18s ease}.zb-gallery .zb-gallery__dialog[open]{opacity:1}.zb-gallery .zb-gallery__dialog::backdrop{background:transparent}.zb-gallery .zb-gallery__zoom-list{display:flex;inline-size:100%;block-size:100%;margin:0;padding:0;list-style:none;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.zb-gallery .zb-gallery__zoom-list::-webkit-scrollbar{display:none}.zb-gallery .zb-gallery__zoom-list.is-dragging{scroll-snap-type:none}@media(pointer:coarse){.zb-gallery .zb-gallery__zoom-item{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}}.zb-gallery .zb-gallery__zoom-item{display:flex;flex:0 0 100%;inline-size:100%;block-size:100dvh;aspect-ratio:auto;max-block-size:none;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}.zb-gallery .zb-gallery__zoom-wrap{display:flex;flex:1;inline-size:100%;block-size:100%;align-items:center;justify-content:center;overflow:hidden}.zb-gallery .zb-gallery__zoom-photo{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;inline-size:100%;block-size:100%;aspect-ratio:auto;object-fit:contain}@media(pointer:coarse){.zb-gallery .zb-gallery__zoom-wrap{transform:translate(var(--zb-zx, 0px),var(--zb-zy, 0px)) scale(var(--zb-zs, 1))}.zb-gallery .zb-gallery__zoom-wrap.is-active-layer{will-change:transform}.zb-gallery .zb-gallery__zoom-wrap.is-easing{transition:transform .2s ease-out}}.zb-gallery .zb-gallery__dialog.is-bare :is(.zb-gallery__close,.zb-gallery__zoom-arrow){visibility:hidden}@media(pointer:fine){.zb-gallery .zb-gallery__zoom-item.is-zoomed{overflow:auto;cursor:grab;scrollbar-width:none}.zb-gallery .zb-gallery__zoom-item.is-zoomed.is-panning{cursor:grabbing}.zb-gallery .zb-gallery__zoom-item.is-zoomed .zb-gallery__zoom-wrap{flex:none;inline-size:auto;block-size:auto;margin:auto;overflow:visible}.zb-gallery .zb-gallery__zoom-item.is-zoomed .zb-gallery__zoom-photo{inline-size:var(--zb-w);block-size:var(--zb-h);max-inline-size:none;max-block-size:none}}.zb-gallery .zb-gallery__close{position:absolute;inset-block-start:10px;inset-inline-end:10px;z-index:3;display:flex;align-items:center;justify-content:center;inline-size:42px;block-size:42px;padding:0;border:0;border-radius:50%;background-color:#faf7f2bf;color:var(--zb-ink, #1c1612);cursor:pointer}@media(max-width:719px){.zb-gallery .zb-gallery__close{inline-size:36px;block-size:36px}.zb-gallery .zb-gallery__close svg{inline-size:16px;block-size:16px}}.zb-gallery .zb-gallery__close:focus-visible,.zb-gallery .zb-gallery__zoom-arrow:focus-visible{outline:2px solid var(--zb-highlight, #0e4a4a);outline-offset:2px}.zb-gallery .zb-gallery__zoom-arrow{display:none;position:absolute;inset-block-start:50%;translate:0 -50%;z-index:2;inline-size:70px;block-size:100px;padding:0;border:0;background:none;color:var(--zb-ink, #1c1612);cursor:pointer;align-items:center;justify-content:center}.zb-gallery .zb-gallery__zoom-arrow--previous{inset-inline-start:0}.zb-gallery .zb-gallery__zoom-arrow--next{inset-inline-end:0}@media(pointer:fine){.zb-gallery .zb-gallery__dialog.has-mouse .zb-gallery__zoom-arrow{display:flex}}@media(prefers-reduced-motion:reduce){.zb-gallery .zb-gallery__arrow,.zb-gallery .zb-gallery__thumb,.zb-gallery .zb-gallery__dialog,.zb-gallery .zb-gallery__zoom-wrap.is-easing,.zb-gallery .zb-gallery__hold.is-dim img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/zerbay-product-gallery.css.map */