.comparison-chart__fullbg{background:var(--comparison-surface-bg, #e3e3e3)}.comparison-chart{--comparison-text-dark: #012326;--comparison-surface-bg: #e3e3e3;--comparison-grid: #d3d3d3;--comparison-border: rgba(118, 118, 118, .4);--comparison-focus: #a3a3a3;--comparison-primary: #23dedb;--comparison-primary-hover: rgba(35, 222, 219, .7);--comparison-primary-border: #0ac2c1;--comparison-primary-text: #012326;--comparison-secondary-text: #05999c;--comparison-secondary-hover: rgba(5, 153, 156, .7);--comparison-highlight-bg: rgba(201, 255, 249, .17);--comparison-positive: #23dedb;--comparison-negative: #ff4949;--comparison-neutral: #a3a3a3;--comparison-mobile-reference-width: clamp(0px, 100vw, calc(var(--base-w-mob) * 1px));--comparison-desktop-reference-width: clamp(0px, 100vw, calc(var(--cap-vp) * 1px));overflow:clip;padding-top:var(--comparison-padding-top-mobile, 0px);padding-bottom:var(--comparison-padding-bottom-mobile, 0px)}.comparison-chart{max-width:min(100%,calc(var(--cap-vp) * 1px));margin:0 auto}.comparison-chart__canvas{background-color:#e3e3e3;position:relative;display:flex;flex-direction:column;align-items:center;gap:calc(var(--comparison-mobile-reference-width) * 24 / 390);width:100%;padding:calc(var(--comparison-mobile-reference-width) * 48 / 390) calc(var(--comparison-mobile-reference-width) * 16 / 390);isolation:isolate}.comparison-chart__header{position:relative;z-index:1;display:flex;justify-content:center;width:100%}.comparison-chart__heading{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;margin:0;color:var(--comparison-text-dark);font-family:"Roboto",var(--font-heading--family),sans-serif;font-size:max(24px,calc(var(--comparison-mobile-reference-width) * 24 / 390));font-style:normal;font-weight:400;line-height:1;text-align:center;text-transform:uppercase}.comparison-chart__heading span:first-child{margin-left:calc(var(--comparison-desktop-reference-width) * 40 / 1440);max-width:max-content;width:100%}.comparison-chart__heading span:nth-child(2){margin-right:calc(var(--comparison-desktop-reference-width) * 30 / 1440);max-width:max-content;width:100%}.comparison-chart__shell{position:relative;z-index:1;width:100%;padding:calc(var(--comparison-mobile-reference-width) * 24 / 390) calc(var(--comparison-mobile-reference-width) * 8 / 390);border-radius:4px;overflow:hidden}.comparison-chart__shell--has-border-image{border-color:transparent}.comparison-chart__shell--has-border-image:before,.comparison-chart__shell--has-border-image:after{display:none}.comparison-chart__border-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.comparison-chart__border-media-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:fill}.comparison-chart__border-media-image--desktop{display:none}.comparison-chart__shell:before,.comparison-chart__shell:after{content:"";position:absolute;top:calc(var(--comparison-mobile-reference-width) * -1 / 390);width:calc(var(--comparison-mobile-reference-width) * 92 / 390);border-top:1px solid var(--comparison-grid)}.comparison-chart__shell:before{left:calc(var(--comparison-mobile-reference-width) * 8 / 390)}.comparison-chart__shell:after{right:calc(var(--comparison-mobile-reference-width) * 8 / 390)}.comparison-chart__scroller{position:relative;z-index:1;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.comparison-chart__scroller::-webkit-scrollbar{display:none}.comparison-chart__panel{position:relative;display:grid;grid-template-columns:calc(var(--comparison-mobile-reference-width) * 108 / 390) calc(var(--comparison-mobile-reference-width) * 188.357 / 390) calc(var(--comparison-mobile-reference-width) * 162 / 390) calc(var(--comparison-mobile-reference-width) * 162 / 390);align-items:start;width:calc(var(--comparison-mobile-reference-width) * 620.357 / 390);padding:calc(var(--comparison-mobile-reference-width) * 8 / 390) calc(var(--comparison-mobile-reference-width) * 8 / 390) calc(var(--comparison-mobile-reference-width) * 8 / 390) 0;border-radius:calc(var(--comparison-mobile-reference-width) * 34.881 / 390);-webkit-backdrop-filter:blur(43.601px);backdrop-filter:blur(43.601px);background-image:linear-gradient(121.9078deg,#ccc3 19.734%,#8f8f8f33 53.827%,#2b2b2b33 80.614%);background-color:#ffffff1f}.comparison-chart__column{position:relative;display:flex;flex-direction:column;min-width:0}.comparison-chart__column--labels{position:sticky;z-index:2;background-color:transparent}.comparison-chart__column--highlighted{border-radius:calc(var(--comparison-mobile-reference-width) * 17.44 / 390);background:var(--comparison-highlight-bg)}.comparison-chart__column-header{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--comparison-mobile-reference-width) * 8 / 390);min-height:calc(var(--comparison-mobile-reference-width) * 130 / 390);padding:calc(var(--comparison-mobile-reference-width) * 8 / 390) 0;text-align:center}.comparison-chart__column-header--empty{min-height:calc(var(--comparison-mobile-reference-width) * 130 / 390)}.comparison-chart__column--labels .comparison-chart__column-header--empty,.comparison-chart__column--labels .comparison-chart__cell--label{background:transparent}.comparison-chart__column-header--primary{padding-inline:calc(var(--comparison-mobile-reference-width) * 10 / 390)}.comparison-chart__image-wrap{position:relative;display:grid;place-items:center;width:calc(var(--comparison-mobile-reference-width) * 70 / 390);height:calc(var(--comparison-mobile-reference-width) * 70 / 390);transform-origin:center}.comparison-chart__image-wrap.is-floating{animation:hero-float 3s ease-in-out infinite}@keyframes hero-float{0%{transform:translateY(0)}50%{transform:translateY(calc(-12 / var(--base-w) * 100vw))}to{transform:translateY(0)}}.comparison-chart__image{display:block;width:100%;height:100%;object-fit:contain}.comparison-chart__image-placeholder{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffffffd9,#23dedb59 52%,#05999c26);box-shadow:1px 1px 20px #23dedb40}.comparison-chart__image-placeholder--secondary,.comparison-chart__image-placeholder--tertiary{background:radial-gradient(circle at 50% 50%,#ffffffe6,#ff494947 56%,#05999c1f)}.comparison-chart__watermark{position:absolute;top:calc(var(--comparison-mobile-reference-width) * 21 / 390);left:calc(var(--comparison-mobile-reference-width) * 26 / 390);z-index:0;display:block;width:calc(var(--comparison-mobile-reference-width) * 136 / 390);height:auto;pointer-events:none;mix-blend-mode:overlay}.comparison-chart__watermark svg{fill:#c9fff9b3;stroke:#c9fff9b3;width:100%;height:100%}.comparison-chart__column-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;color:var(--comparison-text-dark);font-family:Geist Mono,monospace;font-size:max(14px,calc(var(--comparison-mobile-reference-width) * 14 / 390));font-style:normal;font-weight:500;line-height:1.3;text-transform:uppercase}.comparison-chart__column--secondary .comparison-chart__column-copy,.comparison-chart__column--tertiary .comparison-chart__column-copy{font-weight:400}.comparison-chart__column-rows{display:flex;flex-direction:column}.comparison-chart__column--tertiary .comparison-chart__column-rows{width:calc(var(--comparison-mobile-reference-width) * 145 / 390)}.comparison-chart__cell{position:relative;display:flex;align-items:center;min-height:calc(var(--comparison-mobile-reference-width) * 92 / 390);border-top:.5px solid var(--comparison-border)}.comparison-chart__cell--label{padding:calc(var(--comparison-mobile-reference-width) * 5 / 390)}.comparison-chart__cell--label span{color:var(--comparison-text-dark);font-family:Geist Mono,monospace;font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));font-style:normal;font-weight:500;line-height:1.3;text-transform:uppercase}.comparison-chart__cell--value{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:calc(var(--comparison-mobile-reference-width) * 12 / 390);margin:0 calc(var(--comparison-mobile-reference-width) * 12 / 390);padding:calc(var(--comparison-mobile-reference-width) * 8 / 390) 0 calc(var(--comparison-mobile-reference-width) * 8 / 390) calc(var(--comparison-mobile-reference-width) * 16 / 390)}.comparison-chart__column--secondary .comparison-chart__cell--value,.comparison-chart__column--tertiary .comparison-chart__cell--value{padding-inline:calc(var(--comparison-mobile-reference-width) * 10 / 390);padding-block:calc(var(--comparison-mobile-reference-width) * 5 / 390)}.comparison-chart__marker{display:inline-flex;position:relative;min-width:calc(var(--comparison-mobile-reference-width) * 10 / 390);min-height:calc(var(--comparison-mobile-reference-width) * 10 / 390);border-radius:50%;background:var(--comparison-neutral);box-shadow:0 0 calc(var(--comparison-mobile-reference-width) * 10 / 390) #a3a3a38c;transform-origin:center;--comparison-marker-pulse-color: #23dedb99}.comparison-chart__marker:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none}@keyframes pouches-counter-pulse{0%{box-shadow:0 0 0 0 var(--comparison-marker-pulse-color)}60%{box-shadow:0 0 0 6px transparent}to{box-shadow:0 0 0 0 transparent}}.comparison-chart__marker:hover:after,.comparison-chart__cell--value:hover .comparison-chart__marker:after,.comparison-chart__marker.is-pulsing:after{animation:pouches-counter-pulse .9s ease-out}.comparison-chart__column--secondary .comparison-chart__marker,.comparison-chart__column--tertiary .comparison-chart__marker{width:calc(var(--comparison-mobile-reference-width) * 8 / 390);height:calc(var(--comparison-mobile-reference-width) * 8 / 390)}.comparison-chart__cell--positive .comparison-chart__marker{background:var(--comparison-positive);box-shadow:1px 1px 20px 6px #23dedb66;--comparison-marker-pulse-color: #23dedb99}.comparison-chart__cell--negative .comparison-chart__marker{background:var(--comparison-negative);box-shadow:1px 1px 20px 6px #ff494966;--comparison-marker-pulse-color: #ff494999}.comparison-chart__cell--none .comparison-chart__marker{display:none}.comparison-chart__cell-text{color:var(--comparison-text-dark);font-family:"Roboto",var(--font-paragraph--family),sans-serif;font-size:max(14px,calc(var(--comparison-mobile-reference-width) * 14 / 390));font-style:normal;font-weight:400;line-height:1.2}.comparison-chart__cell--strong .comparison-chart__cell-text{font-weight:700}.comparison-chart__actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--comparison-mobile-reference-width) * 16 / 390);width:100%}.comparison-chart__button{width:100%;min-height:calc(var(--comparison-mobile-reference-width) * 50 / 390);padding:calc(var(--comparison-mobile-reference-width) * 8 / 390) calc(var(--comparison-mobile-reference-width) * 16 / 390);border-radius:4px;font-family:Geist Mono,monospace;font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));font-style:normal;font-weight:500;line-height:1.2;text-transform:uppercase;justify-items:center}.comparison-chart__button--primary{color:var(--comparison-primary-text);background-color:var(--comparison-primary);border-color:var(--comparison-primary-border)}.comparison-chart__button--secondary{color:var(--comparison-secondary-text);background-color:transparent;border-color:var(--comparison-primary-border)}@media screen and (min-width:750px){.comparison-chart{padding-top:var(--comparison-padding-top-desktop, 0px);padding-bottom:var(--comparison-padding-bottom-desktop, 0px)}.comparison-chart__canvas{background-color:#e3e3e3;gap:calc(var(--comparison-desktop-reference-width) * 32 / 1440);min-height:calc(var(--comparison-desktop-reference-width) * 950 / 1440);padding:calc(var(--comparison-desktop-reference-width) * 64 / 1440) calc(var(--comparison-desktop-reference-width) * 188 / 1440)}.comparison-chart__canvas:before,.comparison-chart__canvas:after{content:"";position:absolute;top:0;bottom:0;width:clamp(180px,calc(232 / var(--base-w) * 100vw),calc(232 / var(--base-w) * var(--cap-vp) * 1px));border-left:1px solid var(--comparison-grid);border-right:1px solid var(--comparison-grid);pointer-events:none;z-index:0}.comparison-chart__canvas:before{left:clamp(80px,calc(105 / var(--base-w) * 100vw),calc(105 / var(--base-w) * var(--cap-vp) * 1px))}.comparison-chart__canvas:after{right:clamp(80px,calc(89 / var(--base-w) * 100vw),calc(89 / var(--base-w) * var(--cap-vp) * 1px))}.comparison-chart__heading{font-size:calc(var(--comparison-desktop-reference-width) * 32 / 1440);max-width:calc(var(--comparison-desktop-reference-width) * 300 / 1440)}.comparison-chart__shell{display:flex;justify-content:center;width:calc(var(--comparison-desktop-reference-width) * 1011 / 1440);height:auto;padding:calc(var(--comparison-desktop-reference-width) * 21 / 1440) calc(var(--comparison-desktop-reference-width) * 38 / 1440);border-radius:4px}.comparison-chart__shell:before,.comparison-chart__shell:after{display:none}.comparison-chart__border-media-image--mobile{display:none}.comparison-chart__border-media-image--desktop{display:block}.comparison-chart__scroller{overflow:visible}.comparison-chart__panel{grid-template-columns:calc(var(--comparison-desktop-reference-width) * 165 / 1440) calc(var(--comparison-desktop-reference-width) * 264 / 1440) calc(var(--comparison-desktop-reference-width) * 227 / 1440) calc(var(--comparison-desktop-reference-width) * 227 / 1440);column-gap:calc(var(--comparison-desktop-reference-width) * 12 / 1440);width:auto;padding:calc(var(--comparison-desktop-reference-width) * 8 / 1440);border-radius:calc(var(--comparison-desktop-reference-width) * 34.881 / 1440);background-image:linear-gradient(132.1724deg,#ccc3 19.734%,#8f8f8f33 53.827%,#2b2b2b33 80.614%)}.comparison-chart__column--highlighted{border-radius:calc(var(--comparison-desktop-reference-width) * 17.44 / 1440)}.comparison-chart__column--labels{position:relative;left:auto;z-index:auto;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.comparison-chart__column--labels:after{display:none}.comparison-chart__column-header,.comparison-chart__column-header--empty{min-height:calc(var(--comparison-desktop-reference-width) * 136 / 1440);gap:calc(var(--comparison-desktop-reference-width) * 8 / 1440);padding-block:calc(var(--comparison-desktop-reference-width) * 8 / 1440)}.comparison-chart__column-header--primary{padding-inline:calc(var(--comparison-desktop-reference-width) * 12 / 1440)}.comparison-chart__image-wrap{width:calc(var(--comparison-desktop-reference-width) * 70 / 1440);height:calc(var(--comparison-desktop-reference-width) * 70 / 1440)}.comparison-chart__watermark{top:calc(var(--comparison-desktop-reference-width) * 22 / 1440);left:calc(var(--comparison-desktop-reference-width) * 64 / 1440);width:calc(var(--comparison-desktop-reference-width) * 136 / 1440)}.comparison-chart__column-copy{font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));font-weight:700}.comparison-chart__column--secondary .comparison-chart__column-copy,.comparison-chart__column--tertiary .comparison-chart__column-copy{font-weight:400}.comparison-chart__column--tertiary .comparison-chart__column-rows{width:auto}.comparison-chart__cell{min-height:calc(var(--comparison-desktop-reference-width) * 92 / 1440)}.comparison-chart__cell--label{padding:calc(var(--comparison-desktop-reference-width) * 8 / 1440) calc(var(--comparison-desktop-reference-width) * 17 / 1440)}.comparison-chart__cell--label span{font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px));font-weight:400}.comparison-chart__cell--value{flex-direction:row;align-items:center;gap:calc(var(--comparison-desktop-reference-width) * 10 / 1440);padding:calc(var(--comparison-desktop-reference-width) * 8 / 1440) 0 calc(var(--comparison-desktop-reference-width) * 8 / 1440) calc(var(--comparison-desktop-reference-width) * 16 / 1440)}.comparison-chart__column--secondary .comparison-chart__cell--value,.comparison-chart__column--tertiary .comparison-chart__cell--value{padding-inline:calc(var(--comparison-desktop-reference-width) * 10 / 1440);padding-block:calc(var(--comparison-desktop-reference-width) * 5 / 1440)}.comparison-chart__marker{min-width:calc(var(--comparison-desktop-reference-width) * 10 / 1440);min-height:calc(var(--comparison-desktop-reference-width) * 10 / 1440)}.comparison-chart__column--secondary .comparison-chart__marker,.comparison-chart__column--tertiary .comparison-chart__marker{width:calc(var(--comparison-desktop-reference-width) * 8 / 1440);height:calc(var(--comparison-desktop-reference-width) * 8 / 1440)}.comparison-chart__cell-text{font-size:calc(var(--comparison-desktop-reference-width) * 18 / 1440)}.comparison-chart__actions{display:flex;gap:calc(var(--comparison-desktop-reference-width) * 16 / 1440);width:auto}.comparison-chart__button{width:calc(var(--comparison-desktop-reference-width) * 230 / 1440);min-height:calc(var(--comparison-desktop-reference-width) * 50 / 1440);padding-inline:calc(var(--comparison-desktop-reference-width) * 16 / 1440);padding-block:calc(var(--comparison-desktop-reference-width) * 8 / 1440);font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px))}}@media(max-width:390px){.comparison-chart__heading span:first-child{margin:0}.comparison-chart__heading span:nth-child(2){margin:0}}@media screen and (max-width:1024px){.comparison-chart__heading span:first-child,.comparison-chart__heading span:nth-child(2){margin:0}}@media screen and (min-width:750px)and (max-width:1024px){.comparison-chart__canvas{min-height:auto;gap:28px;padding:56px 24px}.comparison-chart__heading{max-width:none;font-size:clamp(28px,3vw,32px)}.comparison-chart__shell{width:100%;padding:16px 12px}.comparison-chart__panel{width:100%;grid-template-columns:minmax(116px,.92fr) minmax(180px,1.2fr) minmax(156px,1fr) minmax(156px,1fr)}.comparison-chart__column-header,.comparison-chart__column-header--empty{min-height:128px}.comparison-chart__image-wrap{width:68px;height:68px}.comparison-chart__column-copy{font-size:clamp(14px,1.6vw,16px)}.comparison-chart__cell{min-height:78px}.comparison-chart__cell--label span{font-size:clamp(13px,1.45vw,15px)}.comparison-chart__cell-text{font-size:clamp(15px,1.65vw,17px)}.comparison-chart__actions{width:100%;justify-content:center}.comparison-chart__button{width:min(45%,230px);min-height:48px;font-size:15px}}@media screen and (max-width:749px){.comparison-chart__canvas{padding:48px 12px}.comparison-chart__actions .bravo-btn{flex:1;width:100%}.comparison-chart__column--labels{left:0;margin:-8px 0;padding-block:8px;background:linear-gradient(180deg,#e3e3e3db,#e3e3e3c7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top-left-radius:calc(var(--comparison-mobile-reference-width) * 34.881 / 390);border-bottom-left-radius:calc(var(--comparison-mobile-reference-width) * 34.881 / 390);overflow:hidden}.comparison-chart__column--labels:after{right:-18px;width:18px}.comparison-chart__column--labels .comparison-chart__column-header--empty,.comparison-chart__column--labels .comparison-chart__cell--label{background:transparent}.comparison-chart__heading{font-size:clamp(24px,6.2vw,28px)}.comparison-chart__shell{padding:24px 8px}.comparison-chart__actions{gap:12px}.comparison-chart__button{font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px))}}@media screen and (max-width:425PX){.comparison-chart__canvas{gap:24px;padding:48px 16px}.comparison-chart__heading{font-size:24px}.comparison-chart__shell{padding:24px 8px}.comparison-chart__column--labels{padding:8px 0 8px 8px;border-top-left-radius:34.881px;border-bottom-left-radius:34.881px}.comparison-chart__panel{grid-template-columns:108px 188.357px 162px 162px;width:620.357px;padding:8px 8px 8px 0;border-radius:34.881px}.comparison-chart__column-header,.comparison-chart__column-header--empty{gap:8px;min-height:130px;max-height:130px;padding-block:8px}.comparison-chart__image-wrap{width:70px;height:70px}.comparison-chart__column-copy{font-size:14px}.comparison-chart__cell{min-height:92px;margin:0;justify-content:center}.comparison-chart__cell.comparison-chart__cell--label{justify-content:flex-start}.comparison-chart__cell--label span{font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px))}.comparison-chart__cell-text{font-size:14px}.comparison-chart__marker{min-width:10px;min-height:10px}.comparison-chart__column--secondary .comparison-chart__marker,.comparison-chart__column--tertiary .comparison-chart__marker{width:8px;height:8px}.comparison-chart__actions{gap:16px}.comparison-chart__button{min-height:50px;padding:8px 16px;font-size:clamp(12px,calc(16 / var(--base-w) * 100vw),calc(16 / var(--base-w) * var(--cap-vp) * 1px))}}@media(prefers-reduced-motion:reduce){.comparison-chart__marker:hover,.comparison-chart__marker.is-pulsing,.comparison-chart__cell--value:hover .comparison-chart__marker,.comparison-chart__image-wrap.is-floating,.comparison-chart__column--primary:has(.comparison-chart__marker:hover) .comparison-chart__image-wrap,.comparison-chart__column--secondary:has(.comparison-chart__marker:hover) .comparison-chart__image-wrap,.comparison-chart__column--tertiary:has(.comparison-chart__marker:hover) .comparison-chart__image-wrap{animation:none!important}.comparison-chart__marker:after{animation:none!important}}@media(max-width:390px){.comparison-chart__heading{font-size:24px}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/comparison-chart.css.map */