.key-ingredients__header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2rem;margin-bottom:4rem}.key-ingredients__search-wrapper{flex:0 1 28rem;max-width:100%}.key-ingredients__search-input{width:100%;padding:1rem 1.5rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:999px;background:transparent;color:rgb(var(--color-foreground));font-size:1.5rem}.key-ingredients__search-input:focus{outline:none;border-color:rgb(var(--color-foreground))}.key-ingredients__collage{position:relative;height:var(--bc-height-desktop, 400px);margin:0 auto}.key-ingredients__collage:empty:after,.key-ingredients__collage[data-no-results]:after{content:attr(data-empty-message);display:block;width:100%;text-align:center;padding:4rem 0;color:rgba(var(--color-foreground),.6)}.key-ingredients__card-wrapper{position:absolute;top:50%;left:50%;display:block;transform:translate(-50%,-50%) translate(var(--bc-x, 0)) rotate(var(--bc-rotate, 0deg)) scale(0);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;transition-delay:calc(var(--bc-index, 0) * 80ms)}.key-ingredients__collage.in-view .key-ingredients__card-wrapper{transform:translate(-50%,-50%) translate(var(--bc-x, 0)) rotate(var(--bc-rotate, 0deg)) scale(1);opacity:1}.key-ingredients__card-wrapper.is-hovered{transform:translate(-50%,-50%) translate(var(--bc-x, 0)) rotate(0) scale(1.08)!important;transition-delay:0s!important;z-index:60!important}.key-ingredients__card-wrapper.is-pushed-left{transform:translate(-50%,-50%) translate(calc(var(--bc-x, 0) - var(--bc-push, 70px))) rotate(var(--bc-rotate, 0deg))!important}.key-ingredients__card-wrapper.is-pushed-right{transform:translate(-50%,-50%) translate(calc(var(--bc-x, 0) + var(--bc-push, 70px))) rotate(var(--bc-rotate, 0deg))!important}.key-ingredients__card{position:relative;display:flex;align-items:flex-end;overflow:hidden;width:var(--bc-card-size, 200px);height:var(--bc-card-size, 200px);border:.4rem solid rgb(var(--color-background));padding:0;cursor:pointer;border-radius:1.8rem;background-color:rgba(var(--color-foreground),.06);box-shadow:0 .8rem 2rem rgba(var(--color-shadow),.16)}.key-ingredients__card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.key-ingredients__card:hover .key-ingredients__card-image{transform:scale(1.08)}.key-ingredients__card-image--placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.08)}.key-ingredients__card-image--placeholder .placeholder-svg{width:60%}.key-ingredients__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000b8,#00000026 45%,#0000 70%);pointer-events:none}.key-ingredients__card-name{position:relative;z-index:1;padding:1.8rem;color:#fff;font-weight:700;font-size:1.9rem;line-height:1.2;text-align:left}@media screen and (max-width:749px){.key-ingredients__collage{height:var(--bc-height-mobile, 900px);max-width:28rem}.key-ingredients__card-wrapper,.key-ingredients__collage.in-view .key-ingredients__card-wrapper{transform:translate(-50%,-50%) translateY(var(--bc-y, 0)) rotate(var(--bc-rotate, 0deg)) scale(0)}.key-ingredients__collage.in-view .key-ingredients__card-wrapper{transform:translate(-50%,-50%) translateY(var(--bc-y, 0)) rotate(var(--bc-rotate, 0deg)) scale(1)}.key-ingredients__card{width:var(--bc-card-size-mobile, 150px);height:var(--bc-card-size-mobile, 150px)}.key-ingredients__card-wrapper.is-hovered{transform:translate(-50%,-50%) translateY(var(--bc-y, 0)) rotate(0) scale(1.08)!important}.key-ingredients__card-wrapper.is-pushed-left{transform:translate(-50%,-50%) translateY(calc(var(--bc-y, 0) - var(--bc-push, 70px))) rotate(var(--bc-rotate, 0deg))!important}.key-ingredients__card-wrapper.is-pushed-right{transform:translate(-50%,-50%) translateY(calc(var(--bc-y, 0) + var(--bc-push, 70px))) rotate(var(--bc-rotate, 0deg))!important}}.key-ingredients__modal{display:none}.key-ingredients__modal[open]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:rgba(var(--color-foreground),.5);display:flex;align-items:center;justify-content:center;padding:2rem}.key-ingredients__modal-content{position:relative;width:100%;max-width:64rem;max-height:90vh;overflow-y:auto;border-radius:2.4rem;padding:4.5rem 4.5rem 5rem;box-shadow:0 2rem 4rem #00000040;background-color:#fff!important}.key-ingredients__modal-image{width:100%;height:26rem;object-fit:cover;border-radius:1.6rem;margin-bottom:2.4rem}.key-ingredients__modal-image--placeholder{display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.06)}.key-ingredients__modal-image--placeholder .placeholder-svg{width:40%}.key-ingredients__modal-close{position:absolute;top:1.6rem;right:1.6rem;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;border-radius:50%}.key-ingredients__modal-close:hover{background:rgba(var(--color-foreground),.08)}.key-ingredients__modal-close svg{width:1.6rem;height:1.6rem}.key-ingredients__modal-title{margin:0 0 2rem;padding-right:3rem}.key-ingredients__modal-line{margin:0 0 1.4rem;line-height:1.6}.key-ingredients__modal-line strong{font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-key-ingredients.css.map */