npm - @tet/tet-components - Versions diffs - 1.4.75-testing → 1.4.76-staging - Mend

@tet/tet-components 1.4.75-testing → 1.4.76-staging

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (537) hide show

package/dist/cjs/tet-thank-you-view.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const tetThankYouViewCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--stepper-horizontal-line-width:2.5rem;--stepper-step-width:8.75rem;--faq-slot-spacing-top:3rem;display:flex;min-height:100%}.thank-you-view{display:flex;flex:1;flex-direction:column;min-height:100%;padding-bottom:1rem}.thank-you-view.light{background:var(--color-ta070)}.thank-you-view.dark{background:var(--color-tg600)}.thank-you-view.dark .thank-you-view-header{margin-bottom:2rem}.thank-you-view-main-block{font-family:var(--text-font)}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:1.5rem}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}}.thank-you-view.dark .thank-you-view-main-block.no-header{margin-top:2rem}.thank-you-view.light .thank-you-view-main-block{padding-top:1.875rem;padding-bottom:1rem;box-shadow:0 0.0625rem 0 var(--color-ta100);background:linear-gradient(180deg, var(--color-ta070) 0%, #F3F4F7 26.04%, #ECEEF3 100%);border-bottom-right-radius:50% 1.5%;border-bottom-left-radius:50% 1.5%}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block{padding-bottom:2rem;border-bottom-right-radius:50% 5%;border-bottom-left-radius:50% 5%}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block{border-bottom-right-radius:50% 10%;border-bottom-left-radius:50% 10%}}.thank-you-view.dark .thank-you-view-main-block{align-self:center;max-width:64rem;background:var(--color-tg500);border-radius:0.625rem}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 1rem 0}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view.dark .thank-you-view-main-block{padding:1.5rem;margin:0 2rem 0}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block{padding:3rem}}.thank-you-view-main-block-icon{text-align:center}.thank-you-view-main-block-icon .icon{--icon-size:2.5rem;margin-bottom:0.75rem}@media screen and (min-width: 48rem){.thank-you-view-main-block-icon .icon{margin-bottom:1rem}}.thank-you-view.light .thank-you-view-main-block-icon .icon{--icon-color:rgb(0, 96, 245)}.thank-you-view.dark .thank-you-view-main-block-icon .icon{--icon-color:var(--color-td600)}.thank-you-view-main-block-info{text-align:center}.thank-you-view-main-block-info-title{margin:0 auto 0.5rem;background-color:inherit;font-weight:500}@media screen and (max-width: 47.9375rem){.thank-you-view-main-block-info-title{font-size:1.5rem;line-height:2rem;letter-spacing:0.002em}}@media screen and (min-width: 48rem) and (max-width: 63.9375rem){.thank-you-view-main-block-info-title{text-align:center;font-size:1.75rem;line-height:2.125rem;letter-spacing:0.001em}}@media screen and (min-width: 64rem){.thank-you-view-main-block-info-title{max-width:39.375rem;font-size:2rem;line-height:2.375rem}}.thank-you-view.light .thank-you-view-main-block-info-title{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-title{color:var(--color-th500)}.thank-you-view-main-block-info-description{font-size:1rem;font-weight:400;line-height:1.5rem}.thank-you-view.light .thank-you-view-main-block-info-description{padding:0 1rem;color:var(--color-ta600)}.thank-you-view.dark .thank-you-view-main-block-info-description{margin:0 auto;color:var(--color-ti600)}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:31.25rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-info-description{max-width:43.75rem}}.thank-you-view.dark .thank-you-view-main-block-info-description strong{color:var(--color-th500)}.thank-you-view-main-block-info-description p{margin-bottom:0.5rem}.thank-you-view-main-block-info-description p:last-child{margin-bottom:0}@media screen and (max-width: 47.9375rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:1.5rem auto}}@media screen and (min-width: 48rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:0.0625rem auto 1.5rem}}@media screen and (min-width: 64rem){.thank-you-view.light .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (max-width: 47.9375rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2rem auto}}@media screen and (min-width: 48rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:2.25rem auto 4rem}}@media screen and (min-width: 64rem){.thank-you-view.dark .thank-you-view-main-block-stepper{margin:3rem auto}}@media screen and (min-width: 64rem){.thank-you-view-main-block-stepper .tet-stepper-override{--step-horizontal-line-width:var(--stepper-horizontal-line-width);--step-width:var(--stepper-step-width)}}.thank-you-view.dark .thank-you-view-main-block-stepper .tet-stepper-override{--step-active-line-color:var(--color-td600);--step-data-bg-color:var(--color-tg500);--step-data-text-color:var(--color-ti600);--step-description-text-color:var(--color-ti600);--step-non-active-line-color:var(--color-ta100);--step-data-strong-text-color:var(--color-th500);--step-description-strong-text-color:var(--color-th500)}.thank-you-view-main-block-cta{text-align:center}.thank-you-view-main-block-cta.no-stepper{margin-top:1.5625rem}.thank-you-view-main-block-cta-description{max-width:14.375rem;margin:1rem auto 0;font-size:0.875rem;font-weight:400;line-height:1.25rem;letter-spacing:0.002em}.thank-you-view.dark .thank-you-view-main-block-cta-description{color:var(--color-ti600)}.thank-you-view.dark .thank-you-view-main-block-cta-description strong{color:var(--color-th500)}.thank-you-view-faq-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 50 / 100)}@media screen and (min-width: 48rem){.thank-you-view-faq-slot{margin-top:calc(var(--faq-slot-spacing-top) - var(--faq-slot-spacing-top) * 25 / 100)}}@media screen and (min-width: 64rem){.thank-you-view-faq-slot{margin-top:var(--faq-slot-spacing-top)}}";
 const TetThankYouViewStyle0 = tetThankYouViewCss;

package/dist/cjs/tet-tooltip.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const TooltipPosition = require('./TooltipPosition-03ffa8a1.js');
 const tetTooltipCss = ":host{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit;padding:0;margin:0}:host{--color-gray-light:#cdd2de;--color-ta070:#f5f6f8;--color-ta080:#e6e8ee;--color-ta100:#cdd2de;--color-ta200:#9ba5be;--color-ta300:#69789c;--color-ta500:#1e356a;--color-ta600:#051d59;--color-tc090:#d6e6fd;--color-tc100:#d1dffe;--color-tc300:#75a1fb;--color-tc500:#1a70f6;--color-tc600:#0060f5;--color-td500:#00F1F2;--color-td600:#01cbe0;--color-tf600:#f53b2a;--color-tg300:#2b3036;--color-tg400:#1d2128;--color-tg500:#12171e;--color-tg600:#01050c;--color-th500:#f5f5f5;--color-ti500:#869198;--color-ti600:#aeb7bc;--text-font:Gilroy, serif;--text-color-darker:var(--color-ta600);--text-color-dark:var(--color-ta500);--text-color-dark-theme:var(--color-th500);--icons-font:Tet Icons, serif}.icon.tet-search{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-search::before{content:\"\\e86e\"}.icon.tet-close-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close-circled::before{content:\"\\e85a\"}.icon.tet-close{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-close::before{content:\"\\e85b\"}.icon.tet-check-circled{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check-circled::before{content:\"\\e86c\"}.icon.tet-check{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-check::before{content:\"\\e855\"}.icon.tet-chevron-up{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-up::before{content:\"\\e859\"}.icon.tet-chevron-down{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-chevron-down::before{content:\"\\e856\"}.icon.tet-clipboard{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-clipboard::before{content:\"\\e86a\"}.icon.tet-info{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-info::before{content:\"\\e81d\"}.icon.tet-done{font-family:var(--icons-font);font-weight:400;font-style:normal;font-size:1.25rem;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;speak:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.icon.tet-done::before{content:\"\\e867\"}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{--font-family-fallback:Gilroy, Arial, sans-serif;--font-family-headline:Gilroy;--font-family-content:Inter, var(--font-family-fallback);font-family:var(--font-family-content)}:host{--tooltip-background-color:var(--tc-tooltip-layer-secondary);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary);--tooltip-padding:1em;--tooltip-display-speed:.2s;--tooltip-delay-show:0s;--tooltip-delay-hide:.25s;--tooltip-max-width:18.75rem;--tooltip-border-radius:0.3125rem;--tooltip-font-weight:400;position:fixed;display:inline-block;width:max-content;max-width:min(var(--tooltip-max-width), 100%);z-index:100;pointer-events:none;opacity:0}:host(.hidden){visibility:hidden;opacity:0;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear}:host(.hidden-quick){opacity:0;visibility:hidden;transform:scale(0)}:host(.visible){visibility:visible;opacity:1;transition:visibility 0s var(--tooltip-display-speed), opacity var(--tooltip-display-speed) linear;transition-delay:var(--tooltip-delay-show)}.light-inverse{--tooltip-background-color:var(--tc-tooltip-layer-primary);--tooltip-text-color:var(--tc-tooltip-text-primary)}.dark{--tooltip-background-color:var(--tc-tooltip-layer-primary-dark);--tooltip-text-color:var(--tc-tooltip-text-primary-dark)}.dark-inverse{--tooltip-background-color:var(--tc-tooltip-layer-secondary-dark);--tooltip-text-color:var(--tc-tooltip-text-inverse-primary-dark)}.tooltip{position:relative;background:var(--tooltip-background-color);color:var(--tooltip-text-color);border-radius:var(--tooltip-border-radius);padding:var(--tooltip-padding);font-family:var(--font-family-content);font-weight:var(--tooltip-font-weight);font-size:0.875rem;white-space:normal;line-height:1.5em}.tooltip-pointer{position:absolute;width:0;height:0;border-left:0.5rem solid transparent;border-right:0.5rem solid transparent;border-bottom:0.5rem solid var(--tooltip-background-color)}@keyframes fadeIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;visibility:visible;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;visibility:visible;transform:scale(1)}100%{opacity:0;visibility:hidden;transform:scale(0)}}";
@@ -368,7 +368,7 @@ const TetTooltip = class {
         return (index.h("div", { class: { tooltip: true, [`${this.theme}`]: true }, role: "tooltip", "aria-hidden": this.showTooltip ? 'false' : 'true', "aria-live": this.showTooltip ? 'polite' : undefined }, index.h("div", { class: "tooltip-pointer", ref: (el) => (this.tooltipPointer = el) }), index.h("slot", null)));
     };
     render() {
-        return index.h(index.Host, { key: '8a1c59bc4d5881026979c535985fd4660429b41b', class: { visible: this.showTooltip } }, this.renderTooltip());
+        return index.h(index.Host, { key: 'f8463465dcb97297220e1b896bd68726f75f30c6', class: { visible: this.showTooltip } }, this.renderTooltip());
     }
     static get watchers() { return {
         "position": ["handlePositionChange"],

package/dist/cjs/tet-tv-gift-block.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const tetTvGiftBlockCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift{padding:3.5rem 1rem 2rem}.tv-gift--medium{padding:3.5rem 1.5rem 2.5rem}.tv-gift--large{padding:3.5rem}.tv-gift__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";display:flex;justify-content:center;flex-direction:column;text-align:center;padding-bottom:2rem;gap:1.5rem}.tv-gift--medium .tv-gift__header{font:600 2rem/2.25rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift--large .tv-gift__header{font:600 2.5rem/3rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";padding-bottom:2.5rem}.tv-gift__header__image{height:2.125rem;margin:0 auto}.tv-gift__content{--icon-size:1.25rem;--accordion-background-color:transparent}.tv-gift--large .tv-gift__content{--icon-size:1.5rem}.tv-gift__footer{font:400 0.875rem/1.25rem \"Inter\", \"Gilroy, Arial, sans-serif\";text-align:center;display:flex;flex-direction:column;margin-top:2rem}.tv-gift--large .tv-gift__footer{margin-top:2.5rem}.tv-gift__footer__title{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem;margin-bottom:1rem}@media screen and (min-width: 31.25rem){.tv-gift__footer__title{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\";line-height:2rem}}.tv-gift__footer__text{line-height:1.25rem}";
 const TetTvGiftBlockStyle0 = tetTvGiftBlockCss;

package/dist/cjs/tet-tv-gift-list.cjs.entry.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-3242ff3f.js');
+const index = require('./index-faec4c52.js');
 const tetTvGiftListCss = "@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Medium.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Medium.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Semibold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Semibold.woff\") format(\"woff\")}@font-face{font-family:\"Gilroy\";font-style:normal;font-weight:700;font-display:swap;src:url(\"assets/fonts/Gilroy-W05-Bold.woff2\") format(\"woff2\"), url(\"assets/fonts/Gilroy-W05-Bold.woff\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:400;font-display:swap;src:url(\"assets/fonts/Inter-Regular.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Regular.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:500;font-display:swap;src:url(\"assets/fonts/Inter-Medium.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-Medium.woff?v=3.19\") format(\"woff\")}@font-face{font-family:\"Inter\";font-style:normal;font-weight:600;font-display:swap;src:url(\"assets/fonts/Inter-SemiBold.woff2?v=3.19\") format(\"woff2\"), url(\"assets/fonts/Inter-SemiBold.woff?v=3.19\") format(\"woff\")}:host{display:block}.tv-gift-list{display:block}.tv-gift-list--image-list{display:grid;gap:2rem}.tv-gift-list--medium,.tv-gift-list--large{grid-template-columns:repeat(12, 1fr)}.tv-gift-list__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:0.5rem}.tv-gift-list__list__wrapper{display:flex;flex-direction:column;justify-content:center}.tv-gift-list--medium .tv-gift-list__list__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__list__wrapper{grid-column:span 7}.tv-gift-list__list__header{font:600 1.25rem/1.5rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--medium .tv-gift-list__list__header{font:600 1.5rem/1.75rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list--large .tv-gift-list__list__header{font:600 1.75rem/2rem \"Gilroy\", \"Gilroy, Arial, sans-serif\"}.tv-gift-list__list__item{font:400 1rem/1.5rem \"Inter\", \"Gilroy, Arial, sans-serif\";display:flex;gap:0.5rem;line-height:1.5rem}.tv-gift-list--large .tv-gift-list__list__item{font:400 1.125rem/1.75rem \"Inter\", \"Gilroy, Arial, sans-serif\";line-height:1.75rem}.tv-gift-list__list__item tet-icon{--icon-size:1.25rem;--icon-container-display:flex;padding-top:0.175rem}.tv-gift-list__image{width:100%;height:auto;border-radius:0.75rem}.tv-gift-list--medium .tv-gift-list__image__wrapper{grid-column:span 6}.tv-gift-list--large .tv-gift-list__image__wrapper{grid-column:span 5}";
 const TetTvGiftListStyle0 = tetTvGiftListCss;

package/dist/cjs/{theme-wrapper-66880718.js → theme-wrapper-46514846.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
-const index$1 = require('./index-3242ff3f.js');
-const index = require('./index-4b423f33.js');
+const index$1 = require('./index-faec4c52.js');
+const index = require('./index-19a7608f.js');
 exports.Theme = void 0;
 (function (Theme) {

package/dist/cjs/{translations-03c9de64.js → translations-89a0ec3d.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const typecheck = require('./typecheck-d48810dc.js');
-const httpCodes = require('./http-codes-40da1e61.js');
+const httpCodes = require('./http-codes-062f76cf.js');
 /**
  * Returns whether the object is empty.

package/dist/collection/components/advanced/cards/tet-compare-card-v3/tet-compare-card-v3.css CHANGED Viewed

@@ -460,7 +460,7 @@
    */
   --compare-card-top-part-background-color: var(--tc-layer-permanent-yellow);
   --compare-card-bottom-part-background-color: var(--tc-layer-primary);
-  --compare-card-text-permanent-color: var(--tc-text-permanent-black);
+  --compare-card-text-permanent-color: var(--tc-text-black-permanent);
   --compare-card-text-color: var(--tc-text-primary);
   --compare-card-text-tertiary-color: var(--tc-text-tertiary);
   --compare-card-best-choice-background-color: var(--tc-layer-inverse-primary);
@@ -473,6 +473,7 @@
   --compare-card-chevron-icon-hover-color: var(--tc-icon-inverse-primary);
   --compare-card-interactive-element-hover-background-color: var(--tc-layer-secondary);
   --compare-card-interactive-element-active-background-color: var(--tc-layer-tertiary);
+  --compare-card-label-background-color: var(--tc-layer-yellow-quaternary);
   --compare-card-focus-outline-color: var(--tc-blue-40);
   --compare-card-box-shadow: var(--tc-elevation-three);
   --compare-card-border-radius: 1rem;
@@ -486,7 +487,7 @@
   --compare-card-radio-container-border-hover-color: var(--tc-product-card-menu-border-hover);
   --compare-card-radio-container-border-pressed-color: var(--tc-product-card-menu-border-pressed);
   --compare-card-radio-container-border-active-color: var(--tc-product-card-menu-border-active);
-  display: inline-block;
+  display: flex;
   width: 100%;
   min-width: var(--compare-card-min-width);
   max-width: var(--compare-card-max-width);
@@ -528,6 +529,7 @@
   box-shadow: var(--compare-card-box-shadow);
 }
 .card__placeholder {
+  --placeholder-min-height: 37rem;
   --placeholder-border-radius: var(--compare-card-border-radius);
 }
 .card .content {
@@ -544,6 +546,7 @@
   color: var(--compare-card-text-color);
   border-bottom-left-radius: var(--compare-card-border-radius);
   border-bottom-right-radius: var(--compare-card-border-radius);
+  height: 100%;
 }
 @media screen and (min-width: 31.25rem) {
   .card .content {
@@ -557,19 +560,27 @@
 }
 .card .best-choice-title {
   font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
   position: absolute;
   align-self: center;
   visibility: hidden;
   white-space: nowrap;
   top: -2.5rem;
   max-width: 18.5rem;
-  padding: 0.5rem 1rem;
+  padding: 0.5rem 1.25rem;
   border-radius: 1rem 1rem 0 0;
   background-color: var(--compare-card-best-choice-background-color);
   color: var(--compare-card-best-choice-text-color);
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.card .best-choice-title__icon {
+  --icon-container-display: flex;
+  --icon-size: 1.375rem;
+  --icon-color: var(--compare-card-best-choice-text-color);
+}
 .card .best-choice-title.active {
   visibility: visible;
 }
@@ -584,14 +595,24 @@
 }
 .card .price-wrapper .price-container {
   display: flex;
+  flex-direction: column;
+}
+.card .price-wrapper .price-container__price-group {
+  display: inline-flex;
   align-items: flex-end;
+  flex-wrap: nowrap;
+  white-space: nowrap;
   gap: 0.25rem;
-  align-self: stretch;
 }
 .card .price-wrapper .price-container__price {
   font: 600 3.5rem/4rem "Gilroy", "Gilroy, Arial, sans-serif";
 }
 @media screen and (min-width: 31.25rem) {
+  .card .price-wrapper .price-container__price {
+    font: 600 4rem/4.375rem "Gilroy", "Gilroy, Arial, sans-serif";
+  }
+}
+@media screen and (min-width: 64rem) {
   .card .price-wrapper .price-container__price {
     font: 600 5rem/5.5rem "Gilroy", "Gilroy, Arial, sans-serif";
   }
@@ -602,17 +623,36 @@
   }
 }
 .card .price-wrapper .price-container__currency {
+  margin-bottom: 0.5rem;
   font: 600 1.25rem/1.5rem "Gilroy", "Gilroy, Arial, sans-serif";
-  margin-bottom: 0.75rem;
 }
-@media screen and (min-width: 31.25rem) {
+@media screen and (min-width: 64rem) {
   .card .price-wrapper .price-container__currency {
     font: 600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";
   }
 }
+@media screen and (min-width: 90rem) {
+  .card .price-wrapper .price-container__currency {
+    margin-bottom: 0.75rem;
+  }
+}
+.card .price-wrapper .price-container__base-price {
+  font: 600 1.5rem/1.75rem "Gilroy", "Gilroy, Arial, sans-serif";
+  flex: 0 0 100%;
+  width: 100%;
+  text-decoration-line: line-through;
+}
 .card .price-wrapper .price-container__description {
   font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
 }
+.card .card-label {
+  font: 500 1rem/1.5rem "Inter", "Gilroy, Arial, sans-serif";
+  overflow: hidden;
+  padding: 0.625rem 0.75rem;
+  margin-top: 0.75rem;
+  border-radius: 0.5rem;
+  background-color: var(--compare-card-label-background-color);
+}
 .card .button {
   --button-width: 100%;
   margin: 0.75rem 0 1rem;
@@ -623,30 +663,15 @@
   width: fit-content;
   margin: 0 auto;
 }
-.card .bonuses,
-.card .benefits {
+.card .bonuses {
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
+  gap: 1.5rem;
 }
-.card .bonuses__title,
-.card .benefits__title {
-  font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
-  padding: 0.375rem 0;
-  color: var(--compare-card-text-tertiary-color);
-  border-bottom: 0.0625rem solid var(--compare-card-separator-border-color);
+.card .bonuses + .controls {
+  margin-top: 1.5rem;
 }
-.card .bonuses .benefits__title,
-.card .benefits .benefits__title {
-  margin: 1.5rem 0 0.75rem;
-}
-.card .bonuses__bonus-container .bonus,
-.card .bonuses__bonus-container .benefit, .card .bonuses__benefit-container .bonus,
-.card .bonuses__benefit-container .benefit,
-.card .benefits__bonus-container .bonus,
-.card .benefits__bonus-container .benefit,
-.card .benefits__benefit-container .bonus,
-.card .benefits__benefit-container .benefit {
+.card .bonuses__bonus-container .bonus {
   font: 500 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
   display: flex;
   align-items: center;
@@ -665,108 +690,41 @@
   --bonus-chevron-container-state-bg: var(--compare-card-chevron-container-background-color);
   --bonus-chevron-icon-state-color: var(--compare-card-chevron-icon-color);
 }
-.card .bonuses__bonus-container .bonus--interactive:hover,
-.card .bonuses__bonus-container .benefit--interactive:hover, .card .bonuses__benefit-container .bonus--interactive:hover,
-.card .bonuses__benefit-container .benefit--interactive:hover,
-.card .benefits__bonus-container .bonus--interactive:hover,
-.card .benefits__bonus-container .benefit--interactive:hover,
-.card .benefits__benefit-container .bonus--interactive:hover,
-.card .benefits__benefit-container .benefit--interactive:hover {
+.card .bonuses__bonus-container .bonus--interactive {
+  cursor: pointer;
+}
+.card .bonuses__bonus-container .bonus--interactive:hover {
   --bonus-chevron-container-state-bg: var(--compare-card-chevron-container-hover-background-color);
   --bonus-chevron-icon-state-color: var(--compare-card-chevron-icon-hover-color);
   background-color: var(--compare-card-interactive-element-hover-background-color);
 }
-.card .bonuses__bonus-container .bonus--interactive:active,
-.card .bonuses__bonus-container .benefit--interactive:active, .card .bonuses__benefit-container .bonus--interactive:active,
-.card .bonuses__benefit-container .benefit--interactive:active,
-.card .benefits__bonus-container .bonus--interactive:active,
-.card .benefits__bonus-container .benefit--interactive:active,
-.card .benefits__benefit-container .bonus--interactive:active,
-.card .benefits__benefit-container .benefit--interactive:active {
+.card .bonuses__bonus-container .bonus--interactive:active {
   --bonus-chevron-container-state-bg: var(--compare-card-chevron-container-active-background-color);
   --bonus-chevron-icon-state-color: var(--compare-card-chevron-icon-hover-color);
   background-color: var(--compare-card-interactive-element-active-background-color);
 }
-.card .bonuses__bonus-container .bonus--interactive:focus-visible,
-.card .bonuses__bonus-container .benefit--interactive:focus-visible, .card .bonuses__benefit-container .bonus--interactive:focus-visible,
-.card .bonuses__benefit-container .benefit--interactive:focus-visible,
-.card .benefits__bonus-container .bonus--interactive:focus-visible,
-.card .benefits__bonus-container .benefit--interactive:focus-visible,
-.card .benefits__benefit-container .bonus--interactive:focus-visible,
-.card .benefits__benefit-container .benefit--interactive:focus-visible {
+.card .bonuses__bonus-container .bonus--interactive:focus-visible {
   outline: 0.125rem solid var(--compare-card-focus-outline-color);
 }
-.card .bonuses__bonus-container .bonus--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .bonuses__bonus-container .bonus--interactive:is(:hover, :active) .benefit__chevron-icon-container,
-.card .bonuses__bonus-container .benefit--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .bonuses__bonus-container .benefit--interactive:is(:hover, :active) .benefit__chevron-icon-container, .card .bonuses__benefit-container .bonus--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .bonuses__benefit-container .bonus--interactive:is(:hover, :active) .benefit__chevron-icon-container,
-.card .bonuses__benefit-container .benefit--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .bonuses__benefit-container .benefit--interactive:is(:hover, :active) .benefit__chevron-icon-container,
-.card .benefits__bonus-container .bonus--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .benefits__bonus-container .bonus--interactive:is(:hover, :active) .benefit__chevron-icon-container,
-.card .benefits__bonus-container .benefit--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .benefits__bonus-container .benefit--interactive:is(:hover, :active) .benefit__chevron-icon-container,
-.card .benefits__benefit-container .bonus--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .benefits__benefit-container .bonus--interactive:is(:hover, :active) .benefit__chevron-icon-container,
-.card .benefits__benefit-container .benefit--interactive:is(:hover, :active) .bonus__chevron-icon-container,
-.card .benefits__benefit-container .benefit--interactive:is(:hover, :active) .benefit__chevron-icon-container {
+.card .bonuses__bonus-container .bonus--interactive:is(:hover, :active) .bonus__chevron-icon-container {
   background-color: var(--bonus-chevron-container-state-bg);
 }
-.card .bonuses__bonus-container .bonus--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .bonuses__bonus-container .bonus--interactive:is(:hover, :active) .benefit__icon--chevron,
-.card .bonuses__bonus-container .benefit--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .bonuses__bonus-container .benefit--interactive:is(:hover, :active) .benefit__icon--chevron, .card .bonuses__benefit-container .bonus--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .bonuses__benefit-container .bonus--interactive:is(:hover, :active) .benefit__icon--chevron,
-.card .bonuses__benefit-container .benefit--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .bonuses__benefit-container .benefit--interactive:is(:hover, :active) .benefit__icon--chevron,
-.card .benefits__bonus-container .bonus--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .benefits__bonus-container .bonus--interactive:is(:hover, :active) .benefit__icon--chevron,
-.card .benefits__bonus-container .benefit--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .benefits__bonus-container .benefit--interactive:is(:hover, :active) .benefit__icon--chevron,
-.card .benefits__benefit-container .bonus--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .benefits__benefit-container .bonus--interactive:is(:hover, :active) .benefit__icon--chevron,
-.card .benefits__benefit-container .benefit--interactive:is(:hover, :active) .bonus__icon--chevron,
-.card .benefits__benefit-container .benefit--interactive:is(:hover, :active) .benefit__icon--chevron {
+.card .bonuses__bonus-container .bonus--interactive:is(:hover, :active) .bonus__icon--chevron {
   --icon-color: var(--bonus-chevron-icon-state-color);
 }
-.card .bonuses__bonus-container .bonus__text,
-.card .bonuses__bonus-container .benefit__text, .card .bonuses__benefit-container .bonus__text,
-.card .bonuses__benefit-container .benefit__text,
-.card .benefits__bonus-container .bonus__text,
-.card .benefits__bonus-container .benefit__text,
-.card .benefits__benefit-container .bonus__text,
-.card .benefits__benefit-container .benefit__text {
+.card .bonuses__bonus-container .bonus__text {
   flex: 1 0 0;
   text-align: start;
 }
-.card .bonuses__bonus-container .bonus__icon,
-.card .bonuses__bonus-container .benefit__icon, .card .bonuses__benefit-container .bonus__icon,
-.card .bonuses__benefit-container .benefit__icon,
-.card .benefits__bonus-container .bonus__icon,
-.card .benefits__bonus-container .benefit__icon,
-.card .benefits__benefit-container .bonus__icon,
-.card .benefits__benefit-container .benefit__icon {
+.card .bonuses__bonus-container .bonus__icon {
   --icon-container-display: flex;
   --icon-size: 1.5rem;
 }
-.card .bonuses__bonus-container .bonus__icon--chevron,
-.card .bonuses__bonus-container .benefit__icon--chevron, .card .bonuses__benefit-container .bonus__icon--chevron,
-.card .bonuses__benefit-container .benefit__icon--chevron,
-.card .benefits__bonus-container .bonus__icon--chevron,
-.card .benefits__bonus-container .benefit__icon--chevron,
-.card .benefits__benefit-container .bonus__icon--chevron,
-.card .benefits__benefit-container .benefit__icon--chevron {
+.card .bonuses__bonus-container .bonus__icon--chevron {
   --icon-size: 1rem;
   --icon-color: var(--compare-card-chevron-icon-color);
 }
-.card .bonuses__bonus-container .bonus__chevron-icon-container,
-.card .bonuses__bonus-container .benefit__chevron-icon-container, .card .bonuses__benefit-container .bonus__chevron-icon-container,
-.card .bonuses__benefit-container .benefit__chevron-icon-container,
-.card .benefits__bonus-container .bonus__chevron-icon-container,
-.card .benefits__bonus-container .benefit__chevron-icon-container,
-.card .benefits__benefit-container .bonus__chevron-icon-container,
-.card .benefits__benefit-container .benefit__chevron-icon-container {
+.card .bonuses__bonus-container .bonus__chevron-icon-container {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -777,33 +735,15 @@
   width: 1.25rem;
   height: 1.25rem;
 }
-.card .bonuses__bonus-container .bonus--inactive,
-.card .bonuses__bonus-container .benefit--inactive, .card .bonuses__benefit-container .bonus--inactive,
-.card .bonuses__benefit-container .benefit--inactive,
-.card .benefits__bonus-container .bonus--inactive,
-.card .benefits__bonus-container .benefit--inactive,
-.card .benefits__benefit-container .bonus--inactive,
-.card .benefits__benefit-container .benefit--inactive {
-  display: none;
-}
-.card .bonuses__bonus-container .bonus--interactive,
-.card .bonuses__bonus-container .benefit--interactive, .card .bonuses__benefit-container .bonus--interactive,
-.card .bonuses__benefit-container .benefit--interactive,
-.card .benefits__bonus-container .bonus--interactive,
-.card .benefits__bonus-container .benefit--interactive,
-.card .benefits__benefit-container .bonus--interactive,
-.card .benefits__benefit-container .benefit--interactive {
-  cursor: pointer;
+.card .controls + .bonuses {
+  margin-top: 1.5rem;
 }
-.card .bonuses__bonus-container .benefit + .dropdown, .card .bonuses__benefit-container .benefit + .dropdown,
-.card .benefits__bonus-container .benefit + .dropdown,
-.card .benefits__benefit-container .benefit + .dropdown {
-  margin-top: 0.375rem;
-}
-.card .bonuses__bonus-container .benefit + .radio-container, .card .bonuses__benefit-container .benefit + .radio-container,
-.card .benefits__bonus-container .benefit + .radio-container,
-.card .benefits__benefit-container .benefit + .radio-container {
-  margin-top: 0.75rem;
+.card .section-title {
+  font: 400 0.875rem/1.25rem "Inter", "Gilroy, Arial, sans-serif";
+  padding: 0.375rem 0;
+  margin-bottom: 0.75rem;
+  color: var(--compare-card-text-tertiary-color);
+  border-bottom: 0.0625rem solid var(--compare-card-separator-border-color);
 }
 .card .radio-container {
   display: flex;