.comparison{padding:36px 15px}.comparison .page-max{max-width:850px}@media screen and (min-width: 750px){.comparison{padding:40px 30px 72px}}.comparison .subheading{color:#000;font-weight:800;font-size:12px;margin:0 0 24px}@media screen and (min-width: 750px){.comparison .subheading{font-size:14px;text-align:center}}.comparison .heading{color:#0f1f46;font-weight:800;font-size:32px;margin:0 0 24px}.comparison .heading strong{color:#539eff}@media screen and (min-width: 750px){.comparison .heading{font-size:56px;font-weight:600;margin:0 0 60px;text-align:center}}.comparison-chart{display:flex;flex-direction:column;justify-content:center}.chart-content{display:flex;flex-direction:column}.chart-title,.chart-bottom{display:flex;flex-direction:row}.chart-bottom{height:24px}.chart-title-left,.chart-bottom-left{display:flex!important;flex:2.2;border-right:2px solid transparent}.chart-title-mid{display:flex;flex:1;align-items:center;justify-content:center;border-radius:16px 16px 0 0;border-top:2px solid #000;border-left:2px solid #000;border-right:2px solid #000}.chart-title-mid .brand-logo{width:48px;height:9px;margin:20px auto;display:flex}.chart-title-mid .brand-logo img{width:100%;height:100%;object-fit:contain}@media screen and (min-width: 750px){.chart-title-mid .brand-logo{width:94px;height:18px;margin:30px auto}}.chart-bottom-mid{display:flex!important;flex:1;border-radius:0 0 16px 16px;border-bottom:2px solid #000;border-left:2px solid #000;border-right:2px solid #000}.chart-title-right,.chart-bottom-right{display:flex!important;flex:1;border-left:2px solid transparent}.chart-title-right{justify-content:center;align-items:center}.chart-title-right p{color:#000;font-size:10px;font-weight:700;line-height:120%;text-align:center}@media screen and (min-width: 750px){.chart-title-right p{font-size:18px}}.chart-row{display:flex;flex-direction:row}.row-title{flex:2.2}.row-title p{margin:15px}@media screen and (min-width: 750px){.row-title p{margin:28px 20px}}.chart-row .garam,.chart-row .comp{display:flex;flex:1;justify-content:center;align-items:center}.chart-row-left{border-radius:0;border-top:2px solid #000;border-left:2px solid #000}@media screen and (min-width: 750px){.chart-title-left,.chart-bottom-left,.row-title{flex:4}.chart-title-mid,.chart-bottom-mid,.chart-row .garam,.chart-title-right,.chart-bottom-right,.chart-row .comp{flex:2}}.chart-row-left-first p strong,.chart-row-left-last p strong,.chart-row-left p strong{color:#000;font-size:14px;font-weight:700;line-height:120%}.chart-row-left-first p,.chart-row-left-last p,.chart-row-left p{color:#000;font-size:12px;font-weight:500;line-height:120%}@media screen and (min-width: 750px){.chart-row-left-first p strong,.chart-row-left-last p strong,.chart-row-left p strong,.chart-row-left-first p,.chart-row-left-last p,.chart-row-left p{font-size:18px}}.chart-row-left-first{border-radius:16px 0 0;border-top:2px solid #000;border-left:2px solid #000}.chart-row-left-last{border-radius:0 0 0 16px;border-top:2px solid #000;border-left:2px solid #000;border-bottom:2px solid #000}.chart-row-mid{border-right:2px solid #000;border-left:2px solid #000}.chart-row-mid p{color:#539eff;font-size:14px;font-weight:800;line-height:120%;margin:0}@media screen and (min-width: 750px){.chart-row-mid p{font-size:18px}}.chart-row-right{border-radius:0;border-top:2px solid #000;border-right:2px solid #000}.chart-row-right-first p,.chart-row-right-last p,.chart-row-right p{color:#000;font-size:12px;font-weight:700;line-height:120%;margin:0;text-align:center}@media screen and (min-width: 750px){.chart-row-right-first p,.chart-row-right-last p,.chart-row-right p{font-size:16px}}.chart-row-right-first{border-radius:0 16px 0 0;border-top:2px solid #000;border-right:2px solid #000}.chart-row-right-last{border-radius:0 0 16px;border-top:2px solid #000;border-right:2px solid #000;border-bottom:2px solid #000}.chart-row img.small{width:18px;height:18px}@media screen and (min-width: 750px){.chart-row img{width:28px;height:28px}.chart-row img.small{width:24px;height:24px}}.chart-footnote{color:#000;font-size:12px;font-weight:600;line-height:120%}.chart-footnote p{margin:16px 0 32px}@media screen and (min-width: 750px){.chart-footnote p{margin:20px 0 64px;font-size:16px}}.comparison .button-container>div{display:flex;justify-content:center}.comparison .button{display:flex;flex-direction:column;align-items:center;margin:0 0 8px}@media screen and (min-width: 750px){.comparison .button{margin:0 0 12px}}.button-footnote{color:#000;font-size:12px;font-weight:600;margin:8px 0 0;text-align:center}@media screen and (min-width: 750px){.button-footnote{font-size:16px;margin:12px 0 0}}@media screen and (max-width: 749px){.comparison .page-max{max-width:520px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/section-comparison.css.map */