@ptcwebops/ptcw-design 6.4.14-beta → 6.4.15-beta

package/dist/collection/components/ptc-subnav-v2/ptc-subnav-v2.css

@@ -58,6 +58,50 @@ ptc-footer {
   }
 }
 
+:host .mobile-dropdown-container .mobile-dropdown-button, :host .subnav-menu-left .overflow-menu-container .overflow-button, :host .subnav-menu-left ul.desktop-menu li a {
+  color: var(--color-gray-07);
+  text-decoration: none;
+  padding: 8px 12px;
+  font-size: var(--ptc-font-size-xx-small);
+  font-weight: var(--ptc-font-weight-bold);
+  line-height: var(--ptc-line-height-densest);
+  display: flex;
+  align-items: center;
+  position: relative;
+  border-bottom: 3px solid transparent;
+  height: 100%;
+  box-sizing: border-box;
+}
+
+:host .subnav-menu-left .overflow-menu-container .overflow-dropdown {
+  position: absolute;
+  top: 100%;
+  right: 0;
+  background: var(--color-white);
+  border-radius: var(--ptc-border-radius-standard);
+  box-shadow: var(--ptc-shadow-x-large);
+  min-width: 200px;
+  z-index: 1001;
+  padding: 14px 0;
+  margin-top: -4px;
+  max-width: 312px;
+  width: -moz-max-content;
+  width: max-content;
+}
+
+:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item, :host .subnav-menu-left .overflow-menu-container .overflow-dropdown a {
+  display: block;
+  padding: 10px 32px 10px 24px;
+  color: var(--color-gray-07);
+  text-decoration: none;
+  font-size: var(--ptc-font-size-xx-small);
+  font-weight: var(--ptc-font-weight-bold);
+  line-height: var(--ptc-line-height-densest);
+  transition: all 0.2s ease;
+  position: relative;
+  border: none;
+}
+
 :host {
   display: block;
   font-family: var(--ptc-font-latin);
@@ -85,22 +129,24 @@ ptc-footer {
 }
 @media only screen and (min-width: 1200px) {
   :host .subnav-container {
-    padding-left: 0;
-    padding-right: 0;
+    padding: 0;
     max-width: 1136px;
   }
 }
 @media only screen and (min-width: 1440px) {
   :host .subnav-container {
-    padding-left: 0;
-    padding-right: 0;
+    padding: 0;
     max-width: 1200px;
   }
 }
+:host .subnav-container.full-width {
+  justify-content: flex-start;
+}
 :host .subnav-menu-left {
   display: flex;
   align-items: center;
   flex: 1;
+  align-self: stretch;
 }
 @media only screen and (min-width: 768px) {
   :host .subnav-menu-left {
@@ -116,7 +162,7 @@ ptc-footer {
   justify-content: center;
   gap: 4px;
   flex-wrap: wrap;
-  margin-bottom: -2px;
+  align-self: stretch;
 }
 @media only screen and (min-width: 768px) {
   :host .subnav-menu-left ul.desktop-menu {
@@ -126,21 +172,11 @@ ptc-footer {
 }
 :host .subnav-menu-left ul.desktop-menu li {
   display: inline-block;
-}
-:host .subnav-menu-left ul.desktop-menu li a {
-  color: var(--color-gray-07);
-  text-decoration: none;
-  padding: 8px 12px;
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-densest);
-  display: block;
-  position: relative;
-  border-bottom: 3px solid transparent;
+  height: 100%;
 }
 @media only screen and (min-width: 768px) {
   :host .subnav-menu-left ul.desktop-menu li a {
-    padding: 20px 0 17px 0;
+    padding: 20px 0;
   }
 }
 :host .subnav-menu-left ul.desktop-menu li a:hover {
@@ -166,17 +202,10 @@ ptc-footer {
 :host .subnav-menu-left .overflow-menu-container .overflow-button {
   background: none;
   border: none;
-  padding: 20px 0 17px 0;
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-bold);
-  color: var(--color-gray-07);
+  padding: 20px 0;
   cursor: pointer;
-  display: flex;
-  align-items: center;
   justify-content: center;
   min-width: 32px;
-  border-bottom: 3px solid transparent;
-  transition: all 0.2s ease;
 }
 :host .subnav-menu-left .overflow-menu-container .overflow-button:hover {
   color: var(--color-gray-10);
@@ -218,33 +247,6 @@ ptc-footer {
 :host .subnav-menu-left .overflow-menu-container .overflow-button[aria-expanded] .overflow-dots svg circle, :host .subnav-menu-left .overflow-menu-container .overflow-button.selected-active .overflow-dots svg circle {
   fill: var(--color-white);
 }
-:host .subnav-menu-left .overflow-menu-container .overflow-dropdown {
-  position: absolute;
-  top: 100%;
-  right: 0;
-  background: var(--color-white);
-  border-radius: var(--ptc-border-radius-standard);
-  box-shadow: var(--ptc-shadow-x-large);
-  min-width: 200px;
-  z-index: 1001;
-  padding: 14px 0;
-  margin-top: -4px;
-  max-width: 312px;
-  width: -moz-max-content;
-  width: max-content;
-}
-:host .subnav-menu-left .overflow-menu-container .overflow-dropdown a {
-  display: block;
-  padding: 12px 32px 12px 24px;
-  color: var(--color-gray-07);
-  text-decoration: none;
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-densest);
-  transition: all 0.2s ease;
-  position: relative;
-  border: none;
-}
 :host .subnav-menu-left .overflow-menu-container .overflow-dropdown a:hover {
   background-color: var(--color-gray-02);
   color: var(--color-gray-10);
@@ -257,7 +259,7 @@ ptc-footer {
   content: "";
   display: block;
   width: 2px;
-  height: calc(100% - 0px);
+  height: 100%;
   background-color: var(--color-green-07);
   position: absolute;
   left: 16px;
@@ -267,46 +269,33 @@ ptc-footer {
   border-radius: var(--ptc-border-radius-standard);
   outline: 5px solid var(--keyboard-nav-outline);
 }
+:host .subnav-menu-left.full-width {
+  flex: 1;
+  width: 100%;
+  justify-content: flex-start;
+}
+:host .subnav-menu-left.full-width .desktop-menu {
+  width: 100%;
+}
 :host .mobile-dropdown-container {
   position: relative;
   display: block;
+  height: 100%;
+  box-sizing: border-box;
 }
 @media only screen and (min-width: 768px) {
   :host .mobile-dropdown-container {
     display: none !important;
   }
 }
-@media (min-width: 768px) {
-  :host .mobile-dropdown-container {
-    display: none !important;
-  }
-}
 :host .mobile-dropdown-container .mobile-dropdown-button {
-  display: flex;
-  padding: 20px 0 17px 0;
+  background: transparent;
+  border: none;
+  border-bottom: 3px solid var(--color-green-07);
+  padding: 20px 0;
   justify-content: center;
-  align-items: center;
   gap: 10px;
-  align-self: stretch;
-  border: none;
   cursor: pointer;
-  transition: all 0.2s ease;
-  background-color: transparent;
-  border-bottom: 3px solid var(--color-green-07);
-}
-:host .mobile-dropdown-container .mobile-dropdown-button .mobile-selected-item {
-  color: var(--color-gray-07);
-  font-size: var(--ptc-font-size-xx-small);
-  font-style: normal;
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-densest);
-  display: -webkit-box;
-  line-clamp: 1;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  max-width: 100%;
 }
 :host .mobile-dropdown-container .mobile-dropdown-button:hover {
   border-color: var(--color-gray-04);
@@ -323,6 +312,17 @@ ptc-footer {
 :host .mobile-dropdown-container .mobile-dropdown-button .mobile-selected-item {
   flex: 1;
   text-align: left;
+  color: var(--color-gray-07);
+  font-size: var(--ptc-font-size-xx-small);
+  font-weight: var(--ptc-font-weight-bold);
+  line-height: var(--ptc-line-height-densest);
+  display: -webkit-box;
+  line-clamp: 1;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
 }
 :host .mobile-dropdown-container .mobile-dropdown-button .mobile-arrow {
   display: flex;
@@ -339,25 +339,21 @@ ptc-footer {
 :host .mobile-dropdown-container .mobile-dropdown {
   position: absolute;
   top: calc(100% - 4px);
-  left: auto;
-  right: auto;
   background: var(--color-white);
   border: 1px solid var(--color-gray-02);
   border-radius: var(--ptc-border-radius-standard);
   box-shadow: var(--ptc-shadow-medium);
   z-index: 1001;
-  margin-top: 4px;
+  margin: 4px 0 0 0;
   overflow-y: auto;
   min-width: 280px;
   width: -moz-fit-content;
   width: fit-content;
   list-style: none;
-  padding: 0;
-  margin: 4px 0 0 0;
+  padding: 14px 0;
 }
 :host .mobile-dropdown-container .mobile-dropdown li {
   display: block;
-  border-bottom: 1px solid var(--color-gray-01);
 }
 :host .mobile-dropdown-container .mobile-dropdown li:last-child {
   border-bottom: none;
@@ -365,42 +361,36 @@ ptc-footer {
 :host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item {
   width: 100%;
   background: none;
-  border: none;
-  padding: 12px 16px;
-  color: var(--color-gray-07);
-  text-decoration: none;
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-bold);
-  line-height: var(--ptc-line-height-densest);
   text-align: left;
   cursor: pointer;
-  transition: all 0.2s ease;
   word-break: break-word;
   display: block;
 }
-:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item:hover {
-  background-color: var(--color-gray-01);
-  color: var(--color-gray-10);
-}
 :host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active {
-  background-color: var(--color-gray-01);
   color: var(--color-gray-10);
-  border-left: 3px solid var(--color-green-07);
+}
+:host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item.active::before {
+  content: "";
+  display: block;
+  width: 2px;
+  height: 100%;
+  background-color: var(--color-green-07);
+  position: absolute;
+  left: 16px;
+  top: 0;
 }
 :host .mobile-dropdown-container .mobile-dropdown li .mobile-dropdown-item:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   outline: 5px solid var(--keyboard-nav-outline);
 }
 :host .subnav-menu-right {
-  max-width: 300px;
+  max-width: 50%;
   padding: 12px 0;
 }
 @media only screen and (min-width: 768px) {
   :host .subnav-menu-right {
     margin-left: 48px;
     width: auto;
+    max-width: 300px;
   }
-}
-:host .subnav-menu-right ptc-button {
-  max-width: 300px;
 }

package/dist/collection/components/ptc-subnav-v2/ptc-subnav-v2.js

@@ -1,20 +1,17 @@
 import { Host, h } from "@stencil/core";
 export class PtcSubnavV2 {
   constructor() {
+    this.cachedNavItems = null;
     this.handleClickOutside = (event) => {
-      const target = event.target;
-      if (!this.el.contains(target)) {
+      if (!this.el.contains(event.target)) {
         this.showOverflowMenu = false;
       }
     };
     this.handleKeyDown = (event) => {
-      // Handle Escape key to close dropdowns
+      var _a;
       if (event.key === "Escape" && this.showOverflowMenu) {
         this.showOverflowMenu = false;
-        // Return focus to the button that opened the menu
-        if (this.overflowButton) {
-          this.overflowButton.focus();
-        }
+        (_a = this.overflowButton) === null || _a === void 0 ? void 0 : _a.focus();
       }
     };
     this.handleScroll = () => {
@@ -56,12 +53,7 @@ export class PtcSubnavV2 {
       }, 16); // ~60fps throttling
     };
     this.handleResize = () => {
-      if (this.navContainer) {
-        // Add a small delay to ensure DOM has been updated
-        setTimeout(() => {
-          this.calculateVisibleItems();
-        }, 10);
-      }
+      this.navContainer && setTimeout(() => this.calculateVisibleItems(), 10);
     };
     this.setupIntersectionObserver = () => {
       // Get all sections that correspond to our navigation items
@@ -121,72 +113,54 @@ export class PtcSubnavV2 {
       });
     };
     this.extractNavItemsFromSlots = () => {
-      // Look for slot content with nav-items in the light DOM
       const slotElement = this.el.querySelector('[slot="nav-items"]');
-      if (slotElement) {
-        const links = slotElement.querySelectorAll("a");
-        const items = Array.from(links)
-          .map((link) => {
-          var _a, _b;
-          return ({
-            id: ((_a = link.getAttribute("href")) === null || _a === void 0 ? void 0 : _a.substring(1)) || "",
-            label: ((_b = link.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "",
-            title: link.getAttribute("title") || "",
-            trackerId: link.getAttribute("tracker-id") || "",
-          });
-        })
-          .filter((item) => item.id && item.label);
-        if (items.length > 0) {
-          return items;
-        }
-      }
-      return null;
+      if (!slotElement)
+        return null;
+      const links = slotElement.querySelectorAll("a");
+      const items = Array.from(links)
+        .map((link) => {
+        var _a, _b;
+        return ({
+          id: ((_a = link.getAttribute("href")) === null || _a === void 0 ? void 0 : _a.substring(1)) || "",
+          label: ((_b = link.textContent) === null || _b === void 0 ? void 0 : _b.trim()) || "",
+          title: link.getAttribute("title") || undefined,
+          trackerId: link.getAttribute("tracker-id") || undefined,
+        });
+      })
+        .filter((item) => Boolean(item.id && item.label));
+      return items.length > 0 ? items : null;
     };
     this.getNavItems = () => {
+      // Return cached items if available
+      if (this.cachedNavItems) {
+        return this.cachedNavItems;
+      }
       // Extract navigation items from slots (SEO-friendly approach)
       const slotItems = this.extractNavItemsFromSlots();
       if (slotItems) {
+        this.cachedNavItems = slotItems;
         return slotItems;
       }
       // If navItems prop is provided, parse and use it (fallback)
-      if (this.navItems && this.navItems.trim()) {
-        try {
-          const parsedItems = JSON.parse(this.navItems);
-          // Validate that it's an array with proper structure
-          if (Array.isArray(parsedItems) && parsedItems.length > 0) {
-            // Ensure each item has required properties
-            const validItems = parsedItems.filter((item) => item &&
-              typeof item.id === "string" &&
-              typeof item.label === "string");
-            if (validItems.length > 0) {
-              return validItems;
-            }
-          }
-        }
-        catch (error) {
-          console.warn("Invalid navItems JSON provided to ptc-subnav-v2:", error);
-        }
+      const propItems = this.parsePropNavItems();
+      if (propItems) {
+        this.cachedNavItems = propItems;
+        return propItems;
       }
       // Return empty array if no navigation items found
       console.warn("No navigation items found in slots or props for ptc-subnav-v2");
       return [];
     };
     this.calculateMobileDropdownItems = () => {
-      const navItems = this.getNavItems();
-      // Handle case where no navigation items are found
-      if (navItems.length === 0) {
-        this.mobileDropdownItems = [];
-        return;
-      }
-      const currentItem = this.selectedMobileItem || {
-        id: this.currentActive,
-      };
-      // Filter out the currently selected item from all nav items
-      this.mobileDropdownItems = navItems.filter((item) => item.id !== currentItem.id);
+      this.mobileDropdownItems = this.getNavItems();
     };
     this.hasActiveOverflowItem = () => {
       return this.overflowItems.some((item) => item.id === this.currentActive);
     };
+    this.hasSubnavMenuRightContent = () => {
+      const slotElement = this.el.querySelector('[slot="subnav-menu-right"]');
+      return Boolean(slotElement === null || slotElement === void 0 ? void 0 : slotElement.children.length);
+    };
     this.calculateVisibleItems = () => {
       const navItems = this.getNavItems();
       // Handle case where no navigation items are found
@@ -235,7 +209,7 @@ export class PtcSubnavV2 {
         tempContainer.style.whiteSpace = "nowrap";
         tempContainer.style.fontSize = "14px";
         tempContainer.style.fontWeight = "700";
-        tempContainer.style.padding = "20px 0 17px 0";
+        tempContainer.style.padding = "20px 0 20px 0";
         document.body.appendChild(tempContainer);
         for (let i = 0; i < navItems.length; i++) {
           const item = navItems[i];
@@ -303,7 +277,6 @@ export class PtcSubnavV2 {
     this.visibleItems = [];
     this.overflowItems = [];
     this.showOverflowMenu = false;
-    this.containerWidth = 0;
     this.isMobile = false;
     this.selectedMobileItem = null;
     this.isManualNavigation = false;
@@ -311,67 +284,91 @@ export class PtcSubnavV2 {
   }
   componentWillLoad() {
     this.currentActive = this.activeSection;
-    // Initialize selected mobile item with the current active section
-    const navItems = this.getNavItems();
-    if (navItems.length > 0) {
-      this.selectedMobileItem =
-        navItems.find((item) => item.id === this.activeSection) ||
-          navItems[0];
-    }
-    else {
-      this.selectedMobileItem = null;
-    }
+    this.initializeMobileItem();
     this.calculateMobileDropdownItems();
   }
+  initializeMobileItem() {
+    const navItems = this.getNavItems();
+    this.selectedMobileItem =
+      navItems.length > 0
+        ? navItems.find((item) => item.id === this.activeSection) ||
+          navItems[0]
+        : null;
+  }
   componentDidLoad() {
-    // Bind the functions once
+    this.bindEventHandlers();
+    this.calculateMobileDropdownItems();
+    this.handleResize();
+    this.addEventListeners();
+    this.setupIntersectionObserver();
+  }
+  bindEventHandlers() {
     this.boundHandleResize = this.handleResize.bind(this);
     this.boundHandleClickOutside = this.handleClickOutside.bind(this);
     this.boundHandleScroll = this.handleScroll.bind(this);
     this.boundHandleKeyDown = this.handleKeyDown.bind(this);
-    // Recalculate navigation items in case slots are used
-    this.calculateMobileDropdownItems();
-    this.handleResize();
+  }
+  addEventListeners() {
     window.addEventListener("resize", this.boundHandleResize);
     document.addEventListener("click", this.boundHandleClickOutside);
     document.addEventListener("keydown", this.boundHandleKeyDown);
-    // Setup intersection observer for scroll-based active state
-    this.setupIntersectionObserver();
-    // Add scroll listener as fallback
     window.addEventListener("scroll", this.boundHandleScroll, {
       passive: true,
     });
   }
   disconnectedCallback() {
+    this.removeEventListeners();
+    this.cleanupTimeouts();
+    this.cleanupIntersectionObserver();
+  }
+  removeEventListeners() {
     window.removeEventListener("resize", this.boundHandleResize);
     document.removeEventListener("click", this.boundHandleClickOutside);
     document.removeEventListener("keydown", this.boundHandleKeyDown);
     window.removeEventListener("scroll", this.boundHandleScroll);
-    // Clean up intersection observer
+  }
+  cleanupTimeouts() {
+    [
+      this.scrollTimeout,
+      this.scrollThrottleTimeout,
+      this.manualNavigationTimeout,
+    ]
+      .filter(Boolean)
+      .forEach((timeout) => clearTimeout(timeout));
+  }
+  cleanupIntersectionObserver() {
     if (this.intersectionObserver) {
       this.intersectionObserver.disconnect();
     }
-    // Clean up scroll timeout
-    if (this.scrollTimeout) {
-      clearTimeout(this.scrollTimeout);
-    }
-    // Clean up scroll throttle timeout
-    if (this.scrollThrottleTimeout) {
-      clearTimeout(this.scrollThrottleTimeout);
+  }
+  parsePropNavItems() {
+    var _a;
+    if (!((_a = this.navItems) === null || _a === void 0 ? void 0 : _a.trim()))
+      return null;
+    try {
+      const parsedItems = JSON.parse(this.navItems);
+      if (Array.isArray(parsedItems) && parsedItems.length > 0) {
+        const validItems = parsedItems.filter((item) => Boolean(item &&
+          typeof item.id === "string" &&
+          typeof item.label === "string"));
+        return validItems.length > 0 ? validItems : null;
+      }
     }
-    // Clean up manual navigation timeout
-    if (this.manualNavigationTimeout) {
-      clearTimeout(this.manualNavigationTimeout);
+    catch (error) {
+      console.warn("Invalid navItems JSON provided to ptc-subnav-v2:", error);
     }
+    return null;
   }
   render() {
     var _a, _b;
     const navItems = this.getNavItems();
     // If no navigation items, don't render the navigation
     if (navItems.length === 0) {
-      return (h(Host, null, h("div", { class: "subnav-container" }, h("div", { class: "subnav-menu-right" }, h("slot", { name: "subnav-menu-right" })))));
+      const hasRightContent = this.hasSubnavMenuRightContent();
+      return (h(Host, null, h("div", { class: `subnav-container ${!hasRightContent ? "full-width" : ""}` }, hasRightContent && (h("div", { class: "subnav-menu-right" }, h("slot", { name: "subnav-menu-right" }))))));
     }
-    return (h(Host, null, h("div", { class: "subnav-container" }, h("nav", { class: "subnav-menu-left", role: "navigation", "aria-label": "Sub navigation", ref: (el) => (this.navContainer = el) }, this.isMobile ? (
+    const hasRightContent = this.hasSubnavMenuRightContent();
+    return (h(Host, null, h("div", { class: `subnav-container ${!hasRightContent ? "full-width" : ""}` }, h("nav", { class: `subnav-menu-left ${!hasRightContent ? "full-width" : ""}`, role: "navigation", "aria-label": "Sub navigation", ref: (el) => (this.navContainer = el) }, this.isMobile ? (
     // Mobile layout - dropdown with arrows
     h("div", { class: "mobile-dropdown-container" }, h("button", { class: "mobile-dropdown-button", onClick: this.toggleOverflowMenu, onKeyDown: (e) => {
         if (e.key === "Enter" ||
@@ -416,7 +413,7 @@ export class PtcSubnavV2 {
         .currentActive ===
         item.id
         ? "page"
-        : undefined }, item.label)))))))))), h("div", { class: "subnav-menu-right" }, h("slot", { name: "subnav-menu-right" })))));
+        : undefined }, item.label)))))))))), hasRightContent && (h("div", { class: "subnav-menu-right" }, h("slot", { name: "subnav-menu-right" }))))));
   }
   static get is() { return "ptc-subnav-v2"; }
   static get encapsulation() { return "shadow"; }
@@ -476,7 +473,6 @@ export class PtcSubnavV2 {
       "visibleItems": {},
       "overflowItems": {},
       "showOverflowMenu": {},
-      "containerWidth": {},
       "isMobile": {},
       "selectedMobileItem": {},
       "isManualNavigation": {},

package/dist/collection/components/ptc-textfield/ptc-textfield.css

@@ -3743,7 +3743,7 @@ ptc-footer {
 .ptc-text-field .iti__flag {
   background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags.png");
 }
-@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+@media (min-resolution: 192dpi) {
   .ptc-text-field .iti__flag {
     background-image: url("https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/img/flags@2x.png");
   }

package/dist/collection/components/ptc-value-prop-card/ptc-value-prop-card.css

@@ -107,8 +107,7 @@ ptc-footer {
   border-radius: var(--ptc-border-radius-large);
   border: 1px solid var(--color-white);
   background-color: rgba(0, 0, 0, 0.6);
-  -webkit-backdrop-filter: blur(2px);
-          backdrop-filter: blur(2px);
+  backdrop-filter: blur(2px);
   color: var(--color-white);
   z-index: 10;
   display: flex;

package/dist/collection/components/ptc-white-paper/ptc-white-paper.css

@@ -6113,8 +6113,7 @@ blockquote p {
   z-index: 900;
   transition: all 0.1s ease 0s;
   background-color: var(--color-standard-white);
-  -webkit-backdrop-filter: blur(22px);
-          backdrop-filter: blur(22px);
+  backdrop-filter: blur(22px);
   background-image: linear-gradient(93deg, #f4f4f4, #fff 100%);
   box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, 0.16);
 }