/** Shopify CDN: Minification failed

Line 144:9 Expected ":"

**/
:where(.hh){
    
    --font-body-style: normal;
    --font-body-weight: 400;

    
    --font-heading-style: normal;
    --font-heading-weight: 600;

    --font-body-scale: 0.85;
    --font-heading-scale: 1.4705882352941178;

    
    --font-navigation-size: 12px;
    --font-navigation-weight: var(--font-heading-weight);
    
    --font-button-size: 12px;
    --font-button-baseline: 0.2rem;
    
    --font-price-scale: var(--font-heading-scale);

    --color-base-text: 33, 35, 38;
    --color-base-background: 255, 255, 255;
    --color-base-solid-button-labels: 255, 255, 255;
    --color-base-outline-button-labels: 26, 27, 24;
    --color-base-accent: 37, 35, 39;
    --color-base-heading: 26, 27, 24;
    --color-base-border: 174, 177, 174;
    --color-placeholder: 243, 243, 243;
    --color-overlay: 33, 35, 38;
    --color-keyboard-focus: 196, 65, 80;
    --color-shadow: 168, 232, 226;
    --shadow-opacity: 1;

    --color-background-dark: 235, 235, 235;
    --color-price: #1a1b18;
    --color-sale-price: #C44150;
    --color-sale-badge-background: #C44150;
    --color-reviews: #ffb503;
    --color-critical: #d72c0d;
    --color-success: #008060;
    --color-highlight: 217, 106, 124;

    --payment-terms-background-color: #FFFFFF;
    --page-width: 160rem;
    --page-width-margin: 0rem;

    --card-color-scheme: var(--color-placeholder);
    --card-text-alignment: start;
    --card-flex-alignment: flex-start;
    --card-image-padding: 0px;
    --card-border-width: 0px;
    --card-radius: 0px;
    --card-shadow-horizontal-offset: 0px;
    --card-shadow-vertical-offset: 0px;
    
    --button-radius: 8px;
    --button-border-width: 2px;
    --button-shadow-horizontal-offset: 0px;
    --button-shadow-vertical-offset: 0px;

    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;

    --gradient-free-ship-progress: linear-gradient(325deg,#F9423A 0,#F1E04D 100%);
    --gradient-free-ship-complete: linear-gradient(325deg, #049cff 0, #35ee7a 100%);

    --plabel-price-tag-color: #000000;
    --plabel-price-tag-background: #d1d5db;
    --plabel-price-tag-height: 2.5rem;

    --swatch-outline-color: #f4f6f8;--text-8xl: 5.85rem;
    --text-6xl: 3.6rem;
    --text-5xl: 2.85rem;
    --text-4xl: 2.1rem;
    --text-3xl: 1.725rem;
    --text-2xl: 1.35rem;
    --text-xl: 1.1rem;
    --text-lg: 0.975rem;
    --text-base: 0.85rem;
    --text-2sm: 0.75rem;
    --text-sm: 0.75rem;
    --text-xs: 0.6875rem;
    --text-3xs: 0.5625rem;

    --fluid-sm-to-base: clamp(var(--text-sm), 0.8115rem + 0.1587vw, var(--text-base));
    --fluid-sm-to-lg: clamp(var(--text-sm), 0.748rem + 0.3174vw, var(--text-lg));
    --fluid-base-to-xl: clamp(var(--text-base), 0.873rem + 0.3175vw, var(--text-xl));
    --fluid-base-to-2xl: clamp(var(--text-base), 0.746rem + 0.6349vw, var(--text-2xl));
    --fluid-lg-to-2xl: clamp(var(--text-lg), 0.9722rem + 0.4444vw, var(--text-2xl));
    --fluid-xl-to-3xl: clamp(var(--text-xl), 0.4966rem + 1.1818vw, var(--text-3xl));

    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;

    --font-normal: 400;
    --font-medium: 500;
    --font-bold: 700;

    --sp-0d5: 0.125rem;
    --sp-1: 0.25rem;
    --sp-1d5: 0.375rem;
    --sp-2: 0.5rem;
    --sp-2d5: 0.625rem;
    --sp-3: 0.75rem;
    --sp-3d5: 0.875rem;
    --sp-4: 1rem;
    --sp-4d5: 1.125rem;
    --sp-5: 1.25rem;
    --sp-5d5: 1.375rem;
    --sp-6: 1.5rem;
    --sp-6d5: 1.625rem;
    --sp-7: 1.75rem;
    --sp-7d5: 1.875rem;
    --sp-8: 2rem;
    --sp-9: 2.25rem;
    --sp-10: 2.5rem;
    --sp-12: 3rem;
    --sp-14: 3.5rem;
  }
:where(.hh) *,:where(.hh) *::before,:where(.hh) *::after{
    box-sizing: inherit;
  }
:where(.hh){
    box-sizing: border-box;
    font-size: calc(var(--font-body-scale) * 62.5%);
    height: 100%;
  }
:where(.hh){
    
    margin: 0;
    font-size: 1.5rem;
    letter-spacing: 0.06rem;
    line-
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
  }
@media screen and (min-width: 750px){:where(.hh){
      font-size: 1.6rem;
    }}
:where(.hh) .page-quiz .shopify-section-group-header-group.shopify-section-announcement-bar,:where(.hh) .page-quiz .shopify-section-group-header-group.shopify-section-header,:where(.hh) .page-quiz .shopify-section-group-footer-group.shopify-section-footer,:where(.hh) .page-quiz .shopify-section-group-footer-group,:where(.hh) .page-quiz .shopify-section .page-title{
  display: none;
}
:where(.hh) .page-quiz .shopify-section .page-width{
    padding: 0;
    max-width: 100%;
}
:where(.hh){
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background);
  --color-heading: var(--color-base-heading);
  --color-border: var(--color-base-border);
}
:where(.hh){
  --color-button-background: var(--color-base-accent);
  --color-button-border: var(--color-base-accent);
  --color-button-text: var(--color-base-solid-button-labels);
}
:where(.hh) .button--secondary{
  --color-button-background: var(--color-background);
  --color-button-border: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
}
:where(.hh) .button--tertiary{
  --color-button-background: var(--color-background);
  --color-button-border: var(--color-border);
  --color-button-text: var(--color-base-outline-button-labels);
}
:where(.hh){
  --color-link: var(--color-base-outline-button-labels);
}
:where(.hh){
  --color-badge-background: rgba(var(--color-background), 0.95);
  --color-badge-foreground: rgb(var(--color-foreground));
  --color-badge-border: rgb(var(--color-border));
}
:where(.hh){
  --duration-short: 100ms;
  --duration-default: 250ms;
  --duration-long: 500ms;
  --duration-animate: 1000ms;
  --image-position: center center;
}
:where(.hh) .no-js:not(html){
  display: none !important;
}
:where(.hh).no-js .no-js:not(html){
  display: block !important;
}
:where(.hh) .no-js-inline{
  display: none !important;
}
:where(.hh).no-js .no-js-inline{
  display: inline-block !important;
}
:where(.hh).no-js .no-js-hidden{
  display: none !important;
}
:where(.hh){
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
:where(.hh) .page-width{
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 0 1.5rem;
}
:where(.hh) .page-width-desktop{
  padding: 0;
  margin: 0 auto;
}
@media screen and (min-width: 750px){:where(.hh) .page-width{
    padding: 0 5rem;
  }
:where(.hh) .page-width--narrow{
    padding: 0 9rem;
  }
:where(.hh) .page-width-desktop{
    padding: 0;
  }}
@media screen and (min-width: 990px){:where(.hh) .page-width--inner{
    padding: 0 15rem;
  }
:where(.hh) .page-width--narrow{
    max-width: 72.6rem;
    padding: 0;
  }
:where(.hh) .page-width-desktop{
    max-width: var(--page-width);
    padding: 0 5rem;
  }}
:where(.hh) .page-width--full-width{
  max-width: 100%;
  padding: 0;
}
:where(.hh) .section + .section{
  margin-top: var(--spacing-sections-mobile);
}
@media screen and (min-width: 750px){:where(.hh) .section + .section{
    margin-top: var(--spacing-sections-desktop);
  }}
:where(.hh) .element-margin{
  margin-top: 5rem;
}
:where(.hh) .element-margin-small{
  margin-top: 3rem;
}
@media screen and (min-width: 750px){:where(.hh) .element-margin{
    margin-top: calc(5rem + var(--page-width-margin));
  }}
:where(.hh) [data-page-rendering] .shopify-section + .shopify-section{
  content-visibility: auto;
}
:where(.hh) .shopify-design-mode[data-page-rendering] .shopify-section + .shopify-section,:where(.hh) .no-js [data-page-rendering] .shopify-section + .shopify-section{
  content-visibility: visible;
}
:where(.hh){
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  
}
:where(.hh) .background-secondary{
  border-top: 0.1rem solid rgb(var(--color-border));
  padding: 4rem 0 5rem;
}
@media screen and (min-width: 750px){:where(.hh) .background-secondary{
    padding: 6rem 0 5rem;
  }}
:where(.hh) .page-margin,:where(.hh) .shopify-challenge__container{
  margin: 7rem auto;
}
:where(.hh) .rte-width{
  max-width: 82rem;
  margin: 0 auto 2rem;
}
:where(.hh) .list-unstyled{
  margin: 0;
  padding: 0;
  list-style: none;
}
:where(.hh) .hidden{
  display: none !important;
}
:where(.hh) .visually-hidden{
  position: absolute !important;
  overflow: hidden;
  width: 0.1rem;
  height: 0.1rem;
  margin: -0.1rem;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  word-wrap: normal !important;
}
:where(.hh) .visually-hidden--inline{
  margin: 0;
  height: 1em;
}
:where(.hh) .overflow-hidden{
  overflow: hidden;
}
:where(.hh).overflow-hidden{
  padding-inline-end: var(--scrollbar-width);
}
:where(.hh) .skip-to-content-link:focus{
  z-index: 9999;
  position: inherit;
  width: auto;
  height: auto;
  clip: auto;
}
:where(.hh) .full-width-link{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
:where(.hh) .heading,:where(.hh) h1,:where(.hh) h2,:where(.hh) h3,:where(.hh) h4,:where(.hh) h5,:where(.hh) .h0,:where(.hh) .h1,:where(.hh) .h2,:where(.hh) .h3,:where(.hh) .h4,:where(.hh) .h5{
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-weight: var(--font-heading-weight);
  letter-spacing: calc(var(--font-heading-scale) * 0.06rem);
  color: rgb(var(--color-heading));
  line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
}
:where(.hh) .h0{
  font-size: calc(var(--font-heading-scale) * 3.6rem);
}
@media only screen and (min-width: 750px){:where(.hh) .h0{
    font-size: calc(var(--font-heading-scale) * 6rem);
  }}
:where(.hh) h1,:where(.hh) .h1{
  font-size: calc(var(--font-heading-scale) * 2.8rem);
}
@media only screen and (min-width: 750px){:where(.hh) h1,:where(.hh) .h1{
    font-size: calc(var(--font-heading-scale) * 4rem);
  }}
:where(.hh) h2,:where(.hh) .h2{
  font-size: calc(var(--font-heading-scale) * 2rem);
}
@media only screen and (min-width: 750px){:where(.hh) h2,:where(.hh) .h2{
    font-size: calc(var(--font-heading-scale) * 2.8rem);
  }}
:where(.hh) h3,:where(.hh) .h3{
  font-size: calc(var(--font-heading-scale) * 1.7rem);
}
@media only screen and (min-width: 750px){:where(.hh) h3,:where(.hh) .h3{
    font-size: calc(var(--font-heading-scale) * 2rem);
  }}
:where(.hh) h4,:where(.hh) .h4{
  font-family: var(--font-heading-family);
  font-style: var(--font-heading-style);
  font-size: calc(var(--font-heading-scale) * 1.5rem);
}
@media only screen and (min-width: 750px){:where(.hh) h4,:where(.hh) .h4{
    font-size: calc(var(--font-heading-scale) * 1.6rem);
  }}
:where(.hh) h5,:where(.hh) .h5{
  font-size: calc(var(--font-heading-scale) * 1.2rem);
}
@media only screen and (min-width: 750px){:where(.hh) h5,:where(.hh) .h5{
    font-size: calc(var(--font-heading-scale) * 1.3rem);
  }}
:where(.hh) h6,:where(.hh) .h6{
  color: rgba(var(--color-foreground), 0.75);
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}
:where(.hh) [data-heading-capitalize] h1,:where(.hh) [data-heading-capitalize] h2,:where(.hh) [data-heading-capitalize] h3,:where(.hh) [data-heading-capitalize] .h0,:where(.hh) [data-heading-capitalize] .h1,:where(.hh) [data-heading-capitalize] .h2,:where(.hh) [data-heading-capitalize] .h3,:where(.hh) [data-heading-capitalize] .card-information__text,:where(.hh) [data-heading-capitalize] .bundle-products .product-title{
  text-transform: uppercase;
}
:where(.hh) [data-heading-capitalize] .article-card__title,:where(.hh) [data-heading-capitalize] .article-template__navigation .h3{
  font-size: calc(var(--font-heading-scale) * 1.7rem - 0.2rem);
  letter-spacing: 0.2em;
}
:where(.hh) [data-heading-capitalize] .card-information__text.h4,:where(.hh) [data-heading-capitalize] .bundle-products .product-title{
  font-size: calc(var(--font-heading-scale) * 1.5rem - 0.2rem);
  letter-spacing: 0.2em;
}
@media only screen and (min-width: 750px){:where(.hh) [data-heading-capitalize] .article-card__title,:where(.hh) [data-heading-capitalize] .article-template__navigation .h3{
    font-size: calc(var(--font-heading-scale) * 2rem - 0.2rem);
  }
:where(.hh) [data-heading-capitalize] .card-information__text.h4,:where(.hh) [data-heading-capitalize] .bundle-products .product-title{
    font-size: calc(var(--font-heading-scale) * 1.6rem - 0.2rem);
  }}
:where(.hh) blockquote{
  font-style: italic;
  color: rgba(var(--color-foreground), 0.75);
  border-inline-start: 0.2rem solid rgb(var(--color-border));
  padding-inline-start: 1rem;
}
@media screen and (min-width: 750px){:where(.hh) blockquote{
    padding-inline-start: 1.5rem;
  }}
:where(.hh) .caption{
  font-size: 1rem;
  letter-spacing: 0.07rem;
  line-height: calc(1 + 0.7 / var(--font-body-scale));
}
@media screen and (min-width: 750px){:where(.hh) .caption{
    font-size: 1.2rem;
  }}
:where(.hh) .typeset0,:where(.hh) .typeset,:where(.hh) .typeset2,:where(.hh) .typeset3{
  line-height: calc(1 + 0.4 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}
:where(.hh) .typeset0{
  font-size: 1.3rem;
}
@media screen and (min-width: 750px){:where(.hh) .typeset0{
    font-size: 1.4rem;
  }}
:where(.hh) .typeset{
  font-size: 1.5rem;
}
@media screen and (min-width: 750px){:where(.hh) .typeset{
    font-size: 1.6rem;
  }}
:where(.hh) .typeset2{
  font-size: 1.8rem;
}
@media screen and (min-width: 750px){:where(.hh) .typeset2{
    font-size: 2rem;
  }}
:where(.hh) .typeset3{
  font-size: 2rem;
}
@media screen and (min-width: 750px){:where(.hh) .typeset3{
    font-size: 2.4rem;
  }}
:where(.hh) .typeset .link,:where(.hh) .typeset2 .link,:where(.hh) .typeset3 .link{
  font-size: inherit;
}
:where(.hh) .caption-with-letter-spacing{
  font-size: 1rem;
  letter-spacing: 0.13rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.75);
}
:where(.hh) .caption-with-letter-spacing .link{
  font-size: inherit;
  color: inherit;
}
:where(.hh) .caption-large,:where(.hh) .customer .field input,:where(.hh) .customer select,:where(.hh) .field__input,:where(.hh) .form__label,:where(.hh) .select__select{
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.04rem;
}
:where(.hh) .color-foreground{
  color: rgb(var(--color-foreground));
}
:where(.hh) table:not([class]){
  table-layout: fixed;
  border-collapse: collapse;
  font-size: 1.4rem;
  border-style: hidden;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-border));
  
}
:where(.hh) table:not([class]) td,:where(.hh) table:not([class]) th{
  padding: 1em;
  border: 0.1rem solid rgb(var(--color-border));
}
@media screen and (max-width: 749px){:where(.hh) .small-hide{
    display: none !important;
  }}
@media screen and (min-width: 750px) and (max-width: 989px){:where(.hh) .medium-hide{
    display: none !important;
  }}
@media screen and (min-width: 990px){:where(.hh) .large-up-hide{
    display: none !important;
  }}
:where(.hh) .center{
  text-align: center;
}
:where(.hh) .left{
  text-align: start;
}
:where(.hh) .right{
  text-align: end;
}
@media screen and (max-width: 749px){:where(.hh) .mobile-center{
    text-align: center;
  }
:where(.hh) .mobile-left{
    text-align: start;
  }
:where(.hh) .mobile-right{
    text-align: end;
  }}
:where(.hh) .uppercase{
  text-transform: uppercase;
}
:where(.hh) .light{
  opacity: 0.7;
}
:where(.hh) .block{
  display: block
}
:where(.hh) .inline-block{
  display: inline-block
}
:where(.hh) .inline{
  display: inline
}
:where(.hh) .flex{
  display: flex
}
:where(.hh) .inline-flex{
  display: inline-flex
}
:where(.hh) .grid{
  display: grid
}
:where(.hh) .items-center{
  align-items: center;
}
:where(.hh) .justify-self-start{
  justify-self: flex-start
}
:where(.hh) .justify-self-end{
  justify-self: flex-end
}
:where(.hh) .justify-self-center{
  justify-self: center
}
:where(.hh) .pis-6{
  padding-inline-start: var(--sp-6);
}
:where(.hh) .pbs-4{
  padding-block-start: var(--sp-4);
}
:where(.hh) .pbe-4{
  padding-block-end: var(--sp-4);
}
:where(.hh) .gap-4{
  gap: var(--sp-4)
}
@media screen and (min-width: 750px){:where(.hh) .md\:justify-self-start{
    justify-self: flex-start;
  }
:where(.hh) .md\:justify-self-end{
    justify-self: flex-end;
  }
:where(.hh) .md\:justify-self-center{
    justify-self: center;
  }}
:where(.hh) a:empty:not(.ignore-empty),:where(.hh) ul:empty:not(.ignore-empty),:where(.hh) dl:empty:not(.ignore-empty),:where(.hh) div:empty:not(.ignore-empty),:where(.hh) section:empty:not(.ignore-empty),:where(.hh) article:empty:not(.ignore-empty),:where(.hh) p:empty:not(.ignore-empty),:where(.hh) h1:empty:not(.ignore-empty),:where(.hh) h2:empty:not(.ignore-empty),:where(.hh) h3:empty:not(.ignore-empty),:where(.hh) h4:empty:not(.ignore-empty),:where(.hh) h5:empty:not(.ignore-empty),:where(.hh) h6:empty:not(.ignore-empty){
  display: none;
}
:where(.hh) .link{
  font-family: inherit;
  font-size: 1.4rem;
  cursor: pointer;
  padding: 0;
  position: relative;
  border: none;
  box-shadow: none;
  text-decoration: none;
  color: rgb(var(--color-link));
  background-color: transparent;
  background-image: linear-gradient(to top, rgb(var(--color-border)) 0px, rgb(var(--color-border)) 0px), linear-gradient(to top, transparent 0px, transparent 0px);
  background-repeat: no-repeat;
  background-position: right bottom, right bottom;
  background-size: 0% 0.1rem, 100% 0.1rem;
  transition-property: background-size;
  transition-timing-function: ease;
  transition-duration: var(--duration-default);
}
@media screen and (hover: hover){:where(.hh) .link:hover{
    background-position: left bottom, left bottom;
    background-size: 100% 0.1rem, 100% 0.1rem;
  }}
:where(.hh) .link--text{
  color: rgb(var(--color-foreground));
}
:where(.hh) .link--underline{
  background-image: linear-gradient(to top, rgb(var(--color-link)) 0px, rgb(var(--color-link)) 0px), linear-gradient(to top, rgb(var(--color-border)) 0px, rgb(var(--color-border)) 0px);
}
:where(.hh) .link-with-icon{
  background-image: none;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  white-space: nowrap;
}
:where(.hh) .link-with-icon .label{
  position: relative;
}
@media screen and (hover: hover){:where(.hh) .link-with-icon .label{
    background-color: transparent;
    background-image: linear-gradient(to top, rgb(var(--color-link)) 0px, rgb(var(--color-link)) 0px), linear-gradient(to top, rgb(var(--color-border)) 0px, rgb(var(--color-border)) 0px);
    background-repeat: no-repeat;
    background-position: right bottom, right bottom;
    background-size: 0% 0.1rem, 100% 0.1rem;
    transition: background-size var(--duration-default) ease;
  }
:where(.hh) .link-with-icon:hover .label{
    background-position: left bottom, left bottom;
    background-size: 100% 0.1rem, 100% 0.1rem;
  }}
:where(.hh) .link-with-icon .icon{
  width: 1.8rem;
  height: 1.8rem;
  margin-inline-end: 1rem;
}
:where(.hh) .circle-divider::after{
  content: '\2022';
  font-weight: 400;
  margin: 0 1.3rem 0 1.5rem;
}
:where(.hh) .circle-divider:last-of-type::after{
  content: none;
}
:where(.hh) .dash-divider::after{
  content: '\2014';
  font-weight: 400;
  margin: 0 1rem 0 1.2rem;
}
:where(.hh) .dash-divider:last-of-type::after{
  content: none;
}
:where(.hh) hr{
  border: none;
  height: 0.1rem;
  background-color: rgb(var(--color-border));
  display: block;
  margin: 5rem 0;
}
@media screen and (min-width: 750px){:where(.hh) hr{
    margin: 7rem 0;
  }}
:where(.hh) .full-unstyled-link{
  text-decoration: none;
  color: currentColor;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
:where(.hh) .placeholder{
  background-color: rgba(var(--color-base-text), 0.04);
  color: rgba(var(--color-base-text), 0.55);
  fill: rgba(var(--color-base-text), 0.55);
}
:where(.hh) details > *{
  box-sizing: border-box;
}
:where(.hh) .break{
  word-break: break-word;
}
:where(.hh) .visibility-hidden{
  visibility: hidden;
}
@media (prefers-reduced-motion){:where(.hh) .motion-reduce{
    transition: none !important;
    animation: none !important;
  }}
@media screen and (hover: hover){:where(.hh) .animate-arrow .icon-arrow path{
    transform: translateX(-0.25rem);
    transition: transform var(--duration-default) ease;
  }
:where(.hh) .animate-arrow:hover .icon-arrow path{
    transform: translateX(-0.05rem);
  }}
:where(.hh) summary{
  cursor: pointer;
  list-style: none;
  position: relative;
}
:where(.hh) summary .icon-caret{
  position: absolute;
  top: 50%;
  right: 1.5rem;
  margin-top: -0.3rem;
  height: 0.6rem;
  transition: transform var(--duration-default) ease;
}
:where(.hh) summary::-webkit-details-marker{
  display: none;
}
:where(.hh) .disclosure-has-popup{
  position: relative;
}
:where(.hh) .disclosure-has-popup[open] > summary::before{
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  display: block;
  cursor: default;
  background: none;
}
:where(.hh) .disclosure-has-popup > summary::before{
  content: none;
}
:where(.hh) .disclosure-has-popup[open] > summary + *{
  z-index: 101;
}
:where(.hh) *:focus{
  outline: 0;
  box-shadow: none;
}
:where(.hh) *:focus-visible{
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-keyboard-focus), 0.5);
}
:where(.hh) .focused,:where(.hh) .no-js *:focus{
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: 0.3rem;
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)),
    0 0 0.5rem 0.4rem rgba(var(--color-keyboard-focus), 0.5);
}
:where(.hh) .no-js *:focus:not(:focus-visible){
  outline: 0;
  box-shadow: none;
}
:where(.hh) .focus-inset:focus-visible{
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-keyboard-focus), 0.5);
}
:where(.hh) .focused.focus-inset,:where(.hh) .no-js .focus-inset:focus{
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: -0.2rem;
  box-shadow: 0 0 0.2rem 0 rgba(var(--color-keyboard-focus), 0.5);
}
:where(.hh) .no-js .focus-inset:focus:not(:focus-visible){
  outline: 0;
  box-shadow: none;
}
:where(.hh) .focus-none{
  box-shadow: none !important;
  outline: 0 !important;
}
:where(.hh) .focus-offset:focus-visible{
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-keyboard-focus), 0.5);
}
:where(.hh) .focus-offset.focused,:where(.hh) .no-js .focus-offset:focus{
  outline: 0.2rem solid rgb(var(--color-keyboard-focus));
  outline-offset: 1rem;
  box-shadow: 0 0 0 1rem rgb(var(--color-background)),
    0 0 0.2rem 1.2rem rgba(var(--color-keyboard-focus), 0.5);
}
:where(.hh) .no-js .focus-offset:focus:not(:focus-visible){
  outline: 0;
  box-shadow: none;
}
:where(.hh) .title-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}
:where(.hh) .title-wrapper.center{
  justify-content: center;
}
:where(.hh) .title-wrapper.right{
  justify-content: flex-end;
}
:where(.hh) .title-wrapper .title{
  margin: 0;
}
:where(.hh) .title{
  margin: 3rem 0 2rem;
}
:where(.hh) .title--primary{
  margin: 4rem 0;
}
@media screen and (min-width: 990px){:where(.hh) .title{
    margin: 5rem 0 3rem;
  }
:where(.hh) .title--primary{
    margin: 2rem 0;
  }
:where(.hh) .title-wrapper{
    margin-bottom: 3rem;
    align-items: center;
  }}
