.CategoryNav {
  margin-bottom: var(--spaceMd);
  position: relative;
}

@media (max-width: 48rem) {
  .CategoryNav {
    margin: calc(var(--spaceMd) * -1) calc(var(--spaceMd) * -1) var(--spaceMd);
  }
}

.CategoryNav-opener {
  padding: 0.9rem 1.2rem;
  background: var(--colorBrand);
  color: hsl(0, 0%, calc((var(--colorBrand-l) - 60) * -100%));
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--textSm);
  transition: var(--animationBase);
}

.CategoryNav-opener:hover, .CategoryNav-opener:active, .CategoryNav-opener:focus {
  background: hsl(var(--colorBrand-h), calc(var(--colorBrand-s) * 1%), calc(var(--colorBrand-l) * 0.8 * 1%));
}

.CategoryNav-opener svg {
  transition: var(--animationBase);
}

@media (min-width: 48.01rem) {
  .location_homepage .CategoryNav-opener {
    display: none;
  }
}

.CategoryNav.is-opened .CategoryNav-opener svg {
  transform: rotate(-180deg);
}

.CategoryNav-list {
  padding: 0 1.2rem;
  background: var(--colorSecondaryBg);
  overflow-y: auto;
  overflow-x: hidden;
  transition: var(--animationBase);
  max-height: 0;
  width: 100%;
}

.CategoryNav--absolute .CategoryNav-list {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: var(--layerDropdownZIndex);
}

@media (max-width: 48rem) {
  .CategoryNav--absolute .CategoryNav-list {
    position: static;
  }
}

.CategoryNav.is-opened .CategoryNav-list {
  padding: 0.4rem 1.2rem;
  max-height: 2000px;
}

.CategoryNav--absolute.is-opened .CategoryNav-list {
  max-height: 55vh;
}

@media (max-width: 48rem) {
  .CategoryNav--absolute.is-opened .CategoryNav-list {
    max-height: 2000px;
  }
}

/*# sourceMappingURL=category-nav.min.css.map */