/*
ATTENTION! Please do not modify this file, it's auto-generated and all your changes will be lost.
The complete list of files it's generated from:

*/


.l0-active > main {
  padding-top: 120px;
  transition: margin 0.5s;
}
.l0-active .sticky-scroll-up.on-hold.active {
  top: 96px;
}
@media (min-width: 960px) {
  .l0-active .sticky-scroll-up.on-hold.active {
    top: 115px;
  }
}
.l0-active.navShow .iluma-plp .product-list-nav {
  top: 95px;
}
@media (min-width: 960px) {
  .l0-active.navShow .iluma-plp .product-list-nav {
    top: 115px;
  }
}
.l0-active.navShow .iluma-plp .product-list-filters {
  top: 162px;
}
@media (min-width: 960px) {
  .l0-active.navShow .iluma-plp .product-list-filters {
    top: 212px;
  }
}
@media (min-width: 960px) {
  .l0-active.navShow .flow-page .inner-page-navigation {
    top: 146px;
  }
}
@media (min-width: 960px) {
  .l0-active:not(.increase-breakpoint) .c-nav4__second__wrapper {
    top: 115px;
  }
}
.nav_variation {
  background: #34303d;
  display: block;
}
.nav_variation .content-wrapper {
  width: 1440px;
  margin: 0 auto;
  padding: 0 16px;
  max-width: 100%;
}
@media (min-width: 960px) {
  .nav_variation .content-wrapper {
    padding: 0 64px;
  }
}
.nav_variation nav {
  display: flex;
  align-items: center;
}
.nav_variation a {
  color: #FFFDFB;
  padding: 10px 16px;
}
@media (min-width: 960px) {
  .nav_variation a {
    padding: 10px 20px;
  }
}
.nav_variation a.active {
  background: #FFFDFB;
  color: #34303d;
}
.nav_variation a.active .path-color {
  fill: #34303D;
}
.nav_variation a.active .veev-logo {
  fill: #201B51;
}
.nav_variation svg {
  height: 20px;
  display: block;
  fill: #fff;
}
.nav_variation .path-color {
  fill: #FFFDFB;
}