:root,[data-cl-brand=hubspot-2022] {
    --light-theme-accent-fill-01: #eaf0f6;
    --light-theme-accent-fill-02: #ffdbc1;
    --light-theme-accent-fill-03: #ffd9dd;
    --light-theme-accent-fill-04: #daf2e2;
    --light-theme-accent-fill-05: #ffebc9;
    --light-theme-accent-fill-06: #e1e2fa;
    --light-theme-accent-fill-07: #cef2f2;
    --light-theme-accent-fill-08: #fadcf2;
    --light-theme-accent-decoration-01: #607d9c;
    --light-theme-accent-decoration-02: #ff8933;
    --light-theme-accent-decoration-03: #ed2d40;
    --light-theme-accent-decoration-04: #2a8c49;
    --light-theme-accent-decoration-05: #ffbc4b;
    --light-theme-accent-decoration-06: #5c62d6;
    --light-theme-accent-decoration-07: #0fbfbf;
    --light-theme-accent-decoration-08: #bd138d;
    --light-theme-background-01: #fff;
    --light-theme-background-02: #f6f9fc;
    --light-theme-background-03: #fef4ea;
    --light-theme-background-accent-01: #b7ecec;
    --light-theme-background-accent-02: #ff8933;
    --light-theme-background-footer-01: #192733;
    --light-theme-badge-brand-fill-01: #ffebe6;
    --light-theme-beta-01: #5c62d6;
    --light-theme-beta-background-01: #ced0f3;
    --light-theme-border-01: #192733;
    --light-theme-border-02: #7691ad;
    --light-theme-border-03: #dbe4ed;
    --light-theme-border-brand-01: #ff5c35;
    --light-theme-border-highlight-01: #0068b1;
    --light-theme-button-primary-fill-idle: #ff5c35;
    --light-theme-button-primary-fill-hover: #e04826;
    --light-theme-button-primary-fill-pressed: #b3361d;
    --light-theme-button-secondary-border: #ff5c35;
    --light-theme-button-secondary-fill-idle: #fff;
    --light-theme-button-secondary-fill-hover: #ffebe6;
    --light-theme-button-secondary-fill-pressed: #ffcec2;
    --light-theme-button-tertiary-fill-idle: #192733;
    --light-theme-button-tertiary-fill-hover: #2e475d;
    --light-theme-button-tertiary-fill-pressed: #3e5974;
    --light-theme-container-01: #fff;
    --light-theme-container-02: #f6f9fc;
    --light-theme-container-03: #eaf0f6;
    --light-theme-container-inverse-01: #192733;
    --light-theme-disabled-01: #99afc4;
    --light-theme-disabled-02: #eaf0f6;
    --light-theme-disabled-03: #dbe4ed;
    --light-theme-divider-01: #dbe4ed;
    --light-theme-error-01: #cf2738;
    --light-theme-error-background-01: #ffd9dd;
    --light-theme-focus-01: #0068b1;
    --light-theme-free-01: #0b8484;
    --light-theme-free-background-01: #b7ecec;
    --light-theme-hover-01: #eaf0f6;
    --light-theme-hover-02: #eaf0f6;
    --light-theme-hover-03: #b6c7d6;
    --light-theme-hover-brand-01: #e04826;
    --light-theme-hover-inverse-01: #2e475d;
    --light-theme-hover-link-01: #005fa3;
    --light-theme-hover-link-02: #2e475d;
    --light-theme-hubspot-brand-01: #ff5c35;
    --light-theme-icon-01: #213343;
    --light-theme-icon-02: #516f90;
    --light-theme-icon-on-color-01: #fff;
    --light-theme-link-01: #0068b1;
    --light-theme-link-02: #213343;
    --light-theme-loading-primary-fill-active: #ff5c35;
    --light-theme-loading-primary-fill-inactive: #ffcec2;
    --light-theme-loading-secondary-fill-active: #192733;
    --light-theme-loading-secondary-fill-inactive: #7691ad;
    --light-theme-number-fill-active: #ff5c35;
    --light-theme-number-fill-inactive: #ffcec2;
    --light-theme-number-fill-statistic: #ff5c35;
    --light-theme-overlay-01: rgba(33,51,67,.804);
    --light-theme-play-button-fill-idle: #ff5c35;
    --light-theme-play-button-fill-hover: #e04826;
    --light-theme-play-button-fill-pressed: #b3361d;
    --light-theme-pressed-01: #b6c7d6;
    --light-theme-pressed-02: #b6c7d6;
    --light-theme-pressed-03: #99afc4;
    --light-theme-pressed-brand-01: #b3361d;
    --light-theme-pressed-inverse-01: #3e5974;
    --light-theme-pressed-link-01: #005896;
    --light-theme-pressed-link-02: #516f90;
    --light-theme-success-01: #1f7d3d;
    --light-theme-success-background-01: #daf2e2;
    --light-theme-text-01: #213343;
    --light-theme-text-02: #2e475d;
    --light-theme-text-brand-01: #ff5c35;
    --light-theme-text-link-underline-01: currentColor;
    --light-theme-text-on-color-01: #fff;
    --light-theme-text-placeholder-01: #516f90;
    --dark-theme-accent-fill-01: #192733;
    --dark-theme-accent-fill-02: #733000;
    --dark-theme-accent-fill-03: #821923;
    --dark-theme-accent-fill-04: #104d23;
    --dark-theme-accent-fill-05: #663a00;
    --dark-theme-accent-fill-06: #34388c;
    --dark-theme-accent-fill-07: #054d4d;
    --dark-theme-accent-fill-08: #850d63;
    --dark-theme-accent-decoration-01: #607d9c;
    --dark-theme-accent-decoration-02: #ff8933;
    --dark-theme-accent-decoration-03: #ed2d40;
    --dark-theme-accent-decoration-04: #2a8c49;
    --dark-theme-accent-decoration-05: #ffbc4b;
    --dark-theme-accent-decoration-06: #5c62d6;
    --dark-theme-accent-decoration-07: #0fbfbf;
    --dark-theme-accent-decoration-08: #bd138d;
    --dark-theme-background-01: #192733;
    --dark-theme-background-02: #213343;
    --dark-theme-background-03: #213343;
    --dark-theme-background-accent-01: #2e475d;
    --dark-theme-background-accent-02: #5c62d6;
    --dark-theme-background-footer-01: #192733;
    --dark-theme-badge-brand-fill-01: #213343;
    --dark-theme-beta-01: #8589e0;
    --dark-theme-beta-background-01: #213343;
    --dark-theme-border-01: #fff;
    --dark-theme-border-02: #7691ad;
    --dark-theme-border-03: #3e5974;
    --dark-theme-border-brand-01: #ff5c35;
    --dark-theme-border-highlight-01: #fff;
    --dark-theme-button-primary-fill-idle: #fff;
    --dark-theme-button-primary-fill-hover: #b6c7d6;
    --dark-theme-button-primary-fill-pressed: #99afc4;
    --dark-theme-button-secondary-border: #fff;
    --dark-theme-button-secondary-fill-idle: #192733;
    --dark-theme-button-secondary-fill-hover: #2e475d;
    --dark-theme-button-secondary-fill-pressed: #3e5974;
    --dark-theme-button-tertiary-fill-idle: #fff;
    --dark-theme-button-tertiary-fill-hover: #b6c7d6;
    --dark-theme-button-tertiary-fill-pressed: #99afc4;
    --dark-theme-container-01: #192733;
    --dark-theme-container-02: #213343;
    --dark-theme-container-03: #2e475d;
    --dark-theme-container-inverse-01: #fff;
    --dark-theme-disabled-01: #607d9c;
    --dark-theme-disabled-02: #2e475d;
    --dark-theme-disabled-03: #3e5974;
    --dark-theme-divider-01: #3e5974;
    --dark-theme-error-01: #f7818c;
    --dark-theme-error-background-01: #213343;
    --dark-theme-focus-01: #5fa3d4;
    --dark-theme-free-01: #0fbfbf;
    --dark-theme-free-background-01: #213343;
    --dark-theme-hover-01: #2e475d;
    --dark-theme-hover-02: #2e475d;
    --dark-theme-hover-03: #3e5974;
    --dark-theme-hover-brand-01: #e04826;
    --dark-theme-hover-inverse-01: #b6c7d6;
    --dark-theme-hover-link-01: #88bde3;
    --dark-theme-hover-link-02: #b6c7d6;
    --dark-theme-hubspot-brand-01: #ff5c35;
    --dark-theme-icon-01: #fff;
    --dark-theme-icon-02: #b6c7d6;
    --dark-theme-icon-on-color-01: #192733;
    --dark-theme-link-01: #5fa3d4;
    --dark-theme-link-02: #fff;
    --dark-theme-loading-primary-fill-active: #ff5c35;
    --dark-theme-loading-primary-fill-inactive: #ffcec2;
    --dark-theme-loading-secondary-fill-active: #fff;
    --dark-theme-loading-secondary-fill-inactive: #7691ad;
    --dark-theme-number-fill-active: #ff5c35;
    --dark-theme-number-fill-inactive: #ffcec2;
    --dark-theme-number-fill-statistic: #ffa994;
    --dark-theme-overlay-01: rgba(33,51,67,.804);
    --dark-theme-play-button-fill-idle: #ff5c35;
    --dark-theme-play-button-fill-hover: #e04826;
    --dark-theme-play-button-fill-pressed: #b3361d;
    --dark-theme-pressed-01: #3e5974;
    --dark-theme-pressed-02: #3e5974;
    --dark-theme-pressed-03: #516f90;
    --dark-theme-pressed-brand-01: #b3361d;
    --dark-theme-pressed-inverse-01: #99afc4;
    --dark-theme-pressed-link-01: #9ec8e6;
    --dark-theme-pressed-link-02: #99afc4;
    --dark-theme-success-01: #4fb06d;
    --dark-theme-success-background-01: #213343;
    --dark-theme-text-01: #fff;
    --dark-theme-text-02: #b6c7d6;
    --dark-theme-text-brand-01: #ff5c35;
    --dark-theme-text-link-underline-01: currentColor;
    --dark-theme-text-on-color-01: #192733;
    --dark-theme-text-placeholder-01: #99afc4;
    --cl-font-family: "Lexend Deca",sans-serif;
    --cl-font-family-display: "Queens Medium",serif;
    --cl-font-family-heading: var(--cl-font-family);
    --cl-font-size-small: 0.875rem;
    --cl-font-size-medium: 1rem;
    --cl-font-size-large: 1.125rem;
    --cl-font-size-micro: 0.75rem;
    --cl-font-size-blockquote: 1.125rem;
    --cl-font-size-display-01: 2.25rem;
    --cl-font-size-display-01-small: 2.25rem;
    --cl-font-size-display-02: 2.125rem;
    --cl-font-size-display-02-small: 2.125rem;
    --cl-font-size-display-03: 2rem;
    --cl-font-size-display-03-small: 2rem;
    --cl-font-size-h1: 2.25rem;
    --cl-font-size-h1-small: 2.25rem;
    --cl-font-size-h2: 1.625rem;
    --cl-font-size-h2-small: 1.625rem;
    --cl-font-size-h3: 1.5rem;
    --cl-font-size-h4: 1.375rem;
    --cl-font-size-h5: 1.125rem;
    --cl-font-size-h6: 1rem;
    --cl-font-size-input-label: var(--cl-font-size-small);
    --cl-font-size-microcopy: var(--cl-font-size-micro);
    --cl-font-size-microheading: var(--cl-font-size-small);
    --cl-font-size-p-large: var(--cl-font-size-large);
    --cl-font-size-p-medium: var(--cl-font-size-medium);
    --cl-font-size-p-small: var(--cl-font-size-small);
    --cl-font-weight-light: 300;
    --cl-font-weight-medium: 500;
    --cl-font-weight-demi-bold: 600;
    --cl-font-weight-blockquote: var(--cl-font-weight-light);
    --cl-font-weight-display-01: var(--cl-font-weight-medium);
    --cl-font-weight-display-01-small: var(--cl-font-weight-medium);
    --cl-font-weight-display-02: var(--cl-font-weight-medium);
    --cl-font-weight-display-02-small: var(--cl-font-weight-medium);
    --cl-font-weight-display-03: var(--cl-font-weight-medium);
    --cl-font-weight-display-03-small: var(--cl-font-weight-medium);
    --cl-font-weight-h1: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h1-small: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h2: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h2-small: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h3: var(--cl-font-weight-medium);
    --cl-font-weight-h4: var(--cl-font-weight-medium);
    --cl-font-weight-h5: var(--cl-font-weight-demi-bold);
    --cl-font-weight-h6: var(--cl-font-weight-medium);
    --cl-font-weight-input-label: var(--cl-font-weight-medium);
    --cl-font-weight-microcopy: var(--cl-font-weight-medium);
    --cl-font-weight-microheading: var(--cl-font-weight-demi-bold);
    --cl-font-weight-p-large: var(--cl-font-weight-light);
    --cl-font-weight-p-medium: var(--cl-font-weight-light);
    --cl-font-weight-p-small: var(--cl-font-weight-light);
    --cl-font-weight-p-link: var(--cl-font-weight-medium);
    --cl-line-height-small: 1.57142857;
    --cl-line-height-medium: 1.75;
    --cl-line-height-large: 1.77777778;
    --cl-line-height-blockquote: 1.78;
    --cl-line-height-display-01: 1.27777778;
    --cl-line-height-display-01-small: 1.27777778;
    --cl-line-height-display-02: 1.23529412;
    --cl-line-height-display-02-small: 1.23529412;
    --cl-line-height-display-03: 1.25;
    --cl-line-height-display-03-small: 1.25;
    --cl-line-height-h1: 1.27777778;
    --cl-line-height-h1-small: 1.27777778;
    --cl-line-height-h2: 1.38;
    --cl-line-height-h2-small: 1.38;
    --cl-line-height-h3: 1.41666667;
    --cl-line-height-h4: 1.45454545;
    --cl-line-height-h5: 1.55555556;
    --cl-line-height-h6: 1.75;
    --cl-line-height-input-label: var(--cl-line-height-small);
    --cl-line-height-microcopy: 1.66666667;
    --cl-line-height-microheading: 1.57142857;
    --cl-line-height-p-large: var(--cl-line-height-large);
    --cl-line-height-p-medium: var(--cl-line-height-medium);
    --cl-line-height-p-small: var(--cl-line-height-small);
    --cl-text-margin-large: 1.5rem;
    --cl-text-margin-medium: 1rem;
    --cl-text-margin-small: 0.5rem;
    --cl-border-width-medium: 1px;
    --cl-border-width-heavy: 2px;
    --cl-border-radius-small: 4px;
    --cl-border-radius-medium: 8px;
    --cl-border-radius-container: 8px;
    --cl-border-radius-input: 4px;
    --cl-text-link-underline-thickness: auto;
    --cl-text-link-underline-offset: auto
}

