/** Shopify CDN: Minification failed

Line 11:0 Unexpected "<"
Line 56:3 Unexpected ";"
Line 216:15 Expected identifier but found whitespace
Line 216:17 Unexpected "{"
Line 216:30 Expected ":"
Line 349:0 Unexpected "<"

**/
<style>

/* Admin pages rich text styles begin */



.rich-text .admin-page .rte {
  padding-top: 0;
}

.rich-text .admin-page .rte p,
  .rich-text .admin-page .rte h4,
  .rich-text .admin-page .rte h5 {
    margin-bottom: 0 !important;
  }

.rich-text .admin-page p:has( + h1),
.rich-text .admin-page p:has( + h2),
.rich-text .admin-page p:has( + h3),
.rich-text .admin-page p:has( + h4),
.rich-text .admin-page p:has( + h5),
.rich-text .admin-page p:has( + h6) {
  margin-bottom: 2.8rem;
}

.rich-text .admin-page .rte ul:has( + h1),
  .rich-text .admin-page .rte ol:has( + h1),
  .rich-text .admin-page .rte ul:has( + h2),
  .rich-text .admin-page .rte ol:has( + h2),
  .rich-text .admin-page .rte ul:has( + h3),
  .rich-text .admin-page .rte ol:has( + h3),
  .rich-text .admin-page .rte ul:has( + h4),
  .rich-text .admin-page .rte ol:has( + h4),
  .rich-text .admin-page .rte ul:has( + h5),
  .rich-text .admin-page .rte ol:has( + h5),
  .rich-text .admin-page .rte ul:has( + h6),
  .rich-text .admin-page .rte ol:has( + h6) {
    margin-bottom: 2.8rem;
  }

  .rich-text .admin-page .rte ul,
  .rich-text .admin-page .rte ol {
    list-style-position: inside;
    padding-left: 1.2rem !important;
    margin-bottom: 0;
  };

  .rich-text .admin-page .rte ul li,
  .rich-text .admin-page .rte ol li {
    list-style-position: outside;
    margin-bottom: 0;
  }

  .rich-text .admin-page .rte ul li:last-child,
  .rich-text .admin-page .rte ol li:last-child {
    padding-bottom: 0;
    margin-bottom: 2.8rem;
  }

  /*UL, OL*/
  .rich-text .admin-page ul li,
  .rich-text .admin-page ol li {
    list-style-position: outside;
  }

  .rich-text .rte img,
  .rich-text .rte video {
    margin-bottom: 0 !important;
    width: 100%;
    height: auto;
  }

  /*Hyperlinks*/

  .rich-text .admin-page a {
    color: #000;
    text-decoration-color: rgba(0, 137, 250, 1);
    text-underline-offset: 0.1875rem;
    text-decoration-thickness: 0.09375rem;
  }

  .rich-text .admin-page a:hover {
    color: #006DC7;
    text-decoration-color: rgba(0, 137, 250, 1);
    text-underline-offset: 0.1875rem;
    text-decoration-thickness: 0.09375rem;
  }

 .rich-text .admin-page .rte h2 {
  color: var(--OG-CS-Gray-Gray-4, #545454) !important;
  font-family: HKGP;
  font-size: 1.6rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem !important;
  /* 120% */
  margin-bottom: 0.4rem !important;
}

.rich-text .admin-page .rte h3 {
  color: var(--Base-Black, #000) !important;
  /* 🟢 BODY/b-base/fw-bold */
  font-family: HKGP;
  font-size: 1rem !important;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6rem !important;
  /* 160% */
  margin-bottom: 0.4rem !important;
}

.rich-text .admin-page .rte h4 {
  color: var(--OG-CS-Gray-Gray-4, #545454) !important;
  font-family: HKGP;
  font-size: 2rem !important;
  font-style: normal;
  font-weight: 500;
  line-height: 2.4rem !important;
  /* 120% */
  margin-bottom: 0.4rem !important;
}

.rich-text .admin-page .rte h6 {
  /* color: var(--OG-CS-Gray-Gray-4, #545454); */
  font-family: HKGP;
  font-size: 0.7rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem !important;
  /* 114.286% */
  margin-top: 0.8rem !important;
  margin-bottom: 0 !important;
}

/*Dynamic classes based on metafield Heading selection*/
h1.meta-admin-title--Small {
  color: var(--OG-CS-Gray-Gray-4, #121212);
  font-family: HKGP;
  font-style: normal;
  font-weight: 400;
  /* 🔵 HEADER/h-sm */
  font-size: 40px !important;
  line-height: 48px !important;
  /* 120% */
}
h1.meta-admin-title--Medium {
  color: var(--OG-CS-Gray-Gray-4, #121212);
  font-family: HKGP;
  font-style: normal;
  font-weight: 400;
  /* 🔵 HEADER/h-md */
  font-size: 56px !important;
  line-height: 64px !important;
  /* 114.286% */
}
h1.meta-admin-title--Large {
  color: var(--OG-CS-Gray-Gray-4, #121212);
  font-family: HKGP;
  font-style: normal;
  font-weight: 400;
  /* 🔵 HEADER/h-lg */
  font-size: 80px !important;
  line-height: 80px !important;
  /* 100% */
}

.rich-text .admin-page .page-title {
    position: relative;
    padding-left: 0.8rem;
  }

 .rich-text .admin-page .page-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.2rem;
  border-radius: 16px;
  height: 100%;
}

p.only-nbsp {
  /*line space break*/
  line-height: 2.8rem !important;
}

@media(max-width: 767px){
   .rich-text .admin-page .rte {
    padding-bottom: 2.75rem;
  }

  .rich-text .admin-page .rte .page-title {
    position: relative;
    padding-left: 0.75rem;
  }


  .rich-text .admin-page .rte .page-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    border-radius: 16px;
    height: 100%;
    background: {{ accentColor }}
  };

  /*Dynamic classes based on metafield Heading selection*/

  h1.meta-admin-title--Small {
    color: var(--OG-CS-Gray-Gray-4, #121212);
    font-family: HKGP;
    font-style: normal;
    font-weight: 400;
    /* 🔵 HEADER/h-sm */
    font-size: 32px !important;
    line-height: 40px !important;
    /* 120% */
  }

  h1.meta-admin-title--Medium {
    color: var(--OG-CS-Gray-Gray-4, #121212);
    font-family: HKGP;
    font-style: normal;
    font-weight: 400;
    /* 🔵 HEADER/h-md */
    font-size: 40px !important;
    line-height: 48px !important;
    /* 114.286% */
  }
  
  h1.meta-admin-title--Large {
    color: var(--OG-CS-Gray-Gray-4, #121212);
    font-family: HKGP;
    font-style: normal;
    font-weight: 400;
    /* 🔵 HEADER/h-lg */
    font-size: 56px !important;
    line-height: 64px !important;
    /* 100% */
  };
}

/* Admin styles ends here */



/* Pdp rich-text styles */

  :root {
  --space-0: 0;
  --space-1: 0.2rem;
  --space-2: 0.4rem;
  --space-3: 0.6rem;
  --space-4: 0.8rem;
  --space-5: 1rem;
  --space-6: 1.2rem;
  --space-7: 1.4rem;
  /* etc. */
}

.rich-text  div[name="Product Overview"] h4 {
  color: #a2a2a3!important;
font-size: 0.6rem!important;
font-style: normal;
font-weight: 700!important;
line-height:0.8rem!important; 
letter-spacing: 1.2px!important;
text-transform: uppercase!important;
margin-bottom: var(--space-1) !important;
  }
 .rich-text  div[name="Product Overview"] h4 span{
    color: #a2a 2a3!important;
  }

.rich-text  div[name="Product Overview"] h2 {
  color:  #000!important;
font-size:1.2rem!important;
font-weight: 500!important;
line-height:1.6rem!important;
margin-bottom:var(--space-1)!important;
  }

.rich-text  div[name="Product Overview"] h3 {
  color:  #a2a2a3!important;
font-size:0.8rem!important;
font-weight: 500!important;
line-height:1.2rem!important;
margin-bottom:var(--space-1)!important;
  }

   .rich-text  div[name="Product Overview"] h3 span{
     color: #a2a2a3!important;
  }

 .rich-text  div[name="Product Overview"] h5 {
color:  #a2a2a3!important;
font-size:0.5rem!important;
font-weight: 500!important;
line-height: 0.6rem!important; 

  }

  .rich-text  div[name="Product Overview"] h5 span{
     color: #a2a2a3!important;
  }

   .rich-text  div[name="Product Overview"] p {
color:  #000!important;
font-size:  0.8rem!important;
font-weight: 400!important;
line-height: 1.2rem!important; 
margin-bottom:var(--space-6)!important;
  }

 .rich-text  div[name="Product Overview"] a{
   text-decoration-color:#0089FA; 
  text-decoration-thickness: 1.5px!important;
text-underline-offset: 3px!important   ;
  }

   .rich-text  div[name="Product Overview"] a:hover span{
  color:#006DC7!important;
  text-decoration-color:#0089FA; 
  }

.rich-text  div[name="Product Overview"]  .rte li {
  list-style: inherit!important;
}

.rich-text  div[name="Product Overview"]  .rte ol {
    padding-left: 0rem!important;
}

.rich-text  div[name="Product Overview"]  .rte ul {
    padding-left: 0rem !important;
} 
</style>