.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;
  color: #6e6e6e;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  font-size: var(--textSm);
  transition: var(--animationBase);
}

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

@media (max-width: 48rem) {
  .CategoryNav-opener {
    border-top: 1px solid #ebebef;
    padding-top: var(--spaceXs);
    margin-top: var(--spaceLg);
  }
  .CategoryNav-opener span {
    order: 2;
    display: inline-block;
    margin-left: var(--spaceXs);
  }
}

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

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

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

.CategoryNav-list {
  background-color: #fcfcfd;
  overflow-y: auto;
  overflow-x: hidden;
  transition: var(--animationBase);
  max-height: 0;
  width: 100%;
  border: 1px solid var(--colorOutlines);
}

.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 {
  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 */