:where(.hh) .title-wrapper .link{
  font-size: 1.6rem;
  margin-top: 0;
  flex-shrink: 0;
}
:where(.hh) .title-wrapper .link-with-icon{
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-family: var(--font-heading-family);
  font-size: calc(var(--font-heading-scale) * 1.3rem);
  letter-spacing: 0.3rem;
  font-weight: 600;
}
:where(.hh) .title-wrapper.right .link-with-icon .icon{
  width: 1.5rem;
}
:where(.hh) .title-wrapper--no-margin{
  margin-bottom: 0;
}
:where(.hh) .title-wrapper--no-heading{
  display: none;
}
@media screen and (max-width: 989px){:where(.hh) .title-wrapper--mobile-link{
    display: flex;
  }}
:where(.hh) [data-heading-center] .title-wrapper:not(.title-wrapper--no-heading){
  flex-direction: column;
  align-items: center;
  text-align: center;
}
:where(.hh) [data-heading-center] .page-title{
  text-align: center;
}
:where(.hh) .title .link{
  font-size: inherit;
  line-height: normal;
}
:where(.hh) .subtitle{
  font-size: 1.6rem;
  line-height: calc(1 + 0.6 / var(--font-body-scale));
  letter-spacing: 0.05rem;
  color: rgba(var(--color-foreground), 0.7);
}
@media screen and (min-width: 750px){:where(.hh) .subtitle{
    font-size: 1.8rem;
    line-height: calc(1 + 0.8 / var(--font-body-scale));
  }}
:where(.hh) .flex-grid{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  padding: 0;
  list-style: none;
  column-gap: var(--grid-horizontal-spacing);
  --grid-horizontal-spacing: 1rem;
}
@media screen and (min-width: 480px){:where(.hh) .flex-grid{
    --grid-horizontal-spacing: 2rem;
  }}
@media screen and (min-width: 750px){:where(.hh) .flex-grid{
    --grid-horizontal-spacing: 3rem;
  }}
:where(.hh) .flex-grid__item{
  padding-bottom: 0.5rem;
  flex-grow: 1;
  flex-shrink: 0;
  width: calc(25% - var(--grid-horizontal-spacing) * 3 / 4);
  max-width: calc(50% - var(--grid-horizontal-spacing) / 2);
}
@media screen and (min-width: 750px){:where(.hh) .flex-grid__item{
    padding-bottom: 1rem;
  }
:where(.hh) .flex-grid__item--one-third{
    max-width: 100%;
    width: calc(33.33% - var(--grid-horizontal-spacing) / 2);
  }
:where(.hh) .flex-grid__item--two-third{
    max-width: 100%;
    width: calc(66.67% - var(--grid-horizontal-spacing) / 2);
  }
:where(.hh) .flex-grid__item--one-quarter{
    max-width: 100%;
    width: calc(25% - var(--grid-horizontal-spacing) / 2);
  }
:where(.hh) .flex-grid__item--three-quarter{
    max-width: 100%;
    width: calc(75% - var(--grid-horizontal-spacing) / 2);
  }}
:where(.hh) .flex-grid--gapless{
  margin-bottom: 0;
  --grid-horizontal-spacing: 0rem;
}
:where(.hh) .flex-grid--gapless .flex-grid__item{
  padding-bottom: 0;
}
@media screen and (max-width: 749px){:where(.hh) .flex-grid__item.slider__slide--full-width{
    width: 100%;
    max-width: none;
  }}
@media screen and (min-width: 750px) and (max-width: 989px){:where(.hh) .flex-grid--1-col-tablet .flex-grid__item{
    max-width: 100%;
  }
:where(.hh) .flex-grid--one-third-max.flex-grid--2-col-tablet .flex-grid__item{
    max-width: calc(50% - var(--grid-horizontal-spacing) / 2);
  }
:where(.hh) .flex-grid--one-third-max.flex-grid--3-col-tablet .flex-grid__item{
    max-width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);
  }}
@media screen and (min-width: 990px){:where(.hh) .flex-grid--one-third-max.flex-grid--3-col-desktop .flex-grid__item{
    max-width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);
  }}
:where(.hh) .flex-grid--1-col .flex-grid__item{
  max-width: 100%;
  width: 100%;
}
:where(.hh) .flex-grid--3-col .flex-grid__item{
  width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);
}
@media screen and (min-width: 750px){:where(.hh) .flex-grid--3-col .flex-grid__item{
    width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);
  }}
:where(.hh) .flex-grid--2-col .flex-grid__item{
  width: calc(50% - var(--grid-horizontal-spacing) / 2);
  max-width: 100%;
}
@media screen and (min-width: 750px){:where(.hh) .flex-grid--2-col .flex-grid__item{
    width: calc(50% - var(--grid-horizontal-spacing) / 2);
    max-width: calc(50% - var(--grid-horizontal-spacing) / 2);
  }
:where(.hh) .flex-grid--4-col-tablet .flex-grid__item{
    width: calc(25% - var(--grid-horizontal-spacing) * 3 / 4);
  }
:where(.hh) .flex-grid--3-col-tablet .flex-grid__item{
    width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);
  }
:where(.hh) .flex-grid--3p3-col-tablet .flex-grid__item{
    width: calc(30.3% - var(--grid-horizontal-spacing) * 3 / 3.3);
  }
:where(.hh) .flex-grid--2-col-tablet .flex-grid__item{
    width: calc(50% - var(--grid-horizontal-spacing) / 2);
  }
:where(.hh) .flex-grid--2p3-col-tablet .flex-grid__item{
    width: calc(43.48% - var(--grid-horizontal-spacing) 2 / 2.3);
  }
:where(.hh) .flex-grid--1-col-tablet .flex-grid__item{
    width: 100%;
  }}
@media screen and (min-width: 990px){:where(.hh) .flex-grid--6-col-desktop .flex-grid__item{
    width: calc(16.66% - var(--grid-horizontal-spacing) * 5 / 6);
  }
:where(.hh) .flex-grid--5-col-desktop .flex-grid__item{
    width: calc(20% - var(--grid-horizontal-spacing) * 4 / 5);
  }
:where(.hh) .flex-grid--4-col-desktop .flex-grid__item{
    width: calc(25% - var(--grid-horizontal-spacing) * 3 / 4);
  }
:where(.hh) .flex-grid--4p3-col-desktop .flex-grid__item{
    width: calc(23.26% - var(--grid-horizontal-spacing) * 4 / 4.3);
  }
:where(.hh) .flex-grid--3-col-desktop .flex-grid__item{
    width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);
  }
:where(.hh) .flex-grid--3p3-col-desktop .flex-grid__item{
    width: calc(30.3% - var(--grid-horizontal-spacing) * 3 / 3.3);
  }
:where(.hh) .flex-grid--2-col-desktop .flex-grid__item{
    width: calc(50% - var(--grid-horizontal-spacing) / 2);
  }
:where(.hh) .flex-grid--rigid.flex-grid--6-col-desktop .flex-grid__item{
    max-width: calc(16.66% - var(--grid-horizontal-spacing) * 5 / 6);
  }
:where(.hh) .flex-grid--rigid.flex-grid--5-col-desktop .flex-grid__item{
    max-width: calc(20% - var(--grid-horizontal-spacing) * 4 / 5);
  }
:where(.hh) .flex-grid--rigid.flex-grid--4-col-desktop .flex-grid__item{
    max-width: calc(25% - var(--grid-horizontal-spacing) * 3 / 4);
  }
:where(.hh) .flex-grid--rigid.flex-grid--3-col-desktop .flex-grid__item{
    max-width: calc(33.33% - var(--grid-horizontal-spacing) * 2 / 3);
  }
:where(.hh) .flex-grid--rigid.flex-grid--2-col-desktop .flex-grid__item{
    max-width: calc(50% - var(--grid-horizontal-spacing) / 2);
  }}
@media screen and (min-width: 990px){:where(.hh) .flex-grid--1-col-desktop{
    flex: 0 0 100%;
    max-width: 100%;
  }
:where(.hh) .flex-grid--1-col-desktop .flex-grid__item{
    width: 100%;
    max-width: 100%;
  }}
@media screen and (max-width: 480px){:where(.hh) .flex-grid--1-col-mobile .flex-grid__item{
    max-width: 100%;
    width: 100%;
  }}
:where(.hh) .flex-grid__item--vertical-align{
  align-self: center;
}
:where(.hh) .flex-grid__item--full-width{
  flex: 0 0 100%;
  max-width: 100%;
}
:where(.hh) .flex-grid--no-gutters{
  column-gap: 0;
}
:where(.hh) .flex-grid--no-gutters .flex-grid__item{
  padding-bottom: 0;
}
:where(.hh) .media-wrapper{
  display: block;
  position: relative;
  overflow: hidden;
  background-color: rgb(var(--color-placeholder));
}
:where(.hh) [data-lazy-image] .media-wrapper.loading,:where(.hh) .media-wrapper[loading]{
  position: relative;
}
:where(.hh) [data-lazy-image] .media-wrapper.loading::before,:where(.hh) [data-lazy-image] .media-wrapper.loading::after,:where(.hh) .media-wrapper[loading]::before,:where(.hh) .media-wrapper[loading]::after{
  content: '';
  position: absolute;
  width: 5rem;
  height: 0.2rem;
  left: 50%;
  top: 50%;
  margin-top: -0.1rem;
  margin-left: -2.5rem;
  z-index: 1;
  background-color: rgb(var(--color-base-background));
}
:where(.hh) [data-lazy-image] .media-wrapper.loading::before,:where(.hh) .media-wrapper[loading]::before{
  opacity: 1;
  background-color: rgb(var(--color-base-text));
}
:where(.hh) [data-lazy-image] .media-wrapper.loading::after,:where(.hh) [data-lazy-image] .media-wrapper--small.loading::after,:where(.hh) .media-wrapper[loading]::after{
  animation: preloading 1.5s infinite ease;
  will-change: transform;
}
:where(.hh) [data-lazy-image] .media-wrapper.loading img[is=lazy-image],:where(.hh) .media-wrapper[loading] img[is=lazy-image]{
  opacity: 0;
}
:where(.hh) .media-wrapper--large[loading]::before,:where(.hh) .media-wrapper--large[loading]::after{
  width: 8rem;
  height: 0.3rem;
  margin-left: -4rem;
  margin-top: -0.15rem;
}
:where(.hh) [data-lazy-image] .media-wrapper--small.loading::before,:where(.hh) [data-lazy-image] .media-wrapper--small.loading::after{
  width: 3rem;
  margin-left: -1.5rem;
}
:where(.hh) .media{
  display: block;
  position: relative;
  overflow: hidden;
}
:where(.hh) .media--transparent{
  background-color: transparent;
}
:where(.hh) .media > *:not(.zoom,:where(.hh) .deferred-media__poster-button),:where(.hh) .media model-viewer,:where(.hh) .media > picture *:not(.zoom,:where(.hh) .deferred-media__poster-button){
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
:where(.hh) .media > img,:where(.hh) .media > picture img{
  object-fit: cover;
  object-position: var(--image-position);
}
:where(.hh) .media > img,:where(.hh) .media > picture{
  transition: opacity var(--duration-long) ease;
}
:where(.hh) .media--image-contain > img,:where(.hh) .media--image-contain > picture img{
  object-fit: contain;
}
:where(.hh) .media--square{
  padding-bottom: 100%;
}
:where(.hh) .media--portrait{
  padding-bottom: 125%;
}
:where(.hh) .media--landscape{
  padding-bottom: 66.6%;
}
:where(.hh) .media--cropped{
  padding-bottom: 56%;
}
:where(.hh) .media--wide{
  padding-bottom: 56.25%;
}
:where(.hh) .media--circle{
  padding-bottom: 100%;
  border-radius: 50%;
}
:where(.hh) .media.media--hover-effect > img + img,:where(.hh) .media.media--hover-effect > picture + picture{
  opacity: 0;
  pointer-events: none;
  background-color: rgb(var(--color-placeholder));
}
@media screen and (min-width: 990px){:where(.hh) .media--cropped{
    padding-bottom: 63%;
  }}
:where(.hh) .media .image-fit{
  position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	object-position: var(--image-position);
}
:where(.hh) .media--image-contain .image-fit{
	object-fit: contain;
}
:where(.hh) .media--adapt{
	position: relative;
	height: 0;
	padding-bottom: var(--image-ratio-percent);
}
:where(.hh) .media--adapt .image-fit{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
:where(.hh) .media--400px{
	height: 260px
}
:where(.hh) .media--450px{
	height: 292.5px
}
:where(.hh) .media--500px{
	height: 325px
}
:where(.hh) .media--550px{
	height: 357.5px
}
:where(.hh) .media--600px{
	height: 390px
}
:where(.hh) .media--650px{
	height: 422.5px
}
:where(.hh) .media--700px{
	height: 455px
}
:where(.hh) .media--750px{
	height: 487.5px
}
:where(.hh) .media--850px{
	height: 552.5px
}
:where(.hh) .media--900px{
	height: 585px
}
:where(.hh) .media--100vh{
	height: 100vh
}
@media screen and (min-width: 750px){:where(.hh) .media--400px{
		height: 400px
	}
:where(.hh) .media--450px{
		height: 450px
	}
:where(.hh) .media--500px{
		height: 500px
	}
:where(.hh) .media--550px{
		height: 550px
	}
:where(.hh) .media--600px{
		height: 600px
	}
:where(.hh) .media--650px{
		height: 650px
	}
:where(.hh) .media--700px{
		height: 700px
	}
:where(.hh) .media--750px{
		height: 750px
	}
:where(.hh) .media--850px{
		height: 850px
	}
:where(.hh) .media--900px{
		height: 900px
	}}
@media screen and (max-width: 749px){:where(.hh) .media-mobile--200px{
		height: 200px
	}
:where(.hh) .media-mobile--250px{
		height: 250px
	}
:where(.hh) .media-mobile--300px{
		height: 300px
	}
:where(.hh) .media-mobile--400px{
		height: 400px
	}
:where(.hh) .media-mobile--500px{
		height: 500px
	}
:where(.hh) .media-mobile--600px{
		height: 600px
	}
:where(.hh) .media-mobile--100vh{
		height: 90vh
	}
:where(.hh) .media-mobile--square{
    padding-bottom: 100%;
  }
:where(.hh) .media-mobile--portrait{
    padding-bottom: 125%;
  }
:where(.hh) .media-mobile--landscape{
    padding-bottom: 66.6%;
  }
:where(.hh) .media-mobile--adapt{
    position: relative;
    height: 0;
    padding-bottom: var(--image-ratio-percent);
  }
:where(.hh) .media-mobile--adapt .image-fit{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
  }}
:where(.hh) deferred-media{
  display: block;
}
:where(.hh) .button,:where(.hh) .shopify-challenge__button{
  position: relative;
  z-index: 1;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  font-family: inherit;
  padding: 1rem 3rem;
  padding-top: calc(1rem + var(--font-button-baseline));
  text-decoration: none;
  border-radius: var(--button-radius);
  border: var(--button-border-width) solid rgb(var(--color-button-border));
  color: rgb(var(--color-button-text));
  background-color: rgb(var(--color-button-background));
  font-family: var(--font-button-family);
  min-width: 24rem;
  max-width: 100%;
  min-height: 4.6rem;
  text-transform: uppercase;
  font-weight: 600;
  transition-property: color, background-color, box-shadow;
  transition-duration: var(--duration-long);
  transition-timing-function: ease;
  -webkit-appearance: none;
  appearance: none;
  overflow: hidden;
  box-shadow: var(--button-shadow-horizontal-offset) var(--button-shadow-vertical-offset) rgba(var(--color-shadow), var(--shadow-opacity));
}
:where(.hh) .shopify-challenge__button{
  border: var(--button-border-width) solid rgb(var(--color-button-border));
}
@media screen and (min-width: 750px){:where(.hh) .button,:where(.hh) .shopify-challenge__button{
    min-height: 5rem;
  }
:where(.hh) .button--large{
    font-size: calc(var(--font-button-size) + 2px);
    padding: 1.5rem 3rem;
    padding-top: calc(1.5rem + var(--font-button-baseline));
    min-height: 6rem;
  }}
:where(.hh) .button[disabled],:where(.hh) .button[aria-disabled=true]{
  pointer-events: none;
}
:where(.hh) .button,:where(.hh) .button-label,:where(.hh) .shopify-challenge__button{
  font-size: var(--font-button-size);
  letter-spacing: 0.2em;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
}
:where(.hh) .button--tertiary{
  font-size: calc(var(--font-button-size) - 1px);
  padding: 0.8rem 1.5rem;
  padding-top: calc(0.8rem + var(--font-button-baseline));
  min-width: 9rem;
  min-height: 4rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  border: none;
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-button-border));
  transition: box-shadow var(--duration-default) ease;
}
:where(.hh) .button--small{
  font-size: max(calc(var(--font-button-size) - 2px), 1.2rem);
  padding: 0.6rem 2rem;
  padding-top: calc(0.6rem + var(--font-button-baseline));
  min-height: 4rem;
  min-width: 18rem;
}
@media screen and (max-width: 749px){:where(.hh) .mobile\:button--small{
    font-size: max(calc(var(--font-button-size) - 2px), 1.2rem);
    padding: 0.6rem 2rem;
    padding-top: calc(0.6rem + var(--font-button-baseline));
    min-height: 4rem;
    min-width: 18rem;
  }}
