@ptcwebops/ptcw-design 6.4.9 → 6.4.10-beta

package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css

@@ -88,14 +88,17 @@ a:focus-visible {
 
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .light-links a.light-link,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-grey-10 a.light-link,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
   color: var(--color-blue-04);
@@ -104,38 +107,47 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .light-links a.light-link:visited,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-grey-10 a.light-link:visited,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .light-links a.light-link:active,
 .light-links a.light-link:visited:active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-grey-10 a.light-link:active,
 .background-grey-10 a.light-link:visited:active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-plm-grey a.light-link:active,
 .background-plm-grey a.light-link:visited:active {
@@ -144,24 +156,30 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .light-links a.light-link:hover,
 .light-links a.light-link:visited:hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-grey-10 a.light-link:hover,
 .background-grey-10 a.light-link:visited:hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-plm-grey a.light-link:hover,
 .background-plm-grey a.light-link:visited:hover {
@@ -169,14 +187,17 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .light-links a.light-link.disabled,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-grey-10 a.light-link.disabled,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
@@ -184,14 +205,17 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .light-links a.light-link:focus-visible,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-grey-10 a.light-link:focus-visible,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);

package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css

@@ -88,14 +88,17 @@ a:focus-visible {
 
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .light-links a.light-link,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-grey-10 a.light-link,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a),
 .background-plm-grey a.light-link {
   color: var(--color-blue-04);
@@ -104,38 +107,47 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .light-links a.light-link:visited,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-grey-10 a.light-link:visited,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited,
 .background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .light-links a.light-link:active,
 .light-links a.light-link:visited:active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-grey-10 a.light-link:active,
 .background-grey-10 a.light-link:visited:active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):active,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:active,
 .background-plm-grey a.light-link:active,
 .background-plm-grey a.light-link:visited:active {
@@ -144,24 +156,30 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .light-links a.light-link:hover,
 .light-links a.light-link:visited:hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-grey-10 a.light-link:hover,
 .background-grey-10 a.light-link:visited:hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):hover,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):visited:hover,
 .background-plm-grey a.light-link:hover,
 .background-plm-grey a.light-link:visited:hover {
@@ -169,14 +187,17 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .light-links a.light-link.disabled,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-grey-10 a.light-link.disabled,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a).disabled,
 .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
@@ -184,14 +205,17 @@ ptc-modal inline-form a,
 }
 .light-links a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .light-links a.light-link:focus-visible,
 .background-grey-10 a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-grey-10 a.light-link:focus-visible,
 .background-plm-grey a:not(.hero-footer-form-wrapper a,
 ptc-modal inline-form a,
+.podcast-cta-section a,
 .vjs-social-share-links a):focus-visible,
 .background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);

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

@@ -149,8 +149,7 @@ ptc-footer {
 :host .card-rail-content .content-container .content .content-image img {
   width: 100%;
   height: 100%;
-  -o-object-fit: cover;
-     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,15 +95,6 @@ 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);
@@ -167,10 +158,6 @@ 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-seo-title/ptc-seo-title.js

@@ -191,7 +191,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"margin-flush\"\r\n\t\t| \"margin-top-3\"\r\n\t\t| \"margin-top-4\"\r\n\t\t| \"margin-top-5\"\r\n\t\t| \"margin-top-6\"\r\n\t\t| \"margin-bottom-3\"\r\n\t\t| \"margin-bottom-4\"\r\n\t\t| \"margin-bottom-5\"\r\n\t\t| \"margin-bottom-6\"\r\n\t\t| \"margin-3\"\r\n\t\t| \"margin-4\"\r\n\t\t| \"margin-5\"\r\n\t\t| \"margin-6\"\r\n\t\t| \"margin-9\"",
+          "original": "| \"margin-flush\"\n\t\t| \"margin-top-3\"\n\t\t| \"margin-top-4\"\n\t\t| \"margin-top-5\"\n\t\t| \"margin-top-6\"\n\t\t| \"margin-bottom-3\"\n\t\t| \"margin-bottom-4\"\n\t\t| \"margin-bottom-5\"\n\t\t| \"margin-bottom-6\"\n\t\t| \"margin-3\"\n\t\t| \"margin-4\"\n\t\t| \"margin-5\"\n\t\t| \"margin-6\"\n\t\t| \"margin-9\"",
           "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-9\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
           "references": {}
         },
