/** Shopify CDN: Minification failed

Line 14:0 Unexpected "<"
Line 57:3 Unexpected ";"
Line 217:15 Expected identifier but found whitespace
Line 217:17 Unexpected "{"
Line 217:30 Expected ":"
Line 579:1 Expected ":"
Line 591:3 Expected ":"
Line 605:3 Expected ":"
Line 620: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.15rem;
    text-decoration-thickness:0.075rem;
  }

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

 .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%;
}

.rich-text .admin-page 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 */

/* blog post style begin here */

/* table override for video/image with aside text*/
  article.richTextBlog th, article.richTextBlog td{
        margin: 0 !important;
        padding:0 !important;
      }
     article.richTextBlog table,article.richTextBlog th,article.richTextBlog td{
        border-width: 0 !important;
        vertical-align: top;
      }
     article.richTextBlog table:not([class]){
        box-shadow: none;
      }
    
    @media(min-width: 768px){
     article.richTextBlog table{max-width:40.4rem !important;}
     article.richTextBlog table tbody:first-child tr > td:first-child{
        width: 48.5% !important;
      }

     article.richTextBlog table tbody:first-child tr > td:nth-child(2){
        width: 51.5% !important;
        padding-left: 2rem !important;
      }
    }
    @media(max-width: 767px){
     article.richTextBlog table{
       width: 100% !important;  
      }
      
     article.richTextBlog tr{
        display: flex;
        flex-direction: column;
      }
      
     article.richTextBlog td{
        width: 100% !important;
      }
    }

article.richTextBlog .rte img {
    height: auto;
    border: none;
    max-width: 100%;
    border: none;
    border-radius: var(--media-radius);
    box-shadow: var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow), var(--media-shadow-opacity));
    margin-bottom: var(--media-shadow-vertical-offset);
}

