---
updatedAt: 2025-09-18T20:57:30.000Z
agentTools:
  projectIndex: https://docs.atdata.com/llms.txt
---

# Demographics Response Object

This object represents the response from the [Demographics Append](https://docs.atdata.com/reference/demographics-append) endpoint:

> 📘 Click on each object for more information

<HTMLBlock>{`
<style>
  details {
    display: flex;
    overflow: hidden;
  }

  .card p {
    margin-left: 20px;
  }

  .card {
    border: 1px solid #eeeeee;
    background: #FAFAFA;
    margin: 1.5em 0;
    border-radius: 3px;
    border-left: 4px solid #00AEEF;
    padding: 0.25em;
  }

  .card .card {
    margin: 1.5em;
  }

  .card p {
    margin-bottom: 0;
  }

  .card .type {
    color: #6C6C6C;
    font-family: "DM Mono";
    font-style: italic;
    font-weight: 400;
    line-height: normal;
  }

  .card .no-border-card {
    border: 1px solid #353b9637 !important;
  }

  .multi-column-list {
    column-count: 4;
    column-gap: 20px;
    margin-left: 1em;
  }

  .multi-column-list-2 {
    column-count: 2 !important;
  }

  .multi-column-list ul {
    list-style-type: disc;
    padding-left: 20px;
  }

  @media only screen and (max-width: 1300px) {
    .multi-column-list {
      column-count: 3;
    }
  }

  @media only screen and (max-width: 700px) {
    .multi-column-list {
      column-count: 2;
    }
  }

  @media only screen and (max-width: 468px) {
    .multi-column-list {
      column-count: 1;
    }
  }

  @media (prefers-color-scheme: dark) {
    [data-color-mode="system"] .card {
      background-color: #2B353C;
      border: 1px solid #4a5861;
      border-left: 4px solid #00AEEF;
    }

    [data-color-mode="system"] .card .no-border-card {
      border: 1px solid #4a5861 !important;
    }

    [data-color-mode="system"] .card .type {
      color: #f7f7f7;
    }
  }

  [data-color-mode="dark"] .card {
    background-color: #2B353C;
    border: 1px solid #4a5861;
    border-left: 4px solid #00AEEF;
  }

  [data-color-mode="dark"] .card .no-border-card {
    border: 1px solid #4a5861 !important;
  }

  [data-color-mode="dark"] .card .type {
    color: #f7f7f7;
  }
</style>

<div>

  <div class="card">
    <p><strong>age</strong> <small class="type">string</small>
      <br />The age range of the individual.
      <br />
      <small>
        Possible Values:
        <ul class="multi-column-list">
          <li><code>18-20</code></li>
          <li><code>21-24</code></li>
          <li><code>25-34</code></li>
          <li><code>35-44</code></li>
          <li><code>45-54</code></li>
          <li><code>55-64</code></li>
          <li><code>65+</code></li>
        </ul>
      </small>
    </p>
  </div>

  <div class="card">
    <p><strong>gender</strong> <small class="type">string</small>
      <br />The gender of the individual.
      <br />
      <small>
        Possible Values: <code>Male</code>, <code>Female</code>
      </small>
    </p>
  </div>

  <div class="card">
    <p><strong>zip</strong> <small class="type">string</small>
      <br />The ZIP code of the individual's address.
      <br />
      <small>
        Example: <code>94105</code>
      </small>
    </p>
  </div>

  <div class="card">
    <p><strong>household_income</strong> <small class="type">string</small>
      <br />Income of head of household by range.
      <br />
    <details class="card no-border-card">
      <summary><strong><small>Possible Values</small></strong></summary>
      <div>
        <ul class="multi-column-list">
          <li><code>0-15k</code></li>
          <li><code>15k-25k</code></li>
          <li><code>25k-35k</code></li>
          <li><code>35k-50k</code></li>
          <li><code>50k-75k</code></li>
          <li><code>75k-100k</code></li>
          <li><code>100k-150k</code></li>
          <li><code>150k-175k</code></li>
          <li><code>175k-200k</code></li>
          <li><code>200k-250k</code></li>
          <li><code>250k+</code></li>
        </ul>
      </div>
    </details>
    </p>
  </div>

  <div class="card">
    <p><strong>household_income</strong> <small class="type">string</small>
      <br />Income of head of household by range.
      <br />
    <details class="card no-border-card">
      <summary><strong><small>Possible Values</small></strong>
      </summary>
      <div>
        <ul class="multi-column-list">
          <li><code>0-15k</code></li>
          <li><code>15k-25k</code></li>
          <li><code>25k-35k</code></li>
          <li><code>35k-50k</code></li>
          <li><code>50k-75k</code></li>
          <li><code>75k-100k</code></li>
          <li><code>100-150k</code></li>
          <li><code>150-175k</code></li>
          <li><code>175-200k</code></li>
          <li><code>200-250k</code></li>
          <li><code>250k+</code></li>
        </ul>
      </div>
    </details>
    </p>
  </div>

  <div class="card">
    <p><strong>net_worth</strong> <small class="type">string</small>
      <br />The approximate net worth of the household.
      <br />
    <details class="card no-border-card">
      <summary><strong><small>Possible Values</small></strong>
      </summary>
      <div>
        <ul class="multi-column-list">
          <li><code>0-5k</code></li>
          <li><code>5k-10k</code></li>
          <li><code>10k-25k</code></li>
          <li><code>25k-50k</code></li>
          <li><code>50k-100k</code></li>
          <li><code>100k-250k</code></li>
          <li><code>250k-500k</code></li>
          <li><code>500k-1mm</code></li>
          <li><code>1mm+</code></li>
        </ul>
      </div>
    </details>
    </p>
  </div>

  <div class="card">
    <p><strong>home_market_value</strong> <small class="type">string</small>
      <br />Market value of household's home.
      <br />
    <details class="card no-border-card">
      <summary><strong><small>Possible Values</small></strong>
      </summary>
      <div>
        <ul class="multi-column-list">
          <li><code>1k-25k</code></li>
          <li><code>25k-50k</code></li>
          <li><code>50k-75k</code></li>
          <li><code>75k-100k</code></li>
          <li><code>100k-150k</code></li>
          <li><code>150k-200k</code></li>
          <li><code>200k-250k</code></li>
          <li><code>250k-300k</code></li>
          <li><code>300k-350k</code></li>
          <li><code>350k-500k</code></li>
          <li><code>500k-1mm</code></li>
          <li><code>1mm+</code></li>
        </ul>
      </div>
    </details>
    </p>
  </div>

  <div class="card">
    <p><strong>home_owner_status</strong> <small class="type">string</small>
      <br />The household owns or rents its home.
      <br />
      <small>
        Possible Values: <code>Own</code>, <code>Rent</code>
      </small>
    </p>
  </div>

  <div class="card">
    <p><strong>length_of_residence</strong> <small class="type">string</small>
      <br />Number of years household has spent in the current residence.
      <br />
    <details class="card no-border-card">
      <summary><strong><small>Possible Values</small></strong>
      </summary>
      <div>
        <ul class="multi-column-list">
          <li><code>Less than 1 year</code></li>
          <li><code>1 Year</code></li>
          <li><code>2 Years</code></li>
          <li><code>3 Years</code></li>
          <li><code>4 Years</code></li>
          <li><code>5 Years</code></li>
          <li><code>6 Years</code></li>
          <li><code>7 Years</code></li>
          <li><code>8 Years</code></li>
          <li><code>9 Years</code></li>
          <li><code>10 Years</code></li>
          <li><code>11-15 Years</code></li>
          <li><code>16-19 Years</code></li>
          <li><code>20+ Years</code></li>
        </ul>
      </div>
    </details>
    </p>
  </div>

  <div class="card">
    <p><strong>marital_status</strong> <small class="type">string</small>
      <br />The marital status of the primary occupants of the household.
      <br />
      <small>
        Possible Values: <code>Single</code>, <code>Married</code>
      </small>
    </p>
  </div>

  <div class="card">
    <p><strong>presence_of_children</strong> <small class="type">string</small>
      <br />Indicates whether there are one or more children in the household.
      <br />
      <small>
        Possible Values: <code>Yes</code>, <code>No</code>
      </small>
    </p>
  </div>

  <div class="card">
    <p><strong>education</strong> <small class="type">string</small>
      <br />Indicates the highest known level of education completed in the household.
      <br />
    <details class="card no-border-card">
      <summary><strong><small>Possible Values</small></strong>
      </summary>
      <div>
        <ul class="multi-column-list multi-column-list-2">
          <li><code>Attended College</code></li>
          <li><code>Attended Vocational/Technical School</code></li>
          <li><code>Completed College</code></li>
          <li><code>Completed Graduate School</code></li>
          <li><code>Completed High School</code></li>
        </ul>
      </div>
    </details>
    </p>
  </div>

  <div class="card">
    <p><strong>occupation</strong> <small class="type">string</small>
      <br />The occupation of the primary person in the household.
      <br />
    <details class="card no-border-card">
      <summary><strong><small>Possible Values</small></strong></summary>
      <div>
        <ul class="multi-column-list">
          <li><code>Blue Collar Worker</code></li>
          <li><code>Business Owner</code></li>
          <li><code>Civil Service</code></li>
          <li><code>Executive/Upper Management</code></li>
          <li><code>Health Services</code></li>
          <li><code>Homemaker</code></li>
          <li><code>Middle Management</code></li>
          <li><code>Military Personnel</code></li>
          <li><code>Nurse</code></li>
          <li><code>Part Time</code></li>
          <li><code>Professional</code></li>
          <li><code>Retired</code></li>
          <li><code>Secretary</code></li>
          <li><code>Student</code></li>
          <li><code>Teacher</code></li>
          <li><code>Technology</code></li>
          <li><code>White Collar Worker</code></li>
        </ul>
      </div>
    </details>
    </p>
  </div>

  

  

  

  

  <details class="card">
    <summary><strong>interests</strong> <small class="type">object</small>
      <br />
      <p>The interest and purchase data features the categories below. The returned value <code>true</code> means the
        individual has displayed that interest or purchased in that category. If the field name is absent,
        we have not seen that behavior.</p>
    </summary>
    <div>
      <div class="card">
        <p><strong>arts_and_crafts</strong> <small class="type">boolean</small>
          <br />Purchases of arts and crafts products.
        </p>
      </div>

      <div class="card">
        <p><strong>automotive</strong> <small class="type">boolean</small>
          <br />Purchases of automotive products.
        </p>
      </div>

      <div class="card">
        <p><strong>baby_product_buyer</strong> <small class="type">boolean</small>
          <br />Purchases of baby products.
        </p>
      </div>

      <div class="card">
        <p><strong>beauty</strong> <small class="type">boolean</small>
          <br />Purchases of beauty products and interest in beauty.
        </p>
      </div>

      <div class="card">
        <p><strong>blogging</strong> <small class="type">boolean</small>
          <br />Interest in blogging and related activities.
        </p>
      </div>

      <div class="card">
        <p><strong>books</strong> <small class="type">boolean</small>
          <br />Purchases of books and interest in reading.
        </p>
      </div>

      <div class="card">
        <p><strong>business</strong> <small class="type">boolean</small>
          <br />Interest in business.
        </p>
      </div>

      <div class="card">
        <p><strong>charitable_donors</strong> <small class="type">boolean</small>
          <br />Indicates the likelihood of being a charitable donor.
        </p>
      </div>

      <div class="card">
        <p><strong>cooking</strong> <small class="type">boolean</small>
          <br />Purchases of cooking magazines and interest in cooking.
        </p>
      </div>

      <div class="card">
        <p><strong>discount_shopper</strong> <small class="type">boolean</small>
          <br />Interest in discount shopping and bargain hunting.
        </p>
      </div>

      <div class="card">
        <p><strong>health_and_wellness</strong> <small class="type">boolean</small>
          <br />Purchases of healthy lifestyle products; interest in health and wellness.
        </p>
      </div>

      <div class="card">
        <p><strong>high_end_brand_buyer</strong> <small class="type">boolean</small>
          <br />Purchases of high-end brand products.
        </p>
      </div>

      <div class="card">
        <p><strong>home_and_garden</strong> <small class="type">boolean</small>
          <br />Purchases of home and garden products.
        </p>
      </div>

      <div class="card">
        <p><strong>home_improvement</strong> <small class="type">boolean</small>
          <br />Purchases of home improvement products and services.
        </p>
      </div>

      <div class="card">
        <p><strong>luxury_goods</strong> <small class="type">boolean</small>
          <br />Purchases of luxury goods.
        </p>
      </div>

      <div class="card">
        <p><strong>magazine_buyer</strong> <small class="type">boolean</small>
          <br />Purchases of magazine subscriptions.
        </p>
      </div>

      <div class="card">
        <p><strong>movies</strong> <small class="type">boolean</small>
          <br />Interest in movies.
        </p>
      </div>

      <div class="card">
        <p><strong>music</strong> <small class="type">boolean</small>
          <br />Interest in music.
        </p>
      </div>

      <div class="card">
        <p><strong>news_and_current_events</strong> <small class="type">boolean</small>
          <br />Purchases of subscriptions for news and current events.
        </p>
      </div>

      <div class="card">
        <p><strong>outdoor_and_adventure</strong> <small class="type">boolean</small>
          <br />Interest in outdoor activities and adventure.
        </p>
      </div>

      <div class="card">
        <p><strong>pets</strong> <small class="type">boolean</small>
          <br />Interest in pets and pet-related purchases.
        </p>
      </div>

      <div class="card">
        <p><strong>sports</strong> <small class="type">boolean</small>
          <br />Interest in sports and sporting goods.
        </p>
      </div>

      <div class="card">
        <p><strong>technology</strong> <small class="type">boolean</small>
          <br />Interest in technology products and services.
        </p>
      </div>

      <div class="card">
        <p><strong>travel</strong> <small class="type">boolean</small>
          <br />Interest in travel.
        </p>
      </div>
    </div>
  </details>

</div>
`}</HTMLBlock>

<HTMLBlock>{`
<style>
  :root {
    --icon-height: 18px;
    --icon-width: 18px;

    /* Info Callout Colors */
    --info-light-bg: #DEF6FF;
    --info-light-border: #00AEEF;
    --info-light-header: #00AEEF;
    --info-light-text: #283652;
    --info-light-link: #00AEEF;
    --info-dark-bg: #3A535C;
    --info-dark-border: #00AEEF;
    --info-dark-header: #00AEEF;
    --info-dark-text: #FFF;
    --info-dark-link: #00AEEF;

    /* Okay Callout Colors */
    --okay-light-bg: #EEF6F4;
    --okay-light-border: #80BA52;
    --okay-light-header: #80BA52;
    --okay-light-text: #405F27;
    --okay-light-link: #5CAA1E;
    --okay-dark-bg: #3D514C;
    --okay-dark-border: #80BA52;
    --okay-dark-header: #80BA52;
    --okay-dark-text: #FDFDFD;
    --okay-dark-link: #80BA52;

    /* Default Callout Colors */
    --default-light-bg: #F8F8F8;
    --default-light-border: #ACACAC;
    --default-light-text: #8A8A8A;
    --default-dark-bg: #2C2C2C;
    --default-dark-text: #FFFFFF;

    /* Warn Callout Colors */
    --warn-light-bg: #FFF0EA;
    --warn-light-border: #EC6F3D;
    --warn-light-header: #EC6F3D;
    --warn-light-text: #8C4C33;
    --warn-light-link: #EC6F3D;
    --warn-dark-bg: #544843;
    --warn-dark-border: #EC6F3D;
    --warn-dark-header: #EC6F3D;
    --warn-dark-text: #FFF;
    --warn-dark-link: #EC6F3D;

    /* Error Callout Colors */
    --error-light-bg: #FFE9ED;
    --error-light-border: #FF506F;
    --error-light-header: #FF506F;
    --error-light-text: #A05967;
    --error-light-link: #FF506F;
    --error-dark-bg: #52363C;
    --error-dark-border: #FF506F;
    --error-dark-header: #FF506F;
    --error-dark-text: #FFF;
    --error-dark-link: #FF506F;
  }

  .callout {
    border-radius: 6px;
  }

  .callout p {
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }

  .callout .callout-icon {
    display: inline-block;
    width: var(--icon-width);
    height: var(--icon-height);
    ;
  }

  .callout .callout-heading p {
    font-size: 17.5px;
    font-weight: 700;
  }

  /* INFO CALLOUT */
  .callout.callout_info {
    border-left: 6px solid var(--info-light-border);
    background: var(--info-light-bg);
  }

  .callout.callout_info .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="5" r="1" transform="rotate(-180 9 5)" fill="%2300AEEF"/><path d="M9 13L9 9" stroke="%2300AEEF" stroke-width="2" stroke-linecap="round"/><path d="M1 12V6C1 3.23858 3.23858 1 6 1H12C14.7614 1 17 3.23858 17 6V12C17 14.7614 14.7614 17 12 17H6C3.23858 17 1 14.7614 1 12Z" stroke="%2300AEEF" stroke-width="2"/></svg>');
  }

  .callout.callout_info .callout-heading p {
    color: var(--info-light-text1);
  }

  .callout.callout_info p,
  .callout.callout_info ul {
    color: var(--info-light-text);
  }

  .callout.callout_info a {
    color: var(--info-light-link);
  }

  @media (prefers-color-scheme: dark) {
    [data-color-mode="system"] .callout.callout_info {
      background-color: var(--info-dark-bg) !important;
    }

    [data-color-mode="system"] .callout.callout_info .callout-heading p {
      color: var(--info-dark-header) !important;
    }

    [data-color-mode="system"] .callout.callout_info p,
    [data-color-mode="system"] .callout.callout_info ul {
      color: var(--info-dark-text) !important;
    }

    [data-color-mode="system"] .callout.callout_info a {
      color: var(--info-dark-link) !important;
    }

    [data-color-mode="system"] .callout.callout_info .callout-icon {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="5" r="1" transform="rotate(-180 9 5)" fill="%2300AEEF"/><path d="M9 13L9 9" stroke="%2300AEEF" stroke-width="2" stroke-linecap="round"/><path d="M1 12V6C1 3.23858 3.23858 1 6 1H12C14.7614 1 17 3.23858 17 6V12C17 14.7614 14.7614 17 12 17H6C3.23858 17 1 14.7614 1 12Z" stroke="%2300AEEF" stroke-width="2"/></svg>');
    }
  }

  [data-color-mode="dark"] .callout.callout_info {
    background-color: var(--info-dark-bg) !important;
  }

  [data-color-mode="dark"] .callout.callout_info .callout-heading p {
    color: var(--info-dark-header) !important;
  }

  [data-color-mode="dark"] .callout.callout_info p,
  [data-color-mode="dark"] .callout.callout_info ul {
    color: var(--info-dark-text) !important;
  }

  [data-color-mode="dark"] .callout.callout_info a {
    color: var(--info-dark-link) !important;
  }

  [data-color-mode="dark"] .callout.callout_info .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="5" r="1" transform="rotate(-180 9 5)" fill="%2300AEEF"/><path d="M9 13L9 9" stroke="%2300AEEF" stroke-width="2" stroke-linecap="round"/><path d="M1 12V6C1 3.23858 3.23858 1 6 1H12C14.7614 1 17 3.23858 17 6V12C17 14.7614 14.7614 17 12 17H6C3.23858 17 1 14.7614 1 12Z" stroke="%2300AEEF" stroke-width="2"/></svg>');
  }

  /* INFO CALLOUT */

  /* OKAY CALLOUT */
  .callout.callout_okay {
    border-left: 6px solid var(--okay-light-border);
    background: var(--okay-light-bg);
  }

  .callout.callout_okay .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M9.26756 3.00337C10.0372 1.66914 11.9628 1.66913 12.7324 3.00337L12.8846 3.2671C13.3372 4.05171 14.2606 4.4342 15.1354 4.19942L15.4295 4.12051C16.9171 3.72127 18.2787 5.08289 17.8795 6.57055L17.8006 6.8646C17.5658 7.73944 17.9483 8.66284 18.7329 9.11543L18.9966 9.26756C20.3309 10.0372 20.3309 11.9628 18.9966 12.7324L18.7329 12.8846C17.9483 13.3372 17.5658 14.2606 17.8006 15.1354L17.8795 15.4295C18.2787 16.9171 16.9171 18.2787 15.4295 17.8795L15.1354 17.8006C14.2606 17.5658 13.3372 17.9483 12.8846 18.7329L12.7324 18.9966C11.9628 20.3309 10.0372 20.3309 9.26756 18.9966L9.11543 18.7329C8.66284 17.9483 7.73944 17.5658 6.8646 17.8006L6.57055 17.8795C5.08289 18.2787 3.72127 16.9171 4.12051 15.4295L4.19942 15.1354C4.4342 14.2606 4.05171 13.3372 3.2671 12.8846L3.00337 12.7324C1.66914 11.9628 1.66913 10.0372 3.00337 9.26756L3.2671 9.11543C4.05171 8.66284 4.4342 7.73944 4.19942 6.8646L4.12051 6.57055C3.72127 5.08289 5.08289 3.72127 6.57055 4.12051L6.8646 4.19942C7.73944 4.4342 8.66284 4.05171 9.11543 3.2671L9.26756 3.00337Z" stroke="%2380BA52" stroke-width="2"/><path d="M8 11L10 13L14 9" stroke="%2380BA52" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    width: 20px;
    height: 20px;
  }

  .callout.callout_okay .callout-heading p {
    color: var(--okay-light-header);
  }

  .callout.callout_okay p,
  .callout.callout_okay ul {
    color: var(--okay-light-text);
  }

  .callout.callout_okay a {
    color: var(--okay-light-link);
  }

  @media (prefers-color-scheme: dark) {
    [data-color-mode="system"] .callout.callout_okay {
      background-color: var(--okay-dark-bg) !important;
    }

    [data-color-mode="system"] .callout.callout_okay .callout-heading p {
      color: var(--okay-dark-header) !important;
    }

    [data-color-mode="system"] .callout.callout_okay p,
    [data-color-mode="system"] .callout.callout_okay ul {
      color: var(--okay-dark-text) !important;
    }

    [data-color-mode="system"] .callout.callout_okay a {
      color: var(--okay-dark-link) !important;
    }

    [data-color-mode="system"] .callout.callout_okay .callout-icon {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M9.26756 3.00337C10.0372 1.66914 11.9628 1.66913 12.7324 3.00337L12.8846 3.2671C13.3372 4.05171 14.2606 4.4342 15.1354 4.19942L15.4295 4.12051C16.9171 3.72127 18.2787 5.08289 17.8795 6.57055L17.8006 6.8646C17.5658 7.73944 17.9483 8.66284 18.7329 9.11543L18.9966 9.26756C20.3309 10.0372 20.3309 11.9628 18.9966 12.7324L18.7329 12.8846C17.9483 13.3372 17.5658 14.2606 17.8006 15.1354L17.8795 15.4295C18.2787 16.9171 16.9171 18.2787 15.4295 17.8795L15.1354 17.8006C14.2606 17.5658 13.3372 17.9483 12.8846 18.7329L12.7324 18.9966C11.9628 20.3309 10.0372 20.3309 9.26756 18.9966L9.11543 18.7329C8.66284 17.9483 7.73944 17.5658 6.8646 17.8006L6.57055 17.8795C5.08289 18.2787 3.72127 16.9171 4.12051 15.4295L4.19942 15.1354C4.4342 14.2606 4.05171 13.3372 3.2671 12.8846L3.00337 12.7324C1.66914 11.9628 1.66913 10.0372 3.00337 9.26756L3.2671 9.11543C4.05171 8.66284 4.4342 7.73944 4.19942 6.8646L4.12051 6.57055C3.72127 5.08289 5.08289 3.72127 6.57055 4.12051L6.8646 4.19942C7.73944 4.4342 8.66284 4.05171 9.11543 3.2671L9.26756 3.00337Z" stroke="%2380BA52" stroke-width="2"/><path d="M8 11L10 13L14 9" stroke="%2380BA52" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
  }

  [data-color-mode="dark"] .callout.callout_okay {
    background-color: var(--okay-dark-bg) !important;
  }

  [data-color-mode="dark"] .callout.callout_okay .callout-heading p {
    color: var(--okay-dark-header) !important;
  }

  [data-color-mode="dark"] .callout.callout_okay p,
  [data-color-mode="dark"] .callout.callout_okay ul {
    color: var(--okay-dark-text) !important;
  }

  [data-color-mode="dark"] .callout.callout_okay a {
    color: var(--okay-dark-link) !important;
  }

  [data-color-mode="dark"] .callout.callout_okay .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M9.26756 3.00337C10.0372 1.66914 11.9628 1.66913 12.7324 3.00337L12.8846 3.2671C13.3372 4.05171 14.2606 4.4342 15.1354 4.19942L15.4295 4.12051C16.9171 3.72127 18.2787 5.08289 17.8795 6.57055L17.8006 6.8646C17.5658 7.73944 17.9483 8.66284 18.7329 9.11543L18.9966 9.26756C20.3309 10.0372 20.3309 11.9628 18.9966 12.7324L18.7329 12.8846C17.9483 13.3372 17.5658 14.2606 17.8006 15.1354L17.8795 15.4295C18.2787 16.9171 16.9171 18.2787 15.4295 17.8795L15.1354 17.8006C14.2606 17.5658 13.3372 17.9483 12.8846 18.7329L12.7324 18.9966C11.9628 20.3309 10.0372 20.3309 9.26756 18.9966L9.11543 18.7329C8.66284 17.9483 7.73944 17.5658 6.8646 17.8006L6.57055 17.8795C5.08289 18.2787 3.72127 16.9171 4.12051 15.4295L4.19942 15.1354C4.4342 14.2606 4.05171 13.3372 3.2671 12.8846L3.00337 12.7324C1.66914 11.9628 1.66913 10.0372 3.00337 9.26756L3.2671 9.11543C4.05171 8.66284 4.4342 7.73944 4.19942 6.8646L4.12051 6.57055C3.72127 5.08289 5.08289 3.72127 6.57055 4.12051L6.8646 4.19942C7.73944 4.4342 8.66284 4.05171 9.11543 3.2671L9.26756 3.00337Z" stroke="%2380BA52" stroke-width="2"/><path d="M8 11L10 13L14 9" stroke="%2380BA52" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }

  /* OKAY CALLOUT */

  /* DEFAULT CALLOUT */
  .callout.callout_default {
    border-left: 6px solid var(--default-light-border);
    background: var(--default-light-bg);
  }

  .callout.callout_default .callout-icon {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%238A8A8A' stroke-width='2'/%3E%3Ccircle cx='10' cy='5' r='1' transform='rotate(180 10 5)' fill='%238A8A8A'/%3E%3Cpath d='M10 15L10 9' stroke='%238A8A8A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  .callout.callout_default ul,
  .callout.callout_default p {
    color: var(--default-light-text);
  }

  .callout.callout_default .callout-heading p {
    color: var(--default-light-text);
  }

  @media (prefers-color-scheme: dark) {
    [data-color-mode="system"] .callout.callout_default {
      background-color: var(--default-dark-bg) !important;
    }

    [data-color-mode="system"] .callout.callout_default p,
    [data-color-mode="system"] .callout.callout_default ul,
    [data-color-mode="system"] .callout.callout_default .callout-heading p {
      color: var(--default-dark-text) !important;
    }

    [data-color-mode="system"] .callout.callout_default .callout-icon {
      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23FFFFFF' stroke-width='2'/%3E%3Ccircle cx='10' cy='5' r='1' transform='rotate(180 10 5)' fill='%23FFFFFF'/%3E%3Cpath d='M10 15L10 9' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    }
  }

  [data-color-mode="dark"] .callout.callout_default {
    background-color: var(--default-dark-bg) !important;
  }

  [data-color-mode="dark"] .callout.callout_default p,
  [data-color-mode="dark"] .callout.callout_default ul,
  [data-color-mode="dark"] .callout.callout_default .callout-heading p {
    color: var(--default-dark-text) !important;
  }

  [data-color-mode="dark"] .callout.callout_default .callout-icon {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 22 22' fill='none'%3E%3Ccircle cx='10' cy='10' r='9' stroke='%23FFFFFF' stroke-width='2'/%3E%3Ccircle cx='10' cy='5' r='1' transform='rotate(180 10 5)' fill='%23FFFFFF'/%3E%3Cpath d='M10 15L10 9' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  }

  /* DEFAULT CALLOUT */

  /* WARN CALLOUT */
  .callout.callout_warn {
    border-left: 6px solid var(--warn-light-border);
    background: var(--warn-light-bg);
  }

  .callout.callout_warn .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="%23EC6F3D" stroke-width="2"/><circle cx="10" cy="15" r="1" fill="%23EC6F3D"/><path d="M10 5V11" stroke="%23EC6F3D" stroke-width="2" stroke-linecap="round"/></svg>');
  }

  .callout.callout_warn .callout-heading p {
    color: var(--warn-light-header);
  }

  .callout.callout_warn ul,
  .callout.callout_warn p {
    color: var(--warn-light-text);
  }

  .callout.callout_warn a {
    color: var(--warn-light-link);
  }

  @media (prefers-color-scheme: dark) {
    [data-color-mode="system"] .callout.callout_warn {
      background-color: var(--warn-dark-bg) !important;
    }

    [data-color-mode="system"] .callout.callout_warn .callout-heading p {
      color: var(--warn-dark-header);
    }

    [data-color-mode="system"] .callout.callout_warn ul,
    [data-color-mode="system"] .callout.callout_warn p {
      color: var(--warn-dark-text);
    }

    [data-color-mode="system"] .callout.callout_warn a {
      color: var(--warn-dark-link);
    }

    [data-color-mode="system"] .callout.callout_warn .callout-icon {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="%23EC6F3D" stroke-width="2"/><circle cx="10" cy="15" r="1" fill="%23EC6F3D"/><path d="M10 5V11" stroke="%23EC6F3D" stroke-width="2" stroke-linecap="round"/></svg>');
    }
  }

  [data-color-mode="dark"] .callout.callout_warn {
    background-color: var(--warn-dark-bg) !important;
  }

  [data-color-mode="dark"] .callout.callout_warn .callout-heading p {
    color: var(--warn-dark-header);
  }

  [data-color-mode="dark"] .callout.callout_warn ul,
  [data-color-mode="dark"] .callout.callout_warn p {
    color: var(--warn-dark-text);
  }

  [data-color-mode="dark"] .callout.callout_warn a {
    color: var(--warn-dark-link);
  }

  [data-color-mode="dark"] .callout.callout_warn .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="9" stroke="%23EC6F3D" stroke-width="2"/><circle cx="10" cy="15" r="1" fill="%23EC6F3D"/><path d="M10 5V11" stroke="%23EC6F3D" stroke-width="2" stroke-linecap="round"/></svg>');
  }

  /* WARN CALLOUT */

  /* ERROR CALLOUT */
  .callout.callout_error {
    border-left: 6px solid var(--error-light-border);
    background: var(--error-light-bg);
  }

  .callout.callout_error .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M7.27249 2.19378L1.19239 12.344C1.06704 12.5611 1.00071 12.8073 1.00001 13.0579C0.999304 13.3086 1.06425 13.5551 1.18839 13.7729C1.31253 13.9907 1.49154 14.1722 1.70759 14.2993C1.92365 14.4265 2.16923 14.4948 2.4199 14.4975H14.5801C14.8308 14.4948 15.0763 14.4265 15.2924 14.2993C15.5085 14.1722 15.6875 13.9907 15.8116 13.7729C15.9357 13.5551 16.0007 13.3086 16 13.0579C15.9993 12.8073 15.933 12.5611 15.8076 12.344L9.72751 2.19378C9.59954 1.98281 9.41935 1.80839 9.20434 1.68733C8.98933 1.56628 8.74675 1.50269 8.5 1.50269C8.25325 1.50269 8.01067 1.56628 7.79566 1.68733C7.58065 1.80839 7.40046 1.98281 7.27249 2.19378Z" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 5.88354V8.7549" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 11.6262H8.50814" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }

  .callout.callout_error .callout-heading p {
    color: var(--error-light-header);
  }

  .callout.callout_error ul,
  .callout.callout_error p {
    color: var(--error-light-text);
  }

  .callout.callout_error a {
    color: var(--error-light-link);
  }

  @media (prefers-color-scheme: dark) {
    [data-color-mode="system"] .callout.callout_error {
      background-color: var(--error-dark-bg) !important;
    }

    [data-color-mode="system"] .callout.callout_error .callout-heading p {
      color: var(--error-dark-header);
    }

    [data-color-mode="system"] .callout.callout_error ul,
    [data-color-mode="system"] .callout.callout_error p {
      color: var(--error-dark-text);
    }

    [data-color-mode="system"] .callout.callout_error a {
      color: var(--error-dark-link);
    }

    [data-color-mode="system"] .callout.callout_error .callout-icon {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M7.27249 2.19354L1.19239 12.3438C1.06704 12.5609 1.00071 12.807 1.00001 13.0577C0.999304 13.3084 1.06425 13.5549 1.18839 13.7727C1.31253 13.9905 1.49154 14.1719 1.70759 14.2991C1.92365 14.4262 2.16923 14.4946 2.4199 14.4973H14.5801C14.8308 14.4946 15.0763 14.4262 15.2924 14.2991C15.5085 14.1719 15.6875 13.9905 15.8116 13.7727C15.9357 13.5549 16.0007 13.3084 16 13.0577C15.9993 12.807 15.933 12.5609 15.8076 12.3438L9.72751 2.19354C9.59954 1.98257 9.41935 1.80814 9.20434 1.68709C8.98933 1.56604 8.74675 1.50244 8.5 1.50244C8.25325 1.50244 8.01067 1.56604 7.79566 1.68709C7.58065 1.80814 7.40046 1.98257 7.27249 2.19354Z" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 5.8833V8.75466" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 11.626H8.50814" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    }
  }

  [data-color-mode="dark"] .callout.callout_error {
    background-color: var(--error-dark-bg) !important;
  }

  [data-color-mode="dark"] .callout.callout_error .callout-heading p {
    color: var(--error-dark-header);
  }

  [data-color-mode="dark"] .callout.callout_error ul,
  [data-color-mode="dark"] .callout.callout_error p {
    color: var(--error-dark-text);
  }

  [data-color-mode="dark"] .callout.callout_error a {
    color: var(--error-dark-link);
  }

  [data-color-mode="dark"] .callout.callout_error .callout-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="16" viewBox="0 0 17 16" fill="none"><path d="M7.27249 2.19354L1.19239 12.3438C1.06704 12.5609 1.00071 12.807 1.00001 13.0577C0.999304 13.3084 1.06425 13.5549 1.18839 13.7727C1.31253 13.9905 1.49154 14.1719 1.70759 14.2991C1.92365 14.4262 2.16923 14.4946 2.4199 14.4973H14.5801C14.8308 14.4946 15.0763 14.4262 15.2924 14.2991C15.5085 14.1719 15.6875 13.9905 15.8116 13.7727C15.9357 13.5549 16.0007 13.3084 16 13.0577C15.9993 12.807 15.933 12.5609 15.8076 12.3438L9.72751 2.19354C9.59954 1.98257 9.41935 1.80814 9.20434 1.68709C8.98933 1.56604 8.74675 1.50244 8.5 1.50244C8.25325 1.50244 8.01067 1.56604 7.79566 1.68709C7.58065 1.80814 7.40046 1.98257 7.27249 2.19354Z" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 5.8833V8.75466" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.5 11.626H8.50814" stroke="%23FF506F" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }

  /* ERROR CALLOUT */
</style>
`}</HTMLBlock>