:where(.hh) .shopify-challenge__container .shopify-challenge__button{
  min-width: 16rem;
  margin-top: 3rem;
}
@media screen and (hover: hover){:where(.hh) .button::after{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transform: skew(-15deg);
    background-image: linear-gradient(90deg, transparent, rgba(var(--color-button-text), 0.25), transparent);
  }
:where(.hh) .button--secondary::after{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 120%;
    height: 100%;
    background-image: none;
    background-color: rgb(var(--color-button-text));
    backface-visibility: hidden;
    will-change: transform;
    transform: rotate3d(0, 0, 1, 10deg) translate3d(-1.2em, 110%, 0);
    transform-origin: 0% 100%;
    transition: transform var(--duration-long) ease;
  }
:where(.hh) .button--tertiary::after{
    content: none;
  }
:where(.hh) .button:hover{
    box-shadow: none;
    background-color: rgba(var(--color-button-background), 0.85);
    transition-delay: var(--duration-default);
  }
:where(.hh) .button:hover::after{
    animation: shine var(--duration-animate) ease;
  }
:where(.hh) .button--secondary:hover{
    color: rgb(var(--color-button-background));
    transition-delay: 0s;
  }
:where(.hh) .button--secondary:hover::after{
    animation: none;
    transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0);
  }
:where(.hh) .button--tertiary:hover{
    color: rgb(var(--color-button-text));
    box-shadow: inset 0 0 0 0.2rem rgb(var(--color-button-border));
    transition-delay: 0s;
  }
@keyframes shine {
    to {
      left: 100%;
    }
  }}
:where(.hh) .button:disabled,:where(.hh) .button[aria-disabled=true],:where(.hh) .button.disabled{
  cursor: not-allowed;
  opacity: 0.5;
}
:where(.hh) .button--full-width{
  display: flex;
  width: 100%;
}
:where(.hh) .button.loading{
  color: transparent;
}
:where(.hh) .button.loading::after{
  content: '';
  display: block;
  animation: by-loading var(--duration-long) infinite linear;
  border: 0.2rem solid transparent;
  border-inline-start: 0.2rem solid rgb(var(--color-button-text));
  border-radius: 100%;
  height: 2.4rem;
  width: 2.4rem;
  z-index: -1;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1.2rem;
  margin-left: -1.2rem;
  right: auto;
  bottom: auto;
  background: none;
  transform: none;
  transform-origin: unset;
}
:where(.hh) .button--small.loading:before{
  width: 2rem;
  height: 2rem;
}
@keyframes by-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}
:where(.hh) .button--cta{
  min-height: 4.5rem;
  background: none;
  box-shadow: none;
  min-width: auto;
  max-width: 100%;
  padding: 0;
  border: none;
  justify-content: space-between;
  text-transform: none;
  color: rgb(var(--color-link));
}
:where(.hh) .button--cta.button--small{
  min-height: 2.7rem;
  min-width: auto;
}
:where(.hh) .button--cta.button--small .label{
  padding-inline-end: 1rem;
  font-size: 1rem;
  line-height: 2rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media screen and (min-width: 750px){:where(.hh) .button--cta{
    min-width: 22.5rem;
  }
:where(.hh) .button--cta.button--large .label{
    font-size: 1.8rem;
  }}
@media screen and (hover: hover){:where(.hh) .button--cta:hover{
    color: rgb(var(--color-link));
    background-color: transparent;
  }}
:where(.hh) .button--cta::before,:where(.hh) .button--cta::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 0.1rem;
  bottom: 0;
  right: 0;
  top: auto;
  left: auto;
  transform: none;
  border: none;
  background-image: none;
  background-color: rgb(var(--color-border));
  transition: transform var(--duration-default) ease;
}
:where(.hh) .button--cta::before{
  transform: scaleX(0);
  transform-origin: left;
  transition-delay: 0s;
}
:where(.hh) .button--cta::after{
  transform-origin: right;
  transition-delay: 0.25s;
}
@media screen and (hover: hover){:where(.hh) .button--cta:hover::before{
    transform: scaleX(1);
    transition-delay: 0.25s;
  }
:where(.hh) .button--cta:hover::after{
    transform: scaleX(0);
    transition-delay: 0s;
  }}
:where(.hh) .button--cta .label{
  padding-inline-end: 2rem;
  font-size: 1.6rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  letter-spacing: 0.04rem;
  text-align: start;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  transition: transform var(--duration-default) ease;
}
@media screen and (hover: hover){:where(.hh) .button--cta:hover .label{
    transform: translateX(0.5rem);
  }}
:where(.hh) .button--cta .icon{
  fill: currentColor;
  width: 1.5rem;
  height: 1.5rem;
}
:where(.hh) .button--cta.loading{
  color: rgb(var(--color-link));
}
:where(.hh) .button--cta.loading::before{
  content: none;
}
:where(.hh) .button--cta.loading::after{
  background-color: transparent;
  border-width: 0.1rem;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: -0.8rem;
  margin-left: 0;
  left: auto;
  right: 0;
}
:where(.hh) .button--cta.loading .icon{
  color: transparent;
}
:where(.hh) .button--arrow{
  box-shadow: none;
  min-height: auto;
  min-width: auto;
}
:where(.hh) .button-group{
  display: inline-flex;
  gap: clamp(0.3rem, 2vw, 1.25rem);
  flex-wrap: wrap;
}
:where(.hh) .right .button-group{
  justify-content: flex-end;
}
:where(.hh) .left .button-group{
  justify-content: flex-start;
}
:where(.hh) .center .button-group{
  justify-content: center;
}
@media screen and (max-width: 749px){:where(.hh) .mobile-left .button-group{
    justify-content: flex-start;
  }
:where(.hh) .mobile-right .button-group{
    justify-content: flex-end;
  }
:where(.hh) .mobile-center .button-group{
    justify-content: center;
  }}
:where(.hh) .field__input,:where(.hh) .select__select,:where(.hh) .customer .field input,:where(.hh) .customer select{
  font-family: inherit;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  color: rgb(var(--color-foreground));
  width: 100%;
  box-shadow: inset 0 0 0 0.1rem rgb(var(--color-border));
  height: 4.2rem;
  box-sizing: border-box;
  transition: box-shadow var(--duration-default) ease;
}
@media screen and (min-width: 750px){:where(.hh) .field__input,:where(.hh) .select__select,:where(.hh) .customer .field input,:where(.hh) .customer select{
    min-height: 4.5rem;
  }}
:where(.hh) .select__select{
  font-size: 1.2rem;
  color: rgba(var(--color-foreground), 0.75);
}
:where(.hh) .select__select option{
  color: initial;
}
@media screen and (hover: hover){:where(.hh) .field__input:hover,:where(.hh) .select__select:hover,:where(.hh) .customer .field input:hover,:where(.hh) .customer select:hover{
    box-shadow: inset 0 0 0 0.2rem rgb(var(--color-border));
  }}
:where(.hh) .field__input.invalid,:where(.hh) .select__select.invalid,:where(.hh) .customer .field input.invalid,:where(.hh) .customer select.invalid{
  box-shadow: inset 0 0 0 0.1rem var(--color-critical);
}
@media screen and (hover: hover){:where(.hh) .field__input.invalid:hover,:where(.hh) .select__select.invalid:hover,:where(.hh) .customer .field input.invalid:hover,:where(.hh) .customer select.invalid:hover{
    box-shadow: inset 0 0 0 0.2rem var(--color-critical);
  }}
:where(.hh) .field__input:focus-visible,:where(.hh) .select__select:focus-visible,:where(.hh) .customer .field input:focus-visible,:where(.hh) .customer select:focus-visible{
  outline: none;
  box-shadow: inset 0 0 0 0.2rem rgb(var(--color-border));
}
:where(.hh) .text-area,:where(.hh) .select{
  display: inline-block;
  position: relative;
  width: 100%;
}
:where(.hh) .select .icon-caret,:where(.hh) .customer select + svg{
  height: 0.6rem;
  pointer-events: none;
  position: absolute;
  top: calc(50% - 0.35rem);
  right: 1.5rem;
}
:where(.hh) .select__select,:where(.hh) .customer select{
  cursor: pointer;
  padding: 0;
  padding-inline-start: 1.5rem;
  padding-inline-end: 4rem;;
}
:where(.hh) .field{
  position: relative;
  width: 100%;
  display: flex;
}
:where(.hh) .customer .field{
  display: block;
}
:where(.hh) .field--with-error{
  flex-wrap: wrap;
}
:where(.hh) .field__input,:where(.hh) .customer .field input{
  flex-grow: 1;
  text-align: start;
  padding: 1.5rem;
}
:where(.hh) .field__input::-webkit-search-cancel-button,:where(.hh) .customer .field input::-webkit-search-cancel-button{
  display: none;
}
:where(.hh) .field__input::placeholder,:where(.hh) .customer .field input::placeholder{
  color: rgb(var(--color-foreground));
  opacity: 0.7;
  transition: opacity var(--duration-default) ease;
}
:where(.hh) .field__input:focus::placeholder,:where(.hh) .customer .field input:focus::placeholder{
  opacity: 0.4;
}
:where(.hh) .field__input:-webkit-autofill,:where(.hh) .customer .field input:-webkit-autofill{
  background-clip: text;
  -webkit-background-clip: text;
}
:where(.hh) .field__input::-webkit-search-decoration,:where(.hh) .customer .field input::-webkit-search-decoration{
  -webkit-appearance: none;
}
:where(.hh) .field__button{
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 4.4rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.4rem;
}
@media screen and (hover: hover){:where(.hh) .field__button:hover{
    color: currentColor;
  }}
:where(.hh) .field__button::before{
  content: none;
}
:where(.hh) .field__button > .icon{
  height: 2.5rem;
  width: 2.5rem;
}
:where(.hh) .text-area{
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  padding: 1.2rem;
  min-height: 10rem;
  resize: none;
}
:where(.hh) .text-area--resize-vertical{
  resize: vertical;
}
:where(.hh) input[type=checkbox]{
  display: inline-block;
  width: auto;
  margin-inline-end: 0.5rem;
}
:where(.hh) .form__label{
  display: block;
  margin-bottom: 0.6rem;
}
:where(.hh) .form__message{
  font-family: var(--font-body-family);
  align-items: center;
  display: grid;
  grid-template-columns: auto 1fr;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0;
  font-weight: 400;
  color: var(--color-success);
}
:where(.hh) .form__message.errors{
  color: var(--color-critical);
}
:where(.hh) .form__message.errors .rte a{
  color: inherit;
}
:where(.hh) .form__message.errors + .errors{
  margin-top: 1rem;
}
:where(.hh) .form__message.errors + .errors ul{
  margin-top: 0;
}
:where(.hh) .customer .field .form__message{
  font-size: 1.4rem;
  text-align: start;
}
:where(.hh) .form__message .icon,:where(.hh) .customer .form__message .icon{
  align-self: flex-start;
  height: 1.6rem;
  width: 1.6rem;
  margin-inline-end: 0.5rem;
}
:where(.hh) .customer .field .form__message .icon{
  align-self: start;
}
:where(.hh) .form-status{
  margin: 0;
  font-size: 1.6rem;
}
:where(.hh) .form-status .icon{
  width: 1.8rem;
  height: 1.8rem;
}
:where(.hh) .form-status-list{
  padding: 0;
  margin: 2rem 0 4rem;
}
:where(.hh) .form-status-list li{
  list-style-position: inside;
}
:where(.hh) .form-status-list .link::first-letter{
  text-transform: capitalize;
}
:where(.hh) .quantity{
  position: relative;
  width: 12rem;
  display: flex;
  align-items: center;
  --color-keyboard-focus: var(--color-border);
}
:where(.hh) .form__label + .quantity{
  width: 14rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-border));
}
:where(.hh) .no-js .quantity{
  height: 4rem;
  width: 10rem;
  box-shadow: 0 0 0 0.1rem rgb(var(--color-border));
}
:where(.hh) .quantity__input{
  font-family: inherit;
  color: currentColor;
  font-size: 1.4rem;
  font-weight: 500;
  opacity: 0.85;
  text-align: center;
  background-color: transparent;
  border: 0;
  padding: 0 0.5rem;
  height: 3.6rem;
  width: 100%;
  flex-grow: 1;
  -webkit-appearance: none;
  appearance: none;
}
:where(.hh) .form__label + .quantity .quantity__input{
  height: 4.5rem;
}
:where(.hh) .quantity__button{
  padding: 0;
  position: relative;
  flex: 0 0 3.6rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: 1.8rem;
  border: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--color-foreground));
  background-color: rgba(var(--color-foreground), 0.06);
  transition: color var(--duration-default) ease;
}
:where(.hh) .form__label + .quantity .quantity__button{
  flex: 0 0 2.6rem;
  width: 2.6rem;
  height: 2.6rem;
}
:where(.hh) .form__label + .quantity .quantity__button:first-child{
  margin-inline-start: 1rem;
}
:where(.hh) .form__label + .quantity .quantity__button:last-child{
  margin-inline-end: 1rem;
}
:where(.hh) .quantity__button::after{
  content: '';
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-radius: 50%;
  transform: scale(0);
  background-color: rgb(var(--color-foreground));
  transition: transform var(--duration-default) ease;
}
@media screen and (hover: hover){:where(.hh) .quantity__button:hover{
    color: rgb(var(--color-background));
  }
:where(.hh) .quantity__button:hover::after{
    transform: scale(1);
  }}
:where(.hh) .quantity__button .icon{
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  position: relative;
  z-index: 2;
}
:where(.hh) .quantity__input:-webkit-autofill,:where(.hh) .quantity__input:-webkit-autofill:hover,:where(.hh) .quantity__input:-webkit-autofill:active{
  box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
  -webkit-box-shadow: 0 0 0 10rem rgb(var(--color-background)) inset !important;
}
:where(.hh) .quantity__input::-webkit-outer-spin-button,:where(.hh) .quantity__input::-webkit-inner-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
:where(.hh) .quantity__input[type=number]{
  -moz-appearance: textfield;
}
:where(.hh) .with--price-break{
  .product-form__quantity {
    width: clamp(37rem, 50%, 100%);
  }

  quantity-input {
    border: 1px solid rgba(var(--color-foreground), 0.06);
    border-radius: clamp(.4rem, var(--button-radius), 50%);
    overflow: hidden;
  }

  .quantity__button[name=minus],
  .quantity__button[name=minus]::after {
    border-radius: .3rem 0 0 .3rem;
  }

  .quantity__button[name=plus],
  .quantity__button[name=plus]::after {
    border-radius: 0 .3rem .3rem 0;
  }
}
:where(.hh) .quantity__rules-cart{
  position: relative;

  .loading-overlay {
    display: inline-block;
    top: 0;
  }

  .loading-overlay__spinner {
    width: 1.6rem;
  }

  .loading-overlay:not(.hidden) ~ * {
    visibility: hidden;
  }
}
:where(.hh) .quantity__rules .divider + .divider::before{
  content: "\2022";
  margin: 0 .5rem;
}
:where(.hh) .modal__toggle{
  list-style-type: none;
}
:where(.hh) .no-js details[open] .modal__toggle{
  position: absolute;
  z-index: 101;
  height: 3.4rem;
  width: 4.4rem;
  right: 1.5rem;
}
@media screen and (min-width: 750px){:where(.hh) .no-js details[open] .modal__toggle{
    height: 4.4rem;
    right: calc(100% / 2 - 30rem);
  }}
:where(.hh) .modal__toggle-close{
  display: none;
}
:where(.hh) .no-js details[open] .modal__toggle span{
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: rgb(var(--color-background));
}
:where(.hh) .no-js details[open] .modal__toggle .icon-close{
  display: flex;
  width: 1.2rem;
  height: 1.2rem;
}
:where(.hh) .modal__toggle-open{
  display: flex;
}
:where(.hh) .no-js details[open] .modal__toggle-open{
  display: none;
}
:where(.hh) .no-js .modal__close-button{
  visibility: hidden;
}
:where(.hh) .modal__close-button{
  padding: 1.2rem;
  height: 4.4rem;
  width: 4.4rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
  position: relative;
  color: rgb(var(--color-link));
}
:where(.hh) .modal__close-button .icon{
  width: 2rem;
  height: 2rem;
  transition: transform var(--duration-default) ease;
}
@media screen and (hover: hover){:where(.hh) .modal__close-button:hover .icon{
    transform: scale(0.8) rotate(90deg);
  }}
:where(.hh) .modal__content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgb(var(--color-background));
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
:where(.hh) .no-js details[open] .modal__content{
  overflow: visible;
}
:where(.hh) .no-js details[open] .modal-overlay{
  display: block;
  animation: fade-in var(--duration-long) ease;
}
:where(.hh) .no-js details[open] .modal-overlay::after{
  content: '';
  position: absolute;
  background-color: rgba(var(--color-overlay), 0.5);
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
}
:where(.hh) .cart-count-bubble:empty{
  display: none;
}
:where(.hh) .cart-count-bubble{
  position: absolute;
  background-color: rgb(var(--color-base-accent));
  color: rgb(var(--color-base-solid-button-labels));
  font-family: var(--font-button-family);
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9rem;
  top: 0;
  right: 0.5rem;
  line-height: 1;
  transition-property: opacity, transform, color, background-color;
  transition-duration: var(--duration-default);
  transition-timing-function: ease;
}
@media screen and (min-width: 750px){:where(.hh) .cart-count-bubble{
    top: 0.6rem;
  }}
:where(.hh) .cart-count-bubble--dot{
  top: 1.2rem;
  right: 0.8rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: rgb(var(--color-header-foreground));
}
:where(.hh) .shopify-section-header.animate{
  transition: transform var(--duration-default) ease;
}
:where(.hh) .header-wrapper{
  display: block;
  position: relative;
  z-index: 20;
  transition: box-shadow var(--duration-default) ease;
}
:where(.hh) .header-wrapper--border-bottom{
  box-shadow: 0 0.1rem 0 rgba(var(--color-header-border), 0.3);
}
:where(.hh) .header{
  display: grid;
  grid-template-areas: 'left-icon heading icons';
  grid-template-columns: 1fr 2fr 1fr;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 990px){:where(.hh) .header--top-left{
    grid-template-areas:
      'heading icons'
      'navigation navigation';
    grid-template-columns: 1fr auto;
  }
:where(.hh) .header--middle-left{
    grid-template-areas: 'heading navigation icons';
    grid-template-columns: auto 1fr auto;
    column-gap: 2rem;
  }
:where(.hh) .header--top-center{
    grid-template-areas:
      'left-icon heading icons'
      'navigation navigation navigation';
  }
:where(.hh) .header--center-split{
    grid-template-areas: 'left-icon navigation heading navigation-split icons';
    grid-template-columns: auto 1fr auto 1fr auto;
    column-gap: 2rem;
  }
:where(.hh) .header--center-split .header__heading{
    margin: 0 1rem;
  }
:where(.hh) .header--off-canvas{
    grid-template-areas: 'left-icon heading icons';
    grid-template-columns: 1fr auto 1fr;
    column-gap: 2rem;
  }
:where(.hh) .header--off-canvas header-drawer{
    display: block;
  }
:where(.hh) .header--off-canvas .header__inline-menu{
    display: none;
  }
:where(.hh) .header--off-canvas .header__heading,:where(.hh) .header--off-canvas .header__heading-link{
    grid-area: heading;
    justify-self: center;
  }
:where(.hh) .header--middle-left .header__inline-menu{
    min-width: 45rem;
  }
:where(.hh) .header:not(.header--middle-left):not(.header--center-split) .header__inline-menu{
    margin-top: 1.05rem;
  }}
:where(.hh) .header-wrapper > .header::before{
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--gradient-header-background);
  background-color: rgb(var(--color-header-background));
}
@media screen and (min-width: 750px){:where(.hh) .header-wrapper > .header::before{
    transition: height var(--duration-default) ease;
  }}
