.ingredients-main{display:block}.ingredients-main.--top-padding{padding-top:50px}.ingredients-main__content{width:100%;margin:0 auto;position:relative;justify-content:flex-start;flex-direction:row;display:flex;flex-wrap:wrap;padding:0;border-radius:25px;column-gap:10px;background:#fff}.ingredients-main__ingredient-group{margin-bottom:20px;flex-grow:1;min-width:100%;margin-top:32px;transition:all .3s ease-out;margin-left:0;left:0;background:#fff}.ingredients-main__ingredient-group.--inline{display:inline-block;min-width:unset;flex-grow:0}.ingredients-main__ingredient-group.--inline-mobile{display:none}.ingredients-main__ingredient-group.--inline .__group-title{width:min-content;height:42px;display:flex;align-items:flex-start}.ingredients-main__ingredient-group.--limited-w{max-width:1000px}.ingredients-main__ingredient-group .__group-title{text-align:center;font-family:ABCDiatypeMono,sans-serif;text-transform:uppercase;font-size:17px;display:flex;align-items:center;column-gap:2rem;width:100%;max-width:max-content;text-align:left;line-height:21px;margin-bottom:15px}.ingredients-main__ingredient-group .__group-items{display:flex;flex-wrap:wrap;justify-content:left;row-gap:24px;column-gap:10px;max-width:940px}.ingredients-main__ingredient-group .__spacer{display:flex;gap:10px}.ingredients-main__ingredient-group:has(.ingredients-main__ingredient[data-active]) .ingredients-main__ingredient:not([data-active]){opacity:.5}.ingredients-main__ingredient{text-align:left;font-family:ABCDiatypeMono,sans-serif;font-size:16px;line-height:20px;width:100%;max-width:180px;width:180px;flex-shrink:1;cursor:pointer;transition:transform .3s ease-out,width .3s ease-out,opacity .3s ease-out,max-width .3s ease-out,left .3s ease-out,margin-right .3s ease-out;margin-right:0;position:relative;left:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;opacity:1;background-color:#fff}.ingredients-main__ingredient[data-active]{max-width:750px;width:750px}.ingredients-main__ingredient .__content{background-color:#fff;display:flex;gap:10px;overflow:hidden}.ingredients-main__ingredient .__inner-content{transform:translateY(-5px);max-height:240px;width:540px;flex-shrink:0;padding:20px 40px 10px 10px;opacity:0;transition:opacity .3s ease-out;display:flex;flex-direction:column}.ingredients-main__ingredient[data-active] .__inner-content{opacity:1}.__inner-content .__title{margin-top:0;font-size:18px;margin-bottom:12px;font-family:ABCDiatypeMono}.__inner-content .__description{overflow-y:auto;font-family:ABCDiatype;font-size:18px;-ms-overflow-style:none;scrollbar-width:none;flex:1}.__inner-content .__description::-webkit-scrollbar{display:none}.__inner-content .__description p:first-child{margin-top:0}.__inner-content .__description p:last-child{margin-bottom:0}.__inner-content .__close{position:absolute;top:10px;right:10px;cursor:pointer;z-index:2}.ingredients-main__ingredient.--wide{max-width:260px}.ingredients-main__ingredient .__image{width:180px;aspect-ratio:3/4;flex-shrink:0}.ingredients-main__ingredient .__image img{width:100%;height:100%;object-fit:cover;display:block;object-position:center;transition:transform .3s ease-out,opacity .3s ease-out;transform:scale(1)}.ingredients-main__ingredient:not([data-active]) .__image:hover img{transform:scale(1.05);opacity:.7}.ingredients-main__ingredient .__title{font-family:ABCDiatypeMono,sans-serif;font-size:14px;line-height:15px;margin-top:10px;text-align:left;width:180px;max-width:min(150px,100%)}.ingredients-main__ingredient.--wide .__title{font-size:1.4rem}.ingredients-main__slide{padding:34px;background-color:rgb(var(--color-bg-lts));display:flex;flex-direction:column;align-items:center}.ingredients-main__slide .__video{width:290px;height:290px;min-width:290px;min-height:290px;border-radius:50%;background-color:rgb(var(--color-bg));position:relative;overflow:hidden}@media screen and (max-width: 401px){.ingredients-main__slide .__video{width:100%;height:0;min-width:unset;min-height:unset;padding-bottom:100%}}.ingredients-main__slide .__video.--clickable{cursor:pointer}.ingredients-main__slide .__video video{height:100%;width:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ingredients-main__slide .__video .__expand-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:3;left:0;top:0}.--video-mode .ingredients-main__slide .__video .__expand-icon{display:none}.ingredients-main__slide .__video svg{width:30px;transition:all .3s ease}.ingredients-main__slide .__video .__expand-icon:hover svg{width:35px}.ingredients-main__slide .__video img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.--video-mode .ingredients-main__slide{padding:10px}.--video-mode .ingredients-main__slide .__video{width:100%;height:auto;max-width:100%;max-height:calc(90vh - 20px);border-radius:0;background-color:transparent;padding-bottom:0}.--video-mode .ingredients-main__slide .__video video{position:unset;transform:none;display:block;width:100%;border-radius:5px}.--video-mode .ingredients-main__slide .__video svg{display:none}.--video-mode .ingredients-main__slide .__non-video{height:0;overflow:hidden}.ingredients-main__slide .__non-video{text-align:center}.ingredients-main__slide .__title{font-family:ABCDiatype;text-transform:uppercase;font-size:18px;margin:22px 0 12px}.ingredients-main__slide .__description{margin-top:0;margin-bottom:12px;text-align:center;font-size:16px}.ingredients-main__slide table{width:100%}.ingredients-main__slide table td{padding:0 10px;text-align:center;width:50%;font-size:16px}.ingredients-main__ingredient-group.--mobile,.ingredients-main__ingredient-group.--inline-mobile{display:none}.ingredients-main__content .inline-groups{height:auto;display:flex;gap:10px;width:100%}.ingredients-main__content .inline-groups:has(.ingredients-main__ingredient[data-active]) .ingredients-main__ingredient:not([data-active]){opacity:.5}@media screen and (max-width: 989px){.ingredients-main__ingredient-group.--mobile{display:block}.ingredients-main__ingredient-group.--mobile:has(.ingredients-main__ingredient.active) .ingredients-main__ingredient{opacity:.8}.ingredients-main__ingredient-group.--mobile.--inline{display:inline-block}.ingredients-main__ingredient-group:not(.--mobile){display:none}.ingredients-main__ingredient-group.--inline-desktop{display:inline-block}.ingredients-main.--top-padding{padding-top:30px}.ingredients-main__ingredient-group{margin-bottom:50px}.ingredients-main__ingredient-group:has(.__nav){margin-bottom:0}.ingredients-main__ingredient-group .__group-title{font-size:15px;column-gap:14px;margin-bottom:15px}.ingredients-main__ingredient-group .__group-items{column-gap:10px}.ingredients-main__ingredient-group .__group-items:has(.__mobile-slide.active)+.__nav{opacity:0;pointer-events:none}.ingredients-main__ingredient{max-width:100%;font-size:14px;width:100%}.ingredients-main__ingredient .__image{display:flex;align-items:center;justify-content:center;width:100%}.ingredients-main__slide .__title{margin-top:12px}.ingredients-main__ingredient-group:not(.--inline) .__group-items{position:relative;display:grid;overflow-x:scroll;grid-template-columns:repeat(var(--columns, 3),max(100px,calc(100% / 3 - 7px)));overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.ingredients-main__ingredient-group[data-alternative-layout=true] .__group-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow-x:hidden}.ingredients-main__ingredient-group[data-alternative-layout=true].--inline .__group-items{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));overflow-x:hidden}.ingredients-main__ingredient-group[data-alternative-layout=true] .__nav{display:none}.ingredients-main__ingredient-group .__group-items::-webkit-scrollbar{display:none}.ingredients-main__ingredient-group .--inline .__group-items{display:grid;grid-template-columns:repeat(1,minmax(0,1fr))}.ingredients-main__content .inline-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:10px;position:relative}}@media screen and (max-width: 500px){.ingredients-main__ingredient-group .__group-items{row-gap:15px}.ingredients-main__slide .__video.--clickable{cursor:default;pointer-events:none}.ingredients-main__slide .__video .__expand-icon{display:none}}@media screen and (min-width: 990px) and (max-width: 1700px){.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(5)[data-active]{left:-190px;margin-right:-190px}.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(6)[data-active]{left:-380px;margin-right:-380px}.ingredients-main__ingredient-group.--inline+.ingredients-main__ingredient-group.--inline:has(.ingredients-main__ingredient[data-active]){left:-190px;margin-right:-190px}.ingredients-main__ingredient-group.--inline+.ingredients-main__ingredient-group.--inline+.ingredients-main__ingredient-group.--inline:has(.ingredients-main__ingredient[data-active]){left:-380px;margin-right:-380px}}@media screen and (min-width: 990px) and (max-width: 1400px){.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(5)[data-active]{left:-320px;margin-right:-320px}.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(6)[data-active]{left:-480px;margin-right:-480px}.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(4)[data-active]{left:-160px;margin-right:-160px}.ingredients-main__ingredient-group.--inline+.ingredients-main__ingredient-group.--inline:has(.ingredients-main__ingredient[data-active]){left:-160px;margin-right:-160px}.ingredients-main__ingredient-group.--inline+.ingredients-main__ingredient-group.--inline+.ingredients-main__ingredient-group.--inline:has(.ingredients-main__ingredient[data-active]){left:-320px;margin-right:-320px}.ingredients-main__ingredient .__image{width:150px;aspect-ratio:3/4}.ingredients-main__ingredient .__inner-content{height:200px}.ingredients-main__ingredient{max-width:150px;width:150px}}@media screen and (min-width: 990px) and (max-width: 1150px){.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(3)[data-active]{left:-160px;margin-right:-160px}.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(6)[data-active]{left:-480px;margin-right:-480px}.ingredients-main__ingredient-group:not(.--inline) .ingredients-main__ingredient:nth-child(5)[data-active]{left:-320px;margin-right:-320px}}@media screen and (min-width: 990px){.ingredients-main__ingredient-group{position:relative}}.__mobile-slide{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .3s ease-out;z-index:1;background-color:#fff}.__mobile-slide .__wrapper{position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:20px}.__mobile-slide .__close{position:absolute;top:20px;right:20px;z-index:2;cursor:pointer}.__mobile-slide .__background{height:100%;width:100%;position:absolute;opacity:.5;object-fit:cover;pointer-events:none;top:0;left:0;z-index:-1}.__mobile-slide .__slide-title{font-family:ABCDiatypeMono,sans-serif;font-size:16px;line-height:20px}.__mobile-slide .__slide-description{font-family:ABCDiatype,sans-serif;font-size:18px;line-height:21px;margin-top:0}.__mobile-slide.active{opacity:1;pointer-events:all}.ingredients-main__ingredient-group .__nav{display:flex;flex-direction:row;align-items:center;padding:20px;justify-items:center;gap:20px;justify-content:center;transition:opacity .3s ease-out;opacity:1}.ingredients-main__ingredient-group .__nav svg{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/90/assets/section-ingredients-main.css.map */