.oo-thumbnail-carousel{display:block;width:100%;aspect-ratio:2/3;overflow:hidden}.oo-thumbnail-carousel .oo-thumbnail-slide[hidden]{display:none}.oo-thumbnail-carousel .oo-thumbnail-image{display:block;width:100%;max-width:100%;height:100%;margin:0;object-fit:contain;object-position:center bottom}.oo-thumbnail-carousel .oo-thumbnail-image.woocommerce-placeholder{object-position:center center}.oo-thumbnail-carousel .oo-thumbnail-track{display:flex;gap:2px;width:100%;height:100%;background:#fff}.oo-thumbnail-carousel .oo-thumbnail-slide{flex:0 0 100%;min-width:0;height:100%}.oo-thumbnail-carousel.is-ready{overflow:hidden;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}.oo-thumbnail-carousel.is-ready .oo-thumbnail-track{transform:translate3d(0,0,0);transition:transform 220ms ease;will-change:transform}.oo-thumbnail-carousel.is-dragging .oo-thumbnail-track,.oo-thumbnail-carousel.is-pinching .oo-thumbnail-track{transition:none}.oo-thumbnail-indicator{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:22px}.oo-thumbnail-indicator-dot{box-sizing:border-box;width:7px;height:7px;border:1px solid #094f3a;border-radius:50%}.oo-thumbnail-indicator-dot.is-active{background:#094f3a}.oo-thumbnail-shell{position:relative;width:100%}.oo-thumbnail-shell>.oo-thumbnail-link{display:block;position:relative}.oo-thumbnail-shell>.oo-thumbnail-arrow{position:absolute;top:50%;z-index:100;display:grid;place-items:center;width:36px;height:40px;min-width:0;padding:0;margin:0;border:0;border-radius:4px;background:rgba(255,255,255,.9);color:#094f3a;box-shadow:0 1px 4px rgba(0,0,0,.12);transform:translateY(-50%);opacity:0;pointer-events:none;cursor:pointer;transition:opacity 150ms ease}.oo-thumbnail-shell>.oo-thumbnail-arrow::before{content:'';width:9px;height:9px;border:solid currentColor;border-width:0 2px 2px 0}.oo-thumbnail-shell>.oo-thumbnail-arrow--previous{left:6px}.oo-thumbnail-arrow--previous::before{transform:rotate(135deg);margin-left:4px}.oo-thumbnail-shell>.oo-thumbnail-arrow--next{right:6px}.oo-thumbnail-arrow--next::before{transform:rotate(-45deg);margin-right:4px}@media (hover:hover) and (pointer:fine){.oo-thumbnail-shell:hover>.oo-thumbnail-arrow{opacity:1;pointer-events:auto}.oo-thumbnail-shell:hover>.oo-thumbnail-arrow:disabled{opacity:.3;cursor:default}}.oo-thumbnail-shell:has(:focus-visible)>.oo-thumbnail-arrow,.oo-thumbnail-shell>.oo-thumbnail-arrow:focus-visible{opacity:1;pointer-events:auto}.oo-thumbnail-shell>.oo-thumbnail-arrow:focus-visible{outline:2px solid #094f3a;outline-offset:2px}.oo-thumbnail-shell:has(:focus-visible)>.oo-thumbnail-arrow:disabled{opacity:.3}@media (prefers-reduced-motion:reduce){.oo-thumbnail-carousel.is-ready .oo-thumbnail-track,.oo-thumbnail-shell>.oo-thumbnail-arrow{transition:none}}