:where(.hh) .header *[tabindex='-1']:focus{
  outline: none;
}
:where(.hh) .header__heading{
  margin: 0;
  line-height: 0;
}
:where(.hh) .header > .header__heading-link{
  line-height: 0;
}
:where(.hh) .header__heading,:where(.hh) .header__heading-link{
  grid-area: heading;
  justify-self: center;
}
:where(.hh) .header__heading-link{
  display: block;
  position: relative;
  word-break: break-word;
  text-decoration: none;
}
:where(.hh) .header__heading-link::before,:where(.hh) .header__heading-link::after{
  content: none;
}
:where(.hh) .header__heading-link .h2{
  line-height: 1;
  color: rgb(var(--color-header-foreground));
  transition: color var(--duration-default) ease;
}
@media screen and (hover: hover){:where(.hh) .header__heading-link:hover .h2{
    color: rgb(var(--color-header-foreground), 0.7);
  }}
:where(.hh) .header__heading-logo{
  width: auto;
  height: auto;
  max-height: var(--image-logo-height);
}
@media screen and (min-width: 750px){:where(.hh) .header__heading-logo{
    transition: opacity var(--duration-default) ease;
  }}
:where(.hh) .header__heading-logo.inverse{
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 989px){:where(.hh) .header__heading,:where(.hh) .header__heading-link{
    text-align: center;
  }
:where(.hh) .header--mobile-left .header__heading,:where(.hh) .header--mobile-left .header__heading-link{
    text-align: center;
    justify-self: start;
  }
:where(.hh) .header--mobile-left{
    grid-template-columns: auto 2fr 1fr;
  }}
@media screen and (min-width: 990px){:where(.hh) .header__heading,:where(.hh) .header__heading-link{
    justify-self: start;
  }
:where(.hh) .header--top-center .header__heading-link,:where(.hh) .header--top-center .header__heading,:where(.hh) .header--center-split .header__heading-link,:where(.hh) .header--center-split .header__heading{
    justify-self: center;
  }}
:where(.hh) .header__right{
  display: flex;
  grid-area: icons;
  justify-self: end;
  margin-inline-end: -1.5rem;
}
:where(.hh) .header__icon:not(.header__icon--summary),:where(.hh) .header__icon span:not(.cart-count-bubble){
  display: flex;
  align-items: center;
  justify-content: center;
}
:where(.hh) .header__icon span:not(.cart-count-bubble){
  height: 100%;
}
:where(.hh) .header__icon{
  color: rgb(var(--color-header-foreground));
  height: 3.4rem;
  width: 5.2rem;
}
@media screen and (hover: hover){:where(.hh) .header__icon:hover{
    color: rgba(var(--color-header-foreground), 0.7);
  }}
@media screen and (min-width: 750px){:where(.hh) .header__icon{
    height: 4.4rem;
    transition: color var(--duration-default) ease;
  }}
:where(.hh) .header__icon::after{
  content: none;
}
:where(.hh) .header__icon .icon{
  stroke-width: var(--icon-weight);
  height: 2rem;
  width: 2rem;
  fill: none;
  vertical-align: middle;
  transition: transform var(--duration-default) ease;
  will-change: transform;
}
:where(.hh) .header__icon .icon,:where(.hh) #icon-close,:where(.hh) #icon-search,:where(.hh) #icon-cart{
  overflow: visible;
}
@media screen and (hover: hover){:where(.hh) .header__icon:hover .icon{
    transform: scale(1.07);
  }}
:where(.hh) .header__icon--cart{
  position: relative;
}
:where(.hh) .no-js .cart-drawer-container{
  display: none;
}
@media screen and (max-width: 989px){:where(.hh) menu-drawer ~ .header__right .header__icon--account{
    display: none;
  }}
:where(.hh) .header__left{
  display: flex;
  grid-area: left-icon;
  margin-inline-start: -1.5rem;
}
:where(.hh) .header__left header-menu-toggle,:where(.hh) .header__left--localization search-modal,:where(.hh) .header__left--localization > localization-form,:where(.hh) .header--top-center .header__left search-modal,:where(.hh) .header--center-split .header__left search-modal{
  display: none;
}
:where(.hh) search-modal{
  display: inline-flex;
  line-height: 0;
}
:where(.hh) .header--top-center .header__right search-modal,:where(.hh) .header--center-split .header__right search-modal,:where(.hh) .header--top-center .header__left--localization ~ .header__right search-modal,:where(.hh) .header--center-split .header__left--localization ~ .header__right search-modal{
  display: inline-flex;
}
@media screen and (min-width: 990px){:where(.hh) .header__left--localization > localization-form,:where(.hh) .header--top-center .header__left search-modal,:where(.hh) .header--center-split .header__left search-modal{
    display: block;
  }
:where(.hh) .header--top-center .header__right search-modal,:where(.hh) .header--center-split .header__right search-modal{
    display: none;
  }}
:where(.hh) .details-modal{
  overflow: hidden;
  height: 0;
}
:where(.hh) .header .localization-selector{
  width: auto;
  padding: 0;
  height: 3.4rem;
  color: rgb(var(--color-header-foreground));
  background-color: transparent;
  border: none;
}
@media screen and (min-width: 750px){:where(.hh) .header .localization-selector{
    height: 4.4rem;
  }}
