/* File: automatic-bricks.css - Version: 2.8.3 - Generated: 2024-06-29 18:31:45 */
body.bricks-is-frontend :focus-visible {
  outline-style: solid;
  outline-color: var(--focus-color);
  outline-width: var(--focus-width);
  outline-offset: var(--focus-offset);
}
@supports not selector(:focus-visible) {
  body.bricks-is-frontend :focus {
    outline-style: solid;
    outline-color: var(--focus-color);
    outline-width: var(--focus-width);
    outline-offset: var(--focus-offset);
  }
}
body.bricks-is-frontend *:focus.focus--primary {
  --focus-color: var(--primary);
}
body.bricks-is-frontend .focus--primary *:focus, body.bricks-is-frontend .focus--primary:focus-within {
  --focus-color: var(--primary);
}
body.bricks-is-frontend *:focus.focus--primary-hover {
  --focus-color: var(--primary-hover);
}
body.bricks-is-frontend .focus--primary-hover *:focus, body.bricks-is-frontend .focus--primary-hover:focus-within {
  --focus-color: var(--primary-hover);
}
body.bricks-is-frontend *:focus.focus--primary-ultra-light {
  --focus-color: var(--primary-ultra-light);
}
body.bricks-is-frontend .focus--primary-ultra-light *:focus, body.bricks-is-frontend .focus--primary-ultra-light:focus-within {
  --focus-color: var(--primary-ultra-light);
}
body.bricks-is-frontend *:focus.focus--primary-light {
  --focus-color: var(--primary-light);
}
body.bricks-is-frontend .focus--primary-light *:focus, body.bricks-is-frontend .focus--primary-light:focus-within {
  --focus-color: var(--primary-light);
}
body.bricks-is-frontend *:focus.focus--primary-medium {
  --focus-color: var(--primary-medium);
}
body.bricks-is-frontend .focus--primary-medium *:focus, body.bricks-is-frontend .focus--primary-medium:focus-within {
  --focus-color: var(--primary-medium);
}
body.bricks-is-frontend *:focus.focus--primary-dark {
  --focus-color: var(--primary-dark);
}
body.bricks-is-frontend .focus--primary-dark *:focus, body.bricks-is-frontend .focus--primary-dark:focus-within {
  --focus-color: var(--primary-dark);
}
body.bricks-is-frontend *:focus.focus--primary-ultra-dark {
  --focus-color: var(--primary-ultra-dark);
}
body.bricks-is-frontend .focus--primary-ultra-dark *:focus, body.bricks-is-frontend .focus--primary-ultra-dark:focus-within {
  --focus-color: var(--primary-ultra-dark);
}
body.bricks-is-frontend *:focus.focus--primary-comp {
  --focus-color: var(--primary-comp);
}
body.bricks-is-frontend .focus--primary-comp *:focus, body.bricks-is-frontend .focus--primary-comp:focus-within {
  --focus-color: var(--primary-comp);
}
body.bricks-is-frontend *:focus.focus--secondary {
  --focus-color: var(--secondary);
}
body.bricks-is-frontend .focus--secondary *:focus, body.bricks-is-frontend .focus--secondary:focus-within {
  --focus-color: var(--secondary);
}
body.bricks-is-frontend *:focus.focus--secondary-hover {
  --focus-color: var(--secondary-hover);
}
body.bricks-is-frontend .focus--secondary-hover *:focus, body.bricks-is-frontend .focus--secondary-hover:focus-within {
  --focus-color: var(--secondary-hover);
}
body.bricks-is-frontend *:focus.focus--secondary-ultra-light {
  --focus-color: var(--secondary-ultra-light);
}
body.bricks-is-frontend .focus--secondary-ultra-light *:focus, body.bricks-is-frontend .focus--secondary-ultra-light:focus-within {
  --focus-color: var(--secondary-ultra-light);
}
body.bricks-is-frontend *:focus.focus--secondary-light {
  --focus-color: var(--secondary-light);
}
body.bricks-is-frontend .focus--secondary-light *:focus, body.bricks-is-frontend .focus--secondary-light:focus-within {
  --focus-color: var(--secondary-light);
}
body.bricks-is-frontend *:focus.focus--secondary-medium {
  --focus-color: var(--secondary-medium);
}
body.bricks-is-frontend .focus--secondary-medium *:focus, body.bricks-is-frontend .focus--secondary-medium:focus-within {
  --focus-color: var(--secondary-medium);
}
body.bricks-is-frontend *:focus.focus--secondary-dark {
  --focus-color: var(--secondary-dark);
}
body.bricks-is-frontend .focus--secondary-dark *:focus, body.bricks-is-frontend .focus--secondary-dark:focus-within {
  --focus-color: var(--secondary-dark);
}
body.bricks-is-frontend *:focus.focus--secondary-ultra-dark {
  --focus-color: var(--secondary-ultra-dark);
}
body.bricks-is-frontend .focus--secondary-ultra-dark *:focus, body.bricks-is-frontend .focus--secondary-ultra-dark:focus-within {
  --focus-color: var(--secondary-ultra-dark);
}
body.bricks-is-frontend *:focus.focus--secondary-comp {
  --focus-color: var(--secondary-comp);
}
body.bricks-is-frontend .focus--secondary-comp *:focus, body.bricks-is-frontend .focus--secondary-comp:focus-within {
  --focus-color: var(--secondary-comp);
}
body.bricks-is-frontend *:focus.focus--base {
  --focus-color: var(--base);
}
body.bricks-is-frontend .focus--base *:focus, body.bricks-is-frontend .focus--base:focus-within {
  --focus-color: var(--base);
}
body.bricks-is-frontend *:focus.focus--base-hover {
  --focus-color: var(--base-hover);
}
body.bricks-is-frontend .focus--base-hover *:focus, body.bricks-is-frontend .focus--base-hover:focus-within {
  --focus-color: var(--base-hover);
}
body.bricks-is-frontend *:focus.focus--base-ultra-light {
  --focus-color: var(--base-ultra-light);
}
body.bricks-is-frontend .focus--base-ultra-light *:focus, body.bricks-is-frontend .focus--base-ultra-light:focus-within {
  --focus-color: var(--base-ultra-light);
}
body.bricks-is-frontend *:focus.focus--base-light {
  --focus-color: var(--base-light);
}
body.bricks-is-frontend .focus--base-light *:focus, body.bricks-is-frontend .focus--base-light:focus-within {
  --focus-color: var(--base-light);
}
body.bricks-is-frontend *:focus.focus--base-medium {
  --focus-color: var(--base-medium);
}
body.bricks-is-frontend .focus--base-medium *:focus, body.bricks-is-frontend .focus--base-medium:focus-within {
  --focus-color: var(--base-medium);
}
body.bricks-is-frontend *:focus.focus--base-dark {
  --focus-color: var(--base-dark);
}
body.bricks-is-frontend .focus--base-dark *:focus, body.bricks-is-frontend .focus--base-dark:focus-within {
  --focus-color: var(--base-dark);
}
body.bricks-is-frontend *:focus.focus--base-ultra-dark {
  --focus-color: var(--base-ultra-dark);
}
body.bricks-is-frontend .focus--base-ultra-dark *:focus, body.bricks-is-frontend .focus--base-ultra-dark:focus-within {
  --focus-color: var(--base-ultra-dark);
}
body.bricks-is-frontend *:focus.focus--base-comp {
  --focus-color: var(--base-comp);
}
body.bricks-is-frontend .focus--base-comp *:focus, body.bricks-is-frontend .focus--base-comp:focus-within {
  --focus-color: var(--base-comp);
}
body.bricks-is-frontend *:focus.focus--white {
  --focus-color: var(--white);
}
body.bricks-is-frontend .focus--white *:focus, body.bricks-is-frontend .focus--white:focus-within {
  --focus-color: var(--white);
}
body.bricks-is-frontend *:focus.focus--black {
  --focus-color: var(--black);
}
body.bricks-is-frontend .focus--black *:focus, body.bricks-is-frontend .focus--black:focus-within {
  --focus-color: var(--black);
}
body {
  color: var(--body-color, var(--base-medium));
  background-color: var(--body-bg-color, var(--white));
}
body {
  font-size: var(--text-m);
  line-height: var(--text-m-lh);
}
h1 {
  font-size: var(--h1);
  line-height: var(--h1-lh);
  color: var(--h1-color, var(--heading-color));
}
h2 {
  font-size: var(--h2);
  line-height: var(--h2-lh);
  color: var(--h2-color, var(--heading-color));
}
h3 {
  font-size: var(--h3);
  line-height: var(--h3-lh);
  color: var(--h3-color, var(--heading-color));
}
h4 {
  font-size: var(--h4);
  line-height: var(--h4-lh);
  color: var(--h4-color, var(--heading-color));
}
h5 {
  font-size: var(--h5);
  line-height: var(--h5-lh);
  color: var(--h5-color, var(--heading-color));
}
h6 {
  font-size: var(--h6);
  line-height: var(--h6-lh);
  color: var(--h6-color, var(--heading-color));
}
body a {
  color: var(--link-color, var(--action));
  font-weight: var(--link-weight, inherit);
  -webkit-text-decoration: var(--link-decoration, inherit);
  text-decoration: var(--link-decoration, inherit);
  text-underline-offset: var(--link-underline-offset, 0);
}
body a:hover {
  color: var(--link-color-hover, var(--action-hover));
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit;
  text-decoration: inherit;
  color: currentcolor;
  text-underline-offset: var(--link-underline-offset, 0);
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: currentcolor;
}
body:where(.bricks-is-frontend), body:where(:not(.bricks-is-frontend)) {
  color: var(--body-color, var(--base-medium));
}
#bricks-blank-canvas .description {
  max-width: 100%;
}