#IngredientDetailBlock03{margin-top:65px}#IngredientDetailBlock03 .tamix-grid{display:grid;grid-template-columns:485px 1fr;grid-column-gap:30px;align-items:center}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions{text-align:right;white-space:nowrap}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item{display:inline-block;width:140px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square{padding-bottom:100%;position:relative;border-radius:50%;overflow:hidden;background:#efeef3}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .img{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background:#efeef3}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .img img{width:100%;height:100%}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .name{white-space:normal;text-align:center;font-size:18px;line-height:26px;font-weight:600;display:inline-block;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-30px);-moz-transform:translate(-50%,-30px);-ms-transform:translate(-50%,-30px);-o-transform:translate(-50%,-30px);transform:translate(-50%,-30px)}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .name div{font-weight:900;font-size:30px;line-height:30px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(1) .background-square{background:#efeef3;z-index:4}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(1) .background-square .name{transform:translate(-50%,-50%)}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(2) .background-square{background:#efcb0c;z-index:3}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(2) .background-square .name{color:#000}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(3) .background-square{background:#142b6f;z-index:2}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(3) .background-square .name{color:#fff}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(4) .background-square{background:#446f14;z-index:1}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:nth-child(4) .background-square .name{color:#fff}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item:not(:last-child){margin-right:-10px}#IngredientDetailBlock03 .tamix-grid .grid-right{grid-row:1}#IngredientDetailBlock03 .tamix-grid .grid-right .interaction-description{padding-top:25px;font-size:20px;line-height:30px;font-weight:600;position:relative}#IngredientDetailBlock03 .tamix-grid .grid-right .interaction-description:before{content:"";position:absolute;top:0;left:0;width:35px;height:4px;background:#000}@media screen and (max-width:992px){#IngredientDetailBlock03 .tamix-grid{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:30px}}@media screen and (max-width:767px){#IngredientDetailBlock03{margin-top:35px}#IngredientDetailBlock03 .tamix-grid{display:grid;grid-template-columns:1fr;grid-row-gap:20px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions{margin:0 -10px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .name{font-size:15px;line-height:23px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .name div{font-size:25px}#IngredientDetailBlock03 .tamix-grid .grid-right{grid-row:none}#IngredientDetailBlock03 .tamix-grid .grid-right .interaction-description{padding-top:15px;font-size:16px;line-height:24px}#IngredientDetailBlock03 .tamix-grid .grid-right .interaction-description:before{content:"";position:absolute;top:0;left:0;width:35px;height:3px;background:#000}}@media screen and (max-width:450px){#IngredientDetailBlock03 .tamix-grid .grid-left .interactions{text-align:center}}@media screen and (max-width:320px){#IngredientDetailBlock03{margin-top:30px}#IngredientDetailBlock03 .tamix-grid{display:grid;grid-template-columns:1fr;grid-row-gap:20px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions{margin:0 -10px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .name{font-size:14px;line-height:20px}#IngredientDetailBlock03 .tamix-grid .grid-left .interactions .interaction-item .background-square .name div{font-size:25px}#IngredientDetailBlock03 .tamix-grid .grid-right .interaction-description{padding-top:10px;font-size:15px;line-height:23px}#IngredientDetailBlock03 .tamix-grid .grid-right .interaction-description:before{content:"";position:absolute;top:0;left:0;width:35px;height:3px;background:#000}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/NuBest-Ingredient-Detail-Block03.css.map */