:where(.hh) .header .localization-selector .icon + .label{
  margin-inline-start: 0.8rem;
}
:where(.hh) .header .localization-selector .label{
  font-family: var(--font-navigation-family);
  font-size: calc(var(--font-navigation-size) - 0.2rem);
  font-weight: var(--font-navigation-weight);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  white-space: nowrap;
}
:where(.hh) .header .menu-drawer .localization-selector{
  color: rgb(var(--color-link));
}
:where(.hh) .header__left > localization-form .localization-selector + .disclosure__list,:where(.hh) .header__right > localization-form .localization-selector + .disclosure__list{
  animation-name: animateHeaderLocalization;
  top: calc(100% + 1rem);
  bottom: auto;
  border: none;
  box-shadow: 0 1rem 2rem rgba(var(--color-header-foreground), 0.08);
  --color-background: var(--color-header-background);
  --color-link: var(--color-header-foreground);
}
@keyframes animateHeaderLocalization {
  0% {
    opacity: 0;
    transform: translate(-50%, -1rem);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
:where(.hh) .header__right .localization-form{
  display: none;
}
@media screen and (min-width: 990px){:where(.hh) .header__right .localization-form{
    display: block;
  }}
:where(.hh) summary .header__icon--summary::after,:where(.hh) drawer-close-button.header__icon--summary::after,:where(.hh) drawer-close-button.header__icon--menu::after,:where(.hh) .popover-close-button.header__icon::after{
  content: '';
  position: absolute;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  transform: scale(0);
  background-color: rgba(var(--color-foreground), 0.08);
  transition: transform var(--duration-default) ease;
}
:where(.hh) details[open].menu-opening > summary .header__icon--summary::after{
  transform: scale(1);
}
:where(.hh) drawer-close-button.header__icon--summary,:where(.hh) drawer-close-button.header__icon--menu,:where(.hh) .popover-close-button.header__icon{
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
:where(.hh) drawer-close-button.header__icon--menu{
  right: auto;
  left: 1rem;
}
:where(.hh) drawer-close-button.header__icon--summary .icon-close,:where(.hh) drawer-close-button.header__icon--menu .icon-close,:where(.hh) .popover-close-button.header__icon .icon-close{
  height: 1.4rem;
  width: 1.4rem;
  stroke-width: calc(var(--icon-weight) - 0.1px);
  color: rgb(var(--color-link));
}
:where(.hh) .header__icon--menu .icon{
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition-property: transform, opacity;
  transition-timing-function: ease;
  transition-duration: var(--duration-default);
  stroke-width: calc(calc(var(--icon-weight) * 2) - 0.4px);
}
:where(.hh) .header__icon--menu .icon-close{
  height: 1.4rem;
  width: 1.4rem;
  stroke-width: calc(var(--icon-weight) - 0.1px);
}
:where(.hh) details:not([open]) > .header__icon--menu .icon-close,:where(.hh) details[open] > .header__icon--menu .icon-hamburger{
  visibility: hidden;
  opacity: 0;
  transform: scale(0.8);
}
:where(.hh) details[open].menu-opening > .header__icon--menu span{
  color: rgb(var(--color-header-foreground));
  transition: color var(--duration-default) ease;
}
:where(.hh) .js details[open]:not(.menu-opening) > .header__icon--menu .icon-close{
  visibility: hidden;
}
:where(.hh) .js details[open]:not(.menu-opening) > .header__icon--menu .icon-hamburger{
  visibility: visible;
  opacity: 1;
  transform: scale(1.07);
}
:where(.hh) .header__inline-menu{
  margin-inline-start: -1.2rem;
  grid-area: navigation;
  display: none;
}
:where(.hh) .header__inline-menu-split{
  grid-area: navigation-split;
}
:where(.hh) .header--top-center .header__inline-menu,:where(.hh) .header--top-center .header__heading-link,:where(.hh) .header--center-split .header__inline-menu,:where(.hh) .header--center-split .header__heading-link{
  margin-inline-start: 0;
}
@media screen and (min-width: 990px){:where(.hh) .header__inline-menu{
    display: block;
  }
:where(.hh) .header--top-center .header__inline-menu{
    justify-self: center;
  }
:where(.hh) .header--top-center .header__inline-menu > .list-menu--inline{
    justify-content: center;
  }
:where(.hh) .header--center-split .header__inline-menu:not(.header__inline-menu-split){
    text-align: end;
  }
:where(.hh) .header--center-split .header__inline-menu .list-menu{
    justify-content: center;
    column-gap: 0;
  }
:where(.hh) .header--middle-left .header__inline-menu{
    margin-inline-start: 0;
    text-align: end;
  }}
@media screen and (min-width: 1200px){:where(.hh) .header--center-split .header__inline-menu .list-menu{
    column-gap: 1.5rem;
  }
:where(.hh) .header--middle-left .header__right{
    margin-inline-start: 8rem;
  }}
:where(.hh) .header__menu{
  padding: 0 1rem;
}
:where(.hh) [data-animate-image] .header__menu-item > use-animate{
  transition: none;
}
:where(.hh) .header__menu-item{
  font-family: var(--font-navigation-family);
  font-size: var(--font-navigation-size);
  font-weight: var(--font-navigation-weight);
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  letter-spacing: 0.2em;
  padding: 1.2rem 1.5rem;
  color: rgb(var(--color-header-foreground));
  transition: color var(--duration-default) ease;
}
:where(.hh) .header-wrapper--uppercase .header__menu-item{
  text-transform: uppercase;
}
@media screen and (hover: hover){:where(.hh) .header__menu-item:hover{
    color: rgba(var(--color-header-foreground), 0.7);
  }}
:where(.hh) .header__menu-item--top .label{
  --color-border: var(--color-header-border);
}
@media screen and (hover: hover){:where(.hh) .header__menu-item .label{
    background-color: transparent;
    background-image: linear-gradient(to top, rgb(var(--color-border)) 0px, rgb(var(--color-border)) 0px), linear-gradient(to top, transparent 0px, transparent 0px);
    background-repeat: no-repeat;
    background-position: right bottom, right bottom;
    background-size: 0% 0.1rem, 100% 0.1rem;
    transition-property: background-size;
    transition-timing-function: ease;
    transition-duration: var(--duration-default);
  }
:where(.hh) details[open].menu-opening > .header__menu-item .label,:where(.hh) .no-js details[open] > .header__menu-item .label,:where(.hh) .header__menu-item:hover .label{
    background-position: left bottom, left bottom;
    background-size: 100% 0.1rem, 100% 0.1rem;
  }}
:where(.hh) .header__active-menu-item .label,:where(.hh) .list-menu__item--active .label{
  background-position: left bottom, left bottom;
  background-size: 100% 0.1rem, 100% 0.1rem;
}
:where(.hh) .header__menu-item .icon-caret{
  position: static;
  height: .6rem;
  width: auto;
  display: none;
  transition: transform var(--duration-default) ease;
}
:where(.hh) .header__submenu .icon-caret{
  margin-inline-start: 1.2rem;
  margin-top: 0.3rem;
  display: block;
}
:where(.hh) .header__submenu details[open] > summary .icon-caret{
  transform: scaleY(-1);
}
@keyframes animateMenuOpen {
  0% {
    height: 0;
  }

  100% {
    height: 27rem;
  }
}
@keyframes animateOverlayOpen {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
:where(.hh) .section--divider{
  border-top: 0.1rem solid rgb(var(--color-base-border));
}
:where(.hh) .section--padding,:where(.hh) .header-section--padding{
  padding-top: calc(var(--section-padding-top) * 0.75);
  padding-bottom: calc(var(--section-padding-bottom)  * 0.75);
}
:where(.hh) .spacing-section{
  display: block;
  min-height: var(--spacing-section-mobile);
}
@media screen and (min-width: 750px){:where(.hh) .section--padding{
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
  }
:where(.hh) .spacing-section{
    min-height: var(--spacing-section-desktop);
  }}
@media screen and (min-width: 990px){:where(.hh) .header-section--padding{
    padding-top: var(--section-padding-top);
    padding-bottom: var(--section-padding-bottom);
  }}
:where(.hh) .transition-body{
  position: relative;
}
:where(.hh) .transition-body::after{
  content: '';
  display: block;
  position: fixed;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: url(cross.svg),url(cross.png),zoom-out;
  pointer-events: none;
  transition: opacity var(--duration-long) ease;
  background-color: rgba(var(--color-overlay), 0.5);
}
:where(.hh) #MainContent,:where(.hh) .shopify-section-footer{
  transition: transform var(--duration-long) ease;
}
:where(.hh) .badge{
  border: 0.1rem solid transparent;
  display: inline-block;
  font-size: 1.1rem;
  text-transform: uppercase;
  line-height: 1;
  padding: 0.5rem 1rem;
  text-align: center;
  word-break: break-word;
  width: max-content;
  background-color: var(--color-badge-background);
  border-color: var(--color-badge-border);
  color: var(--color-badge-foreground);
  font-family: var(--font-button-family);
  padding-top: calc(0.5rem + var(--font-button-baseline));
  border-radius: min(var(--button-radius), 0.2rem);
}
@media screen and (max-width: 480px){:where(.hh) .badge{
    font-size: 0.9rem;
    padding: 0.3rem 0.5rem;
    padding-top: calc(0.3rem + calc(var(--font-button-baseline) * 0.65));
  }}
:where(.hh) .badge:empty{
  display: none;
}
:where(.hh) .badge--onsale{
  color: rgb(var(--color-background));
  background-color: var(--color-sale-badge-background);
  border-color:var(--color-sale-badge-background);
}
:where(.hh) .icon-plus-alt{
  position: relative;
}
:where(.hh) .icon-plus-alt::before,:where(.hh) .icon-plus-alt::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: currentColor;
}
:where(.hh) .icon-plus-alt::before{
  width: 100%;
  height: 0.1rem;
}
:where(.hh) .icon-plus-alt::after{
  width: 0.1rem;
  height: 100%;
}
@media screen and (forced-colors: active){:where(.hh) .icon{
    color: CanvasText;
    fill: CanvasText !important;
  }}
:where(.hh) quick-view-drawer{
  display: none;
}
:where(.hh) use-animate{
  display: block;
}
:where(.hh) [data-animate-image] use-animate{
  transition-duration: var(--duration-long);
  transition-timing-function: ease;
}
:where(.hh) [data-animate-image] use-animate[data-animate^=fade]{
  opacity: 0;
  transition-property: opacity, transform;
}
:where(.hh) [data-animate-image] use-animate[data-animate^=fade][animate],:where(.hh) .no-js [data-animate-image] use-animate[data-animate^=fade]{
  opacity: 1;
  transform: translateZ(0);
}
:where(.hh) [data-animate-image] use-animate[data-animate=fade-up]{
  transform: translate3d(0, 5rem, 0);
}
:where(.hh) [data-animate-image] use-animate[data-animate^=zoom-fade] .image-animate{
  opacity: 0;
}
:where(.hh) [data-animate-image] use-animate[data-animate=zoom-fade][animate]:not(.loading) .image-animate{
  animation: zoom-fade var(--duration-animate) ease forwards;
}
:where(.hh) [data-animate-image] use-animate[data-animate=zoom-fade-small][animate]:not(.loading) .image-animate{
  animation: zoom-fade-small var(--duration-animate) ease forwards;
}
:where(.hh) .no-js [data-animate-image] use-animate .image-animate{
  opacity: 1;
}
@keyframes zoom-fade {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoom-fade-small {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes appear-down {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes appear-up {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes fade-out {
  0% {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes preloading {
  0%, 44%, 88.1%, 100% {
		transform-origin: left;
	}
	
	0%, 100%, 88% {
		transform: scaleX(0);
	}
	
	44.1%, 88% {
		transform-origin: right;
	}
	
	33%, 44% {
		transform: scaleX(1);
	}
}
:where(.hh) .modal-scrollbar-measure{
  display: block;
  position: absolute;
  top: -100rem;
  width: 5rem;
  height: 5rem;
  overflow: scroll;
}
:where(.hh) .breadcrumb{
  line-height: calc(1 + 0.4 / var(--font-body-scale));
}
:where(.hh) .breadcrumb--divider{
  border-bottom: 0.1rem solid rgb(var(--color-border));
  padding-bottom: 0.6rem;
}
:where(.hh) .breadcrumb .link{
  font-size: inherit;
}
:where(.hh) .shopify-policy__container{
  margin-bottom: 5rem;
}
@media screen and (min-width: 750px){:where(.hh) .shopify-policy__container{
    margin-bottom: 7rem;
  }}
:where(.hh) .flickity-enabled{
  position: relative;
}
:where(.hh) .flickity-enabled:focus{
  outline: none;
}
:where(.hh) .flickity-viewport{
  overflow: hidden;
  position: relative;
  height: 100%;
  touch-action: pan-y;
}
:where(.hh) .flickity-slider{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
:where(.hh) .flickity-rtl .flickity-slider{
  left: unset;
  right: 0;
}
:where(.hh) .flickity-enabled.is-draggable{
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
:where(.hh) .flickity-enabled.is-draggable .flickity-viewport{
  cursor: move;
  cursor: grab;
}
:where(.hh) .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{
  cursor: grabbing;
}
:where(.hh) .flickity-cell{
  position: absolute;
  left: 0;
}
:where(.hh) .flickity-rtl .flickity-cell{
  left: unset;
  right: 0;
}
:where(.hh) .flickity-button{
  position: absolute;
  background-color: rgb(var(--color-background));
  border: none;
  color: rgb(var(--color-foreground));
}
:where(.hh) .flickity-button:hover{
  cursor: pointer;
}
:where(.hh) .flickity-button:focus{
  outline: none;
}
:where(.hh) .flickity-button:active{
  opacity: 0.6;
}
:where(.hh) .flickity-button:disabled{
  opacity: 0.3;
  cursor: auto;
  pointer-events: none;
}
:where(.hh) .flickity-button-icon{
  fill: currentColor;
}
:where(.hh) .flickity-prev-next-button{
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  transform: translateY(-50%);
}
:where(.hh) .flickity-prev-next-button.previous{ left: 10px; }
:where(.hh) .flickity-prev-next-button.next{ right: 10px; }
:where(.hh) .flickity-rtl .flickity-prev-next-button.previous{
  left: auto;
  right: 10px;
}
:where(.hh) .flickity-rtl .flickity-prev-next-button.next{
  right: auto;
  left: 10px;
}
:where(.hh) .flickity-prev-next-button .flickity-button-icon{
  position: absolute;
  left: 25%;
  top: 25%;
  width: 50%;
  height: 50%;
}
:where(.hh) .flickity-page-dots{
  position: absolute;
  z-index: 2;
  bottom: 100%;
  padding: 0 1rem;
  background-color: rgb(var(--color-background));
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 0;
  animation: fade-in var(--duration-default) ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
:where(.hh) .flickity-rtl .flickity-page-dots{ direction: rtl; }
:where(.hh) .flickity-page-dot{
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: none;
  width: 3rem;
  height: 4rem;
  opacity: 0.4;
  cursor: pointer;
  transition: transform var(--duration-default) ease;
  font-size: 0;
}
:where(.hh) .flickity-page-dot.is-selected{
  opacity: 1;
}
:where(.hh) .flickity-page-dot::after{
  content: '';
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: rgb(var(--color-foreground));
  transition: transform var(--duration-default) ease;
}
:where(.hh) .flickity-page-dot.is-selected::after{
  transform: scale(1.5);
}
@media (prefers-reduced-motion: no-preference){:where(.hh) .animate--ambient > img,:where(.hh) .animate--ambient > picture,:where(.hh) .animate--ambient > svg{
    animation: animateAmbient 30s linear infinite;
  }
@keyframes animateAmbient {
    0% { transform: rotate(0deg) translateX(1em) rotate(0deg) scale(1.2); }
    100% { transform: rotate(360deg) translateX(1em) rotate(-360deg) scale(1.2); }
  }}
@keyframes strokeAnimation {
  0% {
    stroke-dashoffset: 1;
    opacity: 0;
  }
  
  1% {
    opacity: 1;
  }
  
  100% {
    stroke-dashoffset: 0;
  }
}
:where(.hh) .highlighted-text{
  position: relative;
  display: inline-block;
  font-style: normal;
}
:where(.hh) .highlighted-text .icon-scribble{
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  stroke: rgb(var(--color-highlight));
  transform: scaleX(1);
}
:where(.hh) .highlighted-text .icon-circle{
  width: 120%;
  height: 140%;
  inset-block-start: -20%;
  inset-inline-start: -10%;
}
:where(.hh) .highlighted-text .icon-scribble path{
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  opacity: 0;
}
:where(.hh) [animate] .highlighted-text .icon-scribble path{
  opacity: 1;
  animation: strokeAnimation 1.3s cubic-bezier(0.65, 0, 0.35, 1) forwards;
}
:where(.hh) .highlighted-text:is([data-style=marker],:where(.hh) [data-style=bold-underline],:where(.hh) [data-style=underline]){
  background-repeat: no-repeat;
  background-image: linear-gradient(to right, rgb(var(--color-highlight)) 0, rgb(var(--color-background)) 100%), linear-gradient(to right, rgb(var(--color-highlight)) 0, rgb(var(--color-background)) 100%);
  transition: background-size .7s cubic-bezier(.7, 0, .3, 1);
}
:where(.hh) .highlighted-text[data-style=marker]{
  background-position: left 70%;
  background-size: 0 80%;
}
:where(.hh) [animate] .highlighted-text[data-style=marker]{
  background-size: 100% 80%;
}
:where(.hh) .highlighted-text[data-style=underline]{
  background-size: 0 3px, 0% 80%;
  background-position: left 90%, left 50%;
}
:where(.hh) [animate] .highlighted-text[data-style=underline]{
  background-size: 100% 3px, 0% 80%;
}
:where(.hh) .highlighted-text[data-style=bold-underline]{
  background-position: left 90%;
  background-size: 0 28%;
}
:where(.hh) [animate] .highlighted-text[data-style=bold-underline]{
  background-size: 100% 28%;
}
:where(.hh) .highlighted-text[data-style=solid-color]{
  transition: color 0.7s cubic-bezier(0.7, 0, 0.3, 1);
}
:where(.hh) [animate] .highlighted-text[data-style=solid-color]{
  color: rgb(var(--color-highlight));
}
:where(.hh) .highlighted-text .icon-modern-underline{
  width: 100%;
  height: 30%;
  inset-block-start: auto;
  inset-block-end: -20%;
}
:where(.hh) .highlighted-text .icon-sketch-underline{
  width: 100%;
  height: 60%;
  inset-block-start: auto;
  inset-block-end: -20%;
}
:where(.hh) .highlighted-text .icon-squiggle{
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -30%;
}
:where(.hh) .highlighted-text .icon-heavy-squiggle{
  width: 100%;
  height: 50%;
  inset-block-start: auto;
  inset-block-end: -35%;
}
:where(.hh) details em:not(.highlighted-text),:where(.hh) .product__text em:not(.highlighted-text){
  display: contents;
}
:where(.hh) [is=scroll-snap-slider]:not(.-show-scroll-bar){
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
:where(.hh) [is=scroll-snap-slider]:not(.-show-scroll-bar)::-webkit-scrollbar{
  display: none !important;
}
@supports (-webkit-overflow-scrolling: touch){:where(.hh) input::focus,:where(.hh) select::focus-visible,:where(.hh) textarea::focus{
    font-size: max(var (--text-sm), 16px) ;
  }
:where(.hh).page-quiz #shopify-section-announcement-bar,:where(.hh).page-quiz .announcement-bar{
  
}
:where(.hh) .template-page.page-quiz .announcement-bar,:where(.hh) .template-page.page-quiz #shopify-section-announcement-bar{
  display: none !important;
}
:where(.hh) .pointer-events-none{pointer-events:none}
:where(.hh) .pointer-events-auto{pointer-events:auto}
:where(.hh) .static{position:static}
:where(.hh) .fixed{position:fixed}
:where(.hh) .absolute{position:absolute}
:where(.hh) .relative{position:relative}
:where(.hh) .sticky{position:sticky}
:where(.hh) .box-border{box-sizing:border-box}
:where(.hh) .cursor-default{cursor:default}
:where(.hh) .cursor-pointer{cursor:pointer}
:where(.hh) .table-cell{display:table-cell}
:where(.hh) .contents{display:contents}
:where(.hh) .overflow-visible{overflow:visible}
:where(.hh) .p-0{padding:0}
:where(.hh) .py-0{padding-block:0}
:where(.hh) .px-0{padding-inline:0}
:where(.hh) .pis-0{padding-inline-start:0}
:where(.hh) .pis-0d5{padding-inline-start:var(--sp-0d5)}
:where(.hh) .pis-1{padding-inline-start:var(--sp-1)}
:where(.hh) .pis-1d5{padding-inline-start:var(--sp-1d5)}
:where(.hh) .pis-2{padding-inline-start:var(--sp-2)}
:where(.hh) .pis-2d5{padding-inline-start:var(--sp-2d5)}
:where(.hh) .pis-3{padding-inline-start:var(--sp-3)}
:where(.hh) .pis-3d5{padding-inline-start:var(--sp-3d5)}
:where(.hh) .pis-4{padding-inline-start:var(--sp-4)}
:where(.hh) .pis-4d5{padding-inline-start:var(--sp-4d5)}
:where(.hh) .pis-5{padding-inline-start:var(--sp-5)}
:where(.hh) .pis-5d5{padding-inline-start:var(--sp-5d5)}
:where(.hh) .pis-6d5{padding-inline-start:var(--sp-6d5)}
:where(.hh) .pis-7{padding-inline-start:var(--sp-7)}
:where(.hh) .pis-7d5{padding-inline-start:var(--sp-7d5)}
:where(.hh) .pis-8{padding-inline-start:var(--sp-8)}
:where(.hh) .pis-9{padding-inline-start:var(--sp-9)}
:where(.hh) .pis-10{padding-inline-start:var(--sp-10)}
:where(.hh) .pis-12{padding-inline-start:var(--sp-12)}
:where(.hh) .pis-14{padding-inline-start:var(--sp-14)}
:where(.hh) .pie-0{padding-inline-end:0}
:where(.hh) .pie-0d5{padding-inline-end:var(--sp-0d5)}
:where(.hh) .pie-1{padding-inline-end:var(--sp-1)}
:where(.hh) .pie-1d5{padding-inline-end:var(--sp-1d5)}
:where(.hh) .pie-2{padding-inline-end:var(--sp-2)}
:where(.hh) .pie-2d5{padding-inline-end:var(--sp-2d5)}
:where(.hh) .pie-3{padding-inline-end:var(--sp-3)}
:where(.hh) .pie-3d5{padding-inline-end:var(--sp-3d5)}
:where(.hh) .pie-4{padding-inline-end:var(--sp-4)}
:where(.hh) .pie-4d5{padding-inline-end:var(--sp-4d5)}
:where(.hh) .pie-5{padding-inline-end:var(--sp-5)}
:where(.hh) .pie-5d5{padding-inline-end:var(--sp-5d5)}
:where(.hh) .pie-6{padding-inline-end:var(--sp-6)}
:where(.hh) .pie-6d5{padding-inline-end:var(--sp-6d5)}
:where(.hh) .pie-7{padding-inline-end:var(--sp-7)}
:where(.hh) .pie-7d5{padding-inline-end:var(--sp-7d5)}
:where(.hh) .pie-8{padding-inline-end:var(--sp-8)}
:where(.hh) .pie-9{padding-inline-end:var(--sp-9)}
:where(.hh) .pie-10{padding-inline-end:var(--sp-10)}
:where(.hh) .pie-12{padding-inline-end:var(--sp-12)}
:where(.hh) .pie-14{padding-inline-end:var(--sp-14)}
:where(.hh) .pbs-0{padding-block-start:0}
:where(.hh) .pbs-0d5{padding-block-start:var(--sp-0d5)}
:where(.hh) .pbs-1{padding-block-start:var(--sp-1)}
:where(.hh) .pbs-1d5{padding-block-start:var(--sp-1d5)}
:where(.hh) .pbs-2{padding-block-start:var(--sp-2)}
:where(.hh) .pbs-2d5{padding-block-start:var(--sp-2d5)}
:where(.hh) .pbs-3{padding-block-start:var(--sp-3)}
:where(.hh) .pbs-3d5{padding-block-start:var(--sp-3d5)}
:where(.hh) .pbs-4d5{padding-block-start:var(--sp-4d5)}
:where(.hh) .pbs-5{padding-block-start:var(--sp-5)}
:where(.hh) .pbs-5d5{padding-block-start:var(--sp-5d5)}
:where(.hh) .pbs-6{padding-block-start:var(--sp-6)}
:where(.hh) .pbs-6d5{padding-block-start:var(--sp-6d5)}
:where(.hh) .pbs-7{padding-block-start:var(--sp-7)}
:where(.hh) .pbs-7d5{padding-block-start:var(--sp-7d5)}
:where(.hh) .pbs-8{padding-block-start:var(--sp-8)}
:where(.hh) .pbs-9{padding-block-start:var(--sp-9)}
:where(.hh) .pbs-10{padding-block-start:var(--sp-10)}
:where(.hh) .pbs-12{padding-block-start:var(--sp-12)}
:where(.hh) .pbs-14{padding-block-start:var(--sp-14)}
:where(.hh) .pbe-0{padding-block-end:0}
:where(.hh) .pbe-0d5{padding-block-end:var(--sp-0d5)}
:where(.hh) .pbe-1{padding-block-end:var(--sp-1)}
:where(.hh) .pbe-1d5{padding-block-end:var(--sp-1d5)}
:where(.hh) .pbe-2{padding-block-end:var(--sp-2)}
:where(.hh) .pbe-2d5{padding-block-end:var(--sp-2d5)}
:where(.hh) .pbe-3{padding-block-end:var(--sp-3)}
:where(.hh) .pbe-3d5{padding-block-end:var(--sp-3d5)}
:where(.hh) .pbe-4d5{padding-block-end:var(--sp-4d5)}
:where(.hh) .pbe-5{padding-block-end:var(--sp-5)}
:where(.hh) .pbe-5d5{padding-block-end:var(--sp-5d5)}
:where(.hh) .pbe-6{padding-block-end:var(--sp-6)}
:where(.hh) .pbe-6d5{padding-block-end:var(--sp-6d5)}
:where(.hh) .pbe-7{padding-block-end:var(--sp-7)}
:where(.hh) .pbe-7d5{padding-block-end:var(--sp-7d5)}
:where(.hh) .pbe-8{padding-block-end:var(--sp-8)}
:where(.hh) .pbe-9{padding-block-end:var(--sp-9)}
:where(.hh) .pbe-10{padding-block-end:var(--sp-10)}
:where(.hh) .pbe-12{padding-block-end:var(--sp-12)}
:where(.hh) .pbe-14{padding-block-end:var(--sp-14)}
:where(.hh) .normal-case{text-transform:none}
:where(.hh) .text-left{text-align:start}
:where(.hh) .text-center{text-align:center}
:where(.hh) .text-right{text-align:end}
:where(.hh) .text-inherit{text-align:inherit}
:where(.hh) .text-8xl{font-size:var(--text-8xl);line-height:1.6}
:where(.hh) .text-6xl{font-size:var(--text-6xl);line-height:1.6}
:where(.hh) .text-5xl{font-size:var(--text-5xl);line-height:1.6}
:where(.hh) .text-4xl{font-size:var(--text-4xl);line-height:1.6}
:where(.hh) .text-3xl{font-size:var(--text-3xl);line-height:1.6}
:where(.hh) .text-2xl{font-size:var(--text-2xl);line-height:1.6}
:where(.hh) .text-xl{font-size:var(--text-xl);line-height:1.6}
:where(.hh) .text-lg{font-size:var(--text-lg);line-height:1.6}
:where(.hh) .text-base{font-size:var(--text-base);line-height:1.6}
:where(.hh) .text-2sm{font-size:var(--text-2sm);line-height:1.6}
:where(.hh) .text-sm{font-size:var(--text-sm);line-height:1.6}
:where(.hh) .text-xs{font-size:var(--text-xs);line-height:1.6}
:where(.hh) .text-3xs{font-size:var(--text-3xs)}
:where(.hh) .text-sm-base{font-size:var(--fluid-sm-to-base)}
:where(.hh) .text-sm-lg{font-size:var(--fluid-sm-to-lg)}
:where(.hh) .text-base-xl{font-size:var(--fluid-base-to-xl)}
:where(.hh) .text-base-2xl{font-size:var(--fluid-base-to-2xl)}
:where(.hh) .text-lg-2xl{font-size:var(--fluid-lg-to-2xl)}
:where(.hh) .text-xl-3xl{font-size:var(--fluid-xl-to-3xl)}
:where(.hh) .font-bold{font-weight:var(--font-bold)}
:where(.hh) .font-medium{font-weight:var(--font-medium)}
:where(.hh) .font-normal{font-weight:var(--font-normal)}
:where(.hh) .italic{font-style:italic}
:where(.hh) .not-italic{font-style:normal}
:where(.hh) .list-none{list-style-type:none}
:where(.hh) .list-disc{list-style-type:disc}
:where(.hh) .list-decimal{list-style-type:decimal}
:where(.hh) .list-disc,:where(.hh) .list-decimal{list-style-position:inside}
:where(.hh) .top-0{inset-block-start:0}
:where(.hh) .top-100{inset-block-start:100%}
:where(.hh) .left-0{inset-inline-start:0}
:where(.hh) .left-100{inset-inline-start:100%}
:where(.hh) .bottom-0{inset-block-end:0}
:where(.hh) .bottom-100{inset-block-end:100%}
:where(.hh) .right-0{inset-inline-end:0}
:where(.hh) .right-100{inset-inline-end:100%}
:where(.hh) .h-auto{height:auto}
:where(.hh) .h-full{height:100%}
:where(.hh) .h-screen{height:100vh}
:where(.hh) .h-fit{height:fit-content}
:where(.hh) .w-auto{width:auto}
:where(.hh) .w-full{width:100%}
:where(.hh) .w-screen{width:100vw}
:where(.hh) .w-fit{width:fit-content}
:where(.hh) .z-1{z-index:1}
:where(.hh) .z-2{z-index:2}
:where(.hh) .z-3{z-index:3}
:where(.hh) .z-10{z-index:10}
:where(.hh) .z-15{z-index:15}
:where(.hh) .z-20{z-index:20}
:where(.hh) .z-25{z-index:25}
:where(.hh) .z-30{z-index:30}
:where(.hh) .z-35{z-index:35}
:where(.hh) .z-40{z-index:40}
:where(.hh) .z-45{z-index:45}
:where(.hh) .z-50{z-index:50}
:where(.hh) .z-100{z-index:100}
:where(.hh) .max-w-full{max-width:100%}
:where(.hh) .invisible{visibility:hidden}
:where(.hh) .opacity-0{opacity:0}
@media(prefers-reduced-motion:no-preference){:where(.hh) .js .js-invisible{visibility:hidden}}
:where(.hh) .transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}
@keyframes spin{to{transform:rotate(1turn)}}
:where(.hh) .animate-spin{animation:spin 1s linear infinite}
@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}
:where(.hh) .animate-rotator{animation:rotator 1.4s infinite linear}
:where(.hh) .select-none{-webkit-user-select:none;user-select:none}
:where(.hh) .resize{resize:both}
:where(.hh) .col-span-6{grid-column:span 6/span 6}
:where(.hh) .col-span-full{grid-column:1/-1}
:where(.hh) .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.hh) .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.hh) .grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
:where(.hh) .flex-row{flex-direction:row}
:where(.hh) .flex-row-reverse{flex-direction:row-reverse}
:where(.hh) .flex-col{flex-direction:column}
:where(.hh) .flex-col-reverse{flex-direction:column-reverse}
:where(.hh) .flex-wrap{flex-wrap:wrap}
:where(.hh) .flex-nowrap{flex-wrap:nowrap}
:where(.hh) .items-start{align-items:flex-start}
:where(.hh) .items-end{align-items:flex-end}
:where(.hh) .items-baseline{align-items:baseline}
:where(.hh) .justify-start{justify-content:flex-start}
:where(.hh) .justify-end{justify-content:flex-end}
:where(.hh) .justify-center{justify-content:center}
:where(.hh) .justify-between{justify-content:space-between}
:where(.hh) .place-self-start{place-self:start}
:where(.hh) .place-self-end{place-self:end}
:where(.hh) .place-self-center{place-self:center}
:where(.hh) .align-self-start{align-self:flex-start}
:where(.hh) .align-self-end{align-self:flex-end}
:where(.hh) .align-self-center{align-self:center}
:where(.hh) .align-self-stretch{align-self:stretch}
:where(.hh) .shrink{flex-shrink:1}
:where(.hh) .shrink-0{flex-shrink:0}
:where(.hh) .grow{flex-grow:1}
:where(.hh) .grow-0{flex-grow:0}
:where(.hh) .gap-0{gap:0}
:where(.hh) .gap-0d5{gap:var(--sp-0d5)}
:where(.hh) .gap-1{gap:var(--sp-1)}
:where(.hh) .gap-1d5{gap:var(--sp-1d5)}
:where(.hh) .gap-2{gap:var(--sp-2)}
:where(.hh) .gap-2d5{gap:var(--sp-2d5)}
:where(.hh) .gap-3{gap:var(--sp-3)}
:where(.hh) .gap-3d5{gap:var(--sp-3d5)}
:where(.hh) .gap-4d5{gap:var(--sp-4d5)}
:where(.hh) .gap-5{gap:var(--sp-5)}
:where(.hh) .gap-5d5{gap:var(--sp-5d5)}
:where(.hh) .gap-6{gap:var(--sp-6)}
:where(.hh) .gap-6d5{gap:var(--sp-6d5)}
:where(.hh) .gap-7{gap:var(--sp-7)}
:where(.hh) .gap-7d5{gap:var(--sp-7d5)}
:where(.hh) .gap-8{gap:var(--sp-8)}
:where(.hh) .gap-9{gap:var(--sp-9)}
:where(.hh) .gap-10{gap:var(--sp-10)}
:where(.hh) .gap-12{gap:var(--sp-12)}
:where(.hh) .gap-14{gap:var(--sp-14)}
@media screen and (min-width:480px){:where(.hh) .sm\:hidden{display:none}
:where(.hh) .sm\:block{display:block}
:where(.hh) .sm\:flex{display:flex}
:where(.hh) .sm\:flex-row{flex-direction:row}
:where(.hh) .sm\:text-base{font-size:var(--text-base);line-height:1.6}
:where(.hh) .sm\:text-sm{font-size:var(--text-sm);line-height:1.6}
:where(.hh) .sm\:relative{position:relative}}
@media screen and (min-width:750px){:where(.hh) .md\:sticky{position:sticky}
:where(.hh) .md\:left-0{inset-inline-start:0}
:where(.hh) .md\:right-0{inset-inline-end:0}
:where(.hh) .md\:overflow-hidden{overflow:hidden}
:where(.hh) .md\:overflow-visible{overflow:visible}
:where(.hh) .md\:text-left{text-align:start}
:where(.hh) .md\:text-center{text-align:center}
:where(.hh) .md\:text-right{text-align:end}
:where(.hh) .md\:text-inherit{text-align:inherit}
:where(.hh) .md\:table-cell{display:table-cell}
:where(.hh) .md\:block{display:block}
:where(.hh) .md\:inline-block{display:inline-block}
:where(.hh) .md\:inline{display:inline}
:where(.hh) .md\:flex{display:flex}
:where(.hh) .md\:inline-flex{display:inline-flex}
:where(.hh) .md\:grid{display:grid}
:where(.hh) .md\:hidden{display:none}
:where(.hh) .md\:col-span-5{grid-column:span 5/span 5}
:where(.hh) .md\:col-span-6{grid-column:span 6/span 6}
:where(.hh) .md\:col-span-7{grid-column:span 7/span 7}
:where(.hh) .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.hh) .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.hh) .md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
:where(.hh) .md\:flex-row{flex-direction:row}
:where(.hh) .md\:flex-row-reverse{flex-direction:row-reverse}
:where(.hh) .md\:flex-col{flex-direction:column}
:where(.hh) .md\:flex-col-reverse{flex-direction:column-reverse}
:where(.hh) .md\:flex-wrap{flex-wrap:wrap}
:where(.hh) .md\:flex-nowrap{flex-wrap:nowrap}
:where(.hh) .md\:items-start{align-items:flex-start}
:where(.hh) .md\:items-end{align-items:flex-end}
:where(.hh) .md\:items-center{align-items:center}
:where(.hh) .md\:justify-start{justify-content:flex-start}
:where(.hh) .md\:justify-end{justify-content:flex-end}
:where(.hh) .md\:justify-center{justify-content:center}
:where(.hh) .md\:justify-between{justify-content:space-between}
:where(.hh) .md\:shrink{flex-shrink:1}
:where(.hh) .md\:grow{flex-grow:1}
:where(.hh) .md\:grow-0{flex-grow:0}
:where(.hh) .md\:gap-0{gap:0}
:where(.hh) .md\:gap-1{gap:var(--sp-1)}
:where(.hh) .md\:gap-1d5{gap:var(--sp-1d5)}
:where(.hh) .md\:gap-2{gap:var(--sp-2)}
:where(.hh) .md\:gap-3{gap:var(--sp-3)}
:where(.hh) .md\:gap-4{gap:var(--sp-4)}
:where(.hh) .md\:gap-5{gap:var(--sp-5)}
:where(.hh) .md\:gap-6{gap:var(--sp-6)}
:where(.hh) .md\:gap-7{gap:var(--sp-7)}
:where(.hh) .md\:gap-7d5{gap:var(--sp-7d5)}
:where(.hh) .md\:gap-8{gap:var(--sp-8)}
:where(.hh) .md\:gap-9{gap:var(--sp-9)}
:where(.hh) .md\:gap-10{gap:var(--sp-10)}
:where(.hh) .md\:gap-12{gap:var(--sp-12)}
:where(.hh) .md\:gap-14{gap:var(--sp-14)}
:where(.hh) .md\:text-5xl{font-size:var(--text-5xl);line-height:1.6}
:where(.hh) .md\:text-4xl{font-size:var(--text-4xl);line-height:1.6}
:where(.hh) .md\:text-3xl{font-size:var(--text-3xl);line-height:1.6}
:where(.hh) .md\:text-2xl{font-size:var(--text-2xl);line-height:1.6}
:where(.hh) .md\:text-xl{font-size:var(--text-xl);line-height:1.6}
:where(.hh) .md\:text-lg{font-size:var(--text-lg);line-height:1.6}
:where(.hh) .md\:text-base{font-size:var(--text-base);line-height:1.6}
:where(.hh) .md\:text-sm{font-size:var(--text-sm);line-height:1.6}
:where(.hh) .md\:text-xs{font-size:var(--text-xs);line-height:1.6}
:where(.hh) .md\:font-bold{font-weight:var(--font-bold)}
:where(.hh) .md\:font-medium{font-weight:var(--font-medium)}
:where(.hh) .md\:opacity-0{opacity:0}
:where(.hh) .md\:w-full{width:100%}
:where(.hh) .md\:w-fit{width:fit-content}}
@media screen and (min-width:990px){:where(.hh) .lg\:sticky{position:sticky}
:where(.hh) .lg\:left-0{inset-inline-start:0}
:where(.hh) .lg\:right-0{inset-inline-end:0}
:where(.hh) .lg\:overflow-hidden{overflow:hidden}
:where(.hh) .lg\:overflow-visible{overflow:visible}
:where(.hh) .lg\:text-left{text-align:start}
:where(.hh) .lg\:text-center{text-align:center}
:where(.hh) .lg\:text-right{text-align:end}
:where(.hh) .lg\:text-inherit{text-align:inherit}
:where(.hh) .lg\:table-cell{display:table-cell}
:where(.hh) .lg\:block{display:block}
:where(.hh) .lg\:inline-block{display:inline-block}
:where(.hh) .lg\:inline{display:inline}
:where(.hh) .lg\:flex{display:flex}
:where(.hh) .lg\:inline-flex{display:inline-flex}
:where(.hh) .lg\:grid{display:grid}
:where(.hh) .lg\:hidden{display:none}
:where(.hh) .lg\:col-span-5{grid-column:span 5/span 5}
:where(.hh) .lg\:col-span-6{grid-column:span 6/span 6}
:where(.hh) .lg\:col-span-7{grid-column:span 7/span 7}
:where(.hh) .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.hh) .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.hh) .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
:where(.hh) .lg\:flex-row{flex-direction:row}
:where(.hh) .lg\:flex-row-reverse{flex-direction:row-reverse}
:where(.hh) .lg\:flex-col{flex-direction:column}
:where(.hh) .lg\:flex-col-reverse{flex-direction:column-reverse}
:where(.hh) .lg\:flex-wrap{flex-wrap:wrap}
:where(.hh) .lg\:flex-nowrap{flex-wrap:nowrap}
:where(.hh) .lg\:items-start{align-items:flex-start}
:where(.hh) .lg\:items-end{align-items:flex-end}
:where(.hh) .lg\:items-center{align-items:center}
:where(.hh) .lg\:justify-start{justify-content:flex-start}
:where(.hh) .lg\:justify-end{justify-content:flex-end}
:where(.hh) .lg\:justify-center{justify-content:center}
:where(.hh) .lg\:justify-between{justify-content:space-between}
:where(.hh) .lg\:shrink{flex-shrink:1}
:where(.hh) .lg\:grow{flex-grow:1}
:where(.hh) .lg\:grow-0{flex-grow:0}
:where(.hh) .lg\:gap-0{gap:0}
:where(.hh) .lg\:gap-1{gap:var(--sp-1)}
:where(.hh) .lg\:gap-1d5{gap:var(--sp-1d5)}
:where(.hh) .lg\:gap-2{gap:var(--sp-2)}
:where(.hh) .lg\:gap-3{gap:var(--sp-3)}
:where(.hh) .lg\:gap-4{gap:var(--sp-4)}
:where(.hh) .lg\:gap-5{gap:var(--sp-5)}
:where(.hh) .lg\:gap-6{gap:var(--sp-6)}
:where(.hh) .lg\:gap-7{gap:var(--sp-7)}
:where(.hh) .lg\:gap-7d5{gap:var(--sp-7d5)}
:where(.hh) .lg\:gap-8{gap:var(--sp-8)}
:where(.hh) .lg\:gap-9{gap:var(--sp-9)}
:where(.hh) .lg\:gap-10{gap:var(--sp-10)}
:where(.hh) .lg\:gap-12{gap:var(--sp-12)}
:where(.hh) .lg\:gap-14{gap:var(--sp-14)}
:where(.hh) .lg\:text-5xl{font-size:var(--text-5xl);line-height:1.6}
:where(.hh) .lg\:text-4xl{font-size:var(--text-4xl);line-height:1.6}
:where(.hh) .lg\:text-3xl{font-size:var(--text-3xl);line-height:1.6}
:where(.hh) .lg\:text-2xl{font-size:var(--text-2xl);line-height:1.6}
:where(.hh) .lg\:text-xl{font-size:var(--text-xl);line-height:1.6}
:where(.hh) .lg\:text-lg{font-size:var(--text-lg);line-height:1.6}
:where(.hh) .lg\:text-base{font-size:var(--text-base);line-height:1.6}
:where(.hh) .lg\:text-sm{font-size:var(--text-sm);line-height:1.6}
:where(.hh) .lg\:text-xs{font-size:var(--text-xs);line-height:1.6}
:where(.hh) .lg\:font-bold{font-weight:var(--font-bold)}
:where(.hh) .lg\:font-medium{font-weight:var(--font-medium)}
:where(.hh) .lg\:font-heading{font-weight:var(--font-heading-weight)}
:where(.hh) .lg\:opacity-0{opacity:0}
:where(.hh) .lg\:w-full{width:100%}
:where(.hh) .lg\:w-fit{width:fit-content}}
@media screen and (min-width:1200px){:where(.hh) .xl\:sticky{position:sticky}
:where(.hh) .xl\:left-0{inset-inline-start:0}
:where(.hh) .xl\:right-0{inset-inline-end:0}
:where(.hh) .xl\:overflow-hidden{overflow:hidden}
:where(.hh) .xl\:overflow-visible{overflow:visible}
:where(.hh) .xl\:text-left{text-align:start}
:where(.hh) .xl\:text-center{text-align:center}
:where(.hh) .xl\:text-right{text-align:end}
:where(.hh) .xl\:text-inherit{text-align:inherit}
:where(.hh) .xl\:table-cell{display:table-cell}
:where(.hh) .xl\:block{display:block}
:where(.hh) .xl\:inline-block{display:inline-block}
:where(.hh) .xl\:inline{display:inline}
:where(.hh) .xl\:flex{display:flex}
:where(.hh) .xl\:inline-flex{display:inline-flex}
:where(.hh) .xl\:grid{display:grid}
:where(.hh) .xl\:hidden{display:none}
:where(.hh) .xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
:where(.hh) .xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
:where(.hh) .xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
:where(.hh) .xl\:flex-row{flex-direction:row}
:where(.hh) .xl\:flex-row-reverse{flex-direction:row-reverse}
:where(.hh) .xl\:flex-col{flex-direction:column}
:where(.hh) .xl\:flex-col-reverse{flex-direction:column-reverse}
:where(.hh) .xl\:flex-wrap{flex-wrap:wrap}
:where(.hh) .xl\:flex-nowrap{flex-wrap:nowrap}
:where(.hh) .xl\:items-start{align-items:flex-start}
:where(.hh) .xl\:items-end{align-items:flex-end}
:where(.hh) .xl\:items-center{align-items:center}
:where(.hh) .xl\:justify-start{justify-content:flex-start}
:where(.hh) .xl\:justify-end{justify-content:flex-end}
:where(.hh) .xl\:justify-center{justify-content:center}
:where(.hh) .xl\:justify-between{justify-content:space-between}
:where(.hh) .xl\:shrink{flex-shrink:1}
:where(.hh) .xl\:grow{flex-grow:1}
:where(.hh) .xl\:grow-0{flex-grow:0}
:where(.hh) .xl\:gap-0{gap:0}
:where(.hh) .xl\:gap-1{gap:var(--sp-1)}
:where(.hh) .xl\:gap-1d5{gap:var(--sp-1d5)}
:where(.hh) .xl\:gap-2{gap:var(--sp-2)}
:where(.hh) .xl\:gap-3{gap:var(--sp-3)}
:where(.hh) .xl\:gap-4{gap:var(--sp-4)}
:where(.hh) .xl\:gap-5{gap:var(--sp-5)}
:where(.hh) .xl\:gap-6{gap:var(--sp-6)}
:where(.hh) .xl\:gap-7{gap:var(--sp-7)}
:where(.hh) .xl\:gap-7d5{gap:var(--sp-7d5)}
:where(.hh) .xl\:gap-8{gap:var(--sp-8)}
:where(.hh) .xl\:gap-9{gap:var(--sp-9)}
:where(.hh) .xl\:gap-10{gap:var(--sp-10)}
:where(.hh) .xl\:gap-12{gap:var(--sp-12)}
:where(.hh) .xl\:gap-14{gap:var(--sp-14)}
:where(.hh) .xl\:text-5xl{font-size:var(--text-5xl);line-height:1.6}
:where(.hh) .xl\:text-4xl{font-size:var(--text-4xl);line-height:1.6}
:where(.hh) .xl\:text-3xl{font-size:var(--text-3xl);line-height:1.6}
:where(.hh) .xl\:text-2xl{font-size:var(--text-2xl);line-height:1.6}
:where(.hh) .xl\:text-xl{font-size:var(--text-xl);line-height:1.6}
:where(.hh) .xl\:text-lg{font-size:var(--text-lg);line-height:1.6}
:where(.hh) .xl\:text-base{font-size:var(--text-base);line-height:1.6}
:where(.hh) .xl\:text-sm{font-size:var(--text-sm);line-height:1.6}
:where(.hh) .xl\:text-xs{font-size:var(--text-xs);line-height:1.6}
:where(.hh) .xl\:font-bold{font-weight:var(--font-bold)}
:where(.hh) .xl\:font-medium{font-weight:var(--font-medium)}
:where(.hh) .xl\:opacity-0{opacity:0}
:where(.hh) .xl\:w-full{width:100%}
:where(.hh) .xl\:w-fit{width:fit-content}}
:where(.hh) .rte>p:first-child{margin-top:0}
:where(.hh) .rte>p:last-child{margin-bottom:0}
:where(.hh) .rte>p[data-spam-detection-disclaimer]{margin:2rem 0}
:where(.hh) .rte table{table-layout:fixed}
@media screen and (min-width:750px){:where(.hh) .rte table td{padding-inline-start:1.2rem;padding-inline-end:1.2rem}}
:where(.hh) .rte img{height:auto;max-width:100%}
:where(.hh) .rte cite{display:block}
:where(.hh) .rte ul{padding-inline-start:2rem}
:where(.hh) .rte li{margin-bottom:.5rem;list-style:inherit}
:where(.hh) .rte li:last-child{margin-bottom:0}
:where(.hh) .rte a{color:rgb(var(--color-link));font-size:inherit;position:relative;cursor:pointer;padding-bottom:.2rem;text-decoration:none;background-color:transparent;background-image:linear-gradient(to top,rgb(var(--color-link)) 0px 0px),linear-gradient(to top,rgb(var(--color-border)) 0px 0px);background-repeat:no-repeat;background-position:right bottom,right bottom;background-size:0% .1rem,100% .1rem;transition-property:background-size;transition-timing-function:ease;transition-duration:var(--duration-default)}
@media screen and (hover:hover){:where(.hh) .rte a:hover{background-position:left bottom,left bottom;background-size:100% .1rem,100% .1rem}}
:where(.hh) .rte blockquote{display:inline-flex}
:where(.hh) .rte blockquote>*{margin:-.5rem 0}
:where(.hh) .accordion summary{line-height:1;padding:1.5rem 0}
:where(.hh) .accordion .summary__title{display:flex;flex:1}
:where(.hh) .accordion+.accordion{margin-top:0;border-top:none}
:where(.hh) .accordion{display:block;margin-top:2.5rem;margin-bottom:0;border-top:.1rem solid rgb(var(--color-border));border-bottom:.1rem solid rgb(var(--color-border))}
:where(.hh) .accordion__title{display:inline-block;max-width:calc(100% - 6rem);min-height:1.6rem;margin:0;word-break:break-word}
:where(.hh) .accordion .summary__title .icon{flex:0 0 auto;align-self:center;fill:rgb(var(--color-foreground));width:1.6rem;height:1.6rem;margin-inline-end:1.2rem}
:where(.hh) .accordion details[open]>summary .icon-caret{transform:scaleY(-1)}
:where(.hh) .accordion__content{padding-bottom:1.5rem;word-break:break-word}
:where(.hh) .accordion__content img{max-width:100%}
:where(.hh) .price{display:flex;font-size:1.4rem;font-weight:400;letter-spacing:.1rem;color:var(--color-price)}
:where(.hh) .price.price--unavailable{visibility:hidden}
:where(.hh) .price--end{justify-content:flex-end}
:where(.hh) .price bdi{line-height:1;font-size:calc(var(--font-price-scale) * 1.8rem);font-family:var(--font-price-family)}
:where(.hh) .price .price__prefix{font-size:70%;margin-inline-start:.3rem;margin-inline-end:.3rem}
:where(.hh) .price .price__suffix{font-size:60%;line-height:calc(1 + .6 / var(--font-price-scale));margin-inline-start:.1rem}
:where(.hh) .price price-money+price-money:before{content:"\2013";margin-inline-end:.7rem}
:where(.hh) .price dl{margin:0;display:inline-flex;flex-direction:column}
:where(.hh) .price dd{margin-inline-start:0;margin-inline-end:.7rem}
:where(.hh) .price .price__last:last-of-type{margin:0}
@media screen and (min-width:750px){:where(.hh) .price{margin-bottom:0}}
:where(.hh) .price--sold-out .price__availability,:where(.hh) .price__regular{display:block}
:where(.hh) .price__sale,:where(.hh) .price__availability,:where(.hh) .price .price__badge-sale,:where(.hh) .price .price__badge-sold-out,:where(.hh) .price--on-sale .price__regular,:where(.hh) .price--on-sale .price__availability,:where(.hh) .price--no-compare .price__compare{display:none}
:where(.hh) .price--sold-out .price__badge-sold-out,:where(.hh) .price--on-sale .price__badge-sale{display:inline-flex}
:where(.hh) .price--on-sale .price__sale{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end}
:where(.hh) .price--center{display:flex;justify-content:center}
:where(.hh) .price--on-sale .price-item--regular{text-decoration:none;position:relative;color:rgba(var(--color-foreground),.7)}
:where(.hh) .price--on-sale .price-item--regular:before{content:"";position:absolute;left:0;top:50%;width:100%;border-bottom:.1rem solid var(--color-sale-price);opacity:.7;transform:rotate(-15deg)}
:where(.hh) .price--on-sale .price-item--regular bdi{font-weight:300;font-size:1.4rem}
:where(.hh) .price--on-sale .price-item--sale{color:var(--color-sale-price)}
:where(.hh) .unit-price{margin-top:.6rem;color:rgba(var(--color-foreground),.7);font-size:calc(var(--font-heading-scale) * 1.3rem)}
:where(.hh) .unit-price bdi{font-weight:400;font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 1.3rem)}
:where(.hh) .card{display:block;overflow:hidden;text-decoration:none;border-radius:var(--card-radius)}
:where(.hh) .card+.card-information{padding-top:.6rem;display:flex;justify-content:center;position:relative}
:where(.hh) .card.card--soft{background-color:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}
:where(.hh) .card__text{display:flex;align-items:center}
:where(.hh) .card .icon-arrow{width:1.5rem;height:1.5rem}
:where(.hh) .card .icon-wrap{display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden}
:where(.hh) .card--media{display:block;text-decoration:none}
:where(.hh) .card--text .media--adapt{padding-bottom:100%}
:where(.hh) .card--product,:where(.hh) .card--page{box-sizing:border-box;position:relative;z-index:2;overflow:visible;border:var(--card-border-width) solid rgb(var(--color-border));background-color:rgb(var(--card-color-scheme));box-shadow:var(--card-shadow-horizontal-offset) var(--card-shadow-vertical-offset) rgba(var(--color-shadow),var(--shadow-opacity))}
:where(.hh) .card--product+.card-information,:where(.hh) .card--page+.card-information{text-align:var(--card-text-alignment)}
:where(.hh) .card--product+.card-information .price,:where(.hh) .card--product+.card-information .card-information__top{justify-content:var(--card-flex-alignment)}
:where(.hh) .card--outline{border:.1rem solid rgb(var(--color-border))}
:where(.hh) .card__text-spacing{padding:3rem}
:where(.hh) .card-colored{background-color:rgba(var(--color-foreground),.06)}
:where(.hh) .card--media .card__text-spacing{padding:1.5rem 2rem;z-index:1;position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:row;align-items:flex-end;line-height:1.1;color:rgb(var(--color-background));--color-link: currentColor;--color-border: currentColor;--color-heading: currentColor;--color-price: currentColor}
:where(.hh) .card--media .card__text-spacing:after{content:"";pointer-events:none;z-index:-1;position:absolute;top:0;left:0;height:100%;width:100%;background-image:linear-gradient(to top,rgba(var(--color-foreground),.46) 0,transparent 40%,transparent 100%)}
@media screen and (min-width:750px){:where(.hh) .card--media .card__text-spacing{padding:2rem 3rem}}
:where(.hh) .card--media .card__text-spacing>div{display:flex;flex-direction:column-reverse}
:where(.hh) .card-information>*+*{margin-top:.5rem}
:where(.hh) .card--product+.card-information>*+*{margin-top:0}
:where(.hh) .card--text .card__media{width:100%;height:100%}
:where(.hh) .card__content>*{margin:0}
:where(.hh) .card--text .card__content,:where(.hh) .card--text:not(.card--product)+.card-information{display:flex;align-items:center;justify-content:flex-start;z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;padding:1.5rem 2rem}
@media screen and (min-width:750px){:where(.hh) .card--text .card__content,:where(.hh) .card--text:not(.card--product)+.card-information{padding:2rem 3rem}}
:where(.hh) .card--text .media:empty{display:block}
:where(.hh) .card__text-spacing>*{margin:0}
:where(.hh) .card__text-spacing>*:not(.overlay-card)+*{margin-top:1.5rem}
:where(.hh) .card__text{margin:0;word-break:break-word}
:where(.hh) .card--text .card__text{text-align:center}
:where(.hh) .card__text-spacing .card-information__text{padding-bottom:0}
:where(.hh) .card-information__text{font-weight:400;text-decoration:none;padding-bottom:.2rem;color:rgb(var(--color-link))}
:where(.hh) .card-information__text small{padding-inline-start:.4rem;color:rgba(var(--color-foreground),.7)}
:where(.hh) .card-information__button{pointer-events:none;display:flex;justify-content:flex-end;column-gap:1rem;text-align:center;position:absolute;bottom:100%;z-index:2;white-space:nowrap;height:3.6rem;margin-top:0;overflow:hidden;transform:translateY(-1.5rem);width:calc(100% - 3rem)}
:where(.hh) .card-information__button .button:not(.loading){pointer-events:visible}
:where(.hh) .card-information__button .countdown{flex:1 1 auto;display:flex;align-items:center;justify-content:center;column-gap:1rem;font-family:var(--font-button-family);font-size:max(calc(var(--font-button-size) - 2px),1.2rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));font-weight:600;letter-spacing:.2em;padding:.6rem 2rem;padding-top:calc(.6rem + var(--font-button-baseline));background-color:var(--color-sale-price);color:rgb(var(--color-background));border-radius:min(var(--button-radius),.8rem)}
:where(.hh) .card-information__button .countdown__item{width:auto;flex:none;padding:0;border-inline-start:none;color:inherit;font-family:inherit}
:where(.hh) .card-information__button .countdown__item span{color:inherit}
:where(.hh) .card-information__button .button .icon{width:1.6rem;height:1.6rem;stroke-width:1.2}
@media screen and (hover:hover)and (min-width:750px){:where(.hh) .card-information__button{height:4rem}
:where(.hh) .card-information__button .button{display:flex;min-width:auto;width:100%;box-shadow:none;border-radius:min(var(--button-radius),.8rem);transform:translateY(100%);opacity:0;transition:color var(--duration-long) ease,transform var(--duration-default) ease,opacity var(--duration-default) ease;will-change:transform}
:where(.hh) .card-information__button .button .icon{display:none}}
@media screen and (min-width:750px){:where(.hh) .no-js .card-information__button .button:not(.button--soldout){display:none}
:where(.hh) .card-information__button .countdown{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;transition:opacity var(--duration-default) ease}}
@media screen and (hover:none)and (min-width:750px){:where(.hh) .card-information__button.with-countdown .countdown{width:calc(100% - 1.8rem)}}
@media screen and (max-width:480px){:where(.hh) .product-grid:not(.flex-grid--1-col-mobile) .card-information__button .countdown{display:none}}
@media screen and (hover:none)and (max-width:1366px),screen and (max-width:749px){:where(.hh) .card-information__button .button{text-indent:-9999px;flex:0 0 auto;width:3.6rem;min-height:3.6rem;min-width:auto;padding:0;border-radius:50%;box-shadow:none}}
@media screen and (max-width:749px){:where(.hh) .card-information__button .button.loading:after{border-width:.1rem;width:2rem;height:2rem;margin-top:-1rem;margin-left:-1rem}}
:where(.hh) .card-information__wrapper{width:100%;line-height:calc(1 + .4 / var(--font-body-scale))}
:where(.hh) .card-information__wrapper .caption-with-letter-spacing{margin-bottom:.6rem;display:block}
:where(.hh) .card-information__wrapper>*:not(.visually-hidden:first-child)+*{margin-top:.6rem}
:where(.hh) .card-information__wrapper .caption{letter-spacing:.07rem}
:where(.hh) .card-wrapper{color:inherit;display:block;position:relative;text-decoration:none}
:where(.hh) .card-wrapper:focus-within .card{box-shadow:none}
:where(.hh) .card-wrapper .full-unstyled-link{display:none}
:where(.hh) .card__media{padding:var(--card-image-padding);border-radius:calc(var(--card-radius) - var(--card-border-width) - var(--card-image-padding))}
:where(.hh) .card__media-full-spacer{padding:2rem}
:where(.hh) .card-article-info{margin-top:1rem;display:flex;flex-wrap:wrap}
:where(.hh) .card__badge{display:flex;flex-direction:column;grid-row-gap:1rem;position:absolute;top:1rem;left:1rem;z-index:2;max-width:50%;pointer-events:none}
:where(.hh) .card-wrapper:hover .card-information__button .button{opacity:1;transform:translateY(0)}
:where(.hh) .card-wrapper:hover .card-information__button .countdown{opacity:0}
@media screen and (min-width:990px){:where(.hh) .card-wrapper .full-unstyled-link{display:flex}
:where(.hh) .card .media.media--hover-effect>picture:only-child,:where(.hh) .card .media.media--hover-effect>picture+picture,:where(.hh) .card-wrapper .media.media--hover-effect>picture:only-child:only-child{transition-property:transform,opacity}
:where(.hh) .card:hover .media.media--hover-effect>picture:first-child:only-child{transform:scale(1.03)}
:where(.hh) .card:hover .media.media--hover-effect>picture+picture{opacity:1;pointer-events:auto;transition-property:opacity,transform;transform:scale(1.03)}
:where(.hh) .card-information__text{display:inline}
:where(.hh) .card--search picture{transition:transform var(--duration-default) ease}
:where(.hh) .card-wrapper:hover .card--search picture{transform:scale(1.05)}
:where(.hh) .card-wrapper:hover .card__heading{text-decoration:underline;text-underline-offset:.3rem}}
@media screen and (hover:hover){:where(.hh) .card-information__text{background-image:linear-gradient(to top,rgb(var(--color-border)) 0 0),linear-gradient(to top,transparent 0,transparent 0);background-repeat:no-repeat;background-position:right bottom;background-size:0 .1rem,100% .1rem;transition:background-size var(--duration-default) ease}
:where(.hh) .card-wrapper:hover .card-information__text{background-position:left bottom;background-size:100% .1rem,100% .1rem}}
:where(.hh) .product-grid .badge--soldout{display:none}
:where(.hh) .product-grid .card-information .button--soldout{pointer-events:none;display:inline-flex;transform:none;box-shadow:none;border:none;opacity:1;background-color:rgba(var(--color-foreground),.5);color:rgb(var(--color-background));border-radius:var(--button-radius);text-indent:unset;width:100%;padding:.6rem 2rem;padding-top:calc(.6rem + var(--font-button-baseline))}
:where(.hh) .card-information__button.is-expanded{height:auto;width:100%;max-width:100%;transform:translateY(0)}
:where(.hh) .card-information__button .card__swatches{padding:2rem;border:none;cursor:unset;font-weight:inherit;background-color:rgba(var(--color-background),.95)}
:where(.hh) .card-information__button .card__swatches:before,:where(.hh) .card-information__button .card__swatches:after{content:none}
:where(.hh) .card-information__button .card__swatches .variant-input-wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;border:none;margin:0;padding:0}
:where(.hh) .card-information__button .card__swatches .swatch{box-shadow:inset 0 0 0 .1rem rgb(var(--color-border));color:rgb(var(--color-foreground));padding:.6rem;min-width:3.4rem;min-height:3.4rem;font-size:1.4rem;letter-spacing:.1rem;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;z-index:1;transition-property:color,box-shadow;transition-timing-function:ease;transition-duration:var(--duration-default);border-radius:min(var(--button-radius),.2rem)}
:where(.hh) .card-information__button .card__swatches .swatch:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transition:background-color var(--duration-long) ease}
@media screen and (hover:hover){:where(.hh) .card-information__button .card__swatches .swatch:not(.disabled):not(.loading):hover{box-shadow:inset 0 0 0 .2rem rgb(var(--color-foreground))}}
:where(.hh) .card-information__button .card__swatches .swatch.disabled{cursor:not-allowed;color:rgb(var(--color-border))}
:where(.hh) .card-information__button .card__swatches .swatch.disabled:before{content:"";position:absolute;left:.5rem;top:50%;width:calc(100% - 1rem);border-bottom:.1rem solid rgb(var(--color-border));transform:rotate(-30deg)}
:where(.hh) .card-information__button .card__swatches .swatch.loading{color:transparent;cursor:progress}
:where(.hh) .card-information__button .card__swatches .swatch.loading:before{content:"";display:block;position:absolute;z-index:1;top:50%;left:50%;margin-top:-1rem;margin-left:-1rem;animation:by-loading var(--duration-long) infinite linear;border:.1rem solid transparent;border-inline-start:.1rem solid rgb(var(--color-foreground));border-radius:100%;height:2rem;width:2rem}
:where(.hh) .card-information__top{display:flex;justify-content:space-between}
:where(.hh) .card-media-video .deferred-media__poster{display:flex;align-items:center;justify-content:center;height:100%}
:where(.hh) .card-media-video .deferred-media__poster-button{height:4.4rem;width:4.4rem;border-radius:50%}
:where(.hh) .card-media-video .deferred-media__poster-button .icon{width:1.6rem;height:1.6rem}
:where(.hh) .card-media-video-wrapper{width:100%;height:100%}
:where(.hh) .card-media-video{width:100%;height:100%;display:block;position:relative}
:where(.hh) .card-media-video.deferred-media[loaded]>.deferred-media__poster{display:block;visibility:hidden}
:where(.hh) .card-media-video video,:where(.hh) .card-media-video iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}
@media screen and (min-width:750px){:where(.hh) .cursor--drag[is=scroll-snap-slider] .card__media{cursor:grab}
:where(.hh) .cursor--drag.-dragging[is=scroll-snap-slider] .card__media{cursor:grabbing}}
:where(.hh) .rich-text{background:var(--gradient-background);background-color:rgb(var(--color-background))}
:where(.hh) .rich-text__blocks.right .rich-text__text{margin-inline-start:auto}
:where(.hh) .rich-text__blocks.center .rich-text__text{margin-inline-start:auto;margin-inline-end:auto}
:where(.hh) .rich-text__blocks *{overflow-wrap:break-word}
:where(.hh) .rich-text__blocks>*{margin-top:0;margin-bottom:0}
:where(.hh) .rich-text__blocks>*+*{margin-top:2rem}
:where(.hh) .rich-text__blocks>*+a{margin-top:3rem}
:where(.hh) .rich-text__blocks .h0+.h0,:where(.hh) .rich-text__blocks .h1+.h1{margin-top:0}
:where(.hh) .rich-text__blocks>:first-child:is(.rich-text__heading),:where(.hh) .rich-text__blocks>:first-child:is(.rich-text__subheading){margin-top:0}
:where(.hh) .rich-text__text{max-width:72.6rem}
:where(.hh) .rich-text__text--colored{color:rgb(var(--color-foreground))}
:where(.hh) .rich-text__text--colored.rte a{color:rgb(var(--color-link));background-image:linear-gradient(to top,rgb(var(--color-border)) 0px 0px),linear-gradient(to top,transparent 0px,transparent 0px)}
@media screen and (max-width:749px){:where(.hh) .rich-text__blocks.mobile-center .button{min-width:60%}}
@media screen and (max-width:480px){:where(.hh) .rich-text__blocks .button{width:100%}}
:where(.hh) .rich-text__heading{margin-bottom:0;line-height:1.2;letter-spacing:.02em}
:where(.hh) .rich-text__subheading+.rich-text__heading{margin-top:.5rem}
:where(.hh) .rich-text__subheading{letter-spacing:.2em;text-transform:uppercase;line-height:1.25;margin-bottom:0}
:where(.hh) .rich-text__subheading--colored{color:rgb(var(--color-heading))}
:where(.hh) .rich-text--colored{padding-inline-start:1.5rem;padding-inline-end:1.5rem}
@media screen and (min-width:750px){:where(.hh) .rich-text__subheading.h5{font-size:calc(var(--font-heading-scale) * 1.2rem)}
:where(.hh) .rich-text--colored{padding-inline-start:5rem;padding-inline-end:5rem}
:where(.hh) .rich-text--horizontal .rich-text__blocks{display:flex;align-items:center;column-gap:1.5rem;flex-wrap:wrap;row-gap:2rem}
:where(.hh) .rich-text--horizontal .rich-text__blocks.center{justify-content:center}
:where(.hh) .rich-text--horizontal .rich-text__blocks.right{justify-content:flex-end}
:where(.hh) .rich-text--horizontal .rich-text__blocks>*,:where(.hh) .rich-text--horizontal .rich-text__blocks.center .rich-text__text,:where(.hh) .rich-text--horizontal .rich-text__blocks.right .rich-text__text{margin:0}
:where(.hh) .rich-text--horizontal .rich-text__blocks .button-group{min-width:auto}}
:where(.hh) .scrolling-promotion{display:flex;align-items:center;overflow:hidden;color:rgb(var(--color-foreground));background:var(--gradient-background);background-color:rgb(var(--color-background));transform:translateZ(0);backface-visibility:hidden}
:where(.hh) .scrolling-promotion .promotion{flex:0 0 auto;display:flex;align-items:center}
:where(.hh) .scrolling-promotion .promotion img,:where(.hh) .scrolling-promotion .promotion svg{max-width:100%;width:auto;height:calc(var(--image-height) * .75)}
:where(.hh) .scrolling-promotion .promotion--animated{animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--duration);animation-play-state:running;width:max-content;will-change:transform,width}
:where(.hh) .scrolling-promotion--left .promotion--animated{animation-name:scrolling-left}
:where(.hh) .scrolling-promotion--right .promotion--animated{animation-name:scrolling-right}
@media screen and (hover:hover){:where(.hh) .scrolling-promotion:hover .promotion--animated{animation-play-state:paused}}
:where(.hh) .scrolling-promotion--paused .promotion--animated{animation-play-state:paused}
:where(.hh) .scrolling-promotion .promotion__item{margin:0 1.5rem;display:flex;align-items:center;flex-direction:column;row-gap:1rem;--icon-height: 2.6rem}
:where(.hh) .scrolling-promotion .promotion-icon--small{--icon-height: 2rem}
:where(.hh) .scrolling-promotion .promotion-icon--large{--icon-height: 3.2rem}
:where(.hh) .scrolling-promotion .promotion__text{color:inherit;line-height:1;white-space:nowrap;font-size:calc(var(--font-size) * .75)}
@media screen and (min-width:750px){:where(.hh) .scrolling-promotion .promotion img,:where(.hh) .scrolling-promotion .promotion svg{max-width:100%;height:var(--image-height)}
:where(.hh) .scrolling-promotion .promotion__item{margin:0 2.5rem}
:where(.hh) .scrolling-promotion .promotion__text{font-size:var(--font-size)}}
:where(.hh) .scrolling-promotion .promotion__link{color:rgb(var(--color-link));text-decoration:none}
:where(.hh) .scrolling-promotion .media-wrapper:not(.loading){background-color:transparent}
@keyframes scrolling-left{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(-100%,0,0)}}
@keyframes scrolling-right{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}
:where(.hh) .scrolling-promotion .promotion__icon{display:inline-flex;line-height:0}
:where(.hh) .promotion-icon--colored .promotion__icon{width:calc(var(--icon-height) + 3rem);height:calc(var(--icon-height) + 3rem);border-radius:50%;align-items:center;justify-content:center;background-color:rgb(var(--color-icon))}
:where(.hh) .scrolling-promotion .promotion__icon svg,:where(.hh) .scrolling-promotion .promotion__icon img{width:auto;height:var(--icon-height);max-width:var(--icon-height);fill:currentColor}
:where(.hh) .image-with-text__grid{background:var(--gradient-background);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground))}
@media screen and (min-width:750px){:where(.hh) .image-with-text__grid--reverse{flex-direction:row-reverse}
:where(.hh) .image-with-text--alt .image-with-text__grid--reverse .image-with-text__content{padding-inline-start:0}
:where(.hh) .image-with-text--alt .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content{padding-inline-end:0}
:where(.hh) .image-with-text--alt.page-width--full-width .image-with-text__grid--reverse .image-with-text__content{padding-inline-start:5rem}
:where(.hh) .image-with-text--alt.page-width--full-width .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content{padding-inline-end:5rem}}
:where(.hh) .image-with-text .media--placeholder{background-color:rgba(var(--color-foreground),.06);position:relative;overflow:hidden}
:where(.hh) .image-with-text .media--placeholder.media--adapt{height:20rem}
@media screen and (min-width:750px){:where(.hh) .image-with-text .media--placeholder.media--adapt{height:30rem}}
:where(.hh) .image-with-text .media--placeholder>svg{position:absolute;left:50%;max-width:80rem;top:50%;transform:translate(-50%,-50%);width:100%;fill:currentColor}
:where(.hh) .image-with-text__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%;padding-top:3rem}
:where(.hh) .image-with-text--colored .image-with-text__content{padding:3rem 1.5rem}
@media screen and (min-width:750px){:where(.hh) .image-with-text .image-with-text__content{padding:5rem}
:where(.hh) .image-with-text__content.center{align-items:center;margin-inline-start:auto;margin-inline-end:auto}
:where(.hh) .image-with-text__content.center .card--product+.card-information .card-information__top{justify-content:center}
:where(.hh) .image-with-text__content.right{align-items:flex-end;margin-inline-start:auto}
:where(.hh) .image-with-text__content.right .card--product+.card-information .card-information__top{justify-content:flex-end}
:where(.hh) .image-with-text__content.middle{justify-content:center}
:where(.hh) .image-with-text__content.bottom{justify-content:flex-end}}
@media screen and (min-width:990px){:where(.hh) .image-with-text .image-with-text__content{max-width:64rem;padding-inline-start:7rem;padding-inline-end:7rem}}
@media screen and (min-width:1320px){:where(.hh) .image-with-text .image-with-text__content{max-width:66rem;padding-inline-start:10rem;padding-inline-end:10rem}
:where(.hh) .image-with-text .image-with-text__grid--reverse .image-with-text__content{max-width:72rem}}
@media screen and (max-width:749px){:where(.hh) .image-with-text__grid-mobile--reverse{flex-direction:column-reverse}
:where(.hh) .image-with-text__grid-mobile--no-image .flex-grid__item:first-child{display:none}
:where(.hh) .image-with-text__content.mobile-center{align-items:center}
:where(.hh) .image-with-text__content.mobile-right{align-items:flex-end}
:where(.hh) .image-with-text__content.mobile-center .button{min-width:60%}
:where(.hh) .page-width--full-width .image-with-text__content{padding-inline-start:1.5rem;padding-inline-end:1.5rem}
:where(.hh) .image-with-text__grid-mobile--overlap{position:relative;background-color:transparent}
:where(.hh) .image-with-text__grid-mobile--overlap .media-wrapper{z-index:-1}
:where(.hh) .image-with-text__grid-mobile--overlap .image-with-text__content{position:absolute;top:0;left:0;width:100%;height:100%;justify-content:flex-end}}
@media screen and (max-width:480px){:where(.hh) .image-with-text__content .button{width:100%}}
:where(.hh) .image-with-text__content>*+*{margin-top:2rem}
:where(.hh) .image-with-text__content>*+:is(.image-with-text__heading){margin-top:.5rem}
:where(.hh) .image-with-text__content>*+:is(.image-with-text__heading)+:is(.image-with-text__heading){margin-top:0}
:where(.hh) .image-with-text__content>.image-with-text__text:empty~a{margin-top:2rem}
:where(.hh) .image-with-text__content>:first-child:is(.image-with-text__heading),:where(.hh) .image-with-text__content>:first-child:is(.image-with-text__subheading){margin-top:0}
:where(.hh) .image-with-text__content :last-child:is(.image-with-text__heading){margin-bottom:0}
:where(.hh) .image-with-text__content :last-child:is(.button-group){margin-top:3rem;margin-bottom:.1rem}
:where(.hh) .image-with-text__content .button+.image-with-text__text{margin-top:5rem}
:where(.hh) .image-with-text__heading{margin-bottom:0}
:where(.hh) .image-with-text__subheading{letter-spacing:.2em;text-transform:uppercase;line-height:1.25;margin-bottom:0}
:where(.hh) .image-with-text__subheading--colored{color:rgb(var(--color-heading))}
:where(.hh) .image-with-text__text--colored{color:rgb(var(--color-foreground))}
:where(.hh) .image-with-text__text--colored.rte a{color:rgb(var(--color-link));background-image:linear-gradient(to top,rgb(var(--color-border)) 0px 0px),linear-gradient(to top,transparent 0px,transparent 0px)}
:where(.hh) .image-with-text__text p{margin-top:0;margin-bottom:1rem}
@media screen and (min-width:750px){:where(.hh) .image-with-text__subheading.h5{font-size:calc(var(--font-heading-scale) * 1.2rem)}
:where(.hh) .image-with-text--enlarge .flex-grid__item:first-child{max-width:calc(33.33% - var(--grid-horizontal-spacing) / 2)}}
:where(.hh) .image-with-text--video .deferred-media__poster{display:flex;align-items:center;justify-content:center}
:where(.hh) .image-with-text--video .media-wrapper,:where(.hh) .image-with-text--video .media-wrapper svg{width:100%;height:100%}
:where(.hh) .image-with-text--video video,:where(.hh) .image-with-text--video iframe{width:100%;height:100%;position:absolute;top:0;left:0;border:0}
:where(.hh) .banner{display:flex;position:relative;flex-direction:column;min-height:initial;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}
:where(.hh) .banner__media{width:100%;position:relative;z-index:-1}
:where(.hh) .banner__media-half{width:50%}
@media screen and (min-width:750px){:where(.hh) .banner{flex-direction:row;justify-content:center}
:where(.hh) .banner--container{background-color:transparent}
:where(.hh) .banner--container .banner__box{background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}
:where(.hh) .banner__media{overflow:hidden}}
@media screen and (max-width:749px){:where(.hh) .banner:not(.banner--stacked){flex-direction:row;flex-wrap:wrap}
:where(.hh) .banner:before{content:none!important}
:where(.hh) .banner--stacked .banner__media-half{width:100%}
:where(.hh) .banner--stacked .banner__media-half+.banner__media-half{order:1}
:where(.hh) .banner--stacked .banner__media-image-half{width:100%}
:where(.hh) .banner--mobile-bottom{background-color:transparent}
:where(.hh) .banner--mobile-bottom .banner__content{position:static;--color-foreground: var(--color-base-text);--color-background: var(--color-base-background);--color-link: var(--color-base-outline-button-labels);--color-heading: var(--color-base-heading);--color-button-background: var(--color-base-accent);--color-button-border: var(--color-base-accent);--color-button-text: var(--color-base-solid-button-labels);background-color:rgb(var(--color-background))}
:where(.hh) .transparent-header+.transition-content #MainContent>.shopify-section:first-child .banner--mobile-bottom{background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}
:where(.hh) .page-width--full-width .banner .banner__content{padding:0 1.5rem}}
:where(.hh) .banner__media .placeholder{position:absolute;left:0;top:0;height:100%;width:100%;background-color:#00000080}
:where(.hh) .banner .banner__content{padding:0}
:where(.hh) .banner__content{display:flex;width:100%;height:100%;justify-content:center;align-items:flex-end;position:absolute;top:0}
@media screen and (min-width:750px){:where(.hh) .banner__content.page-width{padding-inline-start:7rem;padding-inline-end:7rem}
:where(.hh) .banner__content{align-items:center}
:where(.hh) .banner .banner__content{padding:5rem}
:where(.hh) .banner__content--top-left{align-items:flex-start;justify-content:flex-start}
:where(.hh) .banner__content--top-center{align-items:flex-start;justify-content:center}
:where(.hh) .banner__content--top-right{align-items:flex-start;justify-content:flex-end}
:where(.hh) .banner__content--middle-left{align-items:center;justify-content:flex-start}
:where(.hh) .banner__content--middle-center{align-items:center;justify-content:center}
:where(.hh) .banner__content--middle-right{align-items:center;justify-content:flex-end}
:where(.hh) .banner__content--bottom-left{align-items:flex-end;justify-content:flex-start}
:where(.hh) .banner__content--bottom-center{align-items:flex-end;justify-content:center}
:where(.hh) .banner__content--bottom-right{align-items:flex-end;justify-content:flex-end}}
:where(.hh) .banner__box{border:0;padding:4rem 3.5rem;position:relative;z-index:2;height:fit-content;align-items:center;width:100%}
:where(.hh) .banner__box>*+*{margin-top:2rem}
:where(.hh) .banner__box>.banner__text:empty~a{margin-top:3rem}
:where(.hh) .banner__box>:first-child:is(.banner__heading),:where(.hh) .banner__box>:first-child:is(.banner__subheading){margin-top:0}
:where(.hh) .banner__box :last-child:is(.banner__heading){margin-bottom:0}
:where(.hh) .banner__box :last-child:is(.button-group){margin-top:3rem}
@media screen and (max-width:749px){:where(.hh) .banner__box{width:100%}
:where(.hh) .banner__box.mobile-center .button{min-width:60%}
:where(.hh) .banner--mobile-bottom .banner__box{padding:3rem 0 0}
:where(.hh) .banner--mobile-bottom.banner--stacked .banner__box{padding:4rem 0}}
@media screen and (max-width:480px){:where(.hh) .banner__box .button{width:100%}}
@media screen and (min-width:750px){:where(.hh) .banner__box{padding:4rem 3rem;width:75%}
:where(.hh) .banner__box>.banner__buttons:only-child .button{margin-top:0}}
:where(.hh) .banner__heading>*,:where(.hh) .banner__text>*{word-wrap:break-word}
:where(.hh) .banner__heading{margin-bottom:0;line-height:1.2;letter-spacing:.02em}
:where(.hh) .banner__subheading{letter-spacing:.2em;text-transform:uppercase;line-height:1.25;margin-bottom:0}
@media screen and (min-width:750px){:where(.hh) .banner__subheading.h5{font-size:calc(var(--font-heading-scale) * 1.2rem)}}
:where(.hh) .banner__subheading+.banner__heading{margin-top:.5rem}
:where(.hh) .banner__subheading--colored{color:rgb(var(--color-heading))}
:where(.hh) .banner__text--colored{color:rgb(var(--color-foreground))}
:where(.hh) .banner__text--colored.rte a{color:rgb(var(--color-link));background-image:linear-gradient(to top,rgb(var(--color-border)) 0px 0px),linear-gradient(to top,transparent 0px,transparent 0px)}
:where(.hh) .banner .full-unstyled-link{display:block}
:where(.hh) .video-interactable .banner__content{pointer-events:none}
:where(.hh) .video-interactable .banner__content .button{pointer-events:visible}
:where(.hh) .video-interactable .banner__media{z-index:1}
:where(.hh) .video-interactable:not(.banner--mobile-bottom) .banner__media:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-color:rgba(var(--color-overlay),var(--color-overlay-opacity))}
:where(.hh) .video-interactable .banner__media video,:where(.hh) .video-interactable .banner__media iframe{pointer-events:visible}
:where(.hh) .banner__media video,:where(.hh) .banner__media iframe{width:100%;height:100%;pointer-events:none}
:where(.hh) .banner__media video{position:relative;object-fit:cover}
:where(.hh) .banner__media iframe{position:absolute;top:0;left:-100%;width:300%;max-width:none}
@media screen and (min-width:1200px){:where(.hh) .banner__media iframe{width:100%;height:300%;left:auto;top:-100%}}
:where(.hh) .product-details .flex-grid{margin-bottom:0}
:where(.hh) .product-details .product__description{padding:3rem 0;border-top:.1rem solid rgb(var(--color-border));border-bottom:.1rem solid rgb(var(--color-border))}
@media screen and (min-width:750px){:where(.hh) .product-details .product__description{padding:5rem 0}}
:where(.hh) .product-details .product__description:first-child{border-top:0;padding-top:0}
:where(.hh) .product-details .accordion+.product__description,:where(.hh) .product-details .product__description+.accordion{border-top:0}
:where(.hh) .product-details .product__description li{line-height:calc(1 + .4 / var(--font-body-scale))}
:where(.hh) .product-details__heading{margin:0;margin-bottom:3rem}
:where(.hh) .product-details .accordion{margin-top:0}
:where(.hh) .product-details .accordion:first-child{border-top:0}
:where(.hh) .product-details .accordion summary{padding:0;color:rgb(var(--color-heading));transition:color var(--duration-default) ease}
:where(.hh) .product-details .accordion summary .icon{position:absolute;top:50%;right:1.2rem;margin-top:-.7rem;width:1.4rem;height:1.4rem;transition:transform var(--duration-default) ease}
@media screen and (min-width:750px){:where(.hh) .product-details .accordion summary .icon{margin-top:-1rem;width:2rem;height:2rem}}
:where(.hh) .product-details .accordion summary .icon:after{transition:height var(--duration-default) ease}
:where(.hh) .product-details .accordion details[open] summary{color:rgba(var(--color-foreground),.55)}
:where(.hh) .product-details .accordion details[open] summary .icon:after{height:0}
@media screen and (hover:hover){:where(.hh) .product-details .accordion details:not([open]) summary:hover{color:rgba(var(--color-foreground),.55)}
:where(.hh) .product-details .accordion details:not([open]) summary:hover .icon{transform:rotate(90deg)}}
:where(.hh) .product-details .accordion .summary__title{padding:1.5rem 0;display:block}
:where(.hh) .product-details .flex-grid .accordion:first-child summary{margin-top:-1.5rem}
:where(.hh) .product-details .accordion .accordion__title{color:currentColor}
:where(.hh) .product-details .accordion__content{padding:0 0 3rem}
@media screen and (min-width:750px){:where(.hh) .product-details .accordion .summary__title{padding:3rem 0}
:where(.hh) .product-details .flex-grid .accordion:first-child summary{margin-top:-3rem}
:where(.hh) .product-details .accordion__content{padding-bottom:5rem}}
@media screen and (max-width:749px){:where(.hh) .product-details .flex-grid__item{flex:0 0 100%;max-width:100%}}}
[id$="__empty-space"] {
    --spacing-section-desktop: 36px;
    --spacing-section-mobile: 16px;
  }
