.ww-gallery{--thumb-size:90px;--gap:18px;--radius:16px;display:grid;grid-template-columns:var(--thumb-size) 1fr;gap:var(--gap);width:100%;align-items:start}.ww-gallery__viewer{position:relative;width:100%}.ww-gallery__viewport{position:relative;overflow:hidden;width:100%;display:block;max-width:100%}.ww-gallery__track{position:relative;width:100%;overflow:hidden}.ww-gallery__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;transition:transform .35s ease,opacity .35s ease;will-change:transform,opacity}.ww-gallery__slide img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ww-gallery__thumbs{display:flex;flex-direction:column;gap:12px;position:sticky;top:20px}.ww-thumb{width:var(--thumb-size);aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:12px;overflow:hidden;cursor:pointer;transition:.25s;padding:6px}.ww-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}.ww-thumb{border:1.5px solid transparent;box-sizing:border-box;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.ww-thumb.is-active{border-color:#111;box-shadow:0 4px 12px #0000001a}@media(hover:hover){.ww-thumb:hover{transform:translateY(-2px)}}.ww-gallery[data-desktop=left]{display:grid;grid-template-columns:var(--thumb-size) 1fr}.ww-gallery[data-desktop=left] .ww-gallery__thumbs{grid-column:1;grid-row:1}.ww-gallery[data-desktop=left] .ww-gallery__viewer{grid-column:2;grid-row:1}.ww-gallery[data-desktop=bottom]{display:flex;flex-direction:column}.ww-gallery[data-desktop=bottom] .ww-gallery__viewer{order:1}.ww-gallery[data-desktop=bottom] .ww-gallery__thumbs{order:2;display:flex;flex-direction:row;justify-content:center;gap:12px;margin-top:3px;position:static;overflow-x:auto;scrollbar-width:none}.ww-gallery[data-desktop=bottom] .ww-gallery__thumbs::-webkit-scrollbar{display:none}.ww-gallery[data-desktop=hidden]{grid-template-columns:1fr}.ww-gallery[data-desktop=hidden] .ww-gallery__thumbs{display:none}@media(max-width:989px){.ww-gallery[data-mobile=hidden] .ww-gallery__dots{display:flex;order:2}.ww-gallery{display:flex!important;flex-direction:column;width:100%;gap:0;grid-template-columns:none!important;grid-template-rows:none!important}.ww-gallery__viewer{display:flex;flex-direction:column;gap:0;order:1;width:100%;margin:0;grid-column:auto!important;grid-row:auto!important}.ww-gallery__thumbs{order:2;grid-column:auto!important;grid-row:auto!important}.ww-gallery__viewer{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}.ww-gallery__thumbs{position:static}.ww-gallery[data-mobile=bottom] .ww-gallery__thumbs{display:flex;flex-direction:row;justify-content:center;gap:10px;padding:14px 12px;overflow-x:auto;scrollbar-width:none}.ww-gallery[data-mobile=bottom] .ww-gallery__thumbs::-webkit-scrollbar{display:none}.ww-gallery[data-mobile=hidden] .ww-gallery__thumbs{display:none}.ww-thumb{width:72px;flex:0 0 auto}}.ww-gallery__viewport{position:relative;overflow:hidden;width:100%}.ww-gallery__arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border:none;border-radius:50%;background:#ffffffeb;box-shadow:0 8px 20px #00000026;color:#111;font-size:18px;font-weight:700;align-items:center;justify-content:center;cursor:pointer;z-index:50}.ww-gallery__arrow--prev{left:20px}.ww-gallery__arrow--next{right:20px}@media(min-width:990px){.ww-gallery[data-desktop=hidden] .ww-gallery__arrow{display:flex}}@media(max-width:989px){.ww-gallery__arrow{display:none!important}}.ww-gallery__dots{display:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 0}.ww-gallery__dot{appearance:none;-webkit-appearance:none;width:6px;height:6px;border:none;border-radius:50%;background:#cfcfcf;padding:0;cursor:pointer;transition:.25s}.ww-gallery__dot.is-active{background:#111;transform:scale(1.7)}@media(max-width:989px){.ww-gallery[data-mobile=hidden] .ww-gallery__dots{display:flex}}.ww-thumb:focus-visible,.ww-gallery__arrow:focus-visible,.ww-gallery__dot:focus-visible{outline:2px solid #111;outline-offset:3px}.slider-button,.thumbnail-slider .slider-button,.product__media-wrapper .slider-buttons,.product__media-wrapper .slider-counter{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/92/assets/ww-gallery.css.map */