:root {
  --be-yours-version: "6.8.0";
  --font-body-family: "Avenir Next", sans-serif;
  --font-body-style: normal;
  --font-body-weight: 500;

  --font-heading-family: Nunito, sans-serif;
  --font-heading-style: normal;
  --font-heading-weight: 700;

  --font-body-scale: 0.8;
  --font-heading-scale: 1.25;

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

  --color-base-text: 0, 0, 0;
  --color-base-background: 255, 255, 255;
  --color-base-solid-button-labels: 255, 255, 255;
  --color-base-outline-button-labels: 0, 0, 0;
  --color-base-accent: 34, 52, 177;
  --color-base-heading: 0, 0, 0;
  --color-base-border: 210, 213, 217;
  --color-placeholder: 243, 243, 243;
  --color-overlay: 0, 0, 84;
  --color-keyboard-focus: 146, 188, 145;
  --color-shadow: 150, 150, 218;
  --shadow-opacity: 1;

  --color-background-dark: 235, 235, 235;
  --color-price: #000000;
  --color-sale-price: #d72c0d;
  --color-reviews: #2234b1;
  --color-critical: #d72c0d;
  --color-success: #008060;

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

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

  --button-radius: 40px;
  --button-border-width: 1px;
  --button-shadow-horizontal-offset: 0px;
  --button-shadow-vertical-offset: 0px;

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

*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
  font-size: calc(var(--font-body-scale) * 62.5%);
  height: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  font-size: 1.5rem;
  letter-spacing: 0.06rem;
  line-height: calc(1 + 0.8 / var(--font-body-scale));
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
}

@media screen and (min-width: 750px) {
  body {
    font-size: 1.6rem;
  }
}

.media img {
  transition: none !important;
}

#MainContent,
.slideshow__image {
  transition: none !important;
}

.no-js .transition-cover { display: none; }
.transition-cover { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgb(var(--color-background)); z-index: 1000; pointer-events: none; transition-property: opacity, visibility; transition-duration: var(--duration-default); transition-timing-function: ease; }
.loading-bar { width: 13rem; height: .2rem; border-radius: .2rem; background-color: rgb(var(--color-background-dark)); position: relative; overflow: hidden; }
.loading-bar::after { content: ""; height: 100%; width: 6.8rem; position: absolute; transform: translate(-3.4rem); background-color: rgb(var(--color-base-text)); border-radius: .2rem; animation: initial-loading 1.5s ease infinite; }
@keyframes initial-loading { 0% { transform: translate(-3.4rem); } 50% { transform: translate(9.6rem); } to { transform: translate(-3.4rem); } }
.loaded .transition-cover { opacity: 0; visibility: hidden; }
.unloading .transition-cover { opacity: 1; visibility: visible; }
.unloading.loaded .loading-bar { display: none; }