/** Shopify CDN: Minification failed

Line 777:2 Unexpected "{"
Line 777:3 Expected identifier but found "%"
Line 777:96 Unexpected "{"
Line 777:97 Expected identifier but found "%"

**/
html {
  font-size: calc((100vw / 1200) * 10);
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 10px;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: calc((100vw / 425) * 10);
  }
}

.color-black-text-accent-button .banner__heading {
  color: #000;
}
.color-black-text-accent-button .button--primary {
    background-color: rgb(var(--color-base-accent-1));
    color: rgb(var(--color-base-solid-button-labels));
}

.cart-matching-notification {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1em;
  justify-content: center;
  margin-bottom: 40px;
}
.cart-matching-notification .loading-overlay__spinner {
  height: 1.8rem;
}

body .cart-notification-product {
  align-items: center;
}

body .cart-notification-product .product-option {
  line-height: 1.25em;
}

body .cart-notification-product__name {
  margin-bottom: 0.15rem;
}

.cart-notification-product + .cart-notification-product {
  padding-top: 0;
  padding-bottom: 2rem;
}

.product__upsell {
  display: inline-flex;
  align-items: center;
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  background: rgb(var(--color-background));
  border: 0.1rem solid transparent;
  border-radius: calc(var(--inputs-radius) / 2 );
  border-radius: calc(var(--media-radius) - var(--media-border-width));
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  overflow: hidden;
  padding: 1rem;
  /* margin-bottom: 3.5rem !important; */
  /* transform: translate(0, 1rem); */
}

.product__upsell.--checked {
  box-shadow: 0 0 0 calc(0.1rem + calc(var(--inputs-border-width) * 1)) rgba(var(--color-button),1);
}

.product__upsell__checkbox {
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  display: block;
  border-radius: var(--inputs-radius);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  background: rgb(var(--color-background));
  border: var(--inputs-border-width) solid transparent;
  border-radius: 100%;
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  display: block;
  flex-shrink: 0;
  flex-grow: 0;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
}

.product__upsell__checkbox span {
  width: 145%;
  aspect-ratio: 1/1;
  display: block;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
  transition: all var(--duration-short) ease;
}


.product__upsell__checkbox.--checked span {
  opacity: 1;
}

.product__upsell__checkbox:hover {
  box-shadow: 0 0 0 calc(0.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),var(--inputs-border-opacity));
}

.product__upsell__checkbox.--checked {
  box-shadow: 0 0 0 calc(0.1rem + calc(var(--inputs-border-width) * 1)) rgba(var(--color-button),1);
}

.product__upsell__content {
  padding: 0 2rem;
  max-width: 250px;
}
.product__upsell__content strong {
  display: block;
  /* font-size: 115%; */
}

.product__upsell__content em {
  font-style: normal;
  font-size: 1.3rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  display: block;
}

.product__upsell__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.product__upsell__image img {
  display: block;
  border-radius: calc((var(--media-radius) - var(--media-border-width)) / 2);
  height: 100%;
  object-fit: cover;
}

.header__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1rem;
}

.header__cta .button {
  white-space: nowrap;
  padding: 1rem 1.5rem;
  min-height: 0;
  min-width: 0;
}

@media screen and (max-width: 450px) {
  .header__heading-link {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translate(0, -50%);
  }
  .header__cta {
    padding-right: 0;
  }
  .header__cta .button {
    transform: scale(.75);
  }
  .header__cta .button span {
    /* display: none; */
  }
}

.content-container.color-background-2 .button--primary {
  background-color: rgba(var(--color-base-accent-1), var(--alpha-button-background)) !important;
}

.accordion__title {
  font-family: var(--font-body-family);
}

.multicolumn-card__info {
  padding-top: 1rem !important;
}

.multicolumn-card__info h3 {
  font-family: var(--font-body-family);
  font-weight: bold;
  line-height: 1.5em !important;
  color: #000 !important;
}

.announcement-bar__message {
  font-family: var(--font-body-family);
  font-weight: bold;
}

.thumbnail[aria-current] {
  box-shadow: 0 0 0rem 0.4rem rgba(var(--color-base-accent-1),1) !important;
  border-color: rgb(var(--color-base-accent-1)) !important;
}

