.qo-gallery{--qo-gutter: clamp(2rem, 4vw, 5.6rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden;overflow:clip}.qo-gallery__content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem 2.4rem}.qo-gallery__content>*{grid-column:1}.qo-slider{display:contents}.qo-slider__controls{grid-column:2;grid-row:1 / span 2;align-self:end;display:flex;align-items:center;gap:1.2rem}.qo-slider__count{margin-right:.6rem;font-size:1.2rem;font-variant-numeric:tabular-nums}.qo-slider__arrow{width:5.2rem;min-height:5.2rem;padding:0;justify-content:center;font-size:2rem}.qo-slider__arrow:disabled{opacity:.32;cursor:default}.qo-slider__track{grid-column:1 / -1;position:relative;display:flex;gap:2px;margin:2rem calc(-1 * var(--qo-gutter)) 0 0;padding:0 var(--qo-gutter) 0 0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;counter-reset:qo-slide}.qo-slider__track::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.qo-slider__track{cursor:grab}}.qo-slider__track.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.qo-slider__track:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.qo-slide{flex:0 0 min(78vw,42rem);scroll-snap-align:start;counter-increment:qo-slide}.qo-slide__figure{margin:0;display:flex;flex-direction:column;gap:1.2rem}.qo-slide__image{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}.qo-slide__image--placeholder{background:rgba(var(--color-foreground),.06)}.qo-slide__caption{display:flex;justify-content:space-between;gap:1.2rem;padding-right:1.2rem;font-size:1.1rem;color:rgba(var(--color-foreground),.6)}.qo-slide__num:before{content:counter(qo-slide,decimal-leading-zero)}.qo-gallery.is-pinned{height:calc(100vh + var(--qo-pin-distance, 0px) + var(--qo-pad-top, 96px) + var(--qo-pad-bottom, 96px))}.qo-gallery.is-pinned .qo-gallery__content{position:sticky;top:0;height:100vh;align-content:center}.qo-gallery.is-pinned .qo-slider__track{overflow:visible;scroll-snap-type:none;will-change:transform}.qo-gallery.is-pinned .qo-slide{flex-basis:min(42rem,calc((100vh - 30rem)*.75))}@media screen and (max-width:749px){.qo-slider__controls{grid-column:1;grid-row:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/qo-gallery.css.map */