@@ -225,7 +225,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"xx-small\"\r\n\t\t| \"x-small\"\r\n\t\t| \"small\"\r\n\t\t| \"medium\"\r\n\t\t| \"large\"\r\n\t\t| \"x-large\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"xxx-large\"\r\n\t\t| \"xxxx-large\"\r\n\t\t| \"xxxx-large-allbp\"\r\n\t\t| \"xx-large-allbp\"\r\n\t\t| \"xxxx-large-desktop\"\r\n\t\t| \"xxxx-large-store\"",
+          "original": "| \"xx-small\"\n\t\t| \"x-small\"\n\t\t| \"small\"\n\t\t| \"medium\"\n\t\t| \"large\"\n\t\t| \"x-large\"\n\t\t| \"xx-large\"\n\t\t| \"xxx-large\"\n\t\t| \"xxxx-large\"\n\t\t| \"xxxx-large-allbp\"\n\t\t| \"xx-large-allbp\"\n\t\t| \"xxxx-large-desktop\"\n\t\t| \"xxxx-large-store\"",
           "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-large-allbp\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\" | \"xxxx-large-allbp\" | \"xxxx-large-desktop\" | \"xxxx-large-store\"",
           "references": {}
         },
@@ -242,7 +242,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"densest\"\r\n\t\t| \"denser\"\r\n\t\t| \"dense\"\r\n\t\t| \"normal\"\r\n\t\t| \"loose\"\r\n\t\t| \"looser\"\r\n\t\t| \"paragraph\"",
+          "original": "| \"densest\"\n\t\t| \"denser\"\n\t\t| \"dense\"\n\t\t| \"normal\"\n\t\t| \"loose\"\n\t\t| \"looser\"\n\t\t| \"paragraph\"",
           "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
           "references": {}
         },

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

@@ -93,7 +93,11 @@ 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;
 }
@@ -112,6 +116,8 @@ 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;
 }
