.xo-product-info-variant--camo-flavor{--camo-flavor-gallery-card-width: 10.3rem;--camo-flavor-gallery-card-height: 17.8rem;--camo-flavor-gallery-gap: clamp(.7rem, 1.15vw, 1.1rem);--camo-flavor-gallery-edge-space: calc((100% - var(--camo-flavor-gallery-card-width)) / 2);position:relative;width:100%;overflow:hidden;padding:1.2rem 0 .9rem;border:.1rem solid rgba(17,17,17,.08);border-radius:1.8rem;background:#fff}.xo-product-info-variant--camo-flavor:before,.xo-product-info-variant--camo-flavor:after{content:"";position:absolute;z-index:20;top:0;bottom:0;width:clamp(1.8rem,8vw,5.4rem);pointer-events:none}.xo-product-info-variant--camo-flavor:before{left:0;background:linear-gradient(90deg,#fff,#ffffffbd 42%,#fff0)}.xo-product-info-variant--camo-flavor:after{right:0;background:linear-gradient(270deg,#fff,#ffffffbd 42%,#fff0)}.xo-product-info-variant--camo-flavor .camo-flavor-gallery{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--camo-flavor-gallery-gap);width:100%;min-height:calc(var(--camo-flavor-gallery-card-height) + 2.2rem);margin:0;padding:1.1rem var(--camo-flavor-gallery-edge-space) 1.5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--camo-flavor-gallery-edge-space);overscroll-behavior-inline:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;perspective:120rem;scroll-behavior:smooth}.xo-product-info-variant--camo-flavor .camo-flavor-gallery::-webkit-scrollbar{display:none}.camo-flavor-gallery__item{--camo-flavor-accent-resolved: var(--camo-flavor-accent, rgb(var(--color-accent, 188 133 61)));position:relative;flex:0 0 var(--camo-flavor-gallery-card-width);width:var(--camo-flavor-gallery-card-width);height:var(--camo-flavor-gallery-card-height);display:block;scroll-snap-align:center;scroll-snap-stop:always;isolation:isolate;transform:perspective(100rem) rotateY(5deg) scale(.91);transform-origin:center;opacity:.46;filter:saturate(.9) contrast(.98);transition:transform .72s cubic-bezier(.22,.8,.22,1),opacity .58s cubic-bezier(.22,.8,.22,1),filter .58s ease}.camo-flavor-gallery__item:has(~.is-camo-flavor-gallery-active),.camo-flavor-gallery__item.is-camo-flavor-gallery-active~.camo-flavor-gallery__item{transform:perspective(100rem) rotateY(5deg) scale(.91)}.camo-flavor-gallery__item:has(~.is-camo-flavor-gallery-active){transform:perspective(100rem) rotateY(-5deg) scale(.91)}.camo-flavor-gallery__item.is-camo-flavor-gallery-active{z-index:8;opacity:1;filter:none;transform:perspective(100rem) rotateY(0) translateZ(1.2rem) scale(1)}.camo-flavor-gallery__item .xo-field-radio{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;width:100%;height:100%;margin:0;cursor:pointer}.camo-flavor-gallery__item .xo-field-radio__input{position:absolute;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.camo-flavor-gallery__item .xo-field-radio__label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;min-width:0;width:100%;height:100%;padding:0;border:.18rem solid transparent;border-radius:1.8rem;background:transparent;color:transparent;box-shadow:none;transition:border-color .24s ease,box-shadow .24s ease}.camo-flavor-gallery__item .xo-field-radio__label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.camo-flavor-gallery__item.is-camo-flavor-gallery-active .xo-field-radio__label,.camo-flavor-gallery__item:focus-within .xo-field-radio__label{border-color:var(--camo-flavor-accent-resolved);box-shadow:0 0 0 .1rem color-mix(in srgb,var(--camo-flavor-accent-resolved) 16%,transparent),0 1.2rem 3.4rem #0000001c}.camo-flavor-gallery__artwork{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;border-radius:1.8rem;background:#fff;box-shadow:0 .8rem 2.2rem #00000017;pointer-events:none}.camo-flavor-gallery__image{width:100%;height:100%;display:block;object-fit:contain;object-position:center;transform:scale(.98);transition:transform .72s cubic-bezier(.22,.8,.22,1)}.is-camo-flavor-gallery-active .camo-flavor-gallery__image{transform:scale(1.012)}.camo-flavor-gallery__shade{position:absolute;z-index:2;top:46%;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(to bottom,#0000,#00000006 24%,#00000038 68%,#0000009e);transition:opacity .46s ease}.is-camo-flavor-gallery-active .camo-flavor-gallery__shade{opacity:1}.camo-flavor-gallery__reflection{position:absolute;z-index:-1;left:8%;right:8%;bottom:-.9rem;height:1.15rem;opacity:.09;border-radius:50%;background:radial-gradient(ellipse at center,#0003,#0000 70%);filter:blur(.55rem)}.camo-flavor-gallery__name{position:absolute;z-index:11;left:1.4rem;right:1.4rem;bottom:7.7rem;color:#fff;font-size:clamp(1.45rem,2.1vw,1.9rem);font-weight:800;line-height:.96;letter-spacing:-.04em;text-align:center;text-wrap:balance;text-shadow:0 .15rem .8rem rgba(0,0,0,.55);opacity:0;transform:translateY(.6rem);pointer-events:none;transition:opacity .42s ease,transform .58s cubic-bezier(.22,.8,.22,1)}.is-camo-flavor-gallery-active .camo-flavor-gallery__name{opacity:1;transform:translateY(0)}.camo-flavor-gallery__new-badge,.camo-flavor-gallery__item .camo-flavor-qty-badge{background:var(--camo-flavor-accent-resolved);color:#fff;box-shadow:0 .25rem 1rem #00000029}.camo-flavor-gallery__new-badge{position:absolute;z-index:13;top:1rem;left:1rem;min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999rem;font-size:1.05rem;font-weight:800;line-height:1;letter-spacing:.08em;pointer-events:none}.camo-flavor-gallery__item .camo-flavor-qty-badge{top:.8rem;right:.8rem;z-index:14;min-width:2.8rem;height:2.8rem;padding-inline:.65rem}.camo-flavor-gallery__item .camo-flavor-qty-step{z-index:15;top:auto;bottom:1.25rem;width:3.4rem;height:3.4rem;border:1px solid rgba(255,255,255,.3);background:#fff3;color:#fff;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(.8rem);opacity:0;pointer-events:none;transform:translateY(.7rem) scale(.94);-webkit-backdrop-filter:blur(3px);border-radius:16px}.camo-flavor-gallery__item .camo-flavor-qty-step--minus{left:1.15rem}.camo-flavor-gallery__item .camo-flavor-qty-step--plus{right:1.15rem}.camo-flavor-gallery__item.is-camo-flavor-gallery-active .camo-flavor-qty-step,.camo-flavor-gallery__item.is-camo-flavor-gallery-active:focus-within .camo-flavor-qty-step,.camo-flavor-gallery__item.is-camo-flavor-gallery-active:hover .camo-flavor-qty-step{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.camo-flavor-gallery__item .camo-flavor-qty-step:hover{border-color:var(--camo-flavor-accent-resolved);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--camo-flavor-accent-resolved) 22%,transparent),0 .4rem 1.5rem #00000038}.camo-flavor-gallery__item.has-camo-flavor-qty .xo-field-radio--boxed,.camo-flavor-gallery__item.has-camo-flavor-qty .xo-field-radio--boxed2{border-color:transparent}.camo-flavor-gallery__pagination{position:relative;z-index:24;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem;min-height:1.4rem;padding:0 1.4rem .25rem}.camo-flavor-gallery__dot{width:.55rem;height:.55rem;flex:0 0 .55rem;padding:0;border:0;border-radius:999rem;background:#1111112b;box-shadow:none;cursor:pointer;transition:width .46s cubic-bezier(.22,.8,.22,1),background-color .36s ease,transform .36s ease}.camo-flavor-gallery__dot.is-active{width:1.45rem;flex-basis:1.45rem;background:var(--camo-dot-accent, rgb(var(--color-accent, 188 133 61)))}.camo-flavor-gallery__dot:focus-visible{outline:.2rem solid currentColor;outline-offset:.25rem}.camo-flavor-gallery.is-camo-loop-jumping{scroll-snap-type:none;scroll-behavior:auto}@media(max-width:749px){.xo-product-info-variant--camo-flavor{--camo-flavor-gallery-card-width: clamp(10.3rem, 36vw, 12.2rem);--camo-flavor-gallery-card-height: clamp(17.8rem, 62vw, 21.1rem);--camo-flavor-gallery-gap: .3rem}.xo-product-info-variant--camo-flavor .camo-flavor-gallery{min-height:calc(var(--camo-flavor-gallery-card-height) + 2rem);padding-block:1rem}.camo-flavor-gallery__item{transform:perspective(90rem) rotateY(4deg) scale(.9)}.camo-flavor-gallery__item:has(~.is-camo-flavor-gallery-active){transform:perspective(90rem) rotateY(-4deg) scale(.9)}.camo-flavor-gallery__item.is-camo-flavor-gallery-active{transform:perspective(90rem) rotateY(0) translateZ(.8rem) scale(1)}.camo-flavor-gallery__item .camo-flavor-qty-step{width:4.2rem;height:4.2rem}}@media(prefers-reduced-motion:reduce){.camo-flavor-gallery__item,.camo-flavor-gallery__image,.camo-flavor-gallery__name,.camo-flavor-gallery__item .camo-flavor-qty-step{transition:none}.xo-product-info-variant--camo-flavor .camo-flavor-gallery{scroll-behavior:auto}}.xo-product-info-variant--camo-flavor .xo-field-radio--boxed .xo-field-radio__input:checked~.xo-field-radio__label,.xo-product-info-variant--camo-flavor .xo-field-radio--boxed2 .xo-field-radio__input:checked~.xo-field-radio__label{background:transparent}
/*# sourceMappingURL=/cdn/shop/t/63/assets/camo-flavor-gallery.css.map */