/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.form .form-field {
  position: relative;
}
.form .form-field.form-field--valid::after {
  content: "";
  top: 0;
  right: 1rem;
  width: 1.5rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2725%27 viewBox=%270 0 24 25%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M9 13.25L11.25 15.5L15 10.25M21 12.5C21 13.6819 20.7672 14.8522 20.3149 15.9442C19.8626 17.0361 19.1997 18.0282 18.364 18.864C17.5282 19.6997 16.5361 20.3626 15.4442 20.8149C14.3522 21.2672 13.1819 21.5 12 21.5C10.8181 21.5 9.64778 21.2672 8.55585 20.8149C7.46392 20.3626 6.47177 19.6997 5.63604 18.864C4.80031 18.0282 4.13738 17.0361 3.68508 15.9442C3.23279 14.8522 3 13.6819 3 12.5C3 10.1131 3.94821 7.82387 5.63604 6.13604C7.32387 4.44821 9.61305 3.5 12 3.5C14.3869 3.5 16.6761 4.44821 18.364 6.13604C20.0518 7.82387 21 10.1131 21 12.5Z%27 stroke=%27%231DD2B1%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  position: absolute;
}
.form .form-field.form-field--valid .form-input {
  padding-right: 3.5rem;
}
.form .form-field.form-field--invalid::after {
  content: "";
  top: 0;
  right: 1rem;
  width: 1.5rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2725%27 viewBox=%270 0 24 25%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12.0001 9.5V13.25M2.69707 16.626C1.83107 18.126 2.91407 20 4.64507 20H19.3551C21.0851 20 22.1681 18.126 21.3031 16.626L13.9491 3.878C13.0831 2.378 10.9171 2.378 10.0511 3.878L2.69707 16.626ZM12.0001 16.25H12.0071V16.258H12.0001V16.25Z%27 stroke=%27%23E11250%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  position: absolute;
}
.form .form-field.form-field--invalid .form-input {
  padding-right: 3.5rem;
}
.form .form-input,
.form .form-textarea {
  font-size: clamp(0.75rem, 0.662rem + 0.376vw, 1rem);
  font-family: var(--wp--preset--font-family--poppins);
  line-height: 1.5;
  letter-spacing: 0.05rem;
  border: 1px solid var(--wp--preset--color--grey);
  border-radius: 0.375rem;
  padding: 0.9rem 1rem;
  width: 100%;
  display: block;
  color: var(--wp--preset--color--dark-grey);
  background: var(--wp--preset--color--white);
}
.form .form-input::-moz-placeholder, .form .form-textarea::-moz-placeholder {
  color: var(--wp--preset--color--medium-grey);
}
.form .form-input::placeholder,
.form .form-textarea::placeholder {
  color: var(--wp--preset--color--medium-grey);
}
.form .form-input:focus,
.form .form-textarea:focus {
  outline: none;
  box-shadow: 0 0.25rem 1rem 0.063rem var(--color-form-focus);
  border-color: var(--wp--preset--color--purple);
}
.form .form-input.is-valid,
.form .form-textarea.is-valid {
  border-color: var(--color-success);
}
.form .form-input.is-invalid,
.form .form-textarea.is-invalid {
  border-color: var(--color-error);
}
.form .form-input textarea,
.form .form-textarea textarea {
  min-height: 7.5rem;
  resize: none;
}
.form .form-textarea {
  min-height: 7.5rem;
  resize: none;
}
.form .form-select select {
  color: var(--wp--preset--color--purple);
  font-size: clamp(0.75rem, 0.662rem + 0.376vw, 1rem);
  font-family: var(--wp--preset--font-family--poppins);
  line-height: 1.5;
  letter-spacing: 0.05rem;
  cursor: pointer;
  border: 1px solid var(--wp--preset--color--purple);
  border-radius: 0.375rem;
  background-color: var(--wp--preset--color--white);
  background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M19.5 8.25L12 15.75L4.5 8.25%27 stroke=%27%23EB008B%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 0.625rem) center;
  padding: 0.9rem 3rem 0.9rem 1rem;
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form .form-select select:focus {
  outline: none;
  color: var(--wp--preset--color--purple-dark);
  border-color: var(--wp--preset--color--purple-dark);
}
.form .form-error {
  font-size: 0.75rem;
  margin: 0;
  color: var(--color-error);
}
.form .text-counter {
  color: var(--color-grey);
  font-size: 0.75rem;
  text-align: right;
  margin: 0.25rem 0 0;
}
.form .text-counter span {
  color: var(--wp--preset--color--dark-grey);
}

.form-radio input[type=radio]:checked + label::before {
  box-shadow: inset 0 0 0 0.25rem var(--wp--preset--color--white);
  background: var(--wp--preset--color--purple);
}
.form-radio input[type=radio][disabled] + label {
  color: var(--wp--preset--color--grey);
  cursor: not-allowed;
}
.form-radio input[type=radio][disabled] + label::before {
  border-color: var(--wp--preset--color--grey);
  background: var(--color-border);
}
.form-radio label {
  cursor: pointer;
  letter-spacing: 0.05rem;
}
.form-radio label::before {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid var(--wp--preset--color--purple);
  border-radius: 50%;
  background: var(--wp--preset--color--white);
  vertical-align: text-bottom;
  transition: all 0.2s ease-in-out;
  margin-right: 0.625rem;
  display: inline-block;
}

