body.bricks-is-frontend :focus-visible {
  box-shadow: none;
  outline-color: var(--focus-color, var(--at-focus-outline-color));
  outline-style: var(--focus-style, var(--cc-focust-outline-style));
  outline-width: var(--focus-width, var(--at-focus-outline-width));
  outline-offset: var(--focus-offset, var(--at-focus-outline-offset));
}


:where(h1, h2, h3, h4, h5, h6) {
  text-wrap: var(--cc-heading-text-wrap);
  text-transform: var(--cc-heading-text-transform);
  line-height: var(--cc-heading-line-height);
  font-weight: var(--cc-heading-font-weight);
  letter-spacing: var(--cc-heading-letter-spacing);
  color: var(--cc-heading-color);
}
:where(body) {
  font-size: var(--at-text--m);
  line-height: var(--cc-body-line-height);
  text-wrap: var(--cc-body-text-wrap);
  font-weight: var(--cc-body-font-weight);
  letter-spacing: var(--cc-body-letter-spacing);
  color: var(--cc-body-color);
}


:where(.bricks-button) {
  color: var(--at-btn-primary-color);
  font-size: var(--at-btn-medium-font-size);
  font-style: normal;
  font-weight: var(--cc-btn-font-weight);
  text-align: center;
  text-transform: var(--cc-btn-text-transform);
  text-decoration: var(--cc-btn-text-decoration);
  text-wrap: nowrap;
  white-space: wrap;
  letter-spacing: var(--cc-btn-letter-spacing);
  line-height: var(--cc-btn-line-height);
  padding-block-start: var(--cc-btn-medium-padding-block-start);
  padding-inline-end: var(--at-btn-medium-padding-inline);
  padding-block-end: var(--cc-btn-medium-padding-block-end);
  padding-inline-start: var(--at-btn-medium-padding-inline);
  border: var(--at-btn-border-width) solid var(--at-btn-primary-border-color);
  border-radius: var(--at-btn-border-radius);
  box-shadow: var(--at-btn-shadow);
  transition: var(--at-btn-transition);
}