/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./source/components/profile-search-dropdown/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************/
.c-profile-search-dropdown {
  --c-profile-search-dropdown-dropdown-border-size: 3px;
  --c-profile-search-dropdown-dropdown-margin-h: 32px;
}

.c-profile-search-dropdown__toggle {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  min-height: 48px;
  padding-left: 24px;
  padding-right: 48px;
  background: url(/themes/custom/catharsis/build/images/icons/ph/caret-down.svg) no-repeat right 20px center;
  background-size: 24px 24px;
  background-color: #eef3f5;
  border: 0;
  border-radius: 64px;
  text-align: left;
  color: #748997;
  cursor: pointer;
}
.c-profile-search-dropdown.is-open .c-profile-search-dropdown__toggle {
  background-image: url(/themes/custom/catharsis/build/images/icons/ph/caret-up.svg);
  background-color: #fef3eb;
  color: #1c3c51;
  border-radius: 24px 24px 0 0;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown.is-open .c-profile-search-dropdown__toggle {
    border-radius: 64px;
  }
}

.c-profile-search-dropdown__dropdown {
  display: none;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(var(--vw, 1vw) * 100 - var(--c-profile-search-dropdown-dropdown-margin-h) * 2 + var(--c-profile-search-dropdown-dropdown-border-size) * 2);
  max-width: calc(1320px + var(--c-profile-search-dropdown-dropdown-border-size) * 2);
  padding-bottom: 20px;
  background-color: #fef3eb;
  border-radius: 0 0 24px 24px;
  border: var(--c-profile-search-dropdown-dropdown-border-size) solid #b3c3cd;
  z-index: 10;
}
@media (max-width: 659px) {
  .c-profile-search-dropdown__dropdown {
    border-top-width: 0;
  }
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__dropdown {
    --c-profile-search-dropdown-dropdown-margin-h: 32px;
    margin-top: 12px;
    padding: 16px;
    border-radius: 32px;
  }
}
@media (min-width: 920px) {
  .c-profile-search-dropdown__dropdown {
    --c-profile-search-dropdown-dropdown-margin-h: 52px;
  }
}
@media (min-width: 1280px) {
  .c-profile-search-dropdown__dropdown {
    --c-profile-search-dropdown-dropdown-margin-h: 56px;
  }
}
[data-search-variant=hero] .c-profile-search-dropdown__dropdown {
  max-width: calc(1352px + var(--c-profile-search-dropdown-dropdown-border-size) * 2);
}
[data-search-variant=aside] .c-profile-search-dropdown__dropdown {
  max-width: calc(1360px + var(--c-profile-search-dropdown-dropdown-border-size) * 2);
}
.c-profile-search-dropdown.is-open .c-profile-search-dropdown__dropdown {
  display: block;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__dropdown.c-profile-search-dropdown__dropdown--grouped {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
}
@media (min-width: 920px) {
  .c-profile-search-dropdown__dropdown.c-profile-search-dropdown__dropdown--grouped {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
@media (min-width: 1280px) {
  .c-profile-search-dropdown__dropdown.c-profile-search-dropdown__dropdown--grouped {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

.c-profile-search-dropdown__group {
  margin: 0 8px;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__group {
    margin: 0;
    padding: 16px 16px 24px;
    background-color: #fff;
    border-radius: 24px;
  }
}
.c-profile-search-dropdown__dropdown--grouped .c-profile-search-dropdown__group {
  display: block;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
  margin: 0;
  padding: 8px;
  border-bottom: solid 1px #b3c3cd;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__dropdown--grouped .c-profile-search-dropdown__group {
    margin: 0 0 16px;
    padding: 16px 16px 24px;
    border: none;
  }
}
.c-profile-search-dropdown__dropdown--grouped .c-profile-search-dropdown__group:last-child {
  border: none;
  margin-bottom: 0;
}

.c-profile-search-dropdown__group-title {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 44px 12px 16px;
  background: url(/themes/custom/catharsis/build/images/icons/ph/caret-circle-down.svg) no-repeat right 16px center;
  background-size: 28px 28px;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__group-title {
    font-weight: 700;
    margin-bottom: 16px;
    padding: 0;
    background: transparent;
    border-radius: 0;
    color: #bc4901;
  }
}
@media (max-width: 659px) {
  .c-profile-search-dropdown__group.is-open .c-profile-search-dropdown__group-title {
    background-image: url(/themes/custom/catharsis/build/images/icons/ph/caret-circle-up.svg);
    background-color: #fff;
  }
}

.c-profile-search-dropdown__group-content {
  padding: 8px;
  background-color: #fff;
  border-radius: 8px;
  font-size: 16px;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__group-content {
    font-size: 1em;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding: 0;
    border-radius: 0;
  }
}
.c-profile-search-dropdown__dropdown--grouped .c-profile-search-dropdown__group-content {
  display: none;
  border-radius: 0 0 8px 8px;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__dropdown--grouped .c-profile-search-dropdown__group-content {
    display: block;
    border-radius: 0;
  }
}
.c-profile-search-dropdown__group.is-open .c-profile-search-dropdown__group-content {
  display: block;
}

.c-profile-search-dropdown__active {
  background-color: #748997;
  padding: 0 8px;
  border-radius: 1000px;
  color: #fef3eb;
  line-height: 1.5;
}
@media (min-width: 660px) {
  .c-profile-search-dropdown__group-title .c-profile-search-dropdown__active {
    display: none;
  }
}
.is-open > * > .c-profile-search-dropdown__active {
  background-color: #bc4901;
  color: #fff;
}

/*# sourceMappingURL=styles.css.map*/