.a-for-screen-reader {
  clip: rect(1px, 1px, 1px, 1px);
  block-size: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  inline-size: 1px;
}

.align--center,
.centered {
  text-align: center;
}

.break {
  position: relative;
  z-index: 0;
  min-height: 1px;
}

.break:before {
  border-block-end: 1px solid var(--color-uncolor-30);
  content: '';
  inset-block-start: 50%;
  inset-inline: 0;
  position: absolute;
  transform: translateY(-50%);
  z-index: -1;
}

.break > span {
  background: var(--color-canvas);
  display: inline-block;
  padding: 0 0.75ch;
}

.break--block > span {
  font-size: var(--txt-x-small);
  display: inline-block;
  padding: 0.3em 0.73em;
  color: var(--color-inverted);
  background: var(--color-uncolor-50);
  border-radius: var(--radius-sm);
  text-transform: uppercase;
}

.container-type-inline-size {
  container-type: inline-size;
}

.decorated--matched {
  color: inherit !important;
  text-decoration: underline;
}

.flex {
  display: flex;
}

.flex-center-justify {
  justify-content: center;
}

.flex--gap {
  gap: var(--gap, 0.8rem);
}

.flex-wrap {
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .hide_on_mobile {
    display: none;
  }
}

.flush {
  margin: 0 !important;
}

.position-relative {
  position: relative;
}

.push {
  margin: 1.25em !important;
}

.push--top {
  margin-block-start: 1.25em !important;
}

.push--right {
  margin-inline-end: 1.25em !important;
}

.push--bottom {
  margin-block-end: 1.25em !important;
}

.push--left {
  margin-inline-start: 1.25em !important;
}

.push--ends {
  margin-block-start: 1.25em !important;
  margin-block-end: 1.25em !important;
}

.push--sides {
  margin-inline-end: 1.25em !important;
  margin-inline-start: 1.25em !important;
}

.push--top-auto {
  margin-block-start: auto !important;
}

.push--right-auto {
  margin-inline-end: auto !important;
}

.push--bottom-auto {
  margin-block-end: auto !important;
}

.push--left-auto {
  margin-inline-start: auto !important;
}

.push_half {
  margin: 0.625em !important;
}

.push_half--top {
  margin-block-start: 0.625em !important;
}

.push_half--right {
  margin-inline-end: 0.625em !important;
}

.push_half--bottom {
  margin-block-end: 0.625em !important;
}

.push_half--left {
  margin-inline-start: 0.625em !important;
}

.push_half--ends {
  margin-block-start: 0.625em !important;
  margin-block-end: 0.625em !important;
}

.push_half--sides {
  margin-inline-end: 0.625em !important;
  margin-inline-start: 0.625em !important;
}

@media screen and (min-width: 768px) {
  .push_no_medium--bottom {
    margin-block-end: 0;
  }
}

.push_quarter {
  margin: 0.3125em !important;
}

.push_quarter--top {
  margin-block-start: 0.3125em !important;
}

.push_quarter--bottom {
  margin-block-end: 0.3125em !important;
}

.push_quarter--left {
  margin-inline-start: 0.3125em !important;
}

.push_quarter--right {
  margin-inline-end: 0.3125em !important;
}

.push_quarter--ends {
  margin-block-start: 0.3125em !important;
  margin-block-end: 0.3125em !important;
}

.push_quarter--sides {
  margin-inline-end: 0.3125em !important;
  margin-inline-start: 0.3125em !important;
}

.push_one_and_a_half--top {
  margin-block-start: 1.875em !important;
}

.push_one_and_a_half--bottom {
  margin-block-end: 1.875em !important;
}

.push_double {
  margin: 2.5em !important;
}

@media screen and (max-width: 767px) {
  .push_double {
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
  }
}

.push_double--top {
  margin-block-start: 2.5em !important;
}

.push_double--right {
  margin-inline-end: 2.5em !important;
}

.push_double--bottom {
  margin-block-end: 2.5em !important;
}

.push_double--left {
  margin-inline-start: 2.5em !important;
}

.push_double--ends {
  margin-block-start: 2.5em !important;
  margin-block-end: 2.5em !important;
}

.push_double--sides {
  margin-inline-end: 2.5em !important;
  margin-inline-start: 2.5em !important;
}

.push_triple--bottom {
  margin-block-end: 3.75em !important;
}

.push_triple--top {
  margin-block-start: 3.75em !important;
}

@media screen and (max-width: 767px) {
  .u-hide-on-media-small {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .u-hide-on-media-medium {
    display: none;
  }
}