/* stylelint-disable */
.wp-block-breadcrumbs {
  --spacing-section-bottom: var(--spacing-xxxs);
  --spacing-section-top: var(--spacing-xxxs);
}

.wp-block-breadcrumbs__container {
  margin: 0 auto;
  max-width: var(--width-max-width-padded);
  padding-left: var(--spacing-body);
  padding-right: var(--spacing-body);
  width: 100%;
}

.rank-math-breadcrumb {
  --font-size-button: var(--font-size-p-small);
  overflow-x: auto;
  overflow-y: hidden;
}

.rank-math-breadcrumb > p {
  align-items: center;
  display: flex;
  gap: 10px;
}

.rank-math-breadcrumb > p > * {
  white-space: nowrap;
}

.rank-math-breadcrumb .separator {
  color: var(--breadcrumb-seperator, var(--colour-dark-blue-35));
}

.rank-math-breadcrumb .separator svg {
  transform: rotate(-90deg);
}

.wp-block-breadcrumbs--dark {
  --button-primary-background: var(--button-primary-dark-background);
  --button-primary-background-hover: var(--button-primary-dark-background-hover);
  --button-primary-background-active: var(--button-primary-dark-background-active);
  --button-primary-border: var(--button-primary-dark-border);
  --button-primary-border-hover: var(--button-primary-dark-border-hover);
  --button-primary-border-active: var(--button-primary-dark-border-active);
  --button-primary-colour: var(--button-primary-dark-colour);
  --button-primary-colour-hover: var(--button-primary-dark-colour-hover);
  --button-primary-colour-active: var(--button-primary-dark-colour-active);
  --button-secondary-background: var(--button-secondary-dark-background);
  --button-secondary-background-hover: var(--button-secondary-dark-background-hover);
  --button-secondary-background-active: var(--button-secondary-dark-background-active);
  --button-secondary-border: var(--button-secondary-dark-border);
  --button-secondary-border-hover: var(--button-secondary-dark-border-hover);
  --button-secondary-border-active: var(--button-secondary-dark-border-active);
  --button-secondary-colour: var(--button-secondary-dark-colour);
  --button-secondary-colour-hover: var(--button-secondary-dark-colour-hover);
  --button-secondary-colour-active: var(--button-secondary-dark-colour-active);
  --button-tertiary-border: var(--button-tertiary-dark-border);
  --button-tertiary-border-hover: var(--button-tertiary-dark-border-hover);
  --button-tertiary-border-active: var(--button-tertiary-dark-border-active);
  --button-tertiary-colour: var(--button-tertiary-dark-colour);
  --button-tertiary-colour-hover: var(--button-tertiary-dark-colour-hover);
  --button-tertiary-colour-active: var(--button-tertiary-dark-colour-active);
  --breadcrumb-seperator: var(--colour-white);
}

.wp-block-breadcrumbs--has-border {
  border-bottom: 1px solid var(--colour-dark-blue-50);
}