@ptcwebops/ptcw-design 6.4.10-beta → 6.4.11-beta

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

@@ -103,6 +103,7 @@ ptc-footer {
   max-width: 64.0625rem;
 }
 .wrapper .modal-popup.fit-content {
+  max-width: -moz-fit-content;
   max-width: fit-content;
 }
 .wrapper .modal-popup.max {
@@ -458,7 +459,8 @@ ptc-footer {
 :host .wrapper .event-list-header .text-wrapper {
   display: flex;
   flex-wrap: wrap;
-  column-gap: 0.5em;
+  -moz-column-gap: 0.5em;
+       column-gap: 0.5em;
 }
 :host .wrapper .event-list-header .text-wrapper span {
   display: inline-block;

package/dist/collection/components/ptc-modal-quiz/ptc-modal-quiz.css

@@ -63,6 +63,7 @@ ptc-footer {
 }
 :host .modal-quiz-container {
   padding: 0 var(--ptc-element-spacing-06) var(--ptc-element-spacing-08) var(--ptc-element-spacing-06);
+  height: -moz-max-content;
   height: max-content;
   max-height: calc(80vh - 120px);
   overflow-y: auto;
@@ -122,6 +123,7 @@ ptc-footer {
   margin-bottom: var(--ptc-element-spacing-04);
   display: flex;
   align-items: start;
+  width: -moz-max-content;
   width: max-content;
 }
 :host .radio-input input[type=radio] {

package/dist/collection/components/ptc-multi-select/ptc-multi-select.css

@@ -112,7 +112,9 @@ ptc-footer {
   padding: 8px;
   border-radius: 0px;
   position: relative;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   color: var(--color-gray-12);
   font-family: var(--ptc-font-latin);
   font-size: var(--ptc-font-size-xx-small);
@@ -268,6 +270,7 @@ ptc-footer {
   border: none;
   border-radius: 2px;
   width: auto;
+  height: -moz-fit-content;
   height: fit-content;
   text-align: left;
   text-shadow: none;

package/dist/collection/components/ptc-nav-card/ptc-nav-card.css

@@ -65,14 +65,9 @@ ptc-footer {
   position: relative;
 }
 :host .nav-card-wrap {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
   flex-direction: column;
   font-size: 16px;
   justify-content: center;
@@ -95,15 +90,10 @@ ptc-footer {
     border-radius: var(--ptc-border-radius-standard);
     background-color: var(--color-gray-12);
     transition: background-color var(--ptc-transition-medium) var(--ptc-ease-inout);
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     border-radius: 4px;
-    display: -webkit-box;
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-direction: column;
     flex-direction: column;
     font-size: 12px;
     justify-content: center;
@@ -132,15 +122,8 @@ ptc-footer {
   text-decoration: none;
 }
 :host .nav-card-wrap .media-card-wrap {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: row;
   flex-direction: row;
 }
 @media only screen and (min-width: 1200px) {
@@ -195,15 +178,8 @@ ptc-footer {
 }
 
 :host(.media-card) .nav-card-wrap .media-card-wrap {
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
   align-items: center;
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: row;
   flex-direction: row;
 }
 @media only screen and (min-width: 1200px) {
@@ -250,8 +226,6 @@ ptc-footer {
   font-stretch: normal;
   font-style: normal;
   font-weight: 400;
-  -webkit-hyphens: auto;
-  -ms-hyphens: auto;
   hyphens: auto;
   letter-spacing: normal;
   line-height: 21px;
@@ -300,15 +274,8 @@ ptc-footer {
 }
 
 :host(.links-card) .nav-card-wrap .links-card-wrap {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-box-pack: left;
-  -ms-flex-pack: left;
   justify-content: left;
   background: transparent;
 }
@@ -329,7 +296,6 @@ ptc-footer {
     display: inline-block;
     font-size: 12px;
     line-height: 1.5;
-    -ms-flex-item-align: center;
     align-self: center;
   }
 }

package/dist/collection/components/ptc-office-location-card/ptc-office-location-card.css

@@ -102,7 +102,9 @@ ptc-footer {
   line-height: var(--ptc-line-height-densest);
   display: flex;
   text-decoration: none;
+  transition: -webkit-text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
   transition: text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
+  transition: text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout), -webkit-text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
   align-items: center;
 }
 :host .show-full-cta:hover {

package/dist/collection/components/ptc-office-locations/ptc-office-locations.css

@@ -67,10 +67,10 @@ ptc-footer {
   position: absolute;
   top: 100%;
   left: 16px;
+  width: -moz-max-content;
   width: max-content;
   margin-top: 8px;
   -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
   border-radius: var(--ptc-border-radius-standard);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
   background-color: var(--color-white);
@@ -118,7 +118,6 @@ ptc-footer {
   background-color: var(--color-white);
   border: 1px solid var(--color-gray-12);
   border-radius: var(--ptc-border-radius-standard);
-  -webkit-box-sizing: border-box;
   box-sizing: border-box;
   height: 20px;
   left: 0;
@@ -288,7 +287,8 @@ ptc-footer {
   display: grid;
   align-content: flex-start;
   padding: 16px;
-  column-gap: 16px;
+  -moz-column-gap: 16px;
+       column-gap: 16px;
   row-gap: 16px;
   grid-template-columns: 1fr;
   overflow-y: auto;

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

@@ -89,31 +89,38 @@ img {
 }
 
 .cover {
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 .fill {
-  object-fit: fill;
+  -o-object-fit: fill;
+     object-fit: fill;
 }
 
 .contain {
-  object-fit: contain;
+  -o-object-fit: contain;
+     object-fit: contain;
 }
 
 .scale-down {
-  object-fit: scale-down;
+  -o-object-fit: scale-down;
+     object-fit: scale-down;
 }
 
 .none {
-  object-fit: none;
+  -o-object-fit: none;
+     object-fit: none;
 }
 
 .initial {
-  object-fit: initial;
+  -o-object-fit: initial;
+     object-fit: initial;
 }
 
 .inherit {
-  object-fit: inherit;
+  -o-object-fit: inherit;
+     object-fit: inherit;
 }
 
 .radius-standard {

package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css

@@ -100,21 +100,18 @@ Credits to Dave Berning
 .is-grid.is-dense,
 .is-grid-inline.is-dense {
   grid-auto-flow: dense;
-  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
 .is-grid.has-wrapped-row,
 .is-grid-inline.has-wrapped-row {
   grid-auto-flow: row;
-  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
 .is-grid.has-wrapped-row.is-dense,
 .is-grid-inline.has-wrapped-row.is-dense {
   grid-auto-flow: row dense;
-  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
@@ -125,7 +122,6 @@ Credits to Dave Berning
 .is-grid.has-wrapped-col.is-dense,
 .is-grid-inline.has-wrapped-col.is-dense {
   grid-auto-flow: column dense;
-  -ms-grid-rows: auto;
   grid-template-rows: auto;
   grid-template-columns: repeat(12, 1fr);
 }
@@ -5284,25 +5280,18 @@ Credits to Dave Berning
 }
 
 .is-centered {
-  display: -webkit-box;
   display: flex;
-  -webkit-box-align: center;
   align-items: center;
-  -webkit-box-pack: center;
   justify-content: center;
 }
 
 .is-centered-horizontally {
-  display: -webkit-box;
   display: flex;
-  -webkit-box-pack: center;
   justify-content: center;
 }
 
 .is-centered-vertically {
-  display: -webkit-box;
   display: flex;
-  -webkit-box-align: center;
   align-items: center;
 }
 
@@ -5375,84 +5364,70 @@ Credits to Dave Berning
   }
 }
 .is-flex {
-  display: -webkit-box;
   display: flex;
 }
 
 @media screen and (min-width: 575.5px) {
   .is-flex-xs {
-    display: -webkit-box;
     display: flex;
   }
 }
 @media screen and (min-width: 576px) {
   .is-flex-sm {
-    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 768px) {
   .is-flex-md {
-    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 992px) {
   .is-flex-lg {
-    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 1200px) {
   .is-flex-xl {
-    display: -webkit-box;
     display: flex;
   }
 }
 @media only screen and (min-width: 1440px) {
   .is-flex-xxl {
-    display: -webkit-box;
     display: flex;
   }
 }
 .is-inline-flex {
-  display: -webkit-inline-box;
   display: inline-flex;
 }
 
 @media screen and (min-width: 575.5px) {
   .is-inline-flex-xs {
-    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media screen and (min-width: 576px) {
   .is-inline-flex-sm {
-    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 768px) {
   .is-inline-flex-md {
-    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 992px) {
   .is-inline-flex-lg {
-    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 1200px) {
   .is-inline-flex-xl {
-    display: -webkit-inline-box;
     display: inline-flex;
   }
 }
 @media only screen and (min-width: 1440px) {
   .is-inline-flex-xxl {
-    display: -webkit-inline-box;
     display: inline-flex;
   }
 }

package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css

@@ -119,6 +119,7 @@ ptc-footer {
 
 .preload-section {
   position: relative;
+  height: -moz-max-content;
   height: max-content;
   overflow: visible;
 }
@@ -487,7 +488,8 @@ ptc-footer {
   align-items: center;
   justify-content: space-between;
   flex-wrap: nowrap;
-  column-gap: 40px;
+  -moz-column-gap: 40px;
+       column-gap: 40px;
 }
 .skeleton-home-page .slide-container .skeleton-slides .slide {
   background: linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);
@@ -795,11 +797,13 @@ ptc-footer {
 .skeleton-jumbotron .cta-wrap {
   display: flex;
   width: 50%;
-  column-gap: 14px;
+  -moz-column-gap: 14px;
+       column-gap: 14px;
 }
 @media only screen and (min-width: 768px) {
   .skeleton-jumbotron .cta-wrap {
-    column-gap: 24px;
+    -moz-column-gap: 24px;
+         column-gap: 24px;
   }
 }
 
@@ -909,7 +913,8 @@ ptc-footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  column-gap: 28px;
+  -moz-column-gap: 28px;
+       column-gap: 28px;
 }
 .skeleton-on-demand .on-demand-vl .grid-vl .block {
   flex-basis: 100%;
@@ -2194,7 +2199,8 @@ ptc-footer {
 .preloader-events-listing .grid-cards {
   display: flex;
   flex-direction: row;
-  column-gap: 24px;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
   overflow-x: hidden;
 }
 @media only screen and (min-width: 992px) {
@@ -2224,7 +2230,8 @@ ptc-footer {
   .preloader-events-listing .grid-cards-desktop {
     display: flex;
     flex-direction: row;
-    column-gap: 24px;
+    -moz-column-gap: 24px;
+         column-gap: 24px;
     overflow-x: hidden;
     justify-content: center;
   }
@@ -2287,7 +2294,8 @@ ptc-footer {
 .preloader-events-listing .grid-long-cards {
   display: flex;
   flex-direction: row;
-  column-gap: 24px;
+  -moz-column-gap: 24px;
+       column-gap: 24px;
   overflow-x: hidden;
   margin-top: 36px;
   margin-bottom: 30px;
@@ -2558,11 +2566,13 @@ ptc-footer {
 .preloader-cs-listing-page .skeleton-jumbotron .cta-wrap {
   display: flex;
   width: 50%;
-  column-gap: 14px;
+  -moz-column-gap: 14px;
+       column-gap: 14px;
 }
 @media only screen and (min-width: 768px) {
   .preloader-cs-listing-page .skeleton-jumbotron .cta-wrap {
-    column-gap: 24px;
+    -moz-column-gap: 24px;
+         column-gap: 24px;
   }
 }
 .preloader-cs-listing-page .bold-1 {

package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.css

@@ -114,6 +114,7 @@ ptc-footer {
 }
 :host .scroll-button div {
   display: inline-block;
+  width: -moz-fit-content;
   width: fit-content;
   height: 36px;
   background-color: white;

package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css

@@ -523,6 +523,10 @@ ptc-footer {
   overflow: hidden;
 }
 
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+
 .u-background-white {
   background-color: var(--color-white);
 }
@@ -651,56 +655,68 @@ ptc-footer {
 }
 
 .grid-large-col-gap-md {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 992px) {
   .grid-large-col-gap-md {
-    column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
   }
 }
 
 .grid-large-col-gap-sm {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 768px) {
   .grid-large-col-gap-sm {
-    column-gap: 3rem;
+    -moz-column-gap: 3rem;
+         column-gap: 3rem;
   }
 }
 
 .grid-x-large-col-gap-md {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 992px) {
   .grid-x-large-col-gap-md {
-    column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
   }
 }
 
 .grid-x-large-col-gap-sm {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 768px) {
   .grid-x-large-col-gap-sm {
-    column-gap: 4rem;
+    -moz-column-gap: 4rem;
+         column-gap: 4rem;
   }
 }
 
 .grid-medium-col-gap-md {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 992px) {
   .grid-medium-col-gap-md {
-    column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
   }
 }
 
 .grid-medium-col-gap-sm {
-  column-gap: 0;
+  -moz-column-gap: 0;
+       column-gap: 0;
 }
 @media only screen and (min-width: 768px) {
   .grid-medium-col-gap-sm {
-    column-gap: 2rem;
+    -moz-column-gap: 2rem;
+         column-gap: 2rem;
   }
 }
 

package/dist/collection/components/ptc-quantity-counter/ptc-quantity-counter.css

@@ -87,7 +87,9 @@ ptc-footer {
   background-color: transparent;
   cursor: pointer;
   font-size: var(--ptc-font-size-x-small);
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   padding: 0;
 }
 :host .quantity-counter button span {

package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css

@@ -149,7 +149,8 @@ ptc-footer {
 :host .card-rail-content .content-container .content .content-image img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 :host .card-rail-content .content-container .content .content-text {
   flex: 1;

package/dist/collection/components/ptc-search-field/ptc-search-field.css

@@ -95,6 +95,15 @@ ptc-footer {
   border-radius: var(--ptc-border-radius-standard) 0 0 var(--ptc-border-radius-standard);
   outline: none;
 }
+:host .search-div input::-moz-placeholder {
+  font-family: var(--ptc-font-latin);
+  font-style: var(--ptc-font-style-normal);
+  font-weight: var(--ptc-font-weight-regular);
+  font-size: var(--ptc-font-size-small);
+  position: relative;
+  top: 1px;
+  color: var(--color-gray-10);
+}
 :host .search-div input::placeholder {
   font-family: var(--ptc-font-latin);
   font-style: var(--ptc-font-style-normal);
@@ -158,6 +167,10 @@ ptc-footer {
   text-indent: var(--ptc-element-spacing-04);
   padding-right: 2px;
 }
+:host(.dark) .search-div input::-moz-placeholder {
+  color: var(--color-white);
+  font-size: var(--ptc-font-size-x-small);
+}
 :host(.dark) .search-div input::placeholder {
   color: var(--color-white);
   font-size: var(--ptc-font-size-x-small);

package/dist/collection/components/ptc-slit-card/ptc-slit-card.css

@@ -93,11 +93,7 @@ ptc-footer {
   display: inline-block;
   height: 10px;
   margin-left: 5px;
-  -webkit-transition: -webkit-transform 0.15s ease-in-out;
-  transition: -webkit-transform 0.15s ease-in-out;
-  -o-transition: transform 0.15s ease-in-out;
   transition: transform 0.15s ease-in-out;
-  transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
   vertical-align: middle;
   width: 10px;
 }
@@ -116,8 +112,6 @@ ptc-footer {
   height: 2px;
   left: 0;
   position: absolute;
-  -webkit-transition: width 0.2s ease-in-out;
-  -o-transition: width 0.2s ease-in-out;
   transition: width 0.2s ease-in-out;
   width: 30px;
 }
@@ -140,8 +134,6 @@ ptc-footer {
   width: 100%;
 }
 :host(.sim-card) .card-link:hover .card-heading .sim-arrow {
-  -ms-transform: translateX(20px);
-  -webkit-transform: translateX(20px);
   transform: translateX(20px);
 }
 :host(.sim-card) .card-link:hover .card-body {

package/dist/collection/components/ptc-social-icons/ptc-social-icons.css

@@ -60,6 +60,7 @@ ptc-footer {
 
 :host {
   display: block;
+  height: -moz-max-content;
   height: max-content;
 }
 :host div {