/* give a given color opacity */
.wp-block-query-pagination {
  margin-block-start: var(--wp--preset--spacing--20);
  gap: 0 !important; /* stylelint-disable-line no-important needed for correct styles in backend editor */
}
.wp-block-query-pagination > * {
  background-color: var(--wp--custom--pagination--color--background);
}
.wp-block-query-pagination-previous, .wp-block-query-pagination-next {
  display: flex;
  align-items: center;
  margin: 0 !important;
  border: var(--wp--custom--pagination--border--shorthand);
  block-size: var(--wp--custom--pagination--size);
  text-align: center;
  text-decoration: none;
  gap: calc(var(--wp--custom--pagination--size) / 3);
  /* use pseudo element to make use of the gap on the start and end of the element */
}
.wp-block-query-pagination-previous::before, .wp-block-query-pagination-previous::after, .wp-block-query-pagination-next::before, .wp-block-query-pagination-next::after {
  display: block;
  inline-size: 0;
  block-size: 0;
  content: "";
}
.wp-block-query-pagination-previous:focus-visible, .wp-block-query-pagination-next:focus-visible {
  z-index: var(--wp--custom--z-index--base);
}
.wp-block-query-pagination-previous {
  border-radius: var(--wp--custom--pagination--border--radius) 0 0 var(--wp--custom--pagination--border--radius);
}
.wp-block-query-pagination-previous:has(.is-arrow-arrow) span[class^=wp-block-query-pagination-previous], .wp-block-query-pagination-previous:has(.is-arrow-chevron) span[class^=wp-block-query-pagination-previous] {
  font-size: 0;
}
.wp-block-query-pagination-previous:has(.is-arrow-arrow) span[class^=wp-block-query-pagination-previous]::before, .wp-block-query-pagination-previous:has(.is-arrow-chevron) span[class^=wp-block-query-pagination-previous]::before {
  font-size: var(--wp--preset--font-size--medium);
}
.wp-block-query-pagination-previous:has(.is-arrow-arrow) span[class^=wp-block-query-pagination-previous]::before {
  display: inline-block;
  background-color: currentcolor;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  content: "";
  mask: var(--spwk--icon--arrow-left);
  mask-size: cover;
}
.wp-block-query-pagination-previous:has(.is-arrow-chevron) span[class^=wp-block-query-pagination-previous]::before {
  display: inline-block;
  background-color: currentcolor;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  content: "";
  mask: var(--spwk--icon--angle-left);
  mask-size: cover;
}
.wp-block-query-pagination-next {
  border-radius: 0 var(--wp--custom--pagination--border--radius) var(--wp--custom--pagination--border--radius) 0;
}
.wp-block-query-pagination-next:has(.is-arrow-arrow) span[class^=wp-block-query-pagination-next], .wp-block-query-pagination-next:has(.is-arrow-chevron) span[class^=wp-block-query-pagination-next] {
  font-size: 0;
}
.wp-block-query-pagination-next:has(.is-arrow-arrow) span[class^=wp-block-query-pagination-next]::after, .wp-block-query-pagination-next:has(.is-arrow-chevron) span[class^=wp-block-query-pagination-next]::after {
  font-size: var(--wp--preset--font-size--medium);
}
.wp-block-query-pagination-next:has(.is-arrow-arrow) span[class^=wp-block-query-pagination-next]::after {
  display: inline-block;
  background-color: currentcolor;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  content: "";
  mask: var(--spwk--icon--arrow-right);
  mask-size: cover;
}
.wp-block-query-pagination-next:has(.is-arrow-chevron) span[class^=wp-block-query-pagination-next]::after {
  display: inline-block;
  background-color: currentcolor;
  inline-size: 1em;
  block-size: 1em;
  vertical-align: middle;
  content: "";
  mask: var(--spwk--icon--angle-right);
  mask-size: cover;
}
.wp-block-query-pagination-numbers {
  position: relative;
  margin: 0 !important;
  border-block-start: var(--wp--custom--pagination--border--shorthand);
  border-block-end: var(--wp--custom--pagination--border--shorthand);
  padding-inline: calc(var(--wp--custom--pagination--size) / 2);
  block-size: var(--wp--custom--pagination--size);
}
.wp-block-query-pagination-numbers > * {
  position: relative;
  inset-block-start: calc(var(--wp--custom--pagination--size) / 5);
  padding-inline: calc(var(--wp--custom--pagination--size) / 10);
  text-decoration: none;
  font-weight: var(--wp--custom--font-weight--light) !important;
}
.wp-block-query-pagination-numbers > *.current {
  color: color-mix(in srgb, currentColor, rgba(0, 0, 0, 0) 75%);
}
.wp-block-query-pagination:not(:has(.wp-block-query-pagination-previous)) .wp-block-query-pagination-numbers {
  border-inline-start: var(--wp--custom--pagination--border--shorthand);
  border-radius: var(--wp--custom--pagination--border--radius) 0 0 var(--wp--custom--pagination--border--radius);
}
.wp-block-query-pagination:not(:has(.wp-block-query-pagination-next)) .wp-block-query-pagination-numbers {
  border-inline-end: var(--wp--custom--pagination--border--shorthand);
  border-radius: 0 var(--wp--custom--pagination--border--radius) var(--wp--custom--pagination--border--radius) 0;
}
.wp-block-query-pagination.is-vertical {
  gap: var(--wp--custom--gap--tiny);
}
.wp-block-query-pagination.is-vertical .wp-block-query-pagination-previous,
.wp-block-query-pagination.is-vertical .wp-block-query-pagination-next,
.wp-block-query-pagination.is-vertical .wp-block-query-pagination-numbers {
  border: var(--wp--custom--pagination--border--shorthand);
  border-radius: var(--wp--custom--pagination--border--radius);
}

/*# sourceMappingURL=query-pagination.css.map */