section.hero{position:relative;background:transparent!important}@media screen and (max-width:48em){section.hero .wrapper{row-gap:30px}}section.hero:after{content:"";display:block;height:100vw;width:200vw;position:absolute;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-webkit-transform-origin:right;transform-origin:right;left:50%;top:0;z-index:-1;opacity:0.5}section.hero.bg-default:after{background:transparent}section.hero.bg-white:after{background:var(--white)}section.hero.bg-purple:after{background:var(--purple-light-light)}section.hero.bg-marine:after{background:var(--marine-light-light)}section.hero.bg-blue:after{background:var(--blue-light-light)}section.hero.bg-green:after{background:var(--green-light-light)}section.hero.bg-orange:after{background:var(--orange-light-light)}section.hero.bg-salmon:after{background:var(--salmon-light-light)}section.hero.bg-peach{background:var(--peach-light-light)}section.hero .img-wrapper{display:-ms-grid;display:grid;height:100%;max-height:65vh;border-radius:10px;overflow:hidden;position:relative}@media screen and (min-width:48.0625em){section.hero .img-wrapper{-ms-grid-row:1;-ms-grid-row-span:5;grid-row:1/6}}section.hero .img-wrapper img,section.hero .img-wrapper picture{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}section.hero .content-wrapper{max-width:var(--grid-width)}@media screen and (min-width:48.0625em){section.hero .content-wrapper{-ms-grid-row:4;grid-row:4}}@media screen and (max-width:48em){section.hero .content-wrapper{padding-left:0;padding-right:0}section.hero .content-wrapper [class*=bg]{background:transparent!important}}section.hero .content-wrapper>div{border-radius:10px;position:relative;z-index:2}section.hero .content-wrapper>div.bg-default{background:var(--white)}@media screen and (min-width:48.0625em){section.hero .content-wrapper>div{padding:var(--inner-padding)}}section.hero .content-wrapper h1{font:var(--h1-font);text-transform:uppercase}section.hero .content-wrapper p{font:var(--lead-font)}@media screen and (min-width:48.0625em){section.hero .content-wrapper .btn{margin-top:20px}}section.content h2 {
  font-weight: 500;
}
section.content h3,
section.content h2 {
  margin-bottom: -15px !important;
  margin-top: 10px !important;
}
@media screen and (max-width: 61.9375em) {
  section.content .wrapper > * {
    padding-left: 0;
    padding-right: 0;
  }
}
section.content .wrapper a {
  color: var(--green-dark);
  background-color: var(--green-light-light);
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
}
section.content .wrapper a:hover {
  color: var(--white);
  background-color: var(--green);
}
section.content .wrapper ul {
  padding-left: 25px;
}
section.content .wrapper ul ul {
  padding-left: 25px;
}
section.content .wrapper img {
  width: 100%;
  height: auto;
}.find-your-product .wrapper {
  border-radius: 10px;
  background: var(--green-light-light);
  overflow: visible;
}
.find-your-product .wrapper h2 {
  text-transform: uppercase;
  font: var(--h2-font);
  color: var(--green-dark);
}
.find-your-product .wrapper .btn {
  margin-top: 10px;
}
@media screen and (max-width: 48em) {
  .find-your-product .wrapper .find-products {
    padding-top: calc(var(--inner-padding) * 2);
    padding-bottom: calc(var(--inner-padding) * 2);
  }
}
.find-your-product .wrapper .find-products .prompt {
  font: var(--h3-font);
  font-weight: 500;
  line-height: 2.5;
}
.find-your-product .wrapper .find-products .prompt .dropdown {
  background: #fff;
  padding: 10px;
  border-bottom: 2px solid var(--green);
  text-transform: lowercase;
  position: relative;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
}
.find-your-product .wrapper .find-products .prompt .dropdown.active .name::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.find-your-product .wrapper .find-products .prompt .dropdown .name {
  display: -ms-inline-grid;
  display: inline-grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.find-your-product .wrapper .find-products .prompt .dropdown .name::after {
  display: block;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  height: 18px;
  width: 18px;
  content: "";
  background: url('data:image/svg+xml,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M5.293 9.707l6 6c0.391 0.391 1.024 0.391 1.414 0l6-6c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path> </svg>');
  font-size: 10px;
  margin-left: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.find-your-product .wrapper .find-products .prompt .dropdown .items {
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background: rgb(227, 237, 233);
  width: 100%;
  list-style: none;
  top: calc(100% + 2px);
  padding: 10px;
}
.find-your-product .wrapper .find-products .prompt .dropdown .items li:hover {
  font-weight: 500;
}
.find-your-product .wrapper .find-products .prompt .dropdown.active .items {
  z-index: 3;
  opacity: 1;
  visibility: visible;
}
.find-your-product .wrapper .skin-analysis {
  background: var(--green-dark);
  position: relative;
  color: #fff;
}
@media screen and (max-width: 48em) {
  .find-your-product .wrapper .skin-analysis {
    padding-top: calc(var(--inner-padding) * 2);
    padding-bottom: calc(var(--inner-padding) * 2);
  }
}
.find-your-product .wrapper .skin-analysis h2 {
  color: var(--white);
}