/*UL, OL*/
    article.richTextBlog ul li, article.richTextBlog ol li {
      list-style-position: outside;
    }

  /*Hyperlinks*/
    article.richTextBlog a {
    color:#000;
    text-decoration-color:rgba(0,137,250,1);
    text-underline-offset: 0.1875rem;
    text-decoration-thickness: 0.09375rem;
    }
    article.richTextBlog a:hover {
    color:#006DC7;
    text-decoration-color:rgba(0,137,250,1);
    text-underline-offset: 0.1875rem;
    text-decoration-thickness: 0.09375rem;
    }

     /* rich text override classes */
    article.richTextBlog h5 {
      content:"";
      display:block;
    }

    article.richTextBlog p, article.richTextBlog h4, article.richTextBlog h5 {
      margin-bottom: 0 !important;
    }

    article.richTextBlog img, article.richTextBlog video {
      margin-bottom:0rem !important;
      width:100%;
      height:auto;
    }

  article.richTextBlog h2 {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-size:  1.6rem !important;
    font-style: normal;
    font-weight: 400;
    line-height: 2rem !important; /* 120% */
    margin-bottom: 0.4rem !important;
  }
  article.richTextBlog h3 {
    color: var(--Base-Black, #000);
    /* 🟢 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;
  }
  article.richTextBlog h4 {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-size: 2rem !important;
    font-style: normal;
    font-weight: 500;
    line-height:  2.4rem !important; /* 120% */
    margin-bottom: 0.4rem !important;
  }
  article.richTextBlog 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-blog-title--Small {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-style: normal;
    font-weight: 400;
      /* 🔵 HEADER/h-sm */
        font-size: 40px !important;
    line-height: 48px !important; /* 120% */
}
  h1.meta-blog-title--Medium {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-style: normal;
    font-weight: 400;
      /* 🔵 HEADER/h-md */
    font-size: 56px !important;
    line-height: 64px !important; /* 114.286% */
}
  h1.meta-blog-title--Large {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-style: normal;
    font-weight: 400;
        /* 🔵 HEADER/h-lg */
    font-size: 80px !important;
    line-height: 80px !important; /* 100% */
}

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

  /* --- style for p that containing iframe video ---  */
    article.richTextBlog p > iframe, article.richTextBlog p > span > iframe {
    padding-bottom: 0rem;
    display:block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }
  
    .cs-break {
     width:0%;
 	 flex-basis:0%;
  	 height: 0;
}
  article.richTextBlog .rte blockquote{
    position: relative;
    text-align: center;
    border-radius: 24px;
    display: block;
    margin: 1.2rem 0;
    padding: 2rem 4em;
    background: rgba(248, 248, 249, 1);
    border: 0;
    font-style: normal;
  }
  article.richTextBlog .rte blockquote::before,
article.richTextBlog .rte blockquote::after {
  content: "";
  position: absolute;
  width: 3.9rem;
  height: 3.2rem;
  background-size: contain;
  background-repeat: no-repeat;
}
  article.richTextBlog .rte blockquote::before {
  top: -1.2rem;
  left: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="78" height="64" viewBox="0 0 78 64" fill="none"><path d="M44.6066 64V46.2901C44.6066 37.0076 45.7156 29.3944 47.9337 23.4504C50.2338 17.5064 54.0948 12.458 59.5166 8.30534C64.9384 4.15267 71.0995 1.38422 78 0V14.1679C73.1532 16.9364 70.4013 20.6412 69.7441 25.2824L78 25.2824L78 64H44.6066ZM0 64L0 46.2901C0 37.0076 1.109 29.3944 3.32701 23.4504C5.62717 17.5064 9.48815 12.458 14.91 8.30534C20.4139 4.15267 26.575 1.38422 33.3934 0V14.1679C28.5466 16.9364 25.7946 20.6412 25.1374 25.2824H33.3934L33.3934 64L0 64Z" fill="%23545454"/></svg>');
}

article.richTextBlog .rte blockquote::after {
  bottom: -1.2rem;
  right: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="78" height="64" viewBox="0 0 78 64" fill="none"><path d="M33.3934 3.72976e-06L33.3934 17.7099C33.3934 26.9924 32.2844 34.6056 30.0663 40.5496C27.7662 46.4936 23.9052 51.542 18.4834 55.6947C13.0616 59.8473 6.90047 62.6158 -7.62939e-06 64L-6.39079e-06 49.8321C4.84676 47.0636 7.59873 43.3588 8.25592 38.7176L-5.41913e-06 38.7176L-2.03434e-06 8.10417e-07L33.3934 3.72976e-06ZM78 7.62939e-06L78 17.7099C78 26.9924 76.891 34.6056 74.673 40.5496C72.3728 46.4936 68.5118 51.542 63.09 55.6947C57.5861 59.8473 51.425 62.6158 44.6066 64L44.6066 49.8321C49.4534 47.0636 52.2054 43.3588 52.8626 38.7176L44.6066 38.7176L44.6066 4.71005e-06L78 7.62939e-06Z" fill="%23545454"/></svg>');
}

  article.richTextBlog .rte blockquote h5{
    color: #545454;
    font-size:1.2rem !important;
    line-height:1.6rem !important;
    opacity: 1;
    font-weight: 500;
  }

   article.richTextBlog .rte blockquote h4{
    color: #545454;
    opacity: 1;
    font-weight: 500;
  }
   article.richTextBlog .rte blockquote h2{
    color: #000;
    margin-bottom: 0.8rem;
  }

   article.richTextBlog .rte blockquote p{
    margin-bottom: 0;
    font-size: 0.8rem !important;
    line-height: 1.2rem !important;
    opacity: 1;
    color: #545454;
  }
   article.richTextBlog .rte blockquote>*{
    margin: 0;
  }

  article.richTextBlog .rte ul, article.richTextBlog .rte ol {
    list-style-position: inside;
     padding-left: 0rem; 
     margin-bottom: 0;
  }

  /* end rich text override classes */

@media(max-width:767px) {
  h1.meta-blog-title--Small {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-style: normal;
    font-weight: 400;
    font-size: 32px !important;
    line-height: 40px !important;
}
  h1.meta-blog-title--Medium {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-style: normal;
    font-weight: 400;
      /* 🔵 HEADER/h-md */
    font-size: 40px !important;
    line-height: 48px !important; /* 120% */
}
  h1.meta-blog-title--Large {
    color: var(--OG-CS-Gray-Gray-4, #545454);
    font-family: 'HKGP';
    font-style: normal;
    font-weight: 400;
        /* 🔵 HEADER/h-lg */
    font-size: 56px !important;
    line-height: 64px !important; /* 114.286% */
}
}


/* 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 {
c olor:  #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 {
col or:  #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: 0.075rem!important;
text-underline-offset:0.15rem!important   ;
  }

   .rich-text  div[name="Product Overview"] a:hover span{
  c olor:#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>