:root,:root .-light,:root .-white,:root [data-background=off-white],:root [data-background=white],:root [data-cl-theme=light],[data-cl-brand=hubspot-2022],[data-cl-brand=hubspot-2022] .-light,[data-cl-brand=hubspot-2022] .-white,[data-cl-brand=hubspot-2022] [data-background=off-white],[data-cl-brand=hubspot-2022] [data-background=white],[data-cl-brand=hubspot-2022] [data-cl-theme=light] {
    --cl-color-accent-fill-01: var(--light-theme-accent-fill-01);
    --cl-color-accent-fill-02: var(--light-theme-accent-fill-02);
    --cl-color-accent-fill-03: var(--light-theme-accent-fill-03);
    --cl-color-accent-fill-04: var(--light-theme-accent-fill-04);
    --cl-color-accent-fill-05: var(--light-theme-accent-fill-05);
    --cl-color-accent-fill-06: var(--light-theme-accent-fill-06);
    --cl-color-accent-fill-07: var(--light-theme-accent-fill-07);
    --cl-color-accent-fill-08: var(--light-theme-accent-fill-08);
    --cl-color-accent-decoration-01: var(--light-theme-accent-decoration-01);
    --cl-color-accent-decoration-02: var(--light-theme-accent-decoration-02);
    --cl-color-accent-decoration-03: var(--light-theme-accent-decoration-03);
    --cl-color-accent-decoration-04: var(--light-theme-accent-decoration-04);
    --cl-color-accent-decoration-05: var(--light-theme-accent-decoration-05);
    --cl-color-accent-decoration-06: var(--light-theme-accent-decoration-06);
    --cl-color-accent-decoration-07: var(--light-theme-accent-decoration-07);
    --cl-color-accent-decoration-08: var(--light-theme-accent-decoration-08);
    --cl-color-background-01: var(--light-theme-background-01);
    --cl-color-background-02: var(--light-theme-background-02);
    --cl-color-background-03: var(--light-theme-background-03);
    --cl-color-background-accent-01: var(--light-theme-background-accent-01);
    --cl-color-background-accent-02: var(--light-theme-background-accent-02);
    --cl-color-background-footer-01: var(--light-theme-background-footer-01);
    --cl-color-badge-brand-fill-01: var(--light-theme-badge-brand-fill-01);
    --cl-color-beta-01: var(--light-theme-beta-01);
    --cl-color-beta-background-01: var(--light-theme-beta-background-01);
    --cl-color-border-01: var(--light-theme-border-01);
    --cl-color-border-02: var(--light-theme-border-02);
    --cl-color-border-03: var(--light-theme-border-03);
    --cl-color-border-brand-01: var(--light-theme-border-brand-01);
    --cl-color-border-highlight-01: var(--light-theme-border-highlight-01);
    --cl-color-button-primary-fill-idle: var(--light-theme-button-primary-fill-idle);
    --cl-color-button-primary-fill-hover: var(--light-theme-button-primary-fill-hover);
    --cl-color-button-primary-fill-pressed: var(--light-theme-button-primary-fill-pressed);
    --cl-color-button-secondary-border: var(--light-theme-button-secondary-border);
    --cl-color-button-secondary-fill-idle: var(--light-theme-button-secondary-fill-idle);
    --cl-color-button-secondary-fill-hover: var(--light-theme-button-secondary-fill-hover);
    --cl-color-button-secondary-fill-pressed: var(--light-theme-button-secondary-fill-pressed);
    --cl-color-button-tertiary-fill-idle: var(--light-theme-button-tertiary-fill-idle);
    --cl-color-button-tertiary-fill-hover: var(--light-theme-button-tertiary-fill-hover);
    --cl-color-button-tertiary-fill-pressed: var(--light-theme-button-tertiary-fill-pressed);
    --cl-color-container-01: var(--light-theme-container-01);
    --cl-color-container-02: var(--light-theme-container-02);
    --cl-color-container-03: var(--light-theme-container-03);
    --cl-color-container-inverse-01: var(--light-theme-container-inverse-01);
    --cl-color-disabled-01: var(--light-theme-disabled-01);
    --cl-color-disabled-02: var(--light-theme-disabled-02);
    --cl-color-disabled-03: var(--light-theme-disabled-03);
    --cl-color-divider-01: var(--light-theme-divider-01);
    --cl-color-error-01: var(--light-theme-error-01);
    --cl-color-error-background-01: var(--light-theme-error-background-01);
    --cl-color-focus-01: var(--light-theme-focus-01);
    --cl-color-free-01: var(--light-theme-free-01);
    --cl-color-free-background-01: var(--light-theme-free-background-01);
    --cl-color-hover-01: var(--light-theme-hover-01);
    --cl-color-hover-02: var(--light-theme-hover-02);
    --cl-color-hover-03: var(--light-theme-hover-03);
    --cl-color-hover-brand-01: var(--light-theme-hover-brand-01);
    --cl-color-hover-inverse-01: var(--light-theme-hover-inverse-01);
    --cl-color-hover-link-01: var(--light-theme-hover-link-01);
    --cl-color-hover-link-02: var(--light-theme-hover-link-02);
    --cl-color-hubspot-brand-01: var(--light-theme-hubspot-brand-01);
    --cl-color-icon-01: var(--light-theme-icon-01);
    --cl-color-icon-02: var(--light-theme-icon-02);
    --cl-color-icon-on-color-01: var(--light-theme-icon-on-color-01);
    --cl-color-link-01: var(--light-theme-link-01);
    --cl-color-link-02: var(--light-theme-link-02);
    --cl-color-loading-primary-fill-active: var(--light-theme-loading-primary-fill-active);
    --cl-color-loading-primary-fill-inactive: var(--light-theme-loading-primary-fill-inactive);
    --cl-color-loading-secondary-fill-active: var(--light-theme-loading-secondary-fill-active);
    --cl-color-loading-secondary-fill-inactive: var(--light-theme-loading-secondary-fill-inactive);
    --cl-color-number-fill-active: var(--light-theme-number-fill-active);
    --cl-color-number-fill-inactive: var(--light-theme-number-fill-inactive);
    --cl-color-number-fill-statistic: var(--light-theme-number-fill-statistic);
    --cl-color-overlay-01: var(--light-theme-overlay-01);
    --cl-color-play-button-fill-idle: var(--light-theme-play-button-fill-idle);
    --cl-color-play-button-fill-hover: var(--light-theme-play-button-fill-hover);
    --cl-color-play-button-fill-pressed: var(--light-theme-play-button-fill-pressed);
    --cl-color-pressed-01: var(--light-theme-pressed-01);
    --cl-color-pressed-02: var(--light-theme-pressed-02);
    --cl-color-pressed-03: var(--light-theme-pressed-03);
    --cl-color-pressed-brand-01: var(--light-theme-pressed-brand-01);
    --cl-color-pressed-inverse-01: var(--light-theme-pressed-inverse-01);
    --cl-color-pressed-link-01: var(--light-theme-pressed-link-01);
    --cl-color-pressed-link-02: var(--light-theme-pressed-link-02);
    --cl-color-success-01: var(--light-theme-success-01);
    --cl-color-success-background-01: var(--light-theme-success-background-01);
    --cl-color-text-01: var(--light-theme-text-01);
    --cl-color-text-02: var(--light-theme-text-02);
    --cl-color-text-brand-01: var(--light-theme-text-brand-01);
    --cl-color-text-link-underline-01: var(--light-theme-text-link-underline-01);
    --cl-color-text-on-color-01: var(--light-theme-text-on-color-01);
    --cl-color-text-placeholder-01: var(--light-theme-text-placeholder-01)
}

