<?xml version="1.0" encoding="UTF-8"?>
<!--
  Do not edit directly
  Generated on Mon Sep 16 2024 16:14:34 GMT+0000 (Coordinated Universal Time)
-->
<tokens>
  <token>
    <name>ids-color-palette-amber-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#FEF2E5</value>
  </token>
  <token>
    <name>ids-color-palette-amber-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#FDDFBD</value>
  </token>
  <token>
    <name>ids-color-palette-amber-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#FCC888</value>
  </token>
  <token>
    <name>ids-color-palette-amber-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#FBAF50</value>
  </token>
  <token>
    <name>ids-color-palette-amber-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#FA9601</value>
  </token>
  <token>
    <name>ids-color-palette-amber-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#F98300</value>
  </token>
  <token>
    <name>ids-color-palette-amber-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#DF6F00</value>
  </token>
  <token>
    <name>ids-color-palette-amber-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#CD6200</value>
  </token>
  <token>
    <name>ids-color-palette-amber-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#BB5500</value>
  </token>
  <token>
    <name>ids-color-palette-amber-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#A14100</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#F1EBFC</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#DDCBF7</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#C2A1F1</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#A876EB</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#8D4BE5</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#7928E1</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#6C23C9</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#591DA8</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#4E1A91</value>
  </token>
  <token>
    <name>ids-color-palette-amethyst-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#3B1470</value>
  </token>
  <token>
    <name>ids-color-palette-azure-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#E6F1FD</value>
  </token>
  <token>
    <name>ids-color-palette-azure-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#BEDCFA</value>
  </token>
  <token>
    <name>ids-color-palette-azure-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#8ABFF7</value>
  </token>
  <token>
    <name>ids-color-palette-azure-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#55A3F3</value>
  </token>
  <token>
    <name>ids-color-palette-azure-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#1C86EF</value>
  </token>
  <token>
    <name>ids-color-palette-azure-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>ids-color-palette-azure-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#0066D4</value>
  </token>
  <token>
    <name>ids-color-palette-azure-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#0054B1</value>
  </token>
  <token>
    <name>ids-color-palette-azure-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#004A99</value>
  </token>
  <token>
    <name>ids-color-palette-azure-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#003876</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#EBF9F1</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#CBEFDC</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#A1E4BF</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#78D8A3</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#4DCC86</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#2AC371</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#25AF65</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#1F9254</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#1C7F49</value>
  </token>
  <token>
    <name>ids-color-palette-emerald-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#156138</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#EEEEEE</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#D3D3D3</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#B1B1B1</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#8F8F8F</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#6C6C6C</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#535353</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#4A4A4A</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#3E3E3E</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#363636</value>
  </token>
  <token>
    <name>ids-color-palette-graphite-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#292929</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#FBE7E8</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#F5C3C4</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#EE9496</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#E66467</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#DF3539</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#DA1217</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#C31014</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#A30D11</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#8D0B0E</value>
  </token>
  <token>
    <name>ids-color-palette-ruby-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#6C080B</value>
  </token>
  <token>
    <name>ids-color-palette-slate-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#F5F5F5</value>
  </token>
  <token>
    <name>ids-color-palette-slate-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#E0E0E1</value>
  </token>
  <token>
    <name>ids-color-palette-slate-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>ids-color-palette-slate-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>ids-color-palette-slate-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#8E8E95</value>
  </token>
  <token>
    <name>ids-color-palette-slate-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>ids-color-palette-slate-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#525257</value>
  </token>
  <token>
    <name>ids-color-palette-slate-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>ids-color-palette-slate-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#28282A</value>
  </token>
  <token>
    <name>ids-color-palette-slate-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#DEE1E8</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#C8CBD4</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#ABAEB7</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#888B94</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#656871</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#50535A</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#414247</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#313236</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#212224</value>
  </token>
  <token>
    <name>ids-color-palette-classic-slate-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#1c1819</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-10</name>
    <category>ids</category>
    <type>color</type>
    <value>#ECF8F8</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-20</name>
    <category>ids</category>
    <type>color</type>
    <value>#CFEEEE</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-30</name>
    <category>ids</category>
    <type>color</type>
    <value>#A8E1E1</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-40</name>
    <category>ids</category>
    <type>color</type>
    <value>#82D4D4</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-50</name>
    <category>ids</category>
    <type>color</type>
    <value>#5CC6C7</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-60</name>
    <category>ids</category>
    <type>color</type>
    <value>#40BDBE</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-70</name>
    <category>ids</category>
    <type>color</type>
    <value>#39A9AA</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-80</name>
    <category>ids</category>
    <type>color</type>
    <value>#2F8D8E</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-90</name>
    <category>ids</category>
    <type>color</type>
    <value>#297B7B</value>
  </token>
  <token>
    <name>ids-color-palette-turquoise-100</name>
    <category>ids</category>
    <type>color</type>
    <value>#1F5E5E</value>
  </token>
  <token>
    <name>ids-color-palette-white</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-color-palette-black</name>
    <category>ids</category>
    <type>color</type>
    <value>#000000</value>
  </token>
  <token>
    <name>ids-color-status-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#0066D4</value>
  </token>
  <token>
    <name>ids-color-status-caution</name>
    <category>ids</category>
    <type>color</type>
    <value>#FFD100</value>
  </token>
  <token>
    <name>ids-color-status-danger</name>
    <category>ids</category>
    <type>color</type>
    <value>#DA1217</value>
  </token>
  <token>
    <name>ids-color-status-error</name>
    <category>ids</category>
    <type>color</type>
    <value>#DA1217</value>
  </token>
  <token>
    <name>ids-color-status-success</name>
    <category>ids</category>
    <type>color</type>
    <value>#2AC371</value>
  </token>
  <token>
    <name>ids-color-status-warning</name>
    <category>ids</category>
    <type>color</type>
    <value>#F98300</value>
  </token>
  <token>
    <name>ids-color-status-info</name>
    <category>ids</category>
    <type>color</type>
    <value>#0064D4</value>
  </token>
  <token>
    <name>ids-color-status-status-01</name>
    <category>ids</category>
    <type>color</type>
    <value>#DA1217</value>
  </token>
  <token>
    <name>ids-color-status-status-02</name>
    <category>ids</category>
    <type>color</type>
    <value>#F98300</value>
  </token>
  <token>
    <name>ids-color-status-status-03</name>
    <category>ids</category>
    <type>color</type>
    <value>#FFD100</value>
  </token>
  <token>
    <name>ids-color-status-status-04</name>
    <category>ids</category>
    <type>color</type>
    <value>#2AC371</value>
  </token>
  <token>
    <name>ids-color-status-status-05</name>
    <category>ids</category>
    <type>color</type>
    <value>#0064D4</value>
  </token>
  <token>
    <name>ids-color-brand-primary-lighter</name>
    <category>ids</category>
    <type>color</type>
    <value>#55A3F3</value>
  </token>
  <token>
    <name>ids-color-brand-primary-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>ids-color-brand-primary-alt</name>
    <category>ids</category>
    <type>color</type>
    <value>#0066D4</value>
  </token>
  <token>
    <name>ids-color-brand-primary-contrast</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-lighter</name>
    <category>ids</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-alt</name>
    <category>ids</category>
    <type>color</type>
    <value>#525257</value>
  </token>
  <token>
    <name>ids-color-brand-secondary-contrast</name>
    <category>ids</category>
    <type>color</type>
    <value>#28282A</value>
  </token>
  <token>
    <name>ids-color-boxshadow-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#F5F5F5</value>
  </token>
  <token>
    <name>ids-color-border-lighter</name>
    <category>ids</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>ids-color-border-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>ids-color-border-darker</name>
    <category>ids</category>
    <type>color</type>
    <value>#28282A</value>
  </token>
  <token>
    <name>ids-color-font-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>ids-color-font-info</name>
    <category>ids</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>ids-color-font-muted</name>
    <category>ids</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>ids-color-icon-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>ids-color-body-base</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-color-body-lightest</name>
    <category>ids</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>ids-font-family-base</name>
    <category>ids</category>
    <type>font</type>
    <value>'source sans pro', helvetica, arial, sans-serif</value>
  </token>
  <token>
    <name>ids-font-family-monospace</name>
    <category>ids</category>
    <type>font</type>
    <value>'source code pro', monospace</value>
  </token>
  <token>
    <name>ids-size-font-base</name>
    <category>ids</category>
    <type>size</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>ids-size-font-xxs</name>
    <category>ids</category>
    <type>size</type>
    <value>1.2rem</value>
  </token>
  <token>
    <name>ids-size-font-xs</name>
    <category>ids</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>ids-size-font-sm</name>
    <category>ids</category>
    <type>size</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>ids-size-font-md</name>
    <category>ids</category>
    <type>size</type>
    <value>2.2rem</value>
  </token>
  <token>
    <name>ids-size-font-lg</name>
    <category>ids</category>
    <type>size</type>
    <value>2.8rem</value>
  </token>
  <token>
    <name>ids-size-font-xl</name>
    <category>ids</category>
    <type>size</type>
    <value>4.2rem</value>
  </token>
  <token>
    <name>ids-size-font-px-10</name>
    <category>ids</category>
    <type>size</type>
    <value>1rem</value>
  </token>
  <token>
    <name>ids-size-font-px-12</name>
    <category>ids</category>
    <type>size</type>
    <value>1.2rem</value>
  </token>
  <token>
    <name>ids-size-font-px-14</name>
    <category>ids</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>ids-size-font-px-16</name>
    <category>ids</category>
    <type>size</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>ids-size-font-px-20</name>
    <category>ids</category>
    <type>size</type>
    <value>2.0rem</value>
  </token>
  <token>
    <name>ids-size-font-px-24</name>
    <category>ids</category>
    <type>size</type>
    <value>2.4rem</value>
  </token>
  <token>
    <name>ids-size-font-px-28</name>
    <category>ids</category>
    <type>size</type>
    <value>2.8rem</value>
  </token>
  <token>
    <name>ids-size-font-px-32</name>
    <category>ids</category>
    <type>size</type>
    <value>3.2rem</value>
  </token>
  <token>
    <name>ids-size-font-px-40</name>
    <category>ids</category>
    <type>size</type>
    <value>4.0rem</value>
  </token>
  <token>
    <name>ids-size-font-px-48</name>
    <category>ids</category>
    <type>size</type>
    <value>4.8rem</value>
  </token>
  <token>
    <name>ids-size-font-px-60</name>
    <category>ids</category>
    <type>size</type>
    <value>6.0rem</value>
  </token>
  <token>
    <name>ids-size-font-px-72</name>
    <category>ids</category>
    <type>size</type>
    <value>7.2rem</value>
  </token>
  <token>
    <name>ids-size-icon-height</name>
    <category>ids</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>ids-size-icon-width</name>
    <category>ids</category>
    <type>size</type>
    <value>22px</value>
  </token>
  <token>
    <name>ids-number-font-weight-light</name>
    <category>ids</category>
    <type>number</type>
    <value>300</value>
  </token>
  <token>
    <name>ids-number-font-weight-base</name>
    <category>ids</category>
    <type>number</type>
    <value>400</value>
  </token>
  <token>
    <name>ids-number-font-weight-bold</name>
    <category>ids</category>
    <type>number</type>
    <value>600</value>
  </token>
  <token>
    <name>ids-number-font-line-height-xs</name>
    <category>ids</category>
    <type>number</type>
    <value>1.44</value>
  </token>
  <token>
    <name>ids-number-font-line-height-sm</name>
    <category>ids</category>
    <type>number</type>
    <value>1.5</value>
  </token>
  <token>
    <name>ids-number-font-line-height-md</name>
    <category>ids</category>
    <type>number</type>
    <value>1.45</value>
  </token>
  <token>
    <name>ids-number-font-line-height-lg</name>
    <category>ids</category>
    <type>number</type>
    <value>1.43</value>
  </token>
  <token>
    <name>ids-number-font-line-height-xl</name>
    <category>ids</category>
    <type>number</type>
    <value>1.33</value>
  </token>
  <token>
    <name>ids-number-opacity-disabled</name>
    <category>ids</category>
    <type>number</type>
    <value>0.5</value>
  </token>
  <token>
    <name>ids-number-spacing-base</name>
    <category>ids</category>
    <type>number</type>
    <value>8px</value>
  </token>
  <token>
    <name>ids-number-border-radius-sm</name>
    <category>ids</category>
    <type>number</type>
    <value>2px</value>
  </token>
  <token>
    <name>ids-number-border-radius-md</name>
    <category>ids</category>
    <type>number</type>
    <value>6px</value>
  </token>
  <token>
    <name>body-color-primary-background</name>
    <category>body</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>body-color-primary-font</name>
    <category>body</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>body-color-secondary-background</name>
    <category>body</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>breakpoint-lg</name>
    <category>breakpoint</category>
    <type>lg</type>
    <value>1280px</value>
  </token>
  <token>
    <name>breakpoint-md</name>
    <category>breakpoint</category>
    <type>md</type>
    <value>840px</value>
  </token>
  <token>
    <name>breakpoint-sm</name>
    <category>breakpoint</category>
    <type>sm</type>
    <value>600px</value>
  </token>
  <token>
    <name>breakpoint-xl</name>
    <category>breakpoint</category>
    <type>xl</type>
    <value>1440px</value>
  </token>
  <token>
    <name>breakpoint-xs</name>
    <category>breakpoint</category>
    <type>xs</type>
    <value>360px</value>
  </token>
  <token>
    <name>button-color-primary-active-background</name>
    <category>button</category>
    <type>color</type>
    <value>#0066D4</value>
  </token>
  <token>
    <name>button-color-primary-disabled-background</name>
    <category>button</category>
    <type>color</type>
    <value>#8ABFF7</value>
  </token>
  <token>
    <name>button-color-primary-disabled-border</name>
    <category>button</category>
    <type>color</type>
    <value>#8ABFF7</value>
  </token>
  <token>
    <name>button-color-primary-disabled-font</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-primary-disabled-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-primary-focus-background</name>
    <category>button</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>button-color-primary-focus-border</name>
    <category>button</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>button-color-primary-hover-background</name>
    <category>button</category>
    <type>color</type>
    <value>#0066D4</value>
  </token>
  <token>
    <name>button-color-primary-initial-background</name>
    <category>button</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>button-color-primary-initial-font</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-primary-initial-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>button-color-secondary-active-background</name>
    <category>button</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-background</name>
    <category>button</category>
    <type>color</type>
    <value>#E0E0E1</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-border</name>
    <category>button</category>
    <type>color</type>
    <value>#E0E0E1</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-font</name>
    <category>button</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>button-color-secondary-disabled-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>button-color-secondary-focus-background</name>
    <category>button</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>button-color-secondary-focus-border</name>
    <category>button</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>button-color-secondary-hover-background</name>
    <category>button</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>button-color-secondary-initial-background</name>
    <category>button</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>button-color-secondary-initial-font</name>
    <category>button</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>button-color-secondary-initial-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>button-color-tertiary-active-font</name>
    <category>button</category>
    <type>color</type>
    <value>#000000</value>
  </token>
  <token>
    <name>button-color-tertiary-active-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#000000</value>
  </token>
  <token>
    <name>button-color-tertiary-disabled-font</name>
    <category>button</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>button-color-tertiary-disabled-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>button-color-tertiary-focus-font</name>
    <category>button</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>button-color-tertiary-hover-font</name>
    <category>button</category>
    <type>color</type>
    <value>#000000</value>
  </token>
  <token>
    <name>button-color-tertiary-initial-background</name>
    <category>button</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>button-color-tertiary-initial-font</name>
    <category>button</category>
    <type>color</type>
    <value>#525257</value>
  </token>
  <token>
    <name>button-color-tertiary-initial-icon</name>
    <category>button</category>
    <type>color</type>
    <value>#525257</value>
  </token>
  <token>
    <name>button-font-align</name>
    <category>button</category>
    <type>font</type>
    <value>center</value>
  </token>
  <token>
    <name>button-font-decoration</name>
    <category>button</category>
    <type>font</type>
    <value>none</value>
  </token>
  <token>
    <name>button-font-family</name>
    <category>button</category>
    <type>font</type>
    <value>'source sans pro', helvetica, arial, sans-serif</value>
  </token>
  <token>
    <name>button-font-size</name>
    <category>button</category>
    <type>font</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>button-font-transform</name>
    <category>button</category>
    <type>font</type>
    <value>capitalize</value>
  </token>
  <token>
    <name>button-font-weight</name>
    <category>button</category>
    <type>font</type>
    <value>600</value>
  </token>
  <token>
    <name>button-shadow-focus-boxshadow</name>
    <category>button</category>
    <type>shadow</type>
    <value>0 0 0 2px #F5F5F5, 0 0 0 3px #0072ED</value>
  </token>
  <token>
    <name>button-size-border-radius</name>
    <category>button</category>
    <type>size</type>
    <value>6px</value>
  </token>
  <token>
    <name>button-size-border-width</name>
    <category>button</category>
    <type>size</type>
    <value>1px</value>
  </token>
  <token>
    <name>button-size-height</name>
    <category>button</category>
    <type>size</type>
    <value>38px</value>
  </token>
  <token>
    <name>button-size-font-line-height</name>
    <category>button</category>
    <type>size</type>
    <value>normal</value>
  </token>
  <token>
    <name>button-size-padding-x</name>
    <category>button</category>
    <type>size</type>
    <value>30px</value>
  </token>
  <token>
    <name>button-size-padding-y</name>
    <category>button</category>
    <type>size</type>
    <value>0</value>
  </token>
  <token>
    <name>button-size-regular-height</name>
    <category>button</category>
    <type>size</type>
    <value>38px</value>
  </token>
  <token>
    <name>button-size-compact-height</name>
    <category>button</category>
    <type>size</type>
    <value>28px</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-arrow</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#f4f4f4</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>checkbox-color-checked-disabled-font</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>checkbox-color-checked-initial-arrow</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>checkbox-color-checked-initial-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>checkbox-color-checked-initial-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-arrow</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#f4f4f4</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#E0E0E1</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-disabled-font</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-hover-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#28282A</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-initial-background</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-initial-border</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>checkbox-color-unchecked-initial-font</name>
    <category>checkbox</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>checkbox-shadow-focus-boxshadow</name>
    <category>checkbox</category>
    <type>shadow</type>
    <value>0 0 0 1px #F5F5F5, 0 0 0 2px #0072ED</value>
  </token>
  <token>
    <name>checkbox-size-border-radius</name>
    <category>checkbox</category>
    <type>size</type>
    <value>2px</value>
  </token>
  <token>
    <name>checkbox-size-box-height</name>
    <category>checkbox</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>checkbox-size-box-width</name>
    <category>checkbox</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>checkbox-size-check-height</name>
    <category>checkbox</category>
    <type>size</type>
    <value>11px</value>
  </token>
  <token>
    <name>checkbox-size-check-width</name>
    <category>checkbox</category>
    <type>size</type>
    <value>5px</value>
  </token>
  <token>
    <name>dropdown-color-initial-boxshadow-base</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#F5F5F5</value>
  </token>
  <token>
    <name>dropdown-color-initial-font</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>dropdown-color-initial-icon</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>dropdown-color-selected-background</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>dropdown-color-selected-font</name>
    <category>dropdown</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>dropdown-shadow-initial-boxshadow</name>
    <category>dropdown</category>
    <type>shadow</type>
    <value>0 5px 5px #F5F5F5</value>
  </token>
  <token>
    <name>dropdown-size-border-radius</name>
    <category>dropdown</category>
    <type>size</type>
    <value>6px</value>
  </token>
  <token>
    <name>dropdown-size-border-width</name>
    <category>dropdown</category>
    <type>size</type>
    <value>1px</value>
  </token>
  <token>
    <name>dropdown-size-font</name>
    <category>dropdown</category>
    <type>size</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>dropdown-size-height-max</name>
    <category>dropdown</category>
    <type>size</type>
    <value>300px</value>
  </token>
  <token>
    <name>dropdown-size-height-min</name>
    <category>dropdown</category>
    <type>size</type>
    <value>30px</value>
  </token>
  <token>
    <name>dropdown-size-regular-padding</name>
    <category>dropdown</category>
    <type>size</type>
    <value>8px 30px 8px 10px</value>
  </token>
  <token>
    <name>dropdown-size-compact-padding</name>
    <category>dropdown</category>
    <type>size</type>
    <value>4px 16px 4px 5px</value>
  </token>
  <token>
    <name>dropdown-size-padding</name>
    <category>dropdown</category>
    <type>size</type>
    <value>8px 30px 8px 10px</value>
  </token>
  <token>
    <name>form-size-field-regular-margin-bottom</name>
    <category>form</category>
    <type>size</type>
    <value>20px</value>
  </token>
  <token>
    <name>form-size-field-compact-margin-bottom</name>
    <category>form</category>
    <type>size</type>
    <value>12px</value>
  </token>
  <token>
    <name>header-color-primary-background</name>
    <category>header</category>
    <type>color</type>
    <value>#0066D4</value>
  </token>
  <token>
    <name>icon-color-fill</name>
    <category>icon</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>icon-size-height</name>
    <category>icon</category>
    <type>size</type>
    <value>17px</value>
  </token>
  <token>
    <name>icon-size-width</name>
    <category>icon</category>
    <type>size</type>
    <value>22px</value>
  </token>
  <token>
    <name>input-color-disabled-background</name>
    <category>input</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>input-color-disabled-border</name>
    <category>input</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>input-color-disabled-font</name>
    <category>input</category>
    <type>color</type>
    <value>#C5C5C9</value>
  </token>
  <token>
    <name>input-color-focus-background</name>
    <category>input</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>input-color-focus-border</name>
    <category>input</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>input-color-focus-font</name>
    <category>input</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>input-color-hover-background</name>
    <category>input</category>
    <type>color</type>
    <value>transparent</value>
  </token>
  <token>
    <name>input-color-hover-border</name>
    <category>input</category>
    <type>color</type>
    <value>#28282A</value>
  </token>
  <token>
    <name>input-color-initial-background</name>
    <category>input</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>input-color-initial-border</name>
    <category>input</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>input-color-initial-font</name>
    <category>input</category>
    <type>color</type>
    <value>#000000</value>
  </token>
  <token>
    <name>input-color-initial-label</name>
    <category>input</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>input-color-initial-placeholder</name>
    <category>input</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>input-color-readonly-background</name>
    <category>input</category>
    <type>color</type>
    <value>#E0E0E1</value>
  </token>
  <token>
    <name>input-color-readonly-border</name>
    <category>input</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>input-color-readonly-font</name>
    <category>input</category>
    <type>color</type>
    <value>#000000</value>
  </token>
  <token>
    <name>input-shadow-initial-boxshadow</name>
    <category>input</category>
    <type>shadow</type>
    <value>none</value>
  </token>
  <token>
    <name>input-size-border-radius</name>
    <category>input</category>
    <type>size</type>
    <value>6px</value>
  </token>
  <token>
    <name>input-size-border-width</name>
    <category>input</category>
    <type>size</type>
    <value>1px</value>
  </token>
  <token>
    <name>input-size-height</name>
    <category>input</category>
    <type>size</type>
    <value>3.4rem</value>
  </token>
  <token>
    <name>input-size-font-line-height</name>
    <category>input</category>
    <type>size</type>
    <value>16px</value>
  </token>
  <token>
    <name>input-size-regular-height</name>
    <category>input</category>
    <type>size</type>
    <value>3.8rem</value>
  </token>
  <token>
    <name>input-size-regular-padding</name>
    <category>input</category>
    <type>size</type>
    <value>0 10px</value>
  </token>
  <token>
    <name>input-size-regular-font-size</name>
    <category>input</category>
    <type>size</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>input-size-compact-height</name>
    <category>input</category>
    <type>size</type>
    <value>2.8rem</value>
  </token>
  <token>
    <name>input-size-compact-padding</name>
    <category>input</category>
    <type>size</type>
    <value>0 5px</value>
  </token>
  <token>
    <name>input-size-compact-font-size</name>
    <category>input</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>input-size-padding-x</name>
    <category>input</category>
    <type>size</type>
    <value>12px</value>
  </token>
  <token>
    <name>input-size-padding-y</name>
    <category>input</category>
    <type>size</type>
    <value>8px</value>
  </token>
  <token>
    <name>input-size-width-lg</name>
    <category>input</category>
    <type>size</type>
    <value>400px</value>
  </token>
  <token>
    <name>input-size-width-md</name>
    <category>input</category>
    <type>size</type>
    <value>300px</value>
  </token>
  <token>
    <name>input-size-width-sm</name>
    <category>input</category>
    <type>size</type>
    <value>150px</value>
  </token>
  <token>
    <name>input-size-width-xs</name>
    <category>input</category>
    <type>size</type>
    <value>75px</value>
  </token>
  <token>
    <name>label-color-initial-font</name>
    <category>label</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>label-size-regular-margin</name>
    <category>label</category>
    <type>size</type>
    <value>0 0 8px 0</value>
  </token>
  <token>
    <name>label-size-regular-font-size</name>
    <category>label</category>
    <type>size</type>
    <value>1.6rem</value>
  </token>
  <token>
    <name>label-size-compact-margin</name>
    <category>label</category>
    <type>size</type>
    <value>0 0 6px 0</value>
  </token>
  <token>
    <name>label-size-compact-font-size</name>
    <category>label</category>
    <type>size</type>
    <value>1.4rem</value>
  </token>
  <token>
    <name>link-color-disabled-font</name>
    <category>link</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>link-color-hover-font</name>
    <category>link</category>
    <type>color</type>
    <value>#0066D4</value>
  </token>
  <token>
    <name>link-color-initial-font</name>
    <category>link</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>link-color-visited-font</name>
    <category>link</category>
    <type>color</type>
    <value>#7928E1</value>
  </token>
  <token>
    <name>link-font-initial-decoration</name>
    <category>link</category>
    <type>font</type>
    <value>underline</value>
  </token>
  <token>
    <name>list-color-divider-border</name>
    <category>list</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>list-color-item-hover-background</name>
    <category>list</category>
    <type>color</type>
    <value>#E6F1FD</value>
  </token>
  <token>
    <name>list-color-item-initial-font</name>
    <category>list</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>list-color-item-selected-background</name>
    <category>list</category>
    <type>color</type>
    <value>#BBBBBF</value>
  </token>
  <token>
    <name>list-color-heading-initial-font</name>
    <category>list</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>notification-color-alert-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#FEF2E5</value>
  </token>
  <token>
    <name>notification-color-alert-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>notification-color-alert-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>notification-color-error-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#FBE7E8</value>
  </token>
  <token>
    <name>notification-color-error-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>notification-color-error-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>notification-color-info-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#E6F1FD</value>
  </token>
  <token>
    <name>notification-color-info-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>notification-color-info-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>notification-color-success-initial-background</name>
    <category>notification</category>
    <type>color</type>
    <value>#EBF9F1</value>
  </token>
  <token>
    <name>notification-color-success-initial-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>notification-color-success-hover-font</name>
    <category>notification</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>radio-color-checked-disabled-background</name>
    <category>radio</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>radio-color-checked-disabled-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>radio-color-checked-initial-background</name>
    <category>radio</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>radio-color-checked-initial-fill</name>
    <category>radio</category>
    <type>color</type>
    <value>#0072ED</value>
  </token>
  <token>
    <name>radio-color-unchecked-disabled-background</name>
    <category>radio</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>radio-color-unchecked-disabled-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>radio-color-unchecked-disabled-label</name>
    <category>radio</category>
    <type>color</type>
    <value>#6F6F76</value>
  </token>
  <token>
    <name>radio-color-unchecked-hover-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#28282A</value>
  </token>
  <token>
    <name>radio-color-unchecked-initial-background</name>
    <category>radio</category>
    <type>color</type>
    <value>#ffffff</value>
  </token>
  <token>
    <name>radio-color-unchecked-initial-border</name>
    <category>radio</category>
    <type>color</type>
    <value>#3B3B3F</value>
  </token>
  <token>
    <name>radio-color-unchecked-initial-label</name>
    <category>radio</category>
    <type>color</type>
    <value>#161618</value>
  </token>
  <token>
    <name>radio-shadow-focus-boxshadow</name>
    <category>radio</category>
    <type>shadow</type>
    <value>0 0 0 1px #F5F5F5, 0 0 0 2px #0072ED, 0 0 4px 5px rgba(54, 138, 192, 0.03)</value>
  </token>
  <token>
    <name>radio-size-border-radius</name>
    <category>radio</category>
    <type>size</type>
    <value>50%</value>
  </token>
  <token>
    <name>radio-size-inner-height</name>
    <category>radio</category>
    <type>size</type>
    <value>4px</value>
  </token>
  <token>
    <name>radio-size-inner-width</name>
    <category>radio</category>
    <type>size</type>
    <value>4px</value>
  </token>
  <token>
    <name>radio-size-outer-height</name>
    <category>radio</category>
    <type>size</type>
    <value>14px</value>
  </token>
  <token>
    <name>radio-size-outer-width</name>
    <category>radio</category>
    <type>size</type>
    <value>14px</value>
  </token>
  <token>
    <name>textarea-size-regular-height</name>
    <category>textarea</category>
    <type>size</type>
    <value>120px</value>
  </token>
  <token>
    <name>textarea-size-compact-height</name>
    <category>textarea</category>
    <type>size</type>
    <value>80px</value>
  </token>

</tokens>
