.comparison-heading-container{grid-column:1 / -1;margin-bottom:5rem}.comparison-heading-container h2{white-space:pre-wrap}.comparison-section{position:relative;overflow:hidden;padding-top:8rem;background:linear-gradient(360deg,#2281e0 50%,#3daff8);--split: polygon(0% 35%, 0% 110%, 100% 100%, 100% 60%);--split-inverse: polygon(0% 0%, 0% 35%, 100% 60%, 100% 0%);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(12px,2.5vw,28px);container-type:inline-size}.comparison-container{display:grid}.pane{top:0;right:0;bottom:0;left:0;overflow:hidden;grid-column:1 / -1;grid-row:2;position:relative;z-index:0;display:flex;justify-content:center}.pane--white{clip-path:var(--split);background:#fff}.pane--blue{clip-path:var(--split-inverse)}.comparison-img{width:min(20rem,48vw);height:auto;object-fit:contain}.side{max-width:35rem;margin:0 auto;z-index:1;grid-column:1 / -1;grid-row:2;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-items:center;aspect-ratio:1 / 1;min-height:50rem;width:100%;gap:clamp(8px,1.2vw,16px);position:relative;padding:clamp(8px,2vw,20px)}.side--gram{grid-column:1 / -1;grid-row:2}.side--energy{grid-column:1 / -1;grid-row:3;background-color:#fff}.gram-label{grid-area:1 / 3 / 2 / 4;z-index:0}.energy-label{grid-area:8 / 3 / 8 / 6;z-index:0}.gram-values{grid-area:1 / 4 / 5 / 8;padding:5rem 0;display:grid inline;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));row-gap:2rem;margin-left:1.5rem;width:100%}.gram-values .caffeine-arrow{grid-row:2;grid-column:2;align-self:flex-end}.gram-values .taurine-arrow{grid-row:3;grid-column:3;align-self:flex-end}.gram-values .sugar-arrow{grid-row:4;grid-column:4;align-self:flex-end}.gram-values p{color:#fff;text-align:left;margin:0;margin-left:1rem;line-height:1}.gram-values .caffeine{grid-row:2;grid-column:5 / 9}.gram-values .taurine{grid-row:3;grid-column:6 / 10}.gram-values .sugar{grid-row:4;grid-column:7 / 11}.energy-values{grid-area:5 / 1 / 6 / 4;padding:5rem 0;display:grid inline;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));row-gap:2rem;width:100%}.energy-values .caffeine-arrow{grid-row:2;grid-column:7;align-self:flex-end}.energy-values .taurine-arrow{grid-row:3;grid-column:8;align-self:flex-end}.energy-values .sugar-arrow{grid-row:4;grid-column:9;align-self:flex-end}.energy-values p{text-align:right;margin:0;margin-right:1.5rem;line-height:1}.energy-values .caffeine{grid-row:2;grid-column:1 / 7}.energy-values .taurine{grid-row:3;grid-column:1 / 8}.energy-values .sugar{grid-row:4;grid-column:4 / 9}.comparison-description-container{grid-row:3;grid-column:1 / -1;background-color:#fff;text-align:center;padding:2rem 1.5rem}.comparison-btn{margin-bottom:5rem}@container (min-width: 480px){.side{grid-column:3 / 11}}@container (min-width: 760px){.side{grid-column:4 / 10}}@container (min-width: 990px){.side{padding:3rem 7rem}}@media (min-width: 990px){.comparison-section{--split: polygon(0% 0%, 0% 110%, 100% 100%, 100% 95%);--split-inverse: polygon(0% 0%, 0% 0%, 100% 95%, 100% 0%);margin-bottom:7rem}.side{grid-column:1 / -1;min-width:60rem}.gram-values{margin-left:-1rem}.comparison-description-container{padding:0;position:relative;align-self:center}.energy-values .caffeine-arrow{grid-column:8}.energy-values .taurine-arrow{grid-column:9}.energy-values .sugar-arrow{grid-column:10}.energy-values .caffeine{grid-column-end:8}.energy-values .taurine{grid-column-end:9}.energy-values .sugar{grid-column-end:10}.gram-values p{margin-left:0}.gram-values .caffeine{grid-column:5}.gram-values .taurine{grid-column:6}.gram-values .sugar{grid-column:7}.gram-label{grid-area:1 / 2 / 2 / 4}.energy-label{margin:0;grid-area:8 / 4 / 8 / 6}}@media (min-width: 1200px){.comparison-img{width:min(23rem,48vw)}.gram-values{margin-left:2rem}.energy-values p,.gram-values p{font-size:2.6rem}}@media (min-width: 1440px){.gram-values{margin-left:-1rem}.energy-values .gram-label{margin-top:-3rem}.energy-label{margin-bottom:-3rem}}@media (min-width: 1920px){.comparison-heading-container{margin-bottom:0}.side{max-width:65rem}.gram-label{margin-top:3rem;margin-left:4rem}.energy-label{margin-bottom:3rem;margin-right:4rem}.energy-values{margin-left:3rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/comparison.css.map */