@@ -134,6 +140,8 @@ 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,7 +60,6 @@ ptc-footer {
 
 :host {
   display: block;
-  height: -moz-max-content;
   height: max-content;
 }
 :host div {

package/dist/collection/components/ptc-svg-btn/ptc-svg-btn.css

@@ -110,34 +110,50 @@ ptc-footer {
 }
 
 .svg-close svg .cls-1:first-child {
+  -webkit-transform: translate(175.5px, 135.5px);
+  -ms-transform: translate(175.5px, 135.5px);
   transform: translate(175.5px, 135.5px);
 }
 
 .svg-close svg .cls-1:nth-child(2) {
+  -webkit-transform: translate(175.5px, 174.985px);
+  -ms-transform: translate(175.5px, 174.985px);
   transform: translate(175.5px, 174.985px);
 }
 
 .svg-close svg .cls-1:nth-child(3) {
+  -webkit-transform: translate(215.5px, 141.393px);
+  -ms-transform: translate(215.5px, 141.393px);
   transform: translate(215.5px, 141.393px);
 }
 
 .svg-close svg .cls-1:nth-child(4) {
+  -webkit-transform: translate(175.5px, 135.5px);
+  -ms-transform: translate(175.5px, 135.5px);
   transform: translate(175.5px, 135.5px);
 }
 
 .svg-close:hover svg .cls-1:first-child {
+  -webkit-transform: translate(175.5px, 162px);
+  -ms-transform: translate(175.5px, 162px);
   transform: translate(175.5px, 162px);
 }
 
 .svg-close:hover svg .cls-1:nth-child(2) {
+  -webkit-transform: translate(149px, 174.985px);
+  -ms-transform: translate(149px, 174.985px);
   transform: translate(149px, 174.985px);
 }
 
 .svg-close:hover svg .cls-1:nth-child(3) {
+  -webkit-transform: translate(215.5px, 174px);
+  -ms-transform: translate(215.5px, 174px);
   transform: translate(215.5px, 174px);
 }
 
 .svg-close:hover svg .cls-1:nth-child(4) {
+  -webkit-transform: translate(152.5px, 135.5px);
+  -ms-transform: translate(152.5px, 135.5px);
   transform: translate(152.5px, 135.5px);
 }
 

package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css

@@ -98,7 +98,9 @@ ptc-footer {
   }
 }
 :host .bg-img-filter {
+  -webkit-filter: url(#blur);
   filter: url(#blur);
+  -webkit-mask: -webkit-gradient(linear, left top, right top, color-stop(30%, var(--color-black)), to(rgba(0, 0, 0, 0)));
   -webkit-mask: linear-gradient(90deg, var(--color-black) 30%, rgba(0, 0, 0, 0));
   -webkit-filter: blur(7px);
 }

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 (min-resolution: 192dpi) {
+@media (-webkit-min-device-pixel-ratio: 2), (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");
   }
@@ -3766,12 +3766,6 @@ ptc-footer {
 .ptc-text-field .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
   color: var(--color-gray-13);
 }
-.ptc-text-field .mdc-text-field__input::-moz-placeholder {
-  font-family: "Open Sans", Arial, sans-serif;
-  font-size: var(--ptc-font-size-xx-small);
-  font-weight: var(--ptc-font-weight-regular);
-  line-height: 24px;
-}
 .ptc-text-field .mdc-text-field__input::placeholder {
   font-family: "Open Sans", Arial, sans-serif;
   font-size: var(--ptc-font-size-xx-small);
@@ -3812,7 +3806,6 @@ ptc-footer {
   bottom: -37px;
   width: auto;
   left: -4px;
-  width: -moz-max-content;
   width: max-content;
 }
 .ptc-text-field.email-signup .mdc-text-field-helper-line .mdc-text-field-helper-text {
@@ -3827,9 +3820,6 @@ ptc-footer {
   font-weight: var(--ptc-font-weight-regular);
   color: var(--color-gray-10);
 }
-.ptc-text-field.email-signup .mdc-text-field__input::-moz-placeholder {
-  font-size: var(--ptc-font-size-small);
-}
 .ptc-text-field.email-signup .mdc-text-field__input::placeholder {
   font-size: var(--ptc-font-size-small);
 }

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

@@ -204,15 +204,13 @@ export class PtcTextfield {
           this.helpertext = await this.getValidationMessage("tel");
         }
         else if (!this.iti.isValidNumber()) {
-          this.helpertext =
-            await this.getValidationMessage("validtel");
+          this.helpertext = await this.getValidationMessage("validtel");
         }
       }
     }
     else if (this.fieldId === "confirm-email") {
       if (!this.matchStatus && !!this.customInput.value) {
-        this.helpertext =
-          await this.getValidationMessage("confirmemail");
+        this.helpertext = await this.getValidationMessage("confirmemail");
       }
     }
   }
@@ -568,7 +566,7 @@ export class PtcTextfield {
         "type": "unknown",
         "mutable": false,
         "complexType": {
-          "original": "(\r\n\t\tinput: HTMLInputElement | HTMLTextAreaElement,\r\n\t) => string",
+          "original": "(\r\n\t\tinput: HTMLInputElement | HTMLTextAreaElement\r\n\t) => string",
           "resolved": "(input: HTMLInputElement | HTMLTextAreaElement) => string",
           "references": {
             "HTMLInputElement": {

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

@@ -157,18 +157,21 @@ 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);
 }
@@ -179,6 +182,7 @@ 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);
 }
@@ -5337,18 +5341,25 @@ 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;
 }
 
@@ -5421,70 +5432,84 @@ 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;
   }
 }
@@ -5686,7 +5711,6 @@ Credits to Dave Berning
   margin-bottom: 8px;
 }
 .modal .modal-container .vm-close {
-  width: -moz-max-content;
   width: max-content;
   cursor: pointer;
   padding: 8px;