.cmp.container{padding-top:4.5rem;position:relative;z-index:0;max-width:85rem;text-align:center}.cmp__heading{margin:0 0 2.4rem;text-wrap:balance}.cmp__intro p{margin:0}.cmp__intro p+p{margin-top:1.4rem}.cmp__intro br{display:none}.cmp-duo{--can-w: 8.5rem;--can-ratio: .374;--can-h: calc(var(--can-w) / var(--can-ratio));--panel-offset: calc(var(--can-h) * .38);--brand-bg: #e3f3ff;--rival-bg: #eef3f8;--brand-ink: #2196f3;--rival-ink: #292a2b;--panel-tilt: 1.8deg;--can-tilt-l: calc(var(--panel-tilt) * -1);--can-tilt-r: var(--panel-tilt);--name-tilt: 1.8deg;--can-scale-l: 1;--can-scale-r: 1;--can-nudge: .8rem;position:relative;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto repeat(4,auto);align-items:center;justify-items:center;column-gap:1.2rem;margin:3.5rem 0 3rem}.cmp-duo:before,.cmp-duo:after{content:"";grid-row:1 / -1;align-self:stretch;justify-self:stretch;margin-top:var(--panel-offset);border-radius:1.6rem;z-index:0}.cmp-duo:before{grid-column:1;background:var(--brand-bg);transform:rotate(calc(var(--panel-tilt) * -1))}.cmp-duo:after{grid-column:3;background:var(--rival-bg);transform:rotate(var(--panel-tilt))}.cmp-duo__can{grid-row:1;z-index:1;width:var(--can-w);height:var(--can-h);display:block;object-fit:contain;filter:drop-shadow(0 .8rem 1.4rem rgba(41,42,43,.22))}.cmp-duo__can--brand{grid-column:1;transform:translate(calc(var(--can-nudge) * -1)) rotate(var(--can-tilt-l)) scale(var(--can-scale-l))}.cmp-duo__can--rival{grid-column:3;transform:translate(var(--can-nudge)) rotate(var(--can-tilt-r)) scale(var(--can-scale-r))}.cmp-duo__vs{grid-row:1;grid-column:2;z-index:2;align-self:center;margin-top:calc(var(--can-h) * .12);width:4.6rem;height:4.6rem;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#e6397e;color:#fff;font-weight:900;font-size:1.6rem;text-transform:uppercase;font-feature-settings:"cpsp","case";letter-spacing:.02em;filter:drop-shadow(0 .2rem .6rem rgba(41,42,43,.22))}.cmp-duo__name{grid-row:2;z-index:1;display:flex;flex-direction:column;gap:.2rem;padding:.6rem .4rem .9rem}.cmp-duo__name--brand{grid-column:1;transform:rotate(calc(var(--name-tilt) * -1))}.cmp-duo__name--rival{grid-column:3;transform:rotate(var(--name-tilt))}.cmp-duo__name-title{font-size:1.9rem;font-weight:900;line-height:1.1;text-wrap:balance}.cmp-duo__name--brand .cmp-duo__name-title{color:var(--brand-ink)}.cmp-duo__name--rival .cmp-duo__name-title{color:var(--rival-ink)}.cmp-duo__name-sub{font-size:1.3rem;font-weight:600;color:#5c636c}.cmp-duo__r1{grid-row:3}.cmp-duo__r2{grid-row:4}.cmp-duo__r3{grid-row:5}.cmp-duo__r0{grid-row:6}.cmp-duo__val,.cmp-duo__label{z-index:1;padding:.9rem .2rem}.cmp-duo__val{font-size:2.6rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.cmp-duo__val--brand{grid-column:1;color:var(--brand-ink);transform:rotate(calc(var(--panel-tilt) * -1))}.cmp-duo__val--rival{grid-column:3;color:var(--rival-ink);transform:rotate(var(--panel-tilt))}.cmp-duo__unit{font-size:.7em;font-weight:900;margin-left:.05em}.cmp-duo__val--taste{justify-self:stretch;text-align:center;white-space:nowrap;padding:.7rem .4rem 1.2rem;border-radius:.8rem}.cmp-duo__val--brand.cmp-duo__val--taste{background:#93c9f4;color:#0f4f9e;margin-right:-1rem}.cmp-duo__val--rival.cmp-duo__val--taste{background:#c4cfdc;color:#1c1d1e;margin-left:-1rem}.cmp-duo__label{grid-column:2;font-size:1.2rem;font-weight:600;line-height:1;color:#9aa0a8;text-transform:uppercase;font-feature-settings:"cpsp","case";letter-spacing:.04em;white-space:nowrap}.cmp__outro p{margin:0}.cmp__btn{margin-top:2.8rem}@media(min-width:750px){.cmp__intro br{display:inline}.cmp__intro p+p{margin-top:2.8rem}.cmp__outro p{text-wrap:balance}.cmp-duo{--can-w: 12rem;max-width:62rem;margin-inline:auto;column-gap:2rem}.cmp-duo__name-title{font-size:2.6rem}.cmp-duo__name-sub{font-size:1.6rem}.cmp-duo__val{font-size:3.6rem}.cmp-duo__val--brand.cmp-duo__val--taste{margin-right:-1.3rem}.cmp-duo__val--rival.cmp-duo__val--taste{margin-left:-1.3rem}.cmp-duo__label{font-size:1.5rem}.cmp-duo__vs{width:6.4rem;height:6.4rem;font-size:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/comparison-usp.css.map */