.section-template--29695419318605__main-padding {
    padding-top: 0px;
    padding-bottom: 27px;
  }

  @media screen and (min-width: 750px) {
    .section-template--29695419318605__main-padding {
      padding-top: 0px;
      padding-bottom: 36px;
    }
  }#Slider-Gallery-template--29695419318605__main {
    --force-image-ratio-percent: 100.0%;
  }
  
  @media screen and (max-width: 749px) {
    #Slider-Gallery-template--29695419318605__main .media-mobile--adapt_first {
      padding-bottom: 100.0%;
    }
  }

  @media screen and (min-width: 750px) {
    .product--thumbnail_slider #Slider-Gallery-template--29695419318605__main .media--adapt_first,
    .product--columns #Slider-Gallery-template--29695419318605__main .media--adapt_first {
      padding-bottom: 100.0%;
    }
  }

  /* Reset difensivo mirato: solo sul contenitore, non sui figli SVG */
  #blmstock-10862445330765-template--29695419318605__main {
    all: revert;
    display: block;
    max-width: 600px;
    width: 100%;
    margin: 16px auto;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  }

  #blmstock-10862445330765-template--29695419318605__main * {
    box-sizing: border-box;
  }

  #blmstock-10862445330765-template--29695419318605__main .blmstock-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  #blmstock-10862445330765-template--29695419318605__main .blmstock-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: block;
  }

  #blmstock-10862445330765-template--29695419318605__main .blmstock-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    color: #1e2a3a;
    margin: 0;
    padding: 0;
  }

  @media (max-width: 480px) {
    #blmstock-10862445330765-template--29695419318605__main .blmstock-text { font-size: 13px; }
    #blmstock-10862445330765-template--29695419318605__main .blmstock-icon { width: 16px; height: 16px; }
  }

