.ingredient-spotlight{--is-accent-1: #b8916a;--is-accent-2: #c07a8e;--is-accent-3: #6e95a6;--is-accent-1-light: rgba(184, 145, 106, .12);--is-accent-2-light: rgba(192, 122, 142, .12);--is-accent-3-light: rgba(110, 149, 166, .12);--is-accent-1-text: #7a5c2e;--is-accent-2-text: #7a3650;--is-accent-3-text: #20576e;--is-card-bg: #f5f2ec;--is-card-text: rgba(10, 10, 10, .88);--is-card-desc: rgba(10, 10, 10, .58)}.is__header{text-align:center;max-width:60rem;margin:0 auto 5.6rem;padding:0 2rem}.is__kicker{display:inline-flex;align-items:center;gap:1.2rem;font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(var(--color-foreground),.45);margin-bottom:2rem;font-weight:400}.is__kicker:before,.is__kicker:after{content:"";display:block;width:2.4rem;height:1px;background:rgba(var(--color-foreground),.2);flex-shrink:0}.is__heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:3.2rem;color:rgba(var(--color-foreground),.95);line-height:1.15;margin:0 0 1.6rem;letter-spacing:-.025em;text-transform:var(--is-heading-text-transform, none)}@media(min-width:900px){.is__heading{font-size:4.4rem}}.is__subtext{font-size:1.5rem;color:rgba(var(--color-foreground),.5);line-height:1.7;margin:0;font-style:italic}.is__carousel-outer,.is__track-wrapper{position:relative}.is__mobile-controls{display:flex;justify-content:flex-end;gap:1rem;margin-bottom:2.4rem}@media(min-width:900px){.is__mobile-controls{display:none}}.is__nav{width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(var(--color-foreground),.18);background:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.6);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,color .2s ease;flex-shrink:0;padding:0}.is__nav:hover{background:rgba(var(--color-foreground),.1);border-color:rgba(var(--color-foreground),.35);color:rgb(var(--color-foreground))}.is__nav:active{background:rgba(var(--color-foreground),.15)}.is__track{display:flex;gap:2rem;overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-left:var(--xo-container-gap, 20px);-webkit-overflow-scrolling:touch;touch-action:pan-x pinch-zoom;overscroll-behavior-x:contain;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;margin-inline:calc(-1 * var(--xo-container-gap, 20px));padding:.8rem var(--xo-container-gap, 20px) 1.6rem}.is__track:active{cursor:grabbing}.is__track.is__track--dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.is__track::-webkit-scrollbar{display:none}@media(min-width:900px){.is__track{display:grid;grid-template-columns:repeat(3,1fr);overflow:visible;touch-action:auto;margin-inline:0;padding:1.2rem 0;gap:2.8rem;cursor:default}}.is__card{background-color:var(--is-card-bg);border-radius:var(--is-card-radius, 2rem);padding:3.2rem 2.8rem 3.6rem;position:relative;overflow:hidden;min-width:80vw;max-width:36rem;scroll-snap-align:start;flex-shrink:0;box-shadow:var(--is-card-shadow, 0 2px 24px rgba(0, 0, 0, .08));transition:transform .3s ease,box-shadow .3s ease}@media(min-width:900px){.is__card{min-width:0;max-width:none;width:auto;padding:4.4rem 3.6rem 4.8rem}.is__card:hover{transform:translateY(-6px);box-shadow:var(--is-card-shadow-hover, 0 24px 56px rgba(0, 0, 0, .14))}}.is__card-orb{display:var(--is-card-graphic-display, block);position:absolute;top:-4rem;right:-4rem;width:18rem;height:18rem;border-radius:50%;pointer-events:none;transition:opacity .3s ease}.is__card--1 .is__card-orb{background:radial-gradient(circle,rgba(184,145,106,.35) 0%,transparent 65%)}.is__card--2 .is__card-orb{background:radial-gradient(circle,rgba(192,122,142,.35) 0%,transparent 65%)}.is__card--3 .is__card-orb{background:radial-gradient(circle,rgba(110,149,166,.35) 0%,transparent 65%)}.is__card:before,.is__card:after{content:"";display:var(--is-card-graphic-display, block);position:absolute;border-radius:50%;pointer-events:none}.is__card:before{top:-6rem;right:-6rem;width:22rem;height:22rem;border:1.5px solid rgba(0,0,0,.05)}.is__card:after{top:-4rem;right:-4rem;width:14rem;height:14rem;border:1.5px solid rgba(0,0,0,.05)}.is__card-content{position:relative;z-index:1}.is__card-number{display:var(--is-card-number-display, block);font-size:7rem;font-weight:700;line-height:1;letter-spacing:-.04em;color:#0000000d;position:absolute;top:2rem;right:2.4rem;pointer-events:none;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}@media(min-width:900px){.is__card-number{font-size:9rem;top:2.4rem;right:3.2rem}}.is__card-tag{display:inline-block;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;border-radius:3em;padding:.45rem 1.1rem;margin-bottom:2rem;font-weight:500;line-height:1.2}.is__card--1 .is__card-tag{background:var(--is-accent-1-light);color:var(--is-accent-1-text)}.is__card--2 .is__card-tag{background:var(--is-accent-2-light);color:var(--is-accent-2-text)}.is__card--3 .is__card-tag{background:var(--is-accent-3-light);color:var(--is-accent-3-text)}.is__card-name{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:var(--is-card-name-size-mb, 2.4rem);line-height:1.2;letter-spacing:-.015em;margin:0 0 1.8rem;color:var(--is-card-name-color-mb, var(--is-card-text));padding-right:4rem;text-transform:var(--is-card-name-text-transform, none)}@media(min-width:900px){.is__card-name{font-size:var(--is-card-name-size-dt, 2.8rem);color:var(--is-card-name-color-dt, var(--is-card-name-color-mb, var(--is-card-text)));margin-bottom:2rem}}.is__card-divider{height:2px;width:3.6rem;border-radius:2px;margin-bottom:2rem}.is__card--1 .is__card-divider{background:var(--is-accent-1)}.is__card--2 .is__card-divider{background:var(--is-accent-2)}.is__card--3 .is__card-divider{background:var(--is-accent-3)}.is__card-desc{font-size:var(--is-card-desc-size-mb, 1.5rem);line-height:1.8;color:var(--is-card-desc-color-mb, var(--is-card-desc));margin:0}@media(min-width:900px){.is__card-desc{font-size:var(--is-card-desc-size-dt, 1.55rem);color:var(--is-card-desc-color-dt, var(--is-card-desc-color-mb, var(--is-card-desc)))}}.is__dots{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:2.8rem;padding-bottom:.4rem}@media(min-width:900px){.is__dots{display:none}}.is__dot{height:.55rem;width:.55rem;border-radius:3rem;border:none;padding:0;cursor:pointer;background:rgba(var(--color-foreground),.2);transition:width .35s cubic-bezier(.34,1.56,.64,1),background .3s ease}.is__dot--active{width:2.8rem;background:rgba(var(--color-foreground),.8)}.is__dot:focus-visible{outline:2px solid rgba(var(--color-foreground),.5);outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/section-ingredient-spotlight.css.map */