.ingredient-tabs-wrapper{padding:36px 40px;overflow-x:visible;max-width:1440px;margin-inline:auto}.ingredient-tabs{display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:20px;margin-bottom:2rem;scrollbar-width:none;padding-bottom:1rem;scroll-padding-left:1rem}.ingredient-tabs::-webkit-scrollbar{height:6px}.ingredient-tabs::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:4px}.ingredient-tab{white-space:nowrap;padding:.6rem 1.2rem;cursor:pointer;transition:all .3s ease;flex:0 0 auto;text-align:center;display:flex;flex-direction:row-reverse;align-items:center;background-color:#ebf7ff;color:#000}.ingredient-tab img.ingredient-icon{width:36px;height:36px;margin-bottom:.3rem}.ingredient-tab.active{color:#005f9a;border-bottom:2px solid #005f9a;font-weight:600}.ingredient-contents{position:relative;// min-height: 400px}.ingredient-tab-content{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:space-between;gap:2rem;transition:opacity .3s ease}.ingredient-tab-content.active{opacity:1;visibility:visible;position:relative;z-index:2}.ingredient-text{width:40%;text-align:left;padding-right:2rem}.ingredient-text h2{margin-bottom:1rem;text-align:left;color:#005f9a;margin-top:0}.ingredient-image{position:relative;width:50%;// max-width: 600px;// margin: 0 auto}.ingredient-layered-wrapper{position:relative;// margin-top: 10%;width:100%;height:auto;display:flex;flex-direction:row-reverse;justify-content:end;align-items:center}.ingredient-bg-image{//padding: 10% 0 0 15%;//width: 100%;display:block;border-radius:12px;z-index:1;position:absolute;display:none}@media screen and (min-width:769px){.ingredient-bg-image{display:unset;position:unset;width:50%;height:fit-content;margin-left:-55px;min-width:200px}}.blob-image{position:absolute;top:50%;right:-20%;transform:translateY(-50%);width:100%;max-width:400px;opacity:.7;z-index:0}.foreground-box{//position: absolute;// top: 0;// right: 30%;background:#bbbbbb52;padding:1rem 2rem 2rem;border-radius:3px;box-shadow:0 10px 30px #0000001a;z-index:2;display:flex;flex-direction:column;align-items:flex-start}.foreground-box img{height:auto;border-radius:3px}.text-overlay{width:90%;top:1rem;left:2rem;text-align:left;max-width:200px}@media screen and (max-width: 768px){.text-overlay{max-width:unset;margin-bottom:1rem}.foreground-box img{max-width:unset;width:80vw}}.text-overlay h3{margin-bottom:.25rem}.text-overlay p{color:#555}@media (max-width: 768px){.ingredient-text h2,.ingredient-text{text-align:center}.text-overlay{width:100%}.ingredient-tabs-wrapper{padding:1rem}.ingredient-tab-content{flex-direction:column-reverse;gap:1.5rem}.ingredient-text,.ingredient-image{width:100%;padding-right:0}.ingredient-bg-image{padding:0}.foreground-box{transform:translate(0)!important;padding:20px 40px 40px;align-items:center;width:90vw;max-width:450px}.foreground-box img{width:72vw;max-width:400px}.blob-image{top:30%;right:0;width:80%;transform:translateY(-30%)}.ingredient-layered-wrapper{justify-content:center;margin-top:3rem;//margin-bottom: 10rem}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/ingredient-tabs.css.map */