/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/pagination/src/pagination.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&display=swap);
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/pagination/src/pagination.scss (1) ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-pagenavi {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 4rem;
}
.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .paginate_button {
  --pagination-size: 3.8rem;
  --pagination-background-color: var(--grey-200);
  --pagination-color: var(--text-color);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--pagination-size);
  height: var(--pagination-size);
  margin: 0 5px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: var(--pagination-background-color);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: border 0.4s ease, color 0.4s ease;
  color: var(--pagination-color);
  border: unset;
  font-family: var(--font-special);
  padding: 0;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .current:hover,
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .paginate_button:hover {
  --pagination-background-color: var(--pagination-background-color-hover, var(--cyan-500));
  --pagination-color: var(--pagination-color-hover, var(--white));
  text-decoration: none;
}
.wp-pagenavi .page:after,
.wp-pagenavi .current:after,
.wp-pagenavi .nextpostslink:after,
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .paginate_button:after {
  content: none;
}
.wp-pagenavi .page.current,
.wp-pagenavi .current.current,
.wp-pagenavi .nextpostslink.current,
.wp-pagenavi .previouspostslink.current,
.wp-pagenavi .paginate_button.current {
  --pagination-background-color: var(--pagination-background-color-current, var(--cyan-500));
  --pagination-color: var(--pagination-color-current, var(--white));
}
.wp-pagenavi .page.previouspostslink, .wp-pagenavi .page.nextpostslink,
.wp-pagenavi .current.previouspostslink,
.wp-pagenavi .current.nextpostslink,
.wp-pagenavi .nextpostslink.previouspostslink,
.wp-pagenavi .nextpostslink.nextpostslink,
.wp-pagenavi .previouspostslink.previouspostslink,
.wp-pagenavi .previouspostslink.nextpostslink,
.wp-pagenavi .paginate_button.previouspostslink,
.wp-pagenavi .paginate_button.nextpostslink {
  --pagination-background-color: var(--pagination-background-color-arrow, var(--grey-200));
  position: relative;
  width: var(--pagination-size);
  height: var(--pagination-size);
}
.wp-pagenavi .page.previouspostslink:hover, .wp-pagenavi .page.nextpostslink:hover,
.wp-pagenavi .current.previouspostslink:hover,
.wp-pagenavi .current.nextpostslink:hover,
.wp-pagenavi .nextpostslink.previouspostslink:hover,
.wp-pagenavi .nextpostslink.nextpostslink:hover,
.wp-pagenavi .previouspostslink.previouspostslink:hover,
.wp-pagenavi .previouspostslink.nextpostslink:hover,
.wp-pagenavi .paginate_button.previouspostslink:hover,
.wp-pagenavi .paginate_button.nextpostslink:hover {
  --pagination-background-color: var(--pagination-background-color-arrow-hover, var(--text-color));
}
.wp-pagenavi .page.previouspostslink svg, .wp-pagenavi .page.nextpostslink svg,
.wp-pagenavi .current.previouspostslink svg,
.wp-pagenavi .current.nextpostslink svg,
.wp-pagenavi .nextpostslink.previouspostslink svg,
.wp-pagenavi .nextpostslink.nextpostslink svg,
.wp-pagenavi .previouspostslink.previouspostslink svg,
.wp-pagenavi .previouspostslink.nextpostslink svg,
.wp-pagenavi .paginate_button.previouspostslink svg,
.wp-pagenavi .paginate_button.nextpostslink svg {
  rotate: 90deg;
}
.wp-pagenavi .page.nextpostslink svg,
.wp-pagenavi .current.nextpostslink svg,
.wp-pagenavi .nextpostslink.nextpostslink svg,
.wp-pagenavi .previouspostslink.nextpostslink svg,
.wp-pagenavi .paginate_button.nextpostslink svg {
  rotate: -90deg;
}