.product-markers__groups{display:flex;flex-direction:column}@media(min-width:1200px){.product-markers__groups{flex-direction:row}}.product-markers__group{--marker-surface: var(--color-background);--marker-ink: var(--color-foreground);position:relative;width:100%;display:flex;flex-direction:column-reverse}@media(min-width:750px){.product-markers__group{flex-direction:column}}@media(min-width:1200px){.product-markers__group:not(:only-child){flex:1;min-width:0}}.product-markers__media{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden}.product-markers__media-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.product-markers__media-overlay{z-index:2}.product-markers__marker{position:absolute;z-index:3;transform:translate(-50%,-50%);width:3.2rem;height:3.2rem;padding:0;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:rgb(var(--marker-surface))}.product-markers__marker-dot{position:relative;width:1rem;height:1rem;flex-shrink:0;border:.1rem solid rgb(var(--marker-ink));border-radius:50%}.product-markers__marker-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:rgb(var(--marker-ink));transform:scale(0);transition:transform var(--duration-default) ease}.product-markers__marker.is-active .product-markers__marker-dot:after{transform:scale(1)}.product-markers__cards{order:-1;margin:1.6rem;overflow:hidden}.product-markers__cards-track{display:flex;width:100%;transform:translate(calc(var(--active-marker-index, 0) * -100%))}.product-markers__group.is-ready .product-markers__cards-track{transition:transform .6s cubic-bezier(.19,1,.22,1)}.product-markers__card{flex:0 0 100%;min-width:0;width:100%}@media(min-width:1200px){.product-markers__group{overflow:hidden}.product-markers__cards{--cards-hidden-x: calc(-100% - 2.4rem) ;position:absolute;z-index:4;bottom:2.4rem;inset-inline-start:2.4rem;order:0;margin:0;width:34rem;max-width:calc(100% - 4.8rem);pointer-events:none;transform:translate(var(--cards-hidden-x))}.product-markers__group.is-ready .product-markers__cards{transition:transform .6s cubic-bezier(.19,1,.22,1)}.product-markers__group:only-child .product-markers__cards,.product-markers__group:nth-child(2) .product-markers__cards{--cards-hidden-x: calc(100% + 2.4rem) ;inset-inline-start:auto;inset-inline-end:2.4rem}.product-markers__group.is-revealed .product-markers__cards{transform:translate(0)}.product-markers__card{pointer-events:none}.product-markers__card.is-active{pointer-events:auto}}[data-scheme=dark] .product-markers__group{--marker-surface: var(--color-foreground);--marker-ink: var(--color-overlay)}@media(prefers-color-scheme:dark){[data-scheme=auto] .product-markers__group{--marker-surface: var(--color-foreground);--marker-ink: var(--color-overlay)}}[dir=rtl] .product-markers__cards-track{transform:translate(calc(var(--active-marker-index, 0) * 100%))}[dir=rtl] .product-markers__cards{--cards-hidden-x: calc(100% + 2.4rem) }[dir=rtl] .product-markers__group:only-child .product-markers__cards,[dir=rtl] .product-markers__group:nth-child(2) .product-markers__cards{--cards-hidden-x: calc(-100% - 2.4rem) }
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-markers.css.map */