/*AutoGeneratedStart*/
#howitworks-right { background-image:url('desktop/works-image@2x.jpg?1764351461'); }

#actionbar { background:black url("actionbar/background.png?1715689252"); }

.mp-header {
  background: url('marketplace/marketplace-header-bg.jpg?1715689252');
  background-size: cover;
  background-position: center;
}

.jobs-signup-header {
  background: url('jobs/jobs-signup-header-bg.jpg?1732634743');
  background-size: cover;
  background-position: center;
}

.jobs-header {
  background: url('jobs/jobs-header-bg.jpg?1736874899');
  background-size: cover;
  background-position: center;
}

.stories-header {
  background: url('stories/stories-header-bg.jpg?1715689252');
  background-size: cover;
  background-position: center;
}

.merchant-signup-header {
  background: url('merchant/merchant-signup-header-bg.jpg?1715689252');
  background-size: cover;
  background-position: center;
}

header {
  background-image: url('desktop/header-background-image.png?1759931849');
  background-size: cover;
  background-position: center;
}
/*AutoGeneratedEnd*/

#nav a, #nav a:visited { color : var(--colour-1); }
#nav a:hover { color : var(--colour-1); }

#nav a {
  display: inline-block;
  position: relative;
}

#nav a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: -5px;
  left: 0;
  background-color: var(--colour-1);
  transition: transform 0.15s ease-out;
}

#nav a:hover::after {
  transform: scaleX(1);
}

#nav a::after {
  transform-origin: bottom center;
}

#nav a:hover::after {
  transform-origin: bottom center;
}

#sorting > div.active:hover .color2 { fill:var(--colour-1); }
header.light #nav a:hover { color:var(--colour-1); }