:root .-dark,:root [data-background=dark],:root [data-cl-theme=dark],[data-cl-brand=hubspot-2022] .-dark,[data-cl-brand=hubspot-2022] [data-background=dark],[data-cl-brand=hubspot-2022] [data-cl-theme=dark],[data-cl-theme=dark]:root,[data-cl-theme=dark][data-cl-brand=hubspot-2022] {
    --cl-color-accent-fill-01: var(--dark-theme-accent-fill-01);
    --cl-color-accent-fill-02: var(--dark-theme-accent-fill-02);
    --cl-color-accent-fill-03: var(--dark-theme-accent-fill-03);
    --cl-color-accent-fill-04: var(--dark-theme-accent-fill-04);
    --cl-color-accent-fill-05: var(--dark-theme-accent-fill-05);
    --cl-color-accent-fill-06: var(--dark-theme-accent-fill-06);
    --cl-color-accent-fill-07: var(--dark-theme-accent-fill-07);
    --cl-color-accent-fill-08: var(--dark-theme-accent-fill-08);
    --cl-color-accent-decoration-01: var(--dark-theme-accent-decoration-01);
    --cl-color-accent-decoration-02: var(--dark-theme-accent-decoration-02);
    --cl-color-accent-decoration-03: var(--dark-theme-accent-decoration-03);
    --cl-color-accent-decoration-04: var(--dark-theme-accent-decoration-04);
    --cl-color-accent-decoration-05: var(--dark-theme-accent-decoration-05);
    --cl-color-accent-decoration-06: var(--dark-theme-accent-decoration-06);
    --cl-color-accent-decoration-07: var(--dark-theme-accent-decoration-07);
    --cl-color-accent-decoration-08: var(--dark-theme-accent-decoration-08);
    --cl-color-background-01: var(--dark-theme-background-01);
    --cl-color-background-02: var(--dark-theme-background-02);
    --cl-color-background-03: var(--dark-theme-background-03);
    --cl-color-background-accent-01: var(--dark-theme-background-accent-01);
    --cl-color-background-accent-02: var(--dark-theme-background-accent-02);
    --cl-color-background-footer-01: var(--dark-theme-background-footer-01);
    --cl-color-badge-brand-fill-01: var(--dark-theme-badge-brand-fill-01);
    --cl-color-beta-01: var(--dark-theme-beta-01);
    --cl-color-beta-background-01: var(--dark-theme-beta-background-01);
    --cl-color-border-01: var(--dark-theme-border-01);
    --cl-color-border-02: var(--dark-theme-border-02);
    --cl-color-border-03: var(--dark-theme-border-03);
    --cl-color-border-brand-01: var(--dark-theme-border-brand-01);
    --cl-color-border-highlight-01: var(--dark-theme-border-highlight-01);
    --cl-color-button-primary-fill-idle: var(--dark-theme-button-primary-fill-idle);
    --cl-color-button-primary-fill-hover: var(--dark-theme-button-primary-fill-hover);
    --cl-color-button-primary-fill-pressed: var(--dark-theme-button-primary-fill-pressed);
    --cl-color-button-secondary-border: var(--dark-theme-button-secondary-border);
    --cl-color-button-secondary-fill-idle: var(--dark-theme-button-secondary-fill-idle);
    --cl-color-button-secondary-fill-hover: var(--dark-theme-button-secondary-fill-hover);
    --cl-color-button-secondary-fill-pressed: var(--dark-theme-button-secondary-fill-pressed);
    --cl-color-button-tertiary-fill-idle: var(--dark-theme-button-tertiary-fill-idle);
    --cl-color-button-tertiary-fill-hover: var(--dark-theme-button-tertiary-fill-hover);
    --cl-color-button-tertiary-fill-pressed: var(--dark-theme-button-tertiary-fill-pressed);
    --cl-color-container-01: var(--dark-theme-container-01);
    --cl-color-container-02: var(--dark-theme-container-02);
    --cl-color-container-03: var(--dark-theme-container-03);
    --cl-color-container-inverse-01: var(--dark-theme-container-inverse-01);
    --cl-color-disabled-01: var(--dark-theme-disabled-01);
    --cl-color-disabled-02: var(--dark-theme-disabled-02);
    --cl-color-disabled-03: var(--dark-theme-disabled-03);
    --cl-color-divider-01: var(--dark-theme-divider-01);
    --cl-color-error-01: var(--dark-theme-error-01);
    --cl-color-error-background-01: var(--dark-theme-error-background-01);
    --cl-color-focus-01: var(--dark-theme-focus-01);
    --cl-color-free-01: var(--dark-theme-free-01);
    --cl-color-free-background-01: var(--dark-theme-free-background-01);
    --cl-color-hover-01: var(--dark-theme-hover-01);
    --cl-color-hover-02: var(--dark-theme-hover-02);
    --cl-color-hover-03: var(--dark-theme-hover-03);
    --cl-color-hover-brand-01: var(--dark-theme-hover-brand-01);
    --cl-color-hover-inverse-01: var(--dark-theme-hover-inverse-01);
    --cl-color-hover-link-01: var(--dark-theme-hover-link-01);
    --cl-color-hover-link-02: var(--dark-theme-hover-link-02);
    --cl-color-hubspot-brand-01: var(--dark-theme-hubspot-brand-01);
    --cl-color-icon-01: var(--dark-theme-icon-01);
    --cl-color-icon-02: var(--dark-theme-icon-02);
    --cl-color-icon-on-color-01: var(--dark-theme-icon-on-color-01);
    --cl-color-link-01: var(--dark-theme-link-01);
    --cl-color-link-02: var(--dark-theme-link-02);
    --cl-color-loading-primary-fill-active: var(--dark-theme-loading-primary-fill-active);
    --cl-color-loading-primary-fill-inactive: var(--dark-theme-loading-primary-fill-inactive);
    --cl-color-loading-secondary-fill-active: var(--dark-theme-loading-secondary-fill-active);
    --cl-color-loading-secondary-fill-inactive: var(--dark-theme-loading-secondary-fill-inactive);
    --cl-color-number-fill-active: var(--dark-theme-number-fill-active);
    --cl-color-number-fill-inactive: var(--dark-theme-number-fill-inactive);
    --cl-color-number-fill-statistic: var(--dark-theme-number-fill-statistic);
    --cl-color-overlay-01: var(--dark-theme-overlay-01);
    --cl-color-play-button-fill-idle: var(--dark-theme-play-button-fill-idle);
    --cl-color-play-button-fill-hover: var(--dark-theme-play-button-fill-hover);
    --cl-color-play-button-fill-pressed: var(--dark-theme-play-button-fill-pressed);
    --cl-color-pressed-01: var(--dark-theme-pressed-01);
    --cl-color-pressed-02: var(--dark-theme-pressed-02);
    --cl-color-pressed-03: var(--dark-theme-pressed-03);
    --cl-color-pressed-brand-01: var(--dark-theme-pressed-brand-01);
    --cl-color-pressed-inverse-01: var(--dark-theme-pressed-inverse-01);
    --cl-color-pressed-link-01: var(--dark-theme-pressed-link-01);
    --cl-color-pressed-link-02: var(--dark-theme-pressed-link-02);
    --cl-color-success-01: var(--dark-theme-success-01);
    --cl-color-success-background-01: var(--dark-theme-success-background-01);
    --cl-color-text-01: var(--dark-theme-text-01);
    --cl-color-text-02: var(--dark-theme-text-02);
    --cl-color-text-brand-01: var(--dark-theme-text-brand-01);
    --cl-color-text-link-underline-01: var(--dark-theme-text-link-underline-01);
    --cl-color-text-on-color-01: var(--dark-theme-text-on-color-01);
    --cl-color-text-placeholder-01: var(--dark-theme-text-placeholder-01)
}

