.PDP-newOddit-Block-Collagen-Chart{padding:64px 0}.PDP-newOddit-Block-Collagen-Chart .tamain{display:grid;grid-template-columns:1fr 650px;align-items:center;gap:92px;align-self:stretch}.PDP-newOddit-Block-Collagen-Chart .block-content .content{margin-top:16px}.PDP-newOddit-Block-Collagen-Chart .block-content .content p{margin-bottom:10px}.PDP-newOddit-Block-Collagen-Chart .block-content .content a{text-decoration:underline}@media screen and (max-width:1023px){.PDP-newOddit-Block-Collagen-Chart .tamain{display:flex;flex-wrap:wrap;gap:0px}.PDP-newOddit-Block-Collagen-Chart .tamain .block-img{width:100%;margin-top:24px}.PDP-newOddit-Block-Collagen-Chart .tamain .block-content{display:grid;flex-direction:column;align-items:flex-start}.PDP-newOddit-Block-Collagen-Chart .tamain .block-content .img{display:flex;justify-content:center;width:100%}.PDP-newOddit-Block-Collagen-Chart .tamain .block-content .img .t4s_ratio{border-radius:16px;border:1px solid var(--Primary, #3e7d3b);overflow:hidden}.PDP-newOddit-Block-Collagen-Chart .tamain .block-content .nb-heading{text-align:center;width:100%}}@media screen and (max-width:767px){.PDP-newOddit-Block-Collagen-Chart{padding:40px 0}}.tamix-chart-collagen{padding:30px 40px 30px 24px;border-radius:12px;display:flex;background:#fff;flex-direction:column;border:1px solid #3e7d3b;position:relative}.tamix-chart-collagen .block-svg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1}.tamix-chart-collagen .base-chart{background:#fff}.tamix-chart-collagen .base-chart .chart-title{color:#265f23;font-size:18px;line-height:26px;font-weight:700;text-align:center;padding-bottom:16px;background:#fff;z-index:2;position:relative}.tamix-chart-collagen .base-chart .chart-block{--chart-space-left: 40px;--chart-space-right: 60px;padding:0px calc(var(--chart-space-left) + var(--chart-space-right)) 35px 40px}.tamix-chart-collagen .base-chart .chart-block .chart-body{position:relative;padding-bottom:59%}.tamix-chart-collagen .base-chart .chart-block .chart-body:before{content:"";width:1px;position:absolute;left:0;top:0;bottom:-8px;background:#265f23}.tamix-chart-collagen .base-chart .chart-block .chart-body .y-head-title{position:absolute;right:calc(0px - var(--chart-space-left) - var(--chart-space-right));bottom:-35px;color:#265f23;font-size:18px;line-height:35px;font-weight:700;text-align:right}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-x{position:absolute;left:0;right:calc(0px - var(--chart-space-left) - var(--chart-space-right));bottom:calc(var(--chart-body-item-x-value) * 1%);z-index:3}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-x .item-body{position:relative;width:100%;height:1px;background:#265f23}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-x .item-body .x-title{position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:40px;color:#265f23;font-size:16px;line-height:24px;font-weight:700;text-align:center}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-y{position:absolute;max-width:8.2%;left:var(--chart-body-item-y-position);height:var(--chart-body-item-y-value);bottom:0;transform:translate(var(--chart-space-left))}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-y .item-body{position:relative;width:30px;max-width:100%;height:100%;transform:translate(-50%)}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-y .item-body .bg-animation{position:absolute;left:0;bottom:0;right:0;height:0%;background:#3e7d3b;transition:height 2s ease-in-out}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-y .item-body .red-point{position:absolute;left:50%;top:-20px;width:1px;height:1px;transform:translate(-50%)}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-y .item-body .y-title{position:absolute;left:50%;transform:translate(-50%);bottom:-35px;width:30px;color:#265f23;font-size:16px;line-height:34px;font-weight:700;text-align:center}@media screen and (max-width:550px){.tamix-chart-collagen{padding:8px 12px 6px 8px}.tamix-chart-collagen .base-chart .chart-title{color:#265f23;font-size:16px;line-height:24px}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-x .item-body .x-title{font-size:14px}.tamix-chart-collagen .base-chart .chart-block .chart-body{position:relative;padding-bottom:68%}.tamix-chart-collagen .base-chart .chart-block .chart-body .chart-body-item-y .item-body .y-title{font-size:14px}.tamix-chart-collagen .base-chart .chart-block .chart-body .y-head-title{font-size:15px}.tamix-chart-collagen .base-chart .chart-block{--chart-space-left: 25px;--chart-space-right: 55px}}
/*# sourceMappingURL=/cdn/shop/t/170/assets/PDP-newOddit-Block-Collagen-Chart.css.map */