.wb-gallery{display:grid;gap:var(--wb-space-3);grid-template-columns:minmax(0,1fr);position:relative}.wb-gallery__stage{background:var(--wb-color-surface-alt);border-radius:var(--wb-radius-lg);isolation:isolate;overflow:hidden;position:relative}.wb-gallery__viewer{position:relative}.wb-gallery .product__media-list{display:block;list-style:none;margin:0;padding:0;width:100%}.wb-gallery__badge{left:var(--wb-space-3);position:absolute;top:var(--wb-space-3);z-index:3}.wb-gallery .product__media-item{display:none;margin:0;max-width:100%;padding:0;width:100%}.wb-gallery .product__media-item.is-active{display:block}.wb-gallery .product-media-container{border:0;border-radius:var(--wb-radius-lg);box-shadow:none;overflow:hidden}.wb-gallery .product-media-container img,.wb-gallery .product-media-container video,.wb-gallery .product-media-container iframe{border-radius:var(--wb-radius-lg)}.wb-gallery__placeholder{background:var(--wb-color-surface-alt);border-radius:var(--wb-radius-lg);display:block;width:100%}.wb-gallery__badge .wb-tag{align-items:center;background:var(--wb-color-primary);box-shadow:var(--wb-shadow-sm);color:var(--wb-color-background);display:inline-flex;gap:.5rem;padding:.6rem 1.2rem}.wb-gallery__badge .wb-tag__icon{color:var(--wb-color-accent-soft);height:1.5rem;width:1.5rem}.wb-gallery__nav{align-items:center;background:#3f2a208c;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:4rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .2s ease;width:4rem;z-index:3}.wb-gallery__nav:hover{background:#3f2a20c7}.wb-gallery__nav:focus-visible{box-shadow:var(--wb-focus);outline:none}.wb-gallery__nav span{border-right:2px solid currentColor;border-top:2px solid currentColor;height:1rem;width:1rem}.wb-gallery__nav--prev{left:var(--wb-space-3)}.wb-gallery__nav--prev span{margin-left:.3rem;transform:rotate(-135deg)}.wb-gallery__nav--next{right:var(--wb-space-3)}.wb-gallery__nav--next span{margin-right:.3rem;transform:rotate(45deg)}.wb-gallery__counter{background:#3f2a208c;border-radius:var(--wb-radius-pill);bottom:var(--wb-space-3);color:#fff;font-family:var(--wb-font-body);font-size:var(--wb-text-micro);font-weight:var(--wb-weight-medium);letter-spacing:var(--wb-tracking-badge);margin:0;padding:.4rem 1rem;position:absolute;right:var(--wb-space-3);z-index:3}.wb-gallery__caption{bottom:var(--wb-space-4);color:#fff;font-family:var(--wb-font-display);font-size:var(--wb-text-h4);font-style:italic;font-weight:var(--wb-weight-display-light);line-height:var(--wb-leading-h4);margin:0;max-width:60%;position:absolute;right:var(--wb-space-5);text-align:right;text-shadow:0 1px 12px rgba(40,22,14,.55);z-index:2}.wb-gallery__rail{scrollbar-width:none}.wb-gallery__rail::-webkit-scrollbar{display:none}.wb-gallery__rail-list{display:flex;gap:var(--wb-space-2);list-style:none;margin:0;padding:0}.wb-gallery__thumb{flex:0 0 auto}.wb-gallery__thumb-btn{background:var(--wb-color-surface-alt);border:2px solid transparent;border-radius:var(--wb-radius-sm);cursor:pointer;display:block;height:100%;overflow:hidden;padding:0;position:relative;width:100%}.wb-gallery__thumb-btn img{aspect-ratio:1;display:block;height:100%;object-fit:cover;width:100%}.wb-gallery__thumb-btn[aria-current=true]{border-color:var(--wb-color-primary)}.wb-gallery__thumb-btn:focus-visible{box-shadow:var(--wb-focus);outline:none}.wb-gallery__thumb--video .wb-gallery__thumb-btn,.wb-gallery__thumb--model .wb-gallery__thumb-btn{background:var(--wb-color-primary)}.wb-gallery__thumb--video .wb-gallery__thumb-btn img,.wb-gallery__thumb--model .wb-gallery__thumb-btn img{opacity:.45}.wb-gallery__thumb-badge{align-items:center;background:#ffffffeb;border-radius:50%;color:var(--wb-color-primary);display:flex;height:2.4rem;justify-content:center;left:50%;position:absolute;top:42%;transform:translate(-50%,-50%);width:2.4rem}.wb-gallery__thumb-badge .wb-icon{height:1.4rem;width:1.4rem}.wb-gallery__thumb-label{bottom:.5rem;color:#fff;font-family:var(--wb-font-body);font-size:1rem;font-weight:var(--wb-weight-semibold);left:0;letter-spacing:var(--wb-tracking-badge);position:absolute;right:0;text-align:center}@media screen and (min-width:750px){.wb-gallery--has-rail{align-items:start;gap:var(--wb-space-3);grid-template-columns:8rem minmax(0,1fr)}.wb-gallery__rail{max-height:100%;overflow-y:auto}.wb-gallery__rail-list{flex-direction:column}.wb-gallery__thumb{width:8rem}.wb-gallery__nav{height:4.4rem;opacity:0;transition:opacity .2s ease,background-color .2s ease;width:4.4rem}.wb-gallery__stage:hover .wb-gallery__nav,.wb-gallery__nav:focus-visible{opacity:1}.wb-gallery__counter{display:none}}@media screen and (max-width:749px){.wb-gallery{gap:var(--wb-space-2)}.wb-gallery__rail{order:2;overflow-x:auto;padding-bottom:.4rem;scroll-snap-type:x proximity}.wb-gallery__thumb{scroll-snap-align:start;width:5.6rem}.wb-gallery__stage{border-radius:var(--wb-radius-md);order:1}.wb-gallery .product-media-container,.wb-gallery .product-media-container img{border-radius:var(--wb-radius-md)}.wb-gallery__nav{height:3.6rem;width:3.6rem}.wb-gallery__caption{display:none}}@media(prefers-reduced-motion:reduce){.wb-gallery *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/wobblebag-gallery.css.map */