upsell-gallery.upsell__image{display:block}.upsell-gallery__trigger{position:relative;display:block;padding:0;line-height:0;border-radius:var(--image-border-radius);cursor:zoom-in;touch-action:manipulation}.upsell-gallery__trigger:focus-visible,.upsell-gallery__close:focus-visible,.upsell-gallery__arrow:focus-visible,.upsell-gallery__thumbnail:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.upsell-gallery__zoom{position:absolute;right:.4rem;bottom:.4rem;display:grid;place-items:center;width:2.8rem;height:2.8rem;color:rgb(var(--color-foreground));background:rgba(var(--color-background),.9);border:.1rem solid rgba(var(--color-foreground),.15);border-radius:50%;box-shadow:0 .2rem .6rem #0000001f;transition:opacity var(--duration-short) ease,transform var(--duration-short) ease}.upsell-gallery__zoom .icon{width:1.4rem;height:1.4rem}@media(hover:hover)and (pointer:fine){.upsell-gallery__trigger:hover .upsell-gallery__zoom{transform:scale(1.08)}}.upsell-gallery__dialog{width:min(96vw,112rem);max-width:none;height:min(94dvh,90rem);max-height:none;margin:auto;padding:0;overflow:visible;color:rgb(var(--color-foreground));background:transparent;border:0}.upsell-gallery__dialog::backdrop{background:#000000b8;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem)}.upsell-gallery__panel{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;overflow:hidden;background:rgb(var(--color-background));border-radius:.8rem;box-shadow:0 2rem 6rem #00000059}.upsell-gallery__header{display:grid;grid-template-columns:minmax(0,1fr) auto 4.8rem;align-items:center;gap:1.2rem;min-height:5.6rem;padding:.4rem .8rem .4rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.upsell-gallery__title{min-width:0;margin:0;overflow:hidden;font-size:1.5rem;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.upsell-gallery__status{font-size:1.3rem;font-variant-numeric:tabular-nums;opacity:.7}.upsell-gallery__close,.upsell-gallery__arrow{display:grid;place-items:center;width:4.8rem;height:4.8rem;padding:0;border-radius:50%;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06);touch-action:manipulation;transition:background-color var(--duration-short) ease,opacity var(--duration-short) ease}.upsell-gallery__close:hover,.upsell-gallery__arrow:hover{background:rgba(var(--color-foreground),.12)}.upsell-gallery__close .icon,.upsell-gallery__arrow .icon{width:1.8rem;height:1.8rem}.upsell-gallery__stage{display:grid;grid-template-columns:5.6rem minmax(0,1fr) 5.6rem;align-items:center;gap:1.2rem;flex:1;min-height:0;padding:1.6rem 2rem;overflow:hidden;touch-action:pan-y}.upsell-gallery__arrow:disabled{visibility:hidden}.upsell-gallery__arrow--previous .icon{transform:rotate(90deg)}.upsell-gallery__arrow--next .icon{transform:rotate(-90deg)}.upsell-gallery__main-image-wrapper{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}upsell-gallery.upsell__image .upsell-gallery__main-image{display:block;width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;transition:opacity var(--duration-short) ease}.upsell-gallery__main-image.is-loading{opacity:.55}.upsell-gallery__thumbnails{display:flex;flex:0 0 auto;gap:.8rem;max-width:100%;padding:1.2rem 2rem 1.6rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scrollbar-width:thin;border-top:.1rem solid rgba(var(--color-foreground),.12)}.upsell-gallery__thumbnail{flex:0 0 7.2rem;width:7.2rem;height:7.2rem;padding:.2rem;overflow:hidden;background:rgb(var(--color-background));border:.2rem solid transparent;border-radius:.5rem;opacity:.65;touch-action:manipulation;transition:border-color var(--duration-short) ease,opacity var(--duration-short) ease}.upsell-gallery__thumbnail:hover,.upsell-gallery__thumbnail.is-active{opacity:1}.upsell-gallery__thumbnail.is-active{border-color:rgb(var(--accent-color))}upsell-gallery.upsell__image .upsell-gallery__thumbnail img{display:block;width:100%;height:100%;border-radius:.25rem;object-fit:cover}html.upsell-gallery-open{overflow:hidden}@media screen and (max-width:749px){.upsell-gallery__dialog{width:100vw;height:100dvh;margin:0}.upsell-gallery__panel{border-radius:0}.upsell-gallery__header{grid-template-columns:minmax(0,1fr) auto 4.8rem;min-height:5.6rem;padding:max(.4rem,env(safe-area-inset-top)) .8rem .4rem 1.6rem}.upsell-gallery__stage{grid-template-columns:4.8rem minmax(0,1fr) 4.8rem;gap:.4rem;padding:.8rem .4rem}.upsell-gallery__arrow{width:4.4rem;height:4.4rem}.upsell-gallery__thumbnails{gap:.8rem;padding:1rem 1.2rem max(1.2rem,env(safe-area-inset-bottom))}.upsell-gallery__thumbnail{flex-basis:6.4rem;width:6.4rem;height:6.4rem}}@media screen and (max-height:500px){.upsell-gallery__header{min-height:4.8rem}.upsell-gallery__stage{padding-block:.4rem}.upsell-gallery__thumbnails{padding-block:.6rem}.upsell-gallery__thumbnail{flex-basis:5.2rem;width:5.2rem;height:5.2rem}}@media(prefers-reduced-motion:reduce){.upsell-gallery__zoom,.upsell-gallery__close,.upsell-gallery__arrow,.upsell-gallery__main-image,.upsell-gallery__thumbnail{transition:none}.upsell-gallery__thumbnails{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/upsell-gallery.css.map */