.product-form__input input[type='radio'] + label.--hasHexValue {
  font-size: 0;
  padding: 0;
  width: 45px;
  height: 45px;
  aspect-ratio: 1/1;
  border-radius: var(--inputs-radius);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  background: rgb(var(--color-background));
  border: var(--inputs-border-width) solid transparent;
  border-radius: 100%;
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  margin: 0 1rem 0 0;
  top: -5px;
}

.product-form__input input[type='radio']:checked + label.--hasHexValue {
  /* border-color: rgb(var(--color-base-accent-1)) !important; */
  box-shadow: 0 0 0 calc(var(--inputs-border-width) * 5) rgba(var(--color-base-accent-1), 1);
  border-color: rgb(var(--color-foreground));
}

@media screen and (min-width: 768px) {
  .page-width {
    padding: 0 2.5rem;
  }
}

@media screen and (max-width: 350px) {
  .product-form__input input[type='radio'] + label.--hasHexValue {
    width: 40px;
    height: 40px;
  }
}

.product__inventory {
  align-items: center;
}


.__play__icon {
  justify-content: center;
  background-color: rgb(var(--color-base-accent-1));
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 25%;
  transition: all .3s ease-in-out;
  display: flex;
  align-items: center;
  max-width: min(9rem, 25%);
}

@media screen and (max-width: 768px) {
  .__play__icon {
    max-width: 4rem;
  }
}


.__play__icon svg {
  width: 100%;
  max-width: min(2.5rem, 33%);
  display: block;
  transform: translateX(15%);
  overflow: visible;
}

.__play__icon svg path {
  fill: #fff;
}

.__media {
  position: relative;
}

.__media__image {
  overflow: hidden;
  border-radius: var(--media-radius);
}

.__media__image img {
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: var(--media-radius);
}

.__mediaContent .__media__image {
  aspect-ratio: inherit;
}

.__media .__play__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.__media.--hasVideo {
  cursor: pointer;
}

.__media:hover .__play__icon {
  transform: translate(-50%, -50%) scale(1.1);
}

.--dropshadow,
.--hasShadow {
  filter:
    drop-shadow(0 4.4rem 1.7rem rgba(0, 0, 0, 0.02))
    drop-shadow(0 2.4rem 1.4rem rgba(0, 0, 0, 0.07))
    drop-shadow(0 1.2rem 1.2rem rgba(0, 0, 0, 0.11))
    drop-shadow(0 .2rem .7rem rgba(0, 0, 0, 0.13))
    drop-shadow(0 0 0 rgba(0, 0, 0, 0.13));
}

.__mediaContent {
  max-width: var(--page-width);
  margin: 0 auto;
  padding: 5rem 5rem;
}

.__sectionTitles {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem;
}

.__mediaContent__row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.__mediaContent__row .__media {
  width: 100%;
}

.__eyebrow {
  font-family: var(--font-body-family);
  font-weight: bold;
  font-size: 2rem;
  line-height: 1em;
  text-transform: uppercase;
  color: rgb(var(--color-base-accent-1));
  margin: 0;
}

.__eyebrow--small {
  font-size: 1.6rem;
}

.__sectionTitle {
   font-size: 3.8rem;
   font-weight: bold;
   margin: 0;
}

.__sectionContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-shrink: 0;
}

.__media__image {
  width: 100%;
}

.__media__image img {
  display: block;
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.__sectionContent__title {
  color: rgb(var(--color-base-accent-1));
  font-weight: bold;
  font-size: 3.3rem;
  line-height: 1.12em;
}

.__mediaContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}

