/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.20_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./inc/Components/TagLabel/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-component-tag-label {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-s);
  font-weight: 500;
  letter-spacing: var(--letter-spacing-p-s);
  line-height: var(--line-height-p-s);
  text-transform: none;
  align-items: center;
  background-color: var(--component-tag-background-colour);
  color: var(--component-tag-colour);
  display: inline-flex;
  gap: var(--component-tag-gap);
  padding: var(--component-tag-padding);
}

.wp-component-tag-label__icon {
  display: inline-flex;
  flex-shrink: 0;
  line-height: 0;
}

.wp-component-tag-label--text-only {
  --component-tag-padding: 0;
  --component-tag-background-colour: transparent;
  --component-tag-background-colour-hover: transparent;
  --component-tag-background-colour-focus: transparent;
  --component-tag-background-colour-active: transparent;
  --component-tag-background-colour-disabled: transparent;
  --component-tag-colour: var(--component-tag-text-only-colour);
  --component-tag-colour-hover: var(--component-tag-text-only-colour-hover);
  --component-tag-colour-focus: var(--component-tag-text-only-colour-focus);
  --component-tag-colour-active: var(--component-tag-text-only-colour-active);
  --component-tag-colour-disabled: var(--component-tag-text-only-colour-disabled);
}

.wp-component-tag-label--leading {
  --component-tag-background-colour: var(--component-tag-leading-background-colour);
  --component-tag-background-colour-active: var(--component-tag-leading-background-colour-active);
  --component-tag-background-colour-disabled: var(--component-tag-leading-background-colour-disabled);
  --component-tag-background-colour-focus: var(--component-tag-leading-background-colour-focus);
  --component-tag-background-colour-hover: var(--component-tag-leading-background-colour-hover);
  --component-tag-colour: var(--component-tag-leading-colour);
  --component-tag-colour-active: var(--component-tag-leading-colour-active);
  --component-tag-colour-disabled: var(--component-tag-leading-colour-disabled);
  --component-tag-colour-focus: var(--component-tag-leading-colour-focus);
  --component-tag-colour-hover: var(--component-tag-leading-colour-hover);
  --component-tag-gap: var(--component-tag-leading-gap);
  --component-tag-padding: var(--component-tag-leading-padding);
}

.wp-component-tag-label--trailing {
  --component-tag-background-colour: var(--component-tag-trailing-background-colour);
  --component-tag-background-colour-active: var(--component-tag-trailing-background-colour-active);
  --component-tag-background-colour-disabled: var(--component-tag-trailing-background-colour-disabled);
  --component-tag-background-colour-focus: var(--component-tag-trailing-background-colour-focus);
  --component-tag-background-colour-hover: var(--component-tag-trailing-background-colour-hover);
  --component-tag-colour: var(--component-tag-trailing-colour);
  --component-tag-colour-active: var(--component-tag-trailing-colour-active);
  --component-tag-colour-disabled: var(--component-tag-trailing-colour-disabled);
  --component-tag-colour-focus: var(--component-tag-trailing-colour-focus);
  --component-tag-colour-hover: var(--component-tag-trailing-colour-hover);
  --component-tag-gap: var(--component-tag-trailing-gap);
  --component-tag-padding: var(--component-tag-trailing-padding);
}

.wp-component-tag-label--removable {
  appearance: none;
  border: 0;
  cursor: pointer;
  text-align: inherit;
  text-decoration-color: transparent;
  transition: var(--transition-all);
}
.wp-component-tag-label--removable:focus-visible, .wp-component-tag-label--removable:hover {
  background-color: var(--component-tag-background-colour-hover);
  color: var(--component-tag-colour-hover);
  text-decoration-color: var(--component-tag-colour-hover);
}
.wp-component-tag-label--removable:focus-visible::after, .wp-component-tag-label--removable:hover::after {
  background-color: var(--component-tag-colour-hover);
}
.wp-component-tag-label--removable:focus-visible {
  outline-color: var(--base-outline-colour);
  outline-offset: 3px;
  outline-style: var(--base-outline-style);
  outline-width: var(--base-outline-width);
}
.wp-component-tag-label--removable::after {
  content: "";
  display: block;
  position: relative;
  mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg'%3e %3cpath d='M17.5996 5.92499C17.7639 5.92499 17.8659 5.97349 17.9463 6.05389C18.0265 6.1342 18.0751 6.23569 18.0752 6.3996C18.0752 6.5638 18.0266 6.66589 17.9463 6.74628L12.6924 12.0002L13.0459 12.3537L17.9463 17.2531C18.0267 17.3335 18.0752 17.4356 18.0752 17.5998C18.0752 17.7641 18.0267 17.8661 17.9463 17.9465C17.8659 18.0269 17.7639 18.0754 17.5996 18.0754C17.4355 18.0753 17.3333 18.0268 17.2529 17.9465L12.3535 13.0461L12 12.6926L6.74609 17.9465C6.66571 18.0268 6.56362 18.0754 6.39941 18.0754C6.23551 18.0753 6.13402 18.0267 6.05371 17.9465C5.97331 17.8661 5.9248 17.7641 5.9248 17.5998C5.92484 17.4356 5.97334 17.3335 6.05371 17.2531L11.3066 12.0002L10.9531 11.6467L6.05371 6.74628C5.97331 6.66587 5.9248 6.56387 5.9248 6.3996C5.92488 6.23556 5.97337 6.13423 6.05371 6.05389C6.13405 5.97356 6.23537 5.92506 6.39941 5.92499C6.56368 5.92499 6.66569 5.97349 6.74609 6.05389L11.6465 10.9533L12 11.3068L17.2529 6.05389C17.3333 5.97352 17.4355 5.92503 17.5996 5.92499Z' fill='currentColor' stroke='currentColor'/%3e %3c/svg%3e") center no-repeat;
  background-color: var(--component-tag-colour);
  height: 24px;
  mask-position: 50% 50%;
  mask-repeat: no-repeat;
  mask-size: cover;
  pointer-events: none;
  scale: 0.8;
  width: 24px;
}

.wp-component-tag-label--link {
  background-color: transparent;
  padding: 0;
  transition: var(--transition-all);
}

.wp-component-tag-label__link {
  align-items: center;
  background-color: var(--component-tag-background-colour);
  color: var(--component-tag-colour);
  display: inline-flex;
  gap: var(--component-tag-gap);
  padding: var(--component-tag-padding);
  text-decoration: none;
  transition: var(--transition-all);
}
.wp-component-tag-label__link:hover {
  background-color: var(--component-tag-background-colour-hover);
  color: var(--component-tag-colour-hover);
}
.wp-component-tag-label__link:focus-visible {
  background-color: var(--component-tag-background-colour-focus);
  color: var(--component-tag-colour-focus);
  outline-color: var(--base-outline-colour);
  outline-offset: 3px;
  outline-style: var(--base-outline-style);
  outline-width: var(--base-outline-width);
}
.wp-component-tag-label__link:active {
  background-color: var(--component-tag-background-colour-active);
  color: var(--component-tag-colour-active);
}
.wp-component-tag-label__link:disabled {
  background-color: var(--component-tag-background-colour-disabled);
  color: var(--component-tag-colour-disabled);
}

.filters__removable-tags .wp-component-tag-label:not(.wp-component-tag-label--leading, .wp-component-tag-label--trailing) {
  --component-tag-padding: var(--spacing-xxxs) var(--spacing-xxs);
}

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