.cmp-chart{--cmp-bg: #ffffff;--cmp-heading: #263744;--cmp-text: #2e2e2e;--cmp-table-bg: #ffffff;--cmp-border: #e1e0d9;--cmp-label: #263744;--cmp-juvent-head-bg: #f0f6ff;--cmp-juvent-cell-bg: #f8fbff;--cmp-juvent-border: #dbeafe;--cmp-juvent-eyebrow: #2a78d6;--cmp-juvent-title: #0b0b0b;--cmp-juvent-text: #0b0b0b;--cmp-other-eyebrow: #898781;--cmp-other-title: #52514e;--cmp-other-text: #52514e;--cmp-hint: #52514e;--cmp-quote-border: #2a78d6;--cmp-quote-text: #2e2e2e;--cmp-cta-bg: #f2f7fa;--cmp-cta-heading: #263744;--cmp-cta-text: #2e2e2e;--cmp-btn1-bg: transparent;--cmp-btn1-text: #050304;--cmp-btn1-border: #263744;--cmp-btn1-hover-bg: #48637a;--cmp-btn1-hover-text: #ffffff;--cmp-btn1-hover-border: #48637a;--cmp-btn2-bg: #f6931b;--cmp-btn2-text: #050304;--cmp-btn2-border: #f6931b;--cmp-btn2-hover-bg: #48637a;--cmp-btn2-hover-text: #ffffff;--cmp-btn2-hover-border: #48637a;--cmp-label-col: 216px;position:relative;z-index:1;background:var(--cmp-bg);color:var(--cmp-text)}.cmp-chart__container{max-width:1111px}.cmp-chart__intro{margin-bottom:56px}.cmp-chart__heading{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:48px;line-height:1.25;letter-spacing:-1.2px;text-transform:none;color:var(--cmp-heading)}.cmp-chart__text{margin-top:20px;font-size:18px;line-height:1.625;color:var(--cmp-text)}.cmp-chart__text p,.cmp-chart__quote p,.cmp-chart__cell p{margin:0}.cmp-chart__table-wrap{position:relative;background:var(--cmp-table-bg);border:1px solid var(--cmp-border);border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden}.cmp-chart__scroller{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cmp-chart__scroller::-webkit-scrollbar{display:none}.cmp-chart__scroller:focus-visible{outline:2px solid var(--cmp-juvent-eyebrow);outline-offset:-2px}.cmp-chart__table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;overflow:visible;box-shadow:none;border-radius:0}.cmp-chart__table tbody tr{border:0}.cmp-chart__corner,.cmp-chart__label{width:var(--cmp-label-col)}.cmp-chart__head--juvent,.cmp-chart__cell--juvent{width:46%}.cmp-chart__table th,.cmp-chart__table td{text-align:start;vertical-align:top;border-bottom:1px solid var(--cmp-border)}.cmp-chart__table tbody tr:last-child>*{border-bottom:0}.cmp-chart__head{padding:24px 24px 22px;text-align:center!important;vertical-align:bottom!important;font-weight:inherit}.cmp-chart__head--juvent{background:var(--cmp-juvent-head-bg)}.cmp-chart__head-image{display:block;margin:0 auto 20px;height:auto;max-width:100%;object-fit:contain}.cmp-chart__head-image--juvent{width:223px}.cmp-chart__head-image--other{width:207px;margin-bottom:8px}.cmp-chart__eyebrow{display:block;font-size:12px;font-weight:600;line-height:1.31;letter-spacing:1.65px;text-transform:uppercase;color:var(--cmp-other-eyebrow)}.cmp-chart__title{display:block;margin-top:4px;font-family:var(--font-heading-family);font-size:21px;font-weight:700;line-height:22px;letter-spacing:0;text-transform:none;color:var(--cmp-other-title)}.cmp-chart__head--juvent .cmp-chart__eyebrow{color:var(--cmp-juvent-eyebrow)}.cmp-chart__head--juvent .cmp-chart__title{color:var(--cmp-juvent-title)}.cmp-chart__label{padding:23px 20px 20px 28px;background:var(--cmp-table-bg);font-size:14px;font-weight:700;line-height:1.12;letter-spacing:1.32px;text-transform:uppercase;color:var(--cmp-label)}.cmp-chart__cell{padding:20px 28px 22px;font-size:14px;line-height:22.75px}.cmp-chart__cell--juvent{background:var(--cmp-juvent-cell-bg);border-left:1px solid var(--cmp-juvent-border);font-size:14.75px;font-weight:600;color:var(--cmp-juvent-text)}.cmp-chart__cell--other{border-left:1px solid var(--cmp-border);font-weight:400;color:var(--cmp-other-text)}.cmp-chart__hint{display:none}.cmp-chart__quote{margin-top:48px;padding-left:20px;border-left:2px solid var(--cmp-quote-border);font-size:16px;font-weight:500;line-height:26px;color:var(--cmp-quote-text)}.cmp-chart .cmp-chart__btn{--buttons-radius: 100px;--buttons-border-width: 1px;--border-opacity: 1;--color-button-gradient: none;min-height:68px;max-height:none;padding:13px 27px;font-family:var(--font-body-family);font-size:24px;font-weight:500;line-height:22.5px;text-transform:none;text-decoration:none}.cmp-chart .cmp-chart__btn--outline{--cmp-btn-bg: var(--cmp-btn1-bg);--cmp-btn-text: var(--cmp-btn1-text);--cmp-btn-border: var(--cmp-btn1-border);--cmp-btn-hover-bg: var(--cmp-btn1-hover-bg);--cmp-btn-hover-text: var(--cmp-btn1-hover-text);--cmp-btn-hover-border: var(--cmp-btn1-hover-border);margin-top:32px;box-shadow:0 1px 4px #1e2b3629}.cmp-chart .cmp-chart__btn--solid{--cmp-btn-bg: var(--cmp-btn2-bg);--cmp-btn-text: var(--cmp-btn2-text);--cmp-btn-border: var(--cmp-btn2-border);--cmp-btn-hover-bg: var(--cmp-btn2-hover-bg);--cmp-btn-hover-text: var(--cmp-btn2-hover-text);--cmp-btn-hover-border: var(--cmp-btn2-hover-border);margin-top:36px;box-shadow:0 1px 2px #1e2b3629}.cmp-chart .cmp-chart__btn.button{background:var(--cmp-btn-bg);color:var(--cmp-btn-text)}.cmp-chart .cmp-chart__btn:after{border-color:var(--cmp-btn-border);transition:border-color var(--animation-primary, .3s)}.cmp-chart .cmp-chart__btn .btn-fill{background:var(--cmp-btn-hover-bg)}@media screen and (hover:hover){.js [data-button-hover=standard] .cmp-chart .cmp-chart__btn:hover:not([disabled]){--cmp-btn-border: var(--cmp-btn-hover-border);color:var(--cmp-btn-hover-text)}}.cmp-chart__cta{margin-top:64px;padding:73px 0 79px;background:var(--cmp-cta-bg)}.cmp-chart__cta .cmp-chart__heading{color:var(--cmp-cta-heading)}.cmp-chart__text--cta{margin-top:13px;color:var(--cmp-cta-text);font-size:21px;line-height:29.25px}@media screen and (max-width:1023px){.cmp-chart{--cmp-label-col: 150px}.cmp-chart__head--juvent,.cmp-chart__cell--juvent{width:50%}}@media screen and (max-width:767px){.cmp-chart{--cmp-label-col: 104px;--cmp-data-col: max(200px, calc(100vw - var(--page-padding, 20px) * 2 - 2px - var(--cmp-label-col) - 32px))}.cmp-chart__scroller{scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--cmp-label-col)}.cmp-chart__table{table-layout:auto;width:max-content;min-width:100%}.cmp-chart__corner,.cmp-chart__label{position:sticky;left:0;z-index:2;width:var(--cmp-label-col);min-width:var(--cmp-label-col);max-width:var(--cmp-label-col);background:var(--cmp-table-bg)}.cmp-chart__head--juvent,.cmp-chart__cell--juvent,.cmp-chart__head--other,.cmp-chart__cell--other{width:var(--cmp-data-col);min-width:var(--cmp-data-col);max-width:var(--cmp-data-col);scroll-snap-align:start}.cmp-chart__table-wrap.is-scrolled .cmp-chart__corner,.cmp-chart__table-wrap.is-scrolled .cmp-chart__label{box-shadow:6px 0 8px -6px #0000002e}.cmp-chart__table-wrap:after{content:"";position:absolute;inset-block:0;right:0;width:28px;background:linear-gradient(to left,var(--cmp-table-bg),transparent);pointer-events:none;opacity:0;transition:opacity .2s ease}.cmp-chart__table-wrap.is-scrollable:not(.is-end):after{opacity:1}.cmp-chart__hint{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:12px 0 0;font-size:13px;font-weight:500;letter-spacing:.3px;color:var(--cmp-hint)}.cmp-chart__heading{font-size:32px;letter-spacing:-.8px}.cmp-chart__text{margin-top:16px;font-size:16px;line-height:1.6}.cmp-chart__intro{margin-bottom:32px}.cmp-chart__head{padding:16px 16px 18px}.cmp-chart__head-image--juvent{width:150px;margin-bottom:14px}.cmp-chart__head-image--other{width:140px;margin-bottom:6px}.cmp-chart__eyebrow{font-size:10px;letter-spacing:1.2px}.cmp-chart__title{font-size:17px;line-height:20px}.cmp-chart__label{padding:18px 10px 16px 14px;font-size:11px;letter-spacing:.9px;line-height:1.3}.cmp-chart__cell{padding:16px 16px 18px;font-size:14px;line-height:21px}.cmp-chart__quote{margin-top:32px;padding-left:16px;font-size:15px;line-height:24px}.cmp-chart .cmp-chart__btn{min-height:0;max-height:3.75rem;padding:clamp(var(--sp-4d5),1.2vw,var(--sp-5d5)) clamp(var(--sp-6d5),1.473vw,var(--sp-7d5));font-size:var(--font-button-size);line-height:1}.cmp-chart .cmp-chart__btn--outline,.cmp-chart .cmp-chart__btn--solid{margin-top:24px}.cmp-chart__cta{margin-top:48px;padding:48px 0 52px}.cmp-chart__text--cta{font-size:17px;line-height:1.55}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-comparison-chart.css.map */