.ingredient-spotlight{background:var(--spotlight-bg, transparent)}.ingredient-spotlight__title-wrapper{margin-bottom:3.2rem}.ingredient-spotlight__title-wrapper--center{text-align:center}.ingredient-spotlight__title-wrapper--right{text-align:right}.ingredient-spotlight__heading{margin:0;color:var(--spotlight-heading-color, inherit)}.ingredient-spotlight__carousel{display:block}.ingredient-spotlight__track{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--spotlight-shadow-reach, 0) 0;margin:calc(var(--spotlight-shadow-reach, 0) * -1) 0}.ingredient-spotlight__track::-webkit-scrollbar{display:none}.ingredient-spotlight__list{display:flex;gap:var(--spotlight-gap, 1.6rem);margin:0;padding:0;list-style:none}.ingredient-spotlight__item{flex:0 0 calc((100% - (var(--spotlight-columns, 1) - 1) * var(--spotlight-gap, 1.6rem)) / var(--spotlight-columns, 1));scroll-snap-align:start;position:relative}.ingredient-spotlight__card{position:relative;height:100%;perspective:1500px}.ingredient-spotlight__card-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.ingredient-spotlight__card.is-flipped .ingredient-spotlight__card-inner{transform:rotateY(180deg)}@media(prefers-reduced-motion:reduce){.ingredient-spotlight__card-inner{transition:none}}.ingredient-spotlight__card-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:var(--spotlight-card-bg, transparent);border:var(--spotlight-card-border-width, 0) solid var(--spotlight-card-border-color, transparent);border-radius:var(--spotlight-card-radius, 0);box-shadow:var(--spotlight-card-shadow, none)}.ingredient-spotlight__card-face--front{position:relative;display:flex;flex-direction:column;height:100%}.ingredient-spotlight__card-face--back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;padding:2.8rem;text-align:center;transform:rotateY(180deg);background:var(--spotlight-back-bg, var(--spotlight-card-bg, transparent))}.ingredient-spotlight__back-name{margin:0;font-weight:700;font-size:1.9rem;color:var(--spotlight-back-name-color, inherit)}.ingredient-spotlight__back-text{margin:0;max-width:30rem;font-size:1.5rem;line-height:1.55;color:var(--spotlight-back-text-color, inherit)}.ingredient-spotlight__flip-btn{position:absolute;top:1.2rem;right:1.2rem;z-index:2;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;padding:0;border:none;border-radius:50%;background:var(--spotlight-flip-btn-bg, currentColor);color:var(--spotlight-flip-btn-icon, #ffffff);font-size:1.8rem;line-height:1;cursor:pointer}.ingredient-spotlight__image{position:relative;width:100%;aspect-ratio:1 / 1}.ingredient-spotlight__image img,.ingredient-spotlight__image svg,.ingredient-spotlight__image .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.ingredient-spotlight__info{padding:2rem;text-align:center}.ingredient-spotlight__name{margin:0 0 .6rem;font-weight:700;font-size:1.8rem;color:var(--spotlight-name-color, inherit)}.ingredient-spotlight__description{margin:0;color:var(--spotlight-description-color, inherit)}.ingredient-spotlight__controls{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:2.4rem}.ingredient-spotlight__dots{display:flex;align-items:center;gap:.8rem}.ingredient-spotlight__dot{width:.8rem;height:.8rem;padding:0;border:none;border-radius:50%;background:var(--spotlight-dot-color, currentColor);cursor:pointer;transition:background .2s ease}.ingredient-spotlight__dot--active{background:var(--spotlight-dot-active-color, currentColor)}.ingredient-spotlight__arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:3.6rem;height:3.6rem;padding:0;border:none;border-radius:50%;background:var(--spotlight-arrow-bg, transparent);color:var(--spotlight-arrow-icon, currentColor);cursor:pointer}.ingredient-spotlight__arrow:disabled{opacity:.3;cursor:not-allowed}.ingredient-spotlight__arrow--prev .icon{transform:rotate(90deg)}.ingredient-spotlight__arrow--next .icon{transform:rotate(-90deg)}.ingredient-spotlight__arrow .icon{width:1.2rem;height:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-ingredient-spotlight.css.map */