.-dark,.-light,.-white,:root {
    --cl-anchor-text-decoration: underline;
    --cl-anchor-color-dark: var(--dark-theme-link-01);
    --cl-anchor-hover-color-dark: var(--dark-theme-hover-link-01)
}

.-dark,.-light,.-white,:root,[data-background=dark],[data-background=off-white],[data-background=white],[data-cl-brand],[data-cl-theme] {
    --cl-anchor-color: var(--cl-color-link-01);
    --cl-anchor-hover-color: var(--cl-color-hover-link-01);
    --cl-anchor-pressed-color: var(--cl-color-pressed-link-01);
    --cl-text-color: var(--cl-color-text-01)
}

:root,[data-cl-brand],[data-cl-theme] {
    color: var(--cl-text-color)
}
        
body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f4f4f4;
}
header {
    background-color: #fcfaf7;
    color: #fff;
    padding: 20px;
    text-align: center;
}
header .logo {
    max-width: 150px;
}
header .flag {
    max-width: 20px;
}
header .languages {
    display: flex;
    gap: 10px;
    position: absolute;
    top: 15px;
    right: 15px;
}
nav {
    text-align: center;
    background-color: #c99797;
    padding: 10px;
}
nav a {
    color: white;
    padding: 14px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
nav a:hover {
    background-color: #bf7f7f;
}
section {
    display: flex;
    flex-direction: column;
    background-color: white;
}
.section-content {
    display: flex
;
    justify-content: space-around;
    gap: 50px;
    max-width: 1000px;
    align-items: center;
}
.section {
    align-items: center;
}
.back-color {
    background-color: #f8f5ee;
}
.container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.product, .service {
    width: 45%;
    margin: 10px 0;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
footer {
    text-align: center;
    background-color: #333;
    color: white;
    padding: 20px;
}
.cta-button {
    background-color: #2a2a2a;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
    text-transform: uppercase;
}
.cta-button:hover {
    background-color: #575757;
}
.home-image img{
    width: 50%;
    height: auto;
}
.padding-top-bottom-30 {
    padding: 30px 10px;
}
.home-section {
    max-width: 1600px;
    display: flex;
    padding: 10px 30px;;
    position: relative;
    align-items: center;
    flex-direction: row;
    gap: 20px;
    margin-left: auto;
    margin-right:auto ;
}
.home-text {
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    padding: 0px 20px;
    color: #fff;
}
.title {
    font-weight: 700;
    font-size: 40px;
}
.image-1 {
    display: flex;
    max-height: 350px;
    object-fit: cover;
    max-width: 500px;
    border-radius: 15px;
    overflow: hidden;
    height: 350px;
}

.image-2 {
    display: flex;
    max-height: 334px;
    object-fit: cover;
    max-width: 500px;
    border-radius: 15px;
    overflow: hidden;
    height: 350px;
}

.about-area {
    margin-top: 30px;
}

    .line {
      width: 100%;
      height: 100px;
    }

    .costura {
      stroke: #555; /* Cor da linha de costura */
      stroke-width: 2;
      fill: none;
      stroke-dasharray: 10 10; /* Linha picotada */
      stroke-dashoffset: 1000;
    }

.container-galeria{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 40px 20px;
}

.container-galeria .box{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.container-galeria .box .dream{
  display: flex;
  flex-direction: column;
  width: 32.5%;
}

.container-galeria .box .dream img{
  width: 100%;
  padding-bottom: 15px;
  border-radius: 5px;
}

section#servicos .container-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #fcfaf7;
}

.container-text {
    width: 50%;
    padding: 30px 20px;
}

.social {
    width: 100%;
    display: flex
;
    justify-content: center;
    align-items: center;
}

.social img {
    width: 50px;
}

[data-cl-background],body {
    background: var(--cl-background,var(--cl-color-background-01))
}

[data-cl-background=background-01] {
    --cl-background: var(--cl-color-background-01)
}

[data-cl-background=background-02] {
    --cl-background: var(--cl-color-background-02)
}

[data-cl-background=background-03] {
    --cl-background: var(--cl-color-background-03)
}

[data-cl-background=background-accent-01] {
    --cl-background: var(--cl-color-background-accent-01)
}

[data-cl-background=background-accent-02] {
    --cl-background: var(--cl-color-background-accent-02)
}

[data-cl-background=background-footer-01] {
    --cl-background: var(--cl-color-background-footer-01)
}

[data-cl-brand-show=hubspot-2022]:not([data-cl-brand=hubspot-2022] [data-cl-brand-show=hubspot-2022]),[data-cl-brand-show=hubspot-2025]:not([data-cl-brand=hubspot-2025] [data-cl-brand-show=hubspot-2025]),[data-cl-brand-show=hustle-2024]:not([data-cl-brand=hustle-2024] [data-cl-brand-show=hustle-2024]),[data-cl-brand=hubspot-2022] [data-cl-brand-hide=hubspot-2022],[data-cl-brand=hubspot-2025] [data-cl-brand-hide=hubspot-2025],[data-cl-brand=hustle-2024] [data-cl-brand-hide=hustle-2024] {
    display: none
}

*,:after,:before {
    box-sizing: border-box
}

html {
    line-height: 1.15;
    text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,strong {
    font-weight: 700
}

code,kbd,samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img,object {
    height: auto;
    max-width: 100%
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    appearance: none
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],template {
    display: none
}

blockquote,figure,ol,ul {
    margin: 0
}

ol,ul {
    list-style: none;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
    width: 100%
}

table td,table th,table tr {
    border: 0;
    margin: 0;
    padding: 0
}

@media(prefers-reduced-motion:reduce) {
    *,:after,:before {
        animation-delay: -1ms!important;
        animation-duration: 1ms!important;
        animation-iteration-count: 1!important;
        background-attachment: scroll!important;
        scroll-behavior: auto!important;
        transition-delay: 0s!important;
        transition-duration: 1ms!important
    }
}

.visually-hidden:not(:focus,:active) {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.cl-section {
    --cl-section-background: inherit;
    background: var(--cl-section-background);
    color: var(--cl-color-text-01);
    container-name: cl-section;
    container-type: inline-size;
    position: relative
}

.cl-section.-background-01 {
    --cl-section-background: var(--cl-color-background-01)
}

.cl-section.-background-02 {
    --cl-section-background: var(--cl-color-background-02)
}

.cl-section.-background-03 {
    --cl-section-background: var(--cl-color-background-03)
}

.cl-section.-padding-top-none {
    --cl-section-padding-top: 0;
    --cl-section-padding-top-desktop: 0
}

.cl-section.-padding-bottom-none {
    --cl-section-padding-bottom: 0;
    --cl-section-padding-bottom-desktop: 0
}

.cl-section.-padding-top-extra-small {
    --cl-section-padding-top: 16px;
    --cl-section-padding-top-desktop: 24px
}

.cl-section.-padding-bottom-extra-small {
    --cl-section-padding-bottom: 16px;
    --cl-section-padding-bottom-desktop: 24px
}

.cl-section.-padding-top-small {
    --cl-section-padding-top: 24px;
    --cl-section-padding-top-desktop: 40px
}

.cl-section.-padding-bottom-small {
    --cl-section-padding-bottom: 24px;
    --cl-section-padding-bottom-desktop: 40px
}

.cl-section.-padding-top-medium {
    --cl-section-padding-top: 40px;
    --cl-section-padding-top-desktop: 64px
}

.cl-section.-padding-bottom-medium {
    --cl-section-padding-bottom: 40px;
    --cl-section-padding-bottom-desktop: 64px
}

.cl-section.-padding-top-large {
    --cl-section-padding-top: 64px;
    --cl-section-padding-top-desktop: 96px
}

.cl-section.-padding-bottom-large {
    --cl-section-padding-bottom: 64px;
    --cl-section-padding-bottom-desktop: 96px
}

.cl-section-content {
    margin-inline:auto;max-width: min(100% - 32px,1080px);
    padding-block:var(--cl-section-padding-top,0) var(--cl-section-padding-bottom,0)}

@container cl-section (width >= 600px) {
    .cl-section-content {
        padding-block: var(--cl-section-padding-top-desktop,0) var(--cl-section-padding-bottom-desktop,0)
    }
}

.cl-section-content .cl-section-content {
    margin-inline:0;max-width: none
}

.cl-grid {
    --cl-grid-column-gap: 1rem;
    column-gap: var(--cl-grid-column-gap);
    display: grid;
    grid-template-areas: var(--cl-grid-template-areas-phone,none);
    grid-template-columns: repeat(var(--cl-grid-column-count-phone,4),1fr);
    row-gap: var(--cl-grid-row-gap,initial)
}

@media(width >= 600px) {
    .cl-grid {
        --cl-grid-column-gap: 1.5rem
    }
}

@container (width >= 600px) {
    .cl-grid {
        grid-template-areas: var(--cl-grid-template-areas-tablet,none);
        grid-template-columns: repeat(var(--cl-grid-column-count-tablet,8),1fr)
    }
}

@media(width >= 1080px) {
    .cl-grid {
        --cl-grid-column-gap: 1.75rem
    }
}

@container (width >= 1080px) {
    .cl-grid {
        grid-template-areas: var(--cl-grid-template-areas-desktop,none);
        grid-template-columns: repeat(var(--cl-grid-column-count-desktop,12),1fr)
    }
}

.cl-grid>.cl-grid {
    grid-template-columns: subgrid
}

.cl-page-width {
    margin: 0 auto;
    max-width: 1080px;
    width: 100%
}

a:focus-visible {
    outline: 2px solid var(--cl-color-focus-01);
    outline-offset: 2px
}

:root,[data-cl-brand] {
    --cl-anchor-font-weight: var(--cl-font-weight-p-link)
}

.-large.cl-p,p.-large {
    --cl-text-font-size: var(--cl-font-size-p-large);
    --cl-text-font-weight: var(--cl-font-weight-p-large);
    --cl-text-line-height: var(--cl-line-height-p-large);
    --cl-text-letter-spacing: var(--cl-letter-spacing-p-large,normal)
}

.-medium.cl-p,:root,[data-cl-brand],p.-medium {
    --cl-text-font-size: var(--cl-font-size-p-medium);
    --cl-text-font-weight: var(--cl-font-weight-p-medium);
    --cl-text-line-height: var(--cl-line-height-p-medium);
    --cl-text-letter-spacing: var(--cl-letter-spacing-p-medium,normal)
}

.-small.cl-p,p.-small {
    --cl-text-font-size: var(--cl-font-size-p-small);
    --cl-text-font-weight: var(--cl-font-weight-p-small);
    --cl-text-line-height: var(--cl-line-height-p-small);
    --cl-text-letter-spacing: var(--cl-letter-spacing-p-small,normal)
}

.cl-p,[data-cl-brand],body,p {
    font-size: var(--cl-text-font-size);
    font-weight: var(--cl-text-font-weight);
    letter-spacing: var(--cl-text-letter-spacing,normal);
    line-height: var(--cl-text-line-height)
}

[data-cl-brand],body {
    color: var(--cl-text-color);
    font-family: var(--cl-font-family,"Lexend Deca",sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html[lang=ja] [data-cl-brand],html[lang=ja] body {
    font-family: Zen Kaku Gothic New,sans-serif;
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}

.cl-h1.-display,.cl-h1.-secondary,.h1.-display,.h1.-secondary,h1.-display,h1.-secondary {
    font-family: var(--cl-font-family-display,"Queens Medium",serif);
    font-size: var(--cl-font-size-display-01);
    font-weight: var(--cl-font-weight-display-01);
    letter-spacing: var(--cl-letter-spacing-display-01,normal);
    line-height: var(--cl-line-height-display-01)
}

.cl-h1.-display-small,.cl-h1.-secondary-small,.cl-h2.-display,.cl-h2.-secondary,.h1.-display-small,.h1.-secondary-small,.h2.-display,.h2.-secondary,h1.-display-small,h1.-secondary-small,h2.-display,h2.-secondary {
    font-family: var(--cl-font-family-display,"Queens Medium",serif);
    font-size: var(--cl-font-size-display-02);
    font-weight: var(--cl-font-weight-display-02);
    letter-spacing: var(--cl-letter-spacing-display-02,normal);
    line-height: var(--cl-line-height-display-02)
}

.cl-h3.-display,.h3.-display,h3.-display {
    font-family: var(--cl-font-family-display,"Queens Medium",serif);
    font-size: var(--cl-font-size-display-03);
    font-weight: var(--cl-font-weight-display-03);
    letter-spacing: var(--cl-letter-spacing-display-03,normal);
    line-height: var(--cl-line-height-display-03)
}

.cl-h1,.h1,h1 {
    font-size: var(--cl-font-size-h1);
    font-weight: var(--cl-font-weight-h1);
    letter-spacing: var(--cl-letter-spacing-h1,normal);
    line-height: var(--cl-line-height-h1)
}

.cl-h1,.cl-h1.-small,.h1,.h1.-small,h1,h1.-small {
    --cl-anchor-font-weight: inherit;
    font-family: var(--cl-font-family-heading,inherit)
}

.cl-h1.-small,.h1.-small,h1.-small {
    font-size: var(--cl-font-size-h1-small);
    font-weight: var(--cl-font-weight-h1-small);
    letter-spacing: var(--cl-letter-spacing-h1-small,normal);
    line-height: var(--cl-line-height-h1-small)
}

.cl-h2,.h2,h2 {
    --cl-anchor-font-weight: inherit;
    font-family: var(--cl-font-family-heading,inherit);
    font-size: var(--cl-font-size-h2);
    font-weight: var(--cl-font-weight-h2);
    letter-spacing: var(--cl-letter-spacing-h2,normal);
    line-height: var(--cl-line-height-h2)
}

.cl-h3,.h3,h3 {
    font-size: var(--cl-font-size-h3);
    font-weight: var(--cl-font-weight-h3);
    letter-spacing: var(--cl-letter-spacing-h3,normal);
    line-height: var(--cl-line-height-h3)
}

.cl-h3,.cl-h4,.h3,.h4,h3,h4 {
    font-family: var(--cl-font-family,inherit)
}

.cl-h4,.h4,h4 {
    font-size: var(--cl-font-size-h4);
    font-weight: var(--cl-font-weight-h4);
    letter-spacing: var(--cl-letter-spacing-h4,normal);
    line-height: var(--cl-line-height-h4)
}

.cl-h5,.h5,h5 {
    --cl-anchor-font-weight: inherit;
    font-size: var(--cl-font-size-h5);
    font-weight: var(--cl-font-weight-h5);
    letter-spacing: var(--cl-letter-spacing-h5,normal);
    line-height: var(--cl-line-height-h5)
}

.cl-h5,.cl-h6,.h5,.h6,h5,h6 {
    font-family: var(--cl-font-family,inherit)
}

.cl-h6,.h6,h6 {
    font-size: var(--cl-font-size-h6);
    font-weight: var(--cl-font-weight-h6);
    letter-spacing: var(--cl-letter-spacing-h6,normal);
    line-height: var(--cl-line-height-h6)
}

.cl-p.-microheading,p.-microheading {
    --cl-anchor-font-weight: inherit;
    font-size: var(--cl-font-size-microheading);
    font-weight: var(--cl-font-weight-microheading);
    letter-spacing: var(--cl-letter-spacing-microheading,normal);
    line-height: var(--cl-line-height-microheading)
}

.cl-p.-microcopy,p.-microcopy {
    --cl-anchor-font-weight: 600;
    font-size: var(--cl-font-size-microcopy);
    font-weight: var(--cl-font-weight-microcopy);
    letter-spacing: var(--cl-letter-spacing-microcopy,normal);
    line-height: var(--cl-line-height-microcopy)
}

strong {
    font-weight: var(--cl-font-weight-medium)
}

em {
    font-style: italic
}

.cl-p>a,a,p>a {
    color: var(--cl-anchor-color,var(--cl-color-link-01));
    font-weight: var(--cl-anchor-font-weight,var(--cl-font-weight-medium));
    text-decoration-line: var(--cl-anchor-text-decoration,underline)
}

blockquote {
    font-size: var(--cl-font-size-blockquote);
    font-weight: var(--cl-font-weight-blockquote);
    line-height: var(--cl-line-height-blockquote)
}

button,input,select,textarea {
    font-family: inherit
}

.cl-h1,.h1,h1 {
    margin-block:var(--cl-text-margin-medium)}

@media(width >= 900px) {
    .cl-h1.-display,.cl-h1.-secondary,.h1.-display,.h1.-secondary,h1.-display,h1.-secondary {
        margin-block: var(--cl-text-margin-large)
    }
}

[data-cl-brand=hubspot-2025] .cl-h1.-brand:after,[data-cl-brand=hubspot-2025] .h1.-brand:after,[data-cl-brand=hubspot-2025] h1.-brand:after {
    color: var(--cl-color-hubspot-brand-01);
    content: "."/""
}

.cl-h2,.h2,h2 {
    margin-block:var(--cl-text-margin-small)}

.cl-h2.-display,.cl-h2.-secondary,.h2.-display,.h2.-secondary,h2.-display,h2.-secondary {
    margin-block: var(--cl-text-margin-medium)
}

.cl-h3,.h3,h3 {
    margin-block:var(--cl-text-margin-small)}

.cl-h3.-display,.h3.-display,h3.-display {
    margin-block: var(--cl-text-margin-medium)
}

.cl-h4,.cl-h5,.cl-h6,.h4,.h5,.h6,h4,h5,h6 {
    margin-block:var(--cl-text-margin-small)}

.cl-p,p {
    margin-block: var(--cl-text-margin-medium)
}

.cl-p.-microheading,p.-microheading {
    margin-block:var(--cl-text-margin-small)}

blockquote {
    margin-block: var(--cl-text-margin-medium)
}