[id$="__rich_text_CWXhDR"] {
    --section-padding-top: 20px;
    --section-padding-bottom: 0px;}
[id$="__custom_liquid_BNmePn"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
  }
[id$="__scrolling_promotion_Tkcmjg"] {
    --section-padding-top: 20px;
    --section-padding-bottom: 20px;
      --color-icon: 255, 255, 255;
      --gradient-background: #E9782F;
      --color-background: 233, 120, 47;
      --color-foreground: 255, 255, 255;
      --color-link: var(--color-foreground);
    }
[id$="__image_with_text_9Apg4r"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
      --image-ratio-percent: 100.0%;
      --image-position: center center;
    --shadow-opacity: 0.3;
    --color-highlight: 233, 120, 47;
  }
[id$="__image_banner_fd4Rdp"] {
    --section-padding-top: 0px;
    --section-padding-bottom: 0px;
--image-ratio-percent: 100.0%;
      --image-position: center center;
    --color-overlay-opacity: 0.0;
    --color-overlay: 0, 0, 0;
    --color-foreground: 255, 255, 255;
    --color-link: var(--color-foreground);
    --color-border: var(--color-foreground);
    --color-heading: var(--color-foreground);
    --color-button-background: 255, 255, 255;
    --color-button-text: 26, 27, 24;
    --color-button-border: var(--color-button-background);
    --color-shadow: var(--color-foreground);
    --shadow-opacity: 0.3;
    --color-highlight: 255, 181, 3;
  }
