@ptcwebops/ptcw-design 6.3.26 → 6.3.27-beta

package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js

@@ -1,49 +1,24 @@
 import { Host, h } from '@stencil/core';
 export class PtcNavSkipToContent {
   constructor() {
-    this.escalated = false;
     this.hideOnScroll = () => {
       var _a, _b;
       let skipLink = (_b = (_a = this.hostEle) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('a.skip-link');
       skipLink === null || skipLink === void 0 ? void 0 : skipLink.blur();
     };
     this.escalateOnDom = () => {
-      if (this.appendSelector) {
-        const elem = document.querySelector(this.appendSelector);
-        const host = this.hostEle;
-        if (elem) {
-          elem.insertAdjacentElement('afterbegin', this.hostEle);
-          host.classList.add('appended');
-          this.escalated = true;
-        }
-      }
-      if (!this.escalated) {
-        const body = document.querySelector('body');
-        body.insertAdjacentElement('afterbegin', this.hostEle);
-      }
-    };
-    this.offsetCta = () => {
-      const link = this.hostEle.shadowRoot.querySelector('.skip-link');
-      link.style.left = `${this.xOffset}px`;
-      link.style.top = `${this.yOffset}px`;
+      const body = document.querySelector('body');
+      body.insertAdjacentElement('afterbegin', this.hostEle);
     };
     this.componentWillLoad = () => {
       this.escalateOnDom();
       window.addEventListener('scroll', this.hideOnScroll);
     };
-    this.componentDidLoad = () => {
-      if (this.appendSelector) {
-        this.offsetCta();
-      }
-    };
     this.disconnectedCallback = () => {
       window.removeEventListener('scroll', this.hideOnScroll);
     };
     this.buttonText = "Skip To Main Content";
     this.sectionId = "";
-    this.appendSelector = undefined;
-    this.xOffset = undefined;
-    this.yOffset = undefined;
   }
   scrollToSection(e) {
     e.preventDefault();
@@ -104,57 +79,6 @@ export class PtcNavSkipToContent {
         "attribute": "section-id",
         "reflect": false,
         "defaultValue": "\"\""
-      },
-      "appendSelector": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "append-selector",
-        "reflect": false
-      },
-      "xOffset": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "x-offset",
-        "reflect": false
-      },
-      "yOffset": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "y-offset",
-        "reflect": false
       }
     };
   }

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

@@ -104,6 +104,9 @@ p.main {
 p.primary-grey {
   color: var(--color-gray-10);
 }
+p.primary-green {
+  color: var(--color-green-06);
+}
 p.gray-darker {
   color: var(--color-gray-11);
 }

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

@@ -185,8 +185,8 @@ export class PtcPara {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'primary-grey' | 'white' | 'gray-darker'",
-          "resolved": "\"gray-darker\" | \"primary-grey\" | \"white\"",
+          "original": "'primary-grey' | 'primary-green' | 'white' | 'gray-darker'",
+          "resolved": "\"gray-darker\" | \"primary-green\" | \"primary-grey\" | \"white\"",
           "references": {}
         },
         "required": false,

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

@@ -5602,26 +5602,26 @@ a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .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, .vjs-social-share-links a), .background-plm-grey a.light-link {
+.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);
   margin: -2px;
   border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .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, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
+.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, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
+.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 {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
+.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 {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .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, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
+.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;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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, .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, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link: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):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);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);

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

@@ -3266,432 +3266,6 @@ ptc-link, ptc-square-card,
   min-width: 270px;
 }
 