.__sectionContainer {
  > * {
    max-width: var(--page-width);
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .__mediaContent {
    min-width: 100%;
  }
}

.__mediaContent--stacked .__mediaContent__row {
  width: 100%;
  gap: 5rem;
}

.__mediaContent--stacked .__sectionTitles,
.__mediaContent--stacked .__sectionContent {
  max-width: 90rem;
}

@media screen and (min-width: 769px) {
  .__mediaContent--aligned-right-left .__mediaContent__row,
  .__mediaContent--aligned-left-right .__mediaContent__row {
    flex-direction: row;
    gap: 8rem;
    align-items: stretch;
  }
  
  .__mediaContent--aligned-right-left .__play__icon,
  .__mediaContent--aligned-left-right .__play__icon {
    max-width: 5rem;
  }
  
  .__mediaContent--aligned-right-left .__sectionContent,
  .__mediaContent--aligned-left-right .__sectionContent {
    text-align: left;
    flex-grow: 0;
    max-width: 45rem;
    align-items: flex-start;
  }

  .__mediaContent--aligned-right-left .__mediaContent__row .__media {
    order: 2;
    flex-grow: 1;
    width: 100%;
  }

  .__mediaContent--aligned-right-left .__mediaContent__row .__sectionContent {
    order: 1;
  }
}

.__sectionContent__textarea {
  max-width: 70rem;
  padding-top: 1.5rem;
}

.__sectionContent__textarea p:last-child {
  margin-bottom: 0;
}

.__sectionContent__textarea p:first-child {
  margin-top: 0;
}


@media screen and (max-width: 768px) {
  .__mediaContent {
    padding: 2rem;
    gap: 2rem;
  }

  .__mediaContent__row {
    gap: 2rem;
  }

  .__sectionContent {
    max-width: 30rem;
  }

  .__sectionContent__title {
    font-size: 2.2rem;
  }

  .__eyebrow {
    font-size: 1.6rem;
  }

  .__sectionTitle {
    font-size: 2.6rem;
    max-width: 35rem;
  }
}

.--background-dark {
  background-color: rgb(var(--color-base-accent-2));
}

body {
  letter-spacing: 0 !important;
}


.__media__play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.__media__play button {
  display: block;
  border: none;
  background: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  cursor: pointer;
}

.modal-video__content-info video {
  width: 100%;
  height: 100%;
}

.__mediaFit--cover img {
  object-fit: cover;
}

.__mediaFit--contain img {
  object-fit: cover;
}

.__section--bkg--dark {
  background-color: rgb(var(--color-base-accent-2));
}

.list-payment__item .icon {
  width: 3.8rem;
}

.copyright__content {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 768px) {
  .copyright__content {
    font-size: 1.1rem !important;
  }
}

.list-social__item .icon {
  width: 3rem !important;
  height: 3rem !important;
}

.__reviewBlock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.__reviewBlock--instagram {

}

.__reviewBlock--review {

}

.__reviewBlock--review--trustpilot .__reviewBlock__stars img {
  max-width: 11rem;

}

.__reviewBlock__media {
  width: 100%;
}

.__reviewBlock__media img {
  display: block;
  width: 100%;
  object-fit: cover; 
  max-height: 20rem;
  height: auto;
  aspect-ratio: 1/1;
}

.__reviewBlock__inner {
  padding: 3rem 3.5rem;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 2rem;
  height: 100%;
  width: 100%;
}

.__reviewBlock__text,
.__reviewBlock__readMore__link {
  font-size: 1.5rem;
  line-height: 1.5em;
}


.__reviewBlock__readMore__link {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  color: rgb(var(--color-base-accent-1));
  text-decoration: underline;
}

.__reviewBlock__meta {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.__reviewBlock__author__name,
.__reviewBlock__author__title {
  font-size: 1.5rem;
  line-height: 1.5em;
}

.__reviewBlock__author__title {
  font-weight: bold;
}

.__reviewBlock__icon {
  max-width: 2.7rem;
  width: 100%;
}

.__reviewBlock__icon img {
  display: block;
  width: 100%;
  height: auto;
}

.__reviewBlock__header {
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}

.__reviewBlock__title {
  text-transform: uppercase;
  font-weight: bold;
}

.__reviewBlock__stars {
  display: flex;
  gap: .5rem;
  padding: 1rem 0;
}

.__reviewBlock__icon--star svg,
.__reviewBlock__stars svg {
  color: rgb(var(--color-base-accent-1));
}

.__reviewBlock__stars svg {
  width: 2rem !important;
  height: 2rem !important;
}

.__reviewBlock__icon--star svg {
  width: 2.5rem !important;
  height: 2.5rem !important;
}

@media screen and (max-width: 768px) {
  .__reviewBlock__inner {
    padding: 2rem 2.5rem;
  }

  .__reviewBlock__media img {
    max-height: 20rem;
  }

  .__reviewBlock__author__name,
  .__reviewBlock__author__title,
  .__reviewBlock__text,
  .__reviewBlock__readMore__link {
    font-size: 1.2rem;
  }
}

.section-block-carousel {
  overflow: hidden;
}

.__blockCarousel {
  position: relative; 
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding-top: 1rem;
  max-width: 100vw;
  padding: 5rem 0;
}

.__blockCarousel__titles {

}

.__blockCarousel__eyebrow {
  
}

.__blockCarousel__title {

}

.__blockCarousel__slider {
  width: 100%;
}

.__blockCarousel::after,
.__blockCarousel::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 200px;
  background: rgb(var(--color-base-background-2));
  z-index: -1;
}

.__blockCarousel::before {
  bottom: 100%;
}

.__blockCarousel::after {
  top: 100%;
}

.__blockCarousel__slider__track {
  display: flex;
  width: 100%;
  {% comment %} padding: 1.5rem  max(calc(((100vw - var(--page-width)) / 2) + 2.5rem), 2.5rem); {% endcomment %}
  position: relative;
  flex-wrap: nowrap;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scroll-padding-left: 3rem;
  padding-inline-start: 3rem;
  padding-inline-end: 3rem;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
  gap: 3rem;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}


.__blockCarousel__slider__track::-webkit-scrollbar {
  display: none;
}

.__blockCarousel__slider__item {
  width: 100%;
  overflow: hidden;
  border-radius: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 33rem;
  min-width: 33rem;
  background: rgb(var(--color-base-background-1));
}

.__blockCarousel__slider__item:first-child {
  margin-left: auto;
}

.__blockCarousel__slider__item:last-child {
  margin-right: auto;
}

.__blockCarousel__slider__item.--hasShadow {
  margin-bottom: 5rem;
  margin-top: 2rem;
}

.__blockCarousel__slider__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  padding-top: 3rem;
}