@media screen and (max-width: 749px) {
      [id$="__image_banner_fd4Rdp"] {
        --image-ratio-percent: 100.0%;
      }
    }  
  
[id$="__custom_liquid_B7VNCq"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
  }
[id$="__custom_liquid_apxRQR"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
  }
[id$="__rich_text_RzmyPQ"] {
    --section-padding-top: 0px;
    --section-padding-bottom: 0px;}
[id$="__custom_liquid_BBhXKF"] {
    --section-padding-top: 0px;
    --section-padding-bottom: 20px;
  }
[id$="__rich_text_NfQXp4"] {
    --section-padding-top: 20px;
    --section-padding-bottom: 0px;}
[id$="__custom_liquid_qjTRCR"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
  }
[id$="__custom_liquid_E9pHQR"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
  }


  /* ================================================================
     COLORI
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR {

    --blum-red: #E9782F;
    --blum-cream: #FFFFFF;
    --blum-bg: #F6F6F6;
    --blum-black: #050505;
    --blum-divider: #8C8C8C;

    width: 100vw;
    max-width: 100vw;

    margin-left: calc((100% - 100vw) / 2);
    margin-right: calc((100% - 100vw) / 2);

    background: var(--blum-bg);

    color: var(--blum-black);

    font-family: inherit;

    overflow: hidden;
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR *,
  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR *::before,
  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR *::after {

    box-sizing: border-box;
    font-family: inherit;
  }



  /* ================================================================
     DESKTOP GRID
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-scalp-grid {

    width: 100%;

    display: grid;

    grid-template-columns: 50% 50%;

    align-items: stretch;

    gap: 0;
  }



  /* ================================================================
     BEFORE / AFTER
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison {

    --blum-position: 50%;

    position: relative;

    width: 100%;

    aspect-ratio: 1 / 1;

    overflow: hidden;

    margin: 0;

    padding: 0;

    background: #ddd;

    user-select: none;
    -webkit-user-select: none;

    touch-action: pan-y;
  }



  /* ================================================================
     IMMAGINI
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-before,
  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-after {

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    max-width: none;

    object-fit: cover;

    object-position: center;

    display: block;

    margin: 0;

    padding: 0;

    border: 0;

    pointer-events: none;
  }



  /* FOTO PRIMA */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-before {

    z-index: 1;
  }



  /* FOTO DOPO */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-after-wrap {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    z-index: 2;

    overflow: hidden;

    clip-path: inset(
      0
      0
      0
      var(--blum-position)
    );

    pointer-events: none;
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-after {

    z-index: 2;
  }



  /* ================================================================
     LINEA CENTRALE
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-line {

    position: absolute;

    z-index: 5;

    top: 0;
    bottom: 0;

    left: var(--blum-position);

    width: 3px;

    background: #ffffff;

    transform: translateX(-50%);

    pointer-events: none;
  }



  /* ================================================================
     CERCHIO CENTRALE
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-handle {

    position: absolute;

    z-index: 6;

    top: 50%;
    left: var(--blum-position);

    transform: translate(-50%, -50%);

    width: 58px;
    height: 58px;

    border: 3px solid #ffffff;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 7px;

    pointer-events: none;
  }



  /* ================================================================
     FRECCIA SINISTRA
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-arrow-left {

    width: 0;
    height: 0;

    border-top: 8px solid transparent;

    border-bottom: 8px solid transparent;

    border-right: 10px solid #ffffff;
  }



  /* ================================================================
     FRECCIA DESTRA
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-arrow-right {

    width: 0;
    height: 0;

    border-top: 8px solid transparent;

    border-bottom: 8px solid transparent;

    border-left: 10px solid #ffffff;
  }



  /* ================================================================
     RANGE INVISIBILE
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-range {

    position: absolute;

    z-index: 10;

    inset: 0;

    width: 100%;
    height: 100%;

    margin: 0;

    opacity: 0;

    cursor: ew-resize;

    appearance: none;
    -webkit-appearance: none;

    touch-action: pan-y;
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR
  .blum-comparison-range::-webkit-slider-thumb {

    appearance: none;
    -webkit-appearance: none;

    width: 60px;
    height: 60px;

    cursor: ew-resize;
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR
  .blum-comparison-range::-moz-range-thumb {

    width: 60px;
    height: 60px;

    border: 0;

    background: transparent;

    cursor: ew-resize;
  }



  /* ================================================================
     CONTENUTO DESTRA
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-content {

    width: 100%;

    padding:
      40px
      clamp(45px, 5vw, 90px);

    display: flex;

    flex-direction: column;

    justify-content: center;
  }



  /* ================================================================
     TITOLO
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-title {

    width: 100%;

    margin:
      0
      auto
      24px;

    padding: 0;

    text-align: center;

    color: var(--blum-black);

    font-size: clamp(29px, 2.2vw, 40px);

    font-weight: 800;

    line-height: 1.18;

    letter-spacing: -0.035em;
  }



  /* ================================================================
     RISULTATI
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-result-row {

    display: grid;

    grid-template-columns:
      clamp(100px, 8vw, 130px)
      minmax(0, 1fr);

    gap: clamp(22px, 2.6vw, 40px);

    align-items: center;

    min-height: 140px;
  }



  /* ================================================================
     CERCHI PERCENTUALI
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-percent {

    position: relative;

    width: clamp(100px, 8vw, 130px);

    aspect-ratio: 1 / 1;

    display: flex;

    align-items: center;
    justify-content: center;
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-percent svg {

    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-ring-background,
  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-ring-progress {

    fill: none;

    stroke-width: 11;
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-ring-background {

    stroke: var(--blum-cream);
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-ring-progress {

    stroke: var(--blum-red);

    stroke-linecap: round;

    transform-origin: 50% 50%;

    transform: rotate(-94deg);
  }


  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-percent span {

    position: relative;

    z-index: 2;

    color: var(--blum-black);

    font-size: clamp(24px, 1.7vw, 30px);

    font-weight: 400;

    line-height: 1;
  }



  /* ================================================================
     TESTO
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-result-text {

    margin: 0;

    color: var(--blum-black);

    font-size: clamp(16px, 1.25vw, 21px);

    font-weight: 400;

    line-height: 1.32;
  }



  /* ================================================================
     DIVISORI
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-result-divider {

    width: 100%;

    height: 1px;

    margin: 2px 0;

    background: var(--blum-divider);

    opacity: 0.8;
  }



  /* ================================================================
     NOTA
  ================================================================ */

  #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-note {

    max-width: 620px;

    margin:
      17px
      auto
      0;

    padding: 0;

    text-align: center;

    color: var(--blum-black);

    font-size: 9px;

    line-height: 1.22;

    font-weight: 500;
  }



  /* ================================================================
     MOBILE
  ================================================================ */

  @media (max-width: 767px) {


    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR {

      width: 100vw;

      max-width: 100vw;

      margin-left: calc((100% - 100vw) / 2);

      margin-right: calc((100% - 100vw) / 2);
    }



    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-scalp-grid {

      display: block;

      width: 100vw;

      max-width: 100vw;

      margin: 0;

      padding: 0;
    }



    /* FOTO FULL WIDTH */

    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison {

      width: 100vw;

      max-width: 100vw;

      aspect-ratio: 1 / 1;

      margin: 0;

      padding: 0;

      border: 0;
    }



    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-before,
    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-after {

      width: 100vw;

      max-width: none;

      height: 100%;

      margin: 0;

      padding: 0;
    }



    /* TESTI */

    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-content {

      width: 100%;

      padding:
        32px
        22px
        28px;
    }



    /* TITOLO MOBILE */

    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-title {

      margin:
        0
        auto
        25px;

      font-size: clamp(23px, 6vw, 29px);

      line-height: 1.2;

      white-space: nowrap;
    }



    /* RISULTATI */

    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-result-row {

      grid-template-columns:
        88px
        minmax(0, 1fr);

      gap: 21px;

      min-height: 120px;
    }



    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-percent {

      width: 88px;
    }



    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-percent span {

      font-size: 23px;
    }



    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-result-text {

      font-size: 15px;

      line-height: 1.32;
    }



    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-note {

      margin-top: 18px;

      padding: 0 4px;

      font-size: 8px;
    }



    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-comparison-handle {

      width: 52px;
      height: 52px;
    }

  }



  /* ================================================================
     TELEFONI PICCOLI
  ================================================================ */

  @media (max-width: 390px) {


    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-content {

      padding:
        28px
        17px
        25px;
    }


    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-results-title {

      font-size: 22px;
    }


    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-result-row {

      grid-template-columns:
        80px
        minmax(0, 1fr);

      gap: 17px;

      min-height: 110px;
    }


    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-percent {

      width: 80px;
    }


    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-percent span {

      font-size: 21px;
    }


    #blum-scalp-template--29695419318605__custom_liquid_E9pHQR .blum-result-text {

      font-size: 13.5px;
    }

  }


[id$="__d9e21821-1696-4a1a-b0c2-08252d253ad5"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
    --color-highlight: 125, 176, 236;}
[id$="__product-recommendations"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
    --image-position: center center;
    --color-highlight: 255, 181, 3;
  }
[id$="__1761551839aa0a8662"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
  }
[id$="__1789208172cebccf60"] {
    --section-padding-top: 36px;
    --section-padding-bottom: 36px;
  }
:where(.hh){background:#fff;color:rgb(var(--color-foreground));font-family:var(--font-body-family);letter-spacing:0}
:where(.hh) h1,:where(.hh) h2,:where(.hh) h3,:where(.hh) .h1,:where(.hh) .h2{font-family:var(--font-heading-family)}
.hh div:empty{display:block!important}.hh img{max-width:100%;height:auto}
.hh *{-webkit-hyphens:none!important;hyphens:none!important}
.hh table td,.hh table th{word-break:normal!important;overflow-wrap:normal!important}
.hh em.highlighted-text{color:#E9782F}
.hh .accordion summary{position:relative;display:block;padding:14px 32px 14px 0;cursor:pointer;list-style:none}.hh .accordion summary::-webkit-details-marker{display:none}
.hh .accordion .accordion__title{font-size:18px!important;font-weight:500;line-height:1.3;letter-spacing:0}
.hh .icon-plus-alt{position:absolute;right:4px;top:50%;width:12px;height:12px;margin-top:-6px;display:block}
.hh .icon-plus-alt::before,.hh .icon-plus-alt::after{content:""!important;position:absolute!important;background:#1a1b18!important;right:auto!important;bottom:auto!important;transform:none;transition:transform .2s}
.hh .icon-plus-alt::before{left:0!important;top:50%!important;width:12px!important;height:1px!important;margin:-.5px 0 0!important}.hh .icon-plus-alt::after{top:0!important;left:50%!important;width:1px!important;height:12px!important;margin:0 0 0 -.5px!important}
.hh details[open] .icon-plus-alt::after{transform:rotate(90deg)}