.form-checkbox input[type=checkbox]:checked + label::before {
  border-color: var(--wp--preset--color--purple);
  background: var(--wp--preset--color--purple) url("data:image/svg+xml,%3Csvg width=%2713%27 height=%2713%27 viewBox=%270 0 13 13%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2.4375 6.90625L5.6875 10.1563L10.5625 2.84375%27 stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A") center no-repeat;
}
.form-checkbox input[type=checkbox][disabled] + label {
  color: var(--wp--preset--color--grey);
  cursor: not-allowed;
}
.form-checkbox input[type=checkbox][disabled] + label::before {
  border-color: var(--wp--preset--color--grey);
  background: var(--color-border);
}
.form-checkbox label {
  cursor: pointer;
  letter-spacing: 0.05rem;
}
.form-checkbox label::before {
  content: "";
  width: 1.063rem;
  height: 1.063rem;
  border: 1px solid var(--wp--preset--color--purple);
  border-radius: 0.125rem;
  background: var(--wp--preset--color--white);
  vertical-align: text-bottom;
  transition: all 0.2s ease-in-out;
  margin-right: 0.625rem;
  display: inline-block;
}

/* Styles per project */
.saga-filters {
  padding-right: 0 !important;
  padding-left: 0.625rem !important;
  background-color: #F8F9FC;
  z-index: 10;
  position: absolute;
  right: 0;
  top: 0;
  width: 13.625rem !important;
  height: 100%;
  transition: width 0.3s ease-in-out;
}
@media (max-width: 782px) {
  .saga-filters {
    position: relative;
    width: 100% !important;
    padding-right: 10px !important;
    height: auto;
    min-height: auto;
    margin-bottom: 2rem;
    margin-top: 2rem;
    border-radius: 0.5rem;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 0fr;
    align-content: flex-start;
    transition: grid-template-rows 0.3s ease !important;
  }
}
.saga-filters.is-active {
  width: 37.25rem !important;
}
@media (max-width: 782px) {
  .saga-filters.is-active {
    width: 100% !important;
    grid-template-rows: auto 1fr;
    display: grid;
    grid-template-columns: 1fr;
    align-content: flex-start;
  }
}
.saga-filters.is-active .toggle-filters:before {
  transform: rotate(0);
}
@media (max-width: 782px) {
  .saga-filters.is-active .toggle-filters:before {
    transform: rotate(270deg);
  }
}
.saga-filters .toggle-filters {
  display: flex;
  font-size: 0.8125rem;
  align-items: center;
  padding-top: 2.75rem;
  padding-left: 0.625rem;
  transition: 0.3s ease-in-out;
  transition-property: color, transform;
  width: 100%;
}
.saga-filters .toggle-filters:hover {
  cursor: pointer;
}
@media (max-width: 782px) {
  .saga-filters .toggle-filters {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
  }
}
.saga-filters .toggle-filters:before {
  background-image: url("data:image/svg+xml,%3Csvg width=%2718%27 height=%2718%27 viewBox=%270 0 18 18%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.1875 3.375L11.8125 9L6.1875 14.625%27 stroke=%27%232C3527%27 stroke-width=%271.5%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  content: "";
  background-repeat: no-repeat;
  width: 1.125rem;
  height: 1.125rem;
  background-size: 1.125rem 1.125rem;
  display: block;
  margin-right: 0.5rem;
  transform: rotate(180deg);
}
@media (max-width: 782px) {
  .saga-filters .toggle-filters:before {
    transform: rotate(90deg);
  }
}

.is-active .instant-filters {
  opacity: 1;
}
@media (max-width: 782px) {
  .is-active .instant-filters {
    overflow: hidden;
    margin-bottom: 0 !important;
  }
}

/* Styles for filters */
.instant-filters {
  opacity: 0;
  padding: 1rem;
  margin-bottom: 2rem;
  background-color: #F8F9FC;
  width: 36.625rem;
  transition: opacity 0.2s ease-in-out;
  overflow: hidden;
}
@media (max-width: 782px) {
  .instant-filters {
    width: 100%;
    opacity: 1;
    padding: 0;
    margin-bottom: 0;
  }
}
.instant-filters .input-wrapper {
  padding-top: 1.75rem;
  margin-right: 3.75rem;
  flex-grow: 1;
  display: flex;
  position: relative;
}
@media (max-width: 782px) {
  .instant-filters .input-wrapper {
    margin-right: 0;
    padding-top: 0;
  }
}
.instant-filters .input-wrapper::after {
  content: "";
  right: 1rem;
  top: 2.375rem;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width=%2735%27 height=%2735%27 viewBox=%270 0 35 35%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Ccircle cx=%2717.5%27 cy=%2717.5%27 r=%2717.5%27 fill=%27%2327305B%27/%3E%3Cpath d=%27M24 24L20.2468 20.2468M20.2468 20.2468C21.2626 19.231 21.8333 17.8532 21.8333 16.4166C21.8333 14.9801 21.2626 13.6023 20.2468 12.5865C19.231 11.5707 17.8532 11 16.4166 11C14.9801 11 13.6023 11.5707 12.5865 12.5865C11.5707 13.6023 11 14.9801 11 16.4166C11 17.8532 11.5707 19.231 12.5865 20.2468C13.6023 21.2626 14.9801 21.8333 16.4166 21.8333C17.8532 21.8333 19.231 21.2626 20.2468 20.2468Z%27 stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  pointer-events: none;
  position: absolute;
}
@media (max-width: 782px) {
  .instant-filters .input-wrapper::after {
    top: 0.635rem;
  }
}
.instant-filters .input-wrapper .form-input {
  font-size: 0.9375rem;
  line-height: 1.625rem;
  font-weight: 400;
  color: #27305B;
  border: 1px solid #E3E3E3;
  border-radius: 3.125rem;
  background-color: #FFFFFF;
}
.instant-filters .wrapper {
  position: relative;
  padding-top: 1.5rem;
}
@media (max-width: 782px) {
  .instant-filters .wrapper {
    padding-bottom: 1.5rem;
  }
}
.instant-filters .wrapper .filters {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-x: scroll;
  scrollbar-width: none;
}
@media (min-width: 782px) {
  .instant-filters .wrapper .filters {
    gap: 1.875rem;
  }
}
.instant-filters .wrapper .filters .single-filter {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  justify-content: center;
  margin-top: 1rem;
}
@media (max-width: 782px) {
  .instant-filters .wrapper .filters .single-filter {
    margin-top: 0.25rem;
    gap: 0;
  }
}
.instant-filters .wrapper .filters .single-filter .filter-header {
  display: flex;
  justify-content: space-between;
}
.instant-filters .wrapper .filters .single-filter .filter-header .heading {
  font-size: 1rem;
  line-height: 2rem;
  font-weight: 700;
  color: #27305B;
}
.instant-filters .wrapper .filters .single-filter .filter-header .clear {
  color: #27305B;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  font-weight: 700;
  display: flex;
  opacity: 0;
  align-items: center;
  margin-right: 3.75rem;
  transition: color 0.2s ease-in-out;
}
.instant-filters .wrapper .filters .single-filter .filter-header .clear:hover {
  color: #B1772D;
  cursor: pointer;
}
@media (max-width: 782px) {
  .instant-filters .wrapper .filters .single-filter .filter-header .clear {
    margin-right: 0;
  }
}
.instant-filters .wrapper .filters .single-filter .filter-header .clear.show {
  opacity: 1;
}
.instant-filters .wrapper .filters .single-filter .filter-header .clear:after {
  content: "";
  width: 2.25rem;
  height: 2.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width=%2735%27 height=%2734%27 viewBox=%270 0 35 34%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cline x1=%2726.0665%27 y1=%278.85355%27 x2=%279.06616%27 y2=%2725.8539%27 stroke=%27%2327305B%27/%3E%3Cline x1=%279.06641%27 y1=%278.14645%27 x2=%2726.0667%27 y2=%2725.1468%27 stroke=%27%2327305B%27/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
.instant-filters .wrapper .filters .single-filter .filter-header .clear:after:hover {
  color: #B1772D;
}
.instant-filters .wrapper .filters .single-filter.categories .filter-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  row-gap: 1rem;
}
.instant-filters .wrapper .filters .single-filter.categories .filter-items button {
  border: 1px solid #E3E3E3;
  text-transform: uppercase;
  padding: 0.875rem 1.625rem;
  font-size: 0.8125rem;
  color: #27305B;
  border-radius: 0.75rem;
  transition-property: color, border-color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}
.instant-filters .wrapper .filters .single-filter.categories .filter-items button.active {
  background-color: transparent;
  color: #B1772D;
  border-color: #B1772D;
}
.instant-filters .wrapper .filters .single-filter.categories .filter-items button:hover {
  color: #B1772D;
  border-color: #B1772D;
}
.instant-filters .wrapper .filters .single-filter.authors .filter-items {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  row-gap: 1.5rem;
}
.instant-filters .wrapper .filters .single-filter.authors .filter-items button {
  text-decoration: underline;
  font-size: 0.9375rem;
  line-height: 1.625rem;
  color: #27305B;
  font-weight: 500;
  transition: color 0.2s ease-in-out;
}
.instant-filters .wrapper .filters .single-filter.authors .filter-items button.active {
  color: #B1772D;
}
.instant-filters .wrapper .filters .single-filter.authors .filter-items button:hover {
  color: #B1772D;
}

/*# sourceMappingURL=style-index.css.map*/