-.preloader-store-listing-page .top {
-  padding-top: 25px;
-}
-.preloader-store-listing-page .top .top-block {
-  width: 98px;
-}
-.preloader-store-listing-page .search-box {
-  display: flex;
-  flex-direction: row;
-  margin-top: 10px;
-  width: 100%;
-}
-.preloader-store-listing-page .search-box .search-input-box {
-  background-color: #fff;
-  width: 100%;
-  height: 48px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-}
-.preloader-store-listing-page .search-box .search-btn-box {
-  height: 48px;
-  width: 58px;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}
-.preloader-store-listing-page .search-btn {
-  background-color: #fff;
-  border-radius: 4px;
-  width: auto;
-  height: 48px;
-  margin: 10px;
-  margin-left: 24px;
-}
-.preloader-store-listing-page .card-block {
-  height: 309px;
-}
-@media only screen and (min-width: 480px) {
-  .preloader-store-listing-page .card-block {
-    height: 465px;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .card-block {
-    height: 397px;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .card-block {
-    height: 364px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .card-block {
-    height: 366px;
-  }
-}
-.preloader-store-listing-page .filter-block {
-  display: none;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .filter-block {
-    height: 853px;
-    display: block;
-  }
-}
-.preloader-store-listing-page .mobile-block {
-  display: grid;
-  margin-bottom: 4px;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .mobile-block {
-    display: none;
-  }
-}
-.preloader-store-listing-page .desktop-grid {
-  display: none;
-}
-@media (min-width: 992px) {
-  .preloader-store-listing-page .desktop-grid {
-    display: block;
-  }
-}
-.preloader-store-listing-page .desktop-grid .search-filters {
-  margin-top: 24px;
-  background-color: white;
-  border-radius: 4px;
-  padding: 20px 16px 32px 16px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-block-1 {
-  padding: 0px;
-  padding-bottom: 10px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-block-1 .block-1 {
-  width: 40%;
-  margin-bottom: 10px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter {
-  border-top: solid 1px #E4E7E9;
-  padding: 20px 0;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0px;
-  margin-bottom: 13px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top .block-1 {
-  width: 50%;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-top .block-2 {
-  width: 10%;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-  padding: 0px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-1 {
-  width: 22px;
-  height: 22px;
-  margin-bottom: 12px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-2 {
-  width: 50%;
-  margin-left: 12px;
-  height: 16px;
-  margin-bottom: 12px;
-}
-.preloader-store-listing-page .desktop-grid .search-filters .div-filter .div-filter-body .block-3 {
-  width: 35%;
-  margin-left: 12px;
-  height: 16px;
-  margin-bottom: 12px;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper {
-  padding: 20px 20px 24px 24px;
-  background-color: white;
-  border-radius: 4px;
-  margin-top: 14px;
-  margin-bottom: 100px;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0px;
-  padding-bottom: 10px;
-  margin-bottom: 20px;
-  border-bottom: solid 2px #E4E7E9;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines .block-1 {
-  width: 10%;
-}
-.preloader-store-listing-page .desktop-grid .desktop-cards-wrapper .div-top-lines .block-2 {
-  width: 100px;
-}
-.preloader-store-listing-page .mobile-cards-wrapper {
-  padding: 20px 20px 24px 24px;
-  background-color: white;
-  border-radius: 4px;
-  margin-top: 14px;
-  margin-bottom: 100px;
-}
-@media (min-width: 992px) {
-  .preloader-store-listing-page .mobile-cards-wrapper {
-    display: none;
-  }
-}
-.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines {
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  padding: 0px;
-  padding-bottom: 10px;
-  border-bottom: solid 2px #E4E7E9;
-}
-.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines .block-1 {
-  width: 49px;
-}
-.preloader-store-listing-page .mobile-cards-wrapper .div-top-lines .block-2 {
-  width: 100px;
-}
-.preloader-store-listing-page .cards-mobile {
-  display: block;
-}
-@media (min-width: 768px) {
-  .preloader-store-listing-page .cards-mobile {
-    display: none;
-  }
-}
-.preloader-store-listing-page .cards-ipad {
-  display: none;
-}
-@media (min-width: 768px) {
-  .preloader-store-listing-page .cards-ipad {
-    display: block;
-  }
-}
-.preloader-store-listing-page .cards-div {
-  border-bottom: solid 2px #E4E7E9;
-}
-.preloader-store-listing-page .cards-div .cards-div-block {
-  padding-top: 27px;
-  padding-left: 0px;
-  padding-bottom: 33px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .thinner {
-  height: 16px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-1 {
-  width: 65%;
-  margin-bottom: 16px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-2 {
-  width: 95%;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-3 {
-  width: 55%;
-  margin-bottom: 26px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block .block-4 {
-  width: 20%;
-  padding-bottom: 0px;
-  margin-bottom: 0px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right {
-  padding-top: 27px;
-  padding-left: 0px;
-  padding-bottom: 33px;
-  align-items: end;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .thinner {
-  height: 16px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .block-1 {
-  width: 121px;
-  height: 40px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .block-2 {
-  width: 158px;
-  margin-bottom: 17px;
-}
-.preloader-store-listing-page .cards-div .cards-div-block-right .block-3 {
-  width: 121px;
-  height: 55px;
-  padding-bottom: 0px;
-  margin-bottom: 0px;
-}
-.preloader-store-listing-page .mobile-cards {
-  display: grid;
-  padding-bottom: 28px;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .mobile-cards {
-    display: none;
-  }
-}
-.preloader-store-listing-page .ipad-cards {
-  display: none;
-  padding-bottom: 28px;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .ipad-cards {
-    display: grid;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .ipad-cards {
-    display: none;
-  }
-}
-.preloader-store-listing-page .filter-div {
-  display: none;
-  margin-bottom: 28px;
-}
-@media only screen and (min-width: 992px) {
-  .preloader-store-listing-page .filter-div {
-    display: grid;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .filter-div {
-    display: none;
-  }
-}
-.preloader-store-listing-page .filter-top {
-  margin-bottom: 24px;
-}
-.preloader-store-listing-page .desktop-cards {
-  display: none;
-  padding-bottom: 48px;
-}
-@media only screen and (min-width: 1200px) {
-  .preloader-store-listing-page .desktop-cards {
-    display: grid;
-  }
-}
-.preloader-store-listing-page .pagination-block {
-  padding-bottom: 48px;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-listing-page .pagination-block {
-    margin-top: 28px;
-  }
-}
-.preloader-store-listing-page .page-block {
-  width: 40px;
-  height: 40px;
-  margin: 0 5px;
-}
-
-.preloader-store-detail-page .jumbotron {
-  margin-bottom: 48px;
-}
-.preloader-store-detail-page .jumbotron .jumbotron-bg {
-  height: 262px;
-  background-color: var(--color-gray-03);
-  position: relative;
-}
-.preloader-store-detail-page .div-body {
-  top: -172px;
-  position: relative;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-detail-page .div-body {
-    text-align: -webkit-center;
-  }
-}
-.preloader-store-detail-page .div-body .div-grid-block {
-  position: relative;
-  z-index: 3;
-  border-radius: 4px;
-  background: #FFF;
-  padding: 40px;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-detail-page .div-body .div-grid-block {
-    max-width: 890px;
-    width: 70%;
-    display: flex;
-    flex-direction: row;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-detail-page .div-body .div-grid-block .div-1 {
-    flex-basis: 50%;
-    padding-right: 40px;
-    display: flex;
-    justify-content: space-between;
-    flex-direction: column;
-  }
-}
-.preloader-store-detail-page .div-body .div-grid-block .div-3 {
-  display: none;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-detail-page .div-body .div-grid-block .div-3 {
-    display: block;
-  }
-}
-.preloader-store-detail-page .div-body .div-grid-block .div-2 {
-  display: block;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-detail-page .div-body .div-grid-block .div-2 {
-    display: none;
-  }
-}
-.preloader-store-detail-page .div-body .div-grid-block .thick-block {
-  height: 96px;
-}
-.preloader-store-detail-page .div-body .div-grid-block .div-middle {
-  margin: 40px 0;
-  border-radius: 4px;
-  border: 1px solid var(--color-gray-02);
-  padding: 95px 40px;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-detail-page .div-body .div-grid-block .div-middle {
-    flex-basis: 50%;
-    margin: 0;
-  }
-}
-.preloader-store-detail-page .div-body .div-grid-block .div-middle .div-skeleton {
-  align-items: center;
-}
-.preloader-store-detail-page .div-body .div-grid-block .div-middle .button-block {
-  width: 125px;
-  height: 48px;
-}
-.preloader-store-detail-page .div-content {
-  top: -172px;
-  margin-top: 56px;
-  position: relative;
-  border-radius: 4px;
-  background: #FFF;
-  padding: 40px;
-}
-.preloader-store-detail-page .div-content .border-line {
-  margin: 40px 10px;
-  border: 1px solid var(--color-gray-02);
-}
-.preloader-store-detail-page .div-content .thick-block {
-  height: 96px;
-  margin-top: 40px;
-}
-.preloader-store-detail-page .heading {
-  width: 125px;
-}
-.preloader-store-detail-page .para {
-  height: 96px;
-  margin-top: 40px;
-}
-@media only screen and (min-width: 768px) {
-  .preloader-store-detail-page .para {
-    width: 65%;
-    height: 192px;
-  }
-}
-
 @keyframes pulse {
   0% {
     opacity: 0.5;