:root {
  --category-hero-01--block--margin-top: var(--theme--spacing--block--margin);
  --category-hero-01--inner--min-height: 24rem;
  --category-hero-01--inner--border-radius: var(--theme--borders--element--border-radius);
  --category-hero-01--inner--background-color: var(--theme--colors--gray--100);
  --category-hero-01--image--position: relative;
  --category-hero-01--image--min-height: 0rem;
  --category-hero-01--image--object-fit: cover;
  --category-hero-01--image--object-position: center;
  --category-hero-01--overlay--background-color: transparent;
  --category-hero-01--content--justify-content: center;
  --category-hero-01--content--background-color: var(--theme--colors--gray--100);
  --category-hero-01--content--padding-x: 4rem;
  --category-hero-01--content--padding-y: 3rem;
  --category-hero-01--content--text-align: left;
  --category-hero-01--title--color: var(--elements--headings--header-heading--color);
  --category-hero-01--title--font-family: var(--elements--headings--header-heading--font-family);
  --category-hero-01--title--font-size: var(--elements--headings--header-heading--font-size);
  --category-hero-01--title--font-weight: var(--elements--headings--header-heading--font-weight);
  --category-hero-01--title--letter-spacing: var(--elements--headings--header-heading--letter-spacing);
  --category-hero-01--title--line-height: var(--elements--headings--header-heading--line-height);
  --category-hero-01--title--text-transform: var(--elements--headings--header-heading--text-transform);
  --category-hero-01--title--margin-bottom: var(--elements--headings--header-heading--margin-bottom);
  --category-hero-01--text--color: var(--elements--body-text--body--color);
  --category-hero-01--text--font-family: var(--elements--body-text--body--font-family);
  --category-hero-01--text--font-size: var(--elements--body-text--body--font-size);
  --category-hero-01--text--font-weight: var(--elements--body-text--body--font-weight);
  --category-hero-01--text--letter-spacing: var(--elements--body-text--body--letter-spacing);
  --category-hero-01--text--line-height: var(--elements--body-text--body--line-height);
}

@media (max-width: 1023px) {
  :root {
    --category-hero-01--block--margin-top: var(--theme--spacing--block--margin);
    --category-hero-01--inner--min-height: 0rem;
    --category-hero-01--inner--border-radius: var(--theme--borders--element--border-radius);
    --category-hero-01--inner--background-color: var(--theme--colors--gray--100);
    --category-hero-01--image--position: relative;
    --category-hero-01--image--min-height: 20rem;
    --category-hero-01--image--object-fit: cover;
    --category-hero-01--image--object-position: center;
    --category-hero-01--overlay--background-color: transparent;
    --category-hero-01--content--justify-content: center;
    --category-hero-01--content--background-color: var(--theme--colors--gray--100);
    --category-hero-01--content--padding-x: 1.5rem;
    --category-hero-01--content--padding-y: 2rem;
    --category-hero-01--content--text-align: left;
    --category-hero-01--title--color: var(--elements--headings--header-heading--color);
    --category-hero-01--title--font-family: var(--elements--headings--header-heading--font-family);
    --category-hero-01--title--font-size: var(--elements--headings--header-heading--font-size);
    --category-hero-01--title--font-weight: var(--elements--headings--header-heading--font-weight);
    --category-hero-01--title--letter-spacing: var(--elements--headings--header-heading--letter-spacing);
    --category-hero-01--title--line-height: var(--elements--headings--header-heading--line-height);
    --category-hero-01--title--text-transform: var(--elements--headings--header-heading--text-transform);
    --category-hero-01--title--margin-bottom: var(--elements--headings--header-heading--margin-bottom);
    --category-hero-01--text--color: var(--elements--body-text--body--color);
    --category-hero-01--text--font-family: var(--elements--body-text--body--font-family);
    --category-hero-01--text--font-size: var(--elements--body-text--body--font-size);
    --category-hero-01--text--font-weight: var(--elements--body-text--body--font-weight);
    --category-hero-01--text--letter-spacing: var(--elements--body-text--body--letter-spacing);
    --category-hero-01--text--line-height: var(--elements--body-text--body--line-height);
  }
}
@media (min-width: 1024px) {
  :root {
    --category-hero-01--block--margin-top: var(--theme--spacing--block--margin);
    --category-hero-01--inner--min-height: 24rem;
    --category-hero-01--inner--border-radius: var(--theme--borders--element--border-radius);
    --category-hero-01--inner--background-color: var(--theme--colors--gray--100);
    --category-hero-01--image--position: relative;
    --category-hero-01--image--min-height: 0rem;
    --category-hero-01--image--object-fit: cover;
    --category-hero-01--image--object-position: center;
    --category-hero-01--overlay--background-color: transparent;
    --category-hero-01--content--justify-content: center;
    --category-hero-01--content--background-color: var(--theme--colors--gray--100);
    --category-hero-01--content--padding-x: 4rem;
    --category-hero-01--content--padding-y: 3rem;
    --category-hero-01--content--text-align: left;
    --category-hero-01--title--color: var(--elements--headings--header-heading--color);
    --category-hero-01--title--font-family: var(--elements--headings--header-heading--font-family);
    --category-hero-01--title--font-size: var(--elements--headings--header-heading--font-size);
    --category-hero-01--title--font-weight: var(--elements--headings--header-heading--font-weight);
    --category-hero-01--title--letter-spacing: var(--elements--headings--header-heading--letter-spacing);
    --category-hero-01--title--line-height: var(--elements--headings--header-heading--line-height);
    --category-hero-01--title--text-transform: var(--elements--headings--header-heading--text-transform);
    --category-hero-01--title--margin-bottom: var(--elements--headings--header-heading--margin-bottom);
    --category-hero-01--text--color: var(--elements--body-text--body--color);
    --category-hero-01--text--font-family: var(--elements--body-text--body--font-family);
    --category-hero-01--text--font-size: var(--elements--body-text--body--font-size);
    --category-hero-01--text--font-weight: var(--elements--body-text--body--font-weight);
    --category-hero-01--text--letter-spacing: var(--elements--body-text--body--letter-spacing);
    --category-hero-01--text--line-height: var(--elements--body-text--body--line-height);
  }
}