.__blockCarousel__slider__control {
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 3rem;
  transition: all .3s ease-in-out;
}

.__blockCarousel__slider__control:disabled {
  opacity: .3;
  cursor: not-allowed;
}

.__blockCarousel__slider__control:not(:disabled):active svg {
  transform: translateY(10%);
}

.__blockCarousel__slider__control svg {
  width: 100%;
  transition: all .3s ease-in-out;
}

.__blockCarousel__slider__control svg path {
  fill: rgb(var(--color-base-accent-1));
}

.__blockCarousel__slider__control--prev {
  transform: scaleX(-1);
}

@media screen and (max-width: 768px) {
  .__blockCarousel__slider__track {
    scroll-padding-left: 1.5rem;
    padding-inline-start: 1.5rem;
    padding-inline-end: 1.5rem;
    gap: 1.5rem;
  }

  .__blockCarousel__slider__item {
    max-width: 25rem;
    min-width: 25rem;
  }
}

.__blockCarousel .__sectionTitles {
  margin-bottom: 2rem;
}

.__container {
  max-width: var(--page-width);
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .--hideDesktop {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .--hideMobile {
    display: none !important;
  }
}

.__checklist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  list-style: none;
  padding: 0;
  margin: 0;
  row-gap: 3rem;
  padding: 1.5rem 0;
}

.__checklistItem {
  display: flex;
  align-items: center;
  gap: 1rem;
  text-align: left;
}

.__checklistIcon {
  width: 2rem;
  height: 2rem;
}

.__checklistIcon svg {
  width: 100%;
  height: 100%;
}

.__checklistText {
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
}

.__checklistText em {
  font-style: normal;
  font-weight: normal;
}

@media screen and (max-width: 768px) {

  .__checklist {
    gap: 1.5rem;
  }

  .__checklistText {
    font-size: 1.2rem;
  }
}

.__modal__content--text {
  max-width: 70rem;
  margin: 0 auto;
  padding: 3rem 3.5rem;
}

.modal-video__toggle {
  z-index: 5;
}