:root {
  --header-22--block--background-color: var(--theme--colors--white);
  --header-22--block--border-bottom-color: var(--theme--colors--gray--300);
  --header-22--block--border-bottom-width: 1px;
  --header-22--block--border-top-color: var(--theme--colors--gray--300);
  --header-22--block--border-top-width: 0px;
  --header-22--block--color: var(--theme--colors--gray--900);
  --header-22--block--font-size: 0.875rem;
  --header-22--block--position: relative;
  --header-22--block--padding-y: 0.5rem;
  --header-22--block--display: flex;
  --header-22--text-wrapper--margin-right: 0rem;
  --header-22--text-wrapper--margin-bottom: 1rem;
  --header-22--button--background-color: var(--elements--buttons--primary--background-color);
  --header-22--button--border-color: var(--elements--buttons--primary--border-color);
  --header-22--button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
  --header-22--button--border-left-width: var(--elements--buttons--button--border-left-width);
  --header-22--button--border-right-width: var(--elements--buttons--button--border-right-width);
  --header-22--button--border-top-width: var(--elements--buttons--button--border-top-width);
  --header-22--button--border-radius: var(--elements--buttons--button--border-radius);
  --header-22--button--box-shadow: var(--elements--buttons--button--box-shadow);
  --header-22--button--color: var(--elements--buttons--primary--color);
  --header-22--button--font-family: var(--elements--buttons--button--font-family);
  --header-22--button--font-size: var(--elements--buttons--button-small--font-size);
  --header-22--button--font-weight: var(--elements--buttons--button--font-weight);
  --header-22--button--letter-spacing: var(--elements--buttons--button--letter-spacing);
  --header-22--button--margin-bottom: 1rem;
  --header-22--button--padding-x: var(--elements--buttons--button-small--padding-x);
  --header-22--button--padding-y: var(--elements--buttons--button-small--padding-y);
  --header-22--button--text-transform: var(--elements--buttons--button--text-transform);
  --header-22--button-hover--background-color: var(--elements--buttons--primary--hover--background-color);
  --header-22--button-hover--border-color: var(--elements--buttons--primary--hover--border-color);
  --header-22--button-hover--color: var(--elements--buttons--primary--hover--color);
}

@media (min-width: 1024px) {
  :root {
    --header-22--block--background-color: var(--theme--colors--white);
    --header-22--block--border-bottom-color: var(--theme--colors--gray--300);
    --header-22--block--border-bottom-width: 1px;
    --header-22--block--border-top-color: var(--theme--colors--gray--300);
    --header-22--block--border-top-width: 0px;
    --header-22--block--color: var(--theme--colors--gray--900);
    --header-22--block--font-size: 0.875rem;
    --header-22--block--position: relative;
    --header-22--block--padding-y: 0.5rem;
    --header-22--block--display: flex;
    --header-22--text-wrapper--margin-right: 2rem;
    --header-22--text-wrapper--margin-bottom: 0rem;
    --header-22--button--background-color: var(--elements--buttons--primary--background-color);
    --header-22--button--border-color: var(--elements--buttons--primary--border-color);
    --header-22--button--border-bottom-width: var(--elements--buttons--button--border-bottom-width);
    --header-22--button--border-left-width: var(--elements--buttons--button--border-left-width);
    --header-22--button--border-right-width: var(--elements--buttons--button--border-right-width);
    --header-22--button--border-top-width: var(--elements--buttons--button--border-top-width);
    --header-22--button--border-radius: var(--elements--buttons--button--border-radius);
    --header-22--button--box-shadow: var(--elements--buttons--button--box-shadow);
    --header-22--button--color: var(--elements--buttons--primary--color);
    --header-22--button--font-family: var(--elements--buttons--button--font-family);
    --header-22--button--font-size: var(--elements--buttons--button-small--font-size);
    --header-22--button--font-weight: var(--elements--buttons--button--font-weight);
    --header-22--button--letter-spacing: var(--elements--buttons--button--letter-spacing);
    --header-22--button--margin-bottom: 0rem;
    --header-22--button--padding-x: var(--elements--buttons--button-small--padding-x);
    --header-22--button--padding-y: var(--elements--buttons--button-small--padding-y);
    --header-22--button--text-transform: var(--elements--buttons--button--text-transform);
  }
}