@twilio-paste/design-tokens
Version:
Paste Design System Tokens package with a number of different formats for Web, Mobile, and Sketch.
483 lines • 39.7 kB
text/xml
<resources>
<color name="COLOR_BACKGROUND_USER" category="background-color">#ffc8aff0</color>
<color name="COLOR_BACKGROUND_NOTIFICATION" category="background-color">#ffd61f1f</color>
<color name="COLOR_BACKGROUND_TRIAL" category="background-color">#ffd1fae0</color>
<color name="COLOR_BACKGROUND_SUBACCOUNT" category="background-color">#fffffbea</color>
<color name="COLOR_BACKGROUND_PRIMARY_STRONGER" category="background-color">#ff030b5d</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_STRONGER" category="background-color">#ff4a0b0b</color>
<color name="COLOR_BACKGROUND_PRIMARY_WEAKER" category="background-color">#ffcce4ff</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_WEAKER" category="background-color">#fffccfcf</color>
<color name="COLOR_BACKGROUND_INVERSE_STRONGER_ELEVATION" category="background-color">#ff404f6e</color>
<color name="COLOR_BACKGROUND_BODY_ELEVATION" category="background-color">#fff9f9fa</color>
<color name="COLOR_BACKGROUND_WARNING" category="background-color">#fff47c22</color>
<color name="COLOR_BACKGROUND_ELEVATION" category="background-color">#ffedeef2</color>
<color name="COLOR_BACKGROUND_WARNING_WEAKEST" category="background-color">#fffef5ee</color>
<color name="COLOR_BACKGROUND_INVERSE_STRONG" category="background-color">#ff394762</color>
<color name="COLOR_BACKGROUND_NEW" category="background-color">#fff5f0fc</color>
<color name="COLOR_BACKGROUND_INVERSE_ELEVATION" category="background-color">#ff25395b</color>
<color name="COLOR_BACKGROUND_STRONG" category="background-color">#ffe1e3ea</color>
<color name="COLOR_BACKGROUND_NEW_WEAKEST" category="background-color">#fffaf7fd</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE" category="background-color">#ffd61f1f</color>
<color name="COLOR_BACKGROUND_WEAK" category="background-color">#fff9f9fa</color>
<color name="COLOR_BACKGROUND_PRIMARY" category="background-color">#ff0263e0</color>
<color name="COLOR_BACKGROUND_PRIMARY_WEAKEST" category="background-color">#ffebf4ff</color>
<color name="COLOR_BACKGROUND_BUSY" category="background-color">#fff47c22</color>
<color name="COLOR_BACKGROUND_SUCCESS" category="background-color">#ff14b053</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_WEAKEST" category="background-color">#fffeecec</color>
<color name="COLOR_BACKGROUND_OFFLINE" category="background-color">#ff8e96ae</color>
<color name="COLOR_BACKGROUND_ROW_STRIPED" category="background-color">#fff4f4f6</color>
<color name="COLOR_BACKGROUND_PRIMARY_STRONGEST" category="background-color">#ff06033a</color>
<color name="COLOR_BACKGROUND_SUCCESS_WEAKEST" category="background-color">#ffedfdf3</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_STRONGEST" category="background-color">#ff310c0c</color>
<color name="COLOR_BACKGROUND_ERROR_STRONG" category="background-color">#ff750c0c</color>
<color name="COLOR_BACKGROUND_BRAND_STRONG" category="background-color">#ff030b5d</color>
<color name="COLOR_BACKGROUND_BRAND" category="background-color">#ff001489</color>
<color name="COLOR_BACKGROUND_ERROR" category="background-color">#ffd61f1f</color>
<color name="COLOR_BACKGROUND_NEUTRAL_WEAKEST" category="background-color">#ffebf4ff</color>
<color name="COLOR_BACKGROUND_AVAILABLE" category="background-color">#ff14b053</color>
<color name="COLOR_BACKGROUND_ERROR_WEAKEST" category="background-color">#fffeecec</color>
<color name="COLOR_BACKGROUND_REQUIRED" category="background-color">#ffeb5656</color>
<color name="COLOR_BACKGROUND_ERROR_STRONGEST" category="background-color">#ff310c0c</color>
<color name="COLOR_BACKGROUND_DECORATIVE_40_WEAKEST" category="background-color">#fff5f0fc</color>
<color name="COLOR_BACKGROUND_INVERSE_STRONGER" category="background-color">#ff394762</color>
<color name="COLOR_BACKGROUND_DECORATIVE_30_WEAKEST" category="background-color">#ffedfdf3</color>
<color name="COLOR_BACKGROUND_BODY" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_PRIMARY_STRONG" category="background-color">#ff001489</color>
<color name="COLOR_BACKGROUND_DECORATIVE_20_WEAKEST" category="background-color">#ffebf4ff</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_STRONG" category="background-color">#ff750c0c</color>
<color name="COLOR_BACKGROUND_DESTRUCTIVE_WEAK" category="background-color">#fff6b1b1</color>
<color name="COLOR_BACKGROUND_DECORATIVE_10_WEAKEST" category="background-color">#fff4f4f6</color>
<color name="COLOR_BACKGROUND" category="background-color">#fff4f4f6</color>
<color name="COLOR_BACKGROUND_PRIMARY_WEAK" category="background-color">#ff99cdff</color>
<color name="COLOR_BACKGROUND_BRAND_30" category="background-color">#ff6addb2</color>
<color name="COLOR_BACKGROUND_WEAKEST" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_STRONGER" category="background-color">#ff8891aa</color>
<color name="COLOR_BACKGROUND_INVERSE_STRONG_ELEVATION" category="background-color">#ff25395b</color>
<color name="COLOR_BACKGROUND_BRAND_20" category="background-color">#ff51a9e3</color>
<color name="COLOR_BACKGROUND_BRAND_HIGHLIGHT" category="background-color">#fff22f46</color>
<color name="COLOR_BACKGROUND_BRAND_HIGHLIGHT_WEAKEST" category="background-color">#1af22f46</color>
<color name="COLOR_BACKGROUND_STRONGEST" category="background-color">#ff4b5671</color>
<color name="COLOR_BACKGROUND_INVERSE_WEAK_ELEVATION" category="background-color">#ff25395b</color>
<color name="COLOR_BACKGROUND_BRAND_10" category="background-color">#fff2be5a</color>
<color name="COLOR_BACKGROUND_WEAKER" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_BODY_INVERSE" category="background-color">#ff121c2d</color>
<color name="COLOR_BACKGROUND_INVERSE" category="background-color">#ff1f304c</color>
<color name="COLOR_BACKGROUND_OVERLAY" category="background-color">#6606033a</color>
<color name="COLOR_BACKGROUND_UNAVAILABLE" category="background-color">#ffd61f1f</color>
<color name="COLOR_BACKGROUND_STRONG_ELEVATION" category="background-color">#ffe1e3ea</color>
<color name="COLOR_BACKGROUND_INVERSE_STRONGEST" category="background-color">#ffffffff</color>
<color name="COLOR_BACKGROUND_WEAK_ELEVATION" category="background-color">#fff9f9fa</color>
<color name="COLOR_BACKGROUND_ERROR_STRONGER" category="background-color">#ff4a0b0b</color>
<color name="COLOR_BACKGROUND_BRAND_STRONGER" category="background-color">#ff06033a</color>
<color name="COLOR_BORDER_ERROR_STRONGER" category="border-color">#ff4a0b0b</color>
<color name="COLOR_BORDER_WARNING_WEAK" category="border-color">#ffffb37a</color>
<color name="COLOR_BORDER_DECORATIVE_40_WEAKER" category="border-color">#ffe7dcfa</color>
<color name="COLOR_BORDER_ERROR_WEAKER" category="border-color">#fffccfcf</color>
<color name="COLOR_BORDER_USER" category="border-color">#ffe7dcfa</color>
<color name="COLOR_BORDER_NEUTRAL_WEAKER" category="border-color">#ffcce4ff</color>
<color name="COLOR_BORDER_WARNING" category="border-color">#fff47c22</color>
<color name="COLOR_BORDER_SUCCESS_WEAKER" category="border-color">#ffd1fae0</color>
<color name="COLOR_BORDER_PRIMARY_STRONGER" category="border-color">#ff030b5d</color>
<color name="COLOR_BORDER_DESTRUCTIVE_STRONGER" category="border-color">#ff4a0b0b</color>
<color name="COLOR_BORDER_WARNING_WEAKEST" category="border-color">#fffef5ee</color>
<color name="COLOR_BORDER_PRIMARY_WEAKER" category="border-color">#ffcce4ff</color>
<color name="COLOR_BORDER_DESTRUCTIVE_WEAKER" category="border-color">#fffccfcf</color>
<color name="COLOR_BORDER_NEW_WEAKER" category="border-color">#ffe7dcfa</color>
<color name="COLOR_BORDER_DESTRUCTIVE" category="border-color">#ffd61f1f</color>
<color name="COLOR_BORDER_INVERSE_STRONG" category="border-color">#ffe1e3ea</color>
<color name="COLOR_BORDER_PRIMARY" category="border-color">#ff0263e0</color>
<color name="COLOR_BORDER_PRIMARY_WEAKEST" category="border-color">#ffebf4ff</color>
<color name="COLOR_BORDER_SUCCESS" category="border-color">#ff14b053</color>
<color name="COLOR_BORDER_DESTRUCTIVE_WEAKEST" category="border-color">#fffeecec</color>
<color name="COLOR_BORDER_DESTRUCTIVE_STRONGEST" category="border-color">#ff310c0c</color>
<color name="COLOR_BORDER_PRIMARY_STRONGEST" category="border-color">#ff06033a</color>
<color name="COLOR_BORDER_SUCCESS_WEAKEST" category="border-color">#ffedfdf3</color>
<color name="COLOR_BORDER_WARNING_WEAKER" category="border-color">#fffddcc4</color>
<color name="COLOR_BORDER_STRONG" category="border-color">#ff606b85</color>
<color name="COLOR_BORDER_WEAK" category="border-color">#ffcacdd8</color>
<color name="COLOR_BORDER_NEUTRAL" category="border-color">#ff0263e0</color>
<color name="COLOR_BORDER_ERROR" category="border-color">#ffd61f1f</color>
<color name="COLOR_BORDER_ERROR_WEAKEST" category="border-color">#fffeecec</color>
<color name="COLOR_BORDER_ERROR_STRONGEST" category="border-color">#ff310c0c</color>
<color name="COLOR_BORDER_ERROR_STRONG" category="border-color">#ff750c0c</color>
<color name="COLOR_BORDER_ERROR_WEAK" category="border-color">#fff58a8a</color>
<color name="COLOR_BORDER_NEUTRAL_WEAK" category="border-color">#ff66b3ff</color>
<color name="COLOR_BORDER" category="border-color">#ff8891aa</color>
<color name="COLOR_BORDER_WEAKEST" category="border-color">#ffffffff</color>
<color name="COLOR_BORDER_INVERSE_STRONGER" category="border-color">#fff4f4f6</color>
<color name="COLOR_BORDER_INVERSE_WEAKER" category="border-color">#ff394762</color>
<color name="COLOR_BORDER_SUCCESS_WEAK" category="border-color">#ff36d576</color>
<color name="COLOR_BORDER_PRIMARY_STRONG" category="border-color">#ff001489</color>
<color name="COLOR_BORDER_INVERSE" category="border-color">#ff8891aa</color>
<color name="COLOR_BORDER_DESTRUCTIVE_STRONG" category="border-color">#ff750c0c</color>
<color name="COLOR_BORDER_PRIMARY_WEAK" category="border-color">#ff99cdff</color>
<color name="COLOR_BORDER_INVERSE_WEAKEST" category="border-color">#ff1f304c</color>
<color name="COLOR_BORDER_DESTRUCTIVE_WEAK" category="border-color">#fff6b1b1</color>
<color name="COLOR_BORDER_INVERSE_STRONGEST" category="border-color">#ffffffff</color>
<color name="COLOR_BORDER_NEW_WEAK" category="border-color">#ffa67fe3</color>
<color name="COLOR_BORDER_WEAKER" category="border-color">#ffe1e3ea</color>
<color name="COLOR_BORDER_DECORATIVE_10_WEAKER" category="border-color">#ffe1e3ea</color>
<color name="COLOR_BORDER_DECORATIVE_20_WEAKER" category="border-color">#ffcce4ff</color>
<color name="COLOR_BORDER_DECORATIVE_30_WEAKER" category="border-color">#ffd1fae0</color>
<dimen name="BORDER_RADIUS_CIRCLE" category="radius">0.5</dimen>
<dimen name="BORDER_RADIUS_90" category="radius">32dp</dimen>
<dimen name="BORDER_RADIUS_80" category="radius">28dp</dimen>
<dimen name="BORDER_RADIUS_PILL" category="radius">100dp</dimen>
<dimen name="BORDER_RADIUS_70" category="radius">24dp</dimen>
<dimen name="BORDER_RADIUS_60" category="radius">20dp</dimen>
<dimen name="BORDER_RADIUS_50" category="radius">16dp</dimen>
<dimen name="BORDER_RADIUS_40" category="radius">12dp</dimen>
<dimen name="BORDER_RADIUS_0" category="radius">0</dimen>
<dimen name="BORDER_RADIUS_30" category="radius">8dp</dimen>
<dimen name="BORDER_RADIUS_20" category="radius">4dp</dimen>
<dimen name="BORDER_RADIUS_10" category="radius">2dp</dimen>
<dimen name="BORDER_WIDTH_0" category="border-width">0</dimen>
<dimen name="BORDER_WIDTH_10" category="border-width">1dp</dimen>
<dimen name="BORDER_WIDTH_20" category="border-width">2dp</dimen>
<dimen name="BORDER_WIDTH_30" category="border-width">4dp</dimen>
<dimen name="BORDER_WIDTH_40" category="border-width">8dp</dimen>
<property name="SHADOW_BORDER_BOTTOM_NEW_WEAKER" category="box-shadow">0 1px 0 #e7dcfa</property>
<property name="SHADOW" category="box-shadow">0 4px 16px 0 rgba(18, 28, 45, 0.2)</property>
<property name="SHADOW_BORDER_BOTTOM_INVERSE_WEAKER_INSET" category="box-shadow">inset 0 -1px 0 0 #394762</property>
<property name="SHADOW_BORDER_SUBACCOUNT" category="box-shadow">0 0 0 1px #fff1b3</property>
<property name="SHADOW_ELEVATION_05" category="box-shadow">0 0 0 1px #edeef2</property>
<property name="SHADOW_BORDER_DESTRUCTIVE_STRONGER" category="box-shadow">0 0 0 1px #4a0b0b</property>
<property name="SHADOW_BORDER_SUCCESS_WEAKER" category="box-shadow">0 0 0 1px #d1fae0</property>
<property name="SHADOW_BORDER_INVERSE_NEW_WEAKER" category="box-shadow">0 0 0 1px #5817bd</property>
<property name="SHADOW_BORDER_PRIMARY_STRONGER" category="box-shadow">0 0 0 1px #030b5d</property>
<property name="SHADOW_BORDER_BOTTOM_WARNING_WEAKER" category="box-shadow">0 1px 0 #fddcc4</property>
<property name="SHADOW_BORDER_DESTRUCTIVE_WEAKER" category="box-shadow">0 0 0 1px #fccfcf</property>
<property name="SHADOW_BORDER_PRIMARY_WEAKER" category="box-shadow">0 0 0 1px #cce4ff</property>
<property name="SHADOW_BORDER_TOP_INVERSE_STRONGEST" category="box-shadow">0 -1px 0 #cce4ff</property>
<property name="SHADOW_BORDER_BOTTOM_WEAK" category="box-shadow">0 1px 0 #cacdd8</property>
<property name="SHADOW_BORDER_NEW_WEAKER" category="box-shadow">0 0 0 1px #e7dcfa</property>
<property name="SHADOW_ELEVATION_BOTTOM_INVERSE_05" category="box-shadow">0 1px 0 0 #1f304c</property>
<property name="SHADOW_LOW" category="box-shadow">0 2px 8px 0 rgba(18, 28, 45, 0.1)</property>
<property name="SHADOW_ELEVATION_LEFT_20" category="box-shadow">0 0 0 1px #f9f9fa, -4px 0 8px 0 rgba(15, 22, 33, 0.1), -16px 0 32px 0 rgba(15, 22, 33, 0.05)</property>
<property name="SHADOW_BORDER_INVERSE_STRONG" category="box-shadow">0 0 0 1px #e1e3ea</property>
<property name="SHADOW_BORDER_WARNING_WEAKER" category="box-shadow">0 0 0 1px #fddcc4</property>
<property name="SHADOW_ELEVATION_BOTTOM_05" category="box-shadow">0 1px 0 0 #edeef2</property>
<property name="SHADOW_BORDER_STRONG" category="box-shadow">0 0 0 1px #606b85</property>
<property name="SHADOW_FOCUS" category="box-shadow">0 0 0 4px rgba(2, 99, 224, 0.7)</property>
<property name="SHADOW_BORDER_WEAK" category="box-shadow">0 0 0 1px #cacdd8</property>
<property name="SHADOW_FOCUS_INVERSE" category="box-shadow">0 0 0 4px rgba(255, 255, 255, 0.4)</property>
<property name="SHADOW_BORDER_PRIMARY" category="box-shadow">0 0 0 1px #0263e0</property>
<property name="SHADOW_BORDER_DESTRUCTIVE" category="box-shadow">0 0 0 1px #d61f1f</property>
<property name="SHADOW_HIGH" category="box-shadow">0 16px 24px 0 rgba(18, 28, 45, 0.2)</property>
<property name="SHADOW_RIGHT" category="box-shadow">-4px 0 8px -4px rgba(18, 28, 45, 0.2)</property>
<property name="SHADOW_ELEVATION_RIGHT_INVERSE_05" category="box-shadow">1px 0 0 0 #1f304c</property>
<property name="SHADOW_BORDER_ERROR_STRONG" category="box-shadow">0 0 0 1px #750c0c</property>
<property name="SHADOW_BORDER_BOTTOM_INVERSE_WEAKER" category="box-shadow">0 1px 0 #394762</property>
<property name="SHADOW_BORDER_PRIMARY_STRONGEST" category="box-shadow">0 0 0 1px #06033a</property>
<property name="SHADOW_BORDER_DESTRUCTIVE_STRONGEST" category="box-shadow">0 0 0 1px #310c0c</property>
<property name="SHADOW_BORDER_ERROR_WEAK" category="box-shadow">0 0 0 1px #eb5656</property>
<property name="SHADOW_BORDER_BOTTOM_BRAND_10_STRONG" category="box-shadow">0 1px 0 #855c15</property>
<property name="SHADOW_BORDER_BOTTOM_BRAND_20_STRONG" category="box-shadow">0 1px 0 #043cb5</property>
<property name="SHADOW_RIGHT_INVERSE" category="box-shadow">-4px 0 8px -4px rgba(0, 0, 0, 0.4)</property>
<property name="SHADOW_ELEVATION_TOP_20" category="box-shadow">0 0 0 1px #f9f9fa, 0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)</property>
<property name="SHADOW_BORDER_BOTTOM_BRAND_30_STRONG" category="box-shadow">0 1px 0 #0e7c3a</property>
<property name="SHADOW_LEFT" category="box-shadow">4px 0 8px -4px rgba(18, 28, 45, 0.2)</property>
<property name="SHADOW_BORDER_ERROR" category="box-shadow">0 0 0 1px #d61f1f</property>
<property name="SHADOW_BORDER_BOTTOM_DECORATIVE_10_WEAKER" category="box-shadow">0 1px 0 #e1e3ea</property>
<property name="SHADOW_BORDER_BOTTOM_PRIMARY" category="box-shadow">0 1px 0 #006dfa</property>
<property name="SHADOW_BORDER_BOTTOM_DECORATIVE_20_WEAKER" category="box-shadow">0 1px 0 #cce4ff</property>
<property name="SHADOW_BORDER_INVERSE_STRONGER" category="box-shadow">0 0 0 1px #f4f4f6</property>
<property name="SHADOW_BORDER_BOTTOM_WEAK_INSET" category="box-shadow">inset 0 -1px 0 0 #cacdd8</property>
<property name="SHADOW_BORDER_ERROR_STRONGEST" category="box-shadow">0 0 0 1px #310c0c</property>
<property name="SHADOW_BORDER_DESTRUCTIVE_STRONG" category="box-shadow">0 0 0 1px #750c0c</property>
<property name="SHADOW_BORDER_INVERSE_WEAKER" category="box-shadow">0 0 0 1px #394762</property>
<property name="SHADOW_BORDER_TOP_PRIMARY" category="box-shadow">0 -1px 0 #006dfa</property>
<property name="SHADOW_BORDER_BOTTOM_DECORATIVE_30_WEAKER" category="box-shadow">0 1px 0 #d1fae0</property>
<property name="SHADOW_BORDER_PRIMARY_STRONG" category="box-shadow">0 0 0 1px #001489</property>
<property name="SHADOW_BORDER_BRAND_30" category="box-shadow">mint</property>
<property name="SHADOW_BORDER_PRIMARY_WEAK" category="box-shadow">0 0 0 1px #99cdff</property>
<property name="SHADOW_FOCUS_SHADOW_BORDER" category="box-shadow">0 0 0 4px rgba(2, 99, 224, 0.7), 0 0 0 1px #8891aa</property>
<property name="SHADOW_BORDER_BOTTOM_DECORATIVE_40_WEAKER" category="box-shadow">0 1px 0 #e7dcfa</property>
<property name="SHADOW_BORDER_DESTRUCTIVE_WEAK" category="box-shadow">0 0 0 1px #f6b1b1</property>
<property name="SHADOW_LEFT_INVERSE" category="box-shadow">4px 0 8px -4px rgba(0, 0, 0, 0.4)</property>
<property name="SHADOW_BORDER_BRAND_20" category="box-shadow">sky</property>
<property name="SHADOW_BORDER_TOP_PRIMARY_STRONGEST" category="box-shadow">0 -1px 0 #030b5d</property>
<property name="SHADOW_BORDER_BOTTOM_NOTIFICATION_STRONGER" category="box-shadow">0 1px 0 #4a0b0b</property>
<property name="SHADOW_BORDER_BOTTOM_ERROR_WEAKER" category="box-shadow">0 1px 0 #fccfcf</property>
<property name="SHADOW_BORDER_WEAKER" category="box-shadow">0 0 0 1px #e1e3ea</property>
<property name="SHADOW_BORDER" category="box-shadow">0 0 0 1px #8891aa</property>
<property name="SHADOW_ELEVATION_INVERSE_10" category="box-shadow">0 -1px 0 0 #1f304c, 0 3px 4px 0 rgba(0, 0, 0, 0.1)</property>
<property name="SHADOW_BORDER_RIGHT_INVERSE_STRONG" category="box-shadow">1px 0 #e1e3ea</property>
<property name="SHADOW_BORDER_BOTTOM_NEUTRAL_WEAKER" category="box-shadow">0 1px 0 #cce4ff</property>
<property name="SHADOW_BORDER_BRAND_10" category="box-shadow">saffron</property>
<property name="SHADOW_BORDER_DECORATIVE_10_WEAKER" category="box-shadow">0 0 0 1px #e1e3ea</property>
<property name="SHADOW_ELEVATION_TOP_05" category="box-shadow">0 -1px 0 0 #edeef2</property>
<property name="SHADOW_BORDER_DECORATIVE_20_WEAKER" category="box-shadow">0 0 0 1px #cce4ff</property>
<property name="SHADOW_BORDER_BOTTOM_SUBACCOUNT" category="box-shadow">0 1px 0 #ffdd35</property>
<property name="SHADOW_FOCUS_INSET" category="box-shadow">inset 0 0 0 2px rgba(2, 99, 224, 0.7)</property>
<property name="SHADOW_ELEVATION_20" category="box-shadow">0 6px 8px 0 rgba(15, 22, 33, 0.1), 16px 16px 32px 0 rgba(15, 22, 33, 0.05)</property>
<property name="SHADOW_BORDER_INVERSE" category="box-shadow">0 0 0 1px #8891aa</property>
<property name="SHADOW_ELEVATION_10" category="box-shadow">0 -1px 0 0 #f4f4f6, 0 3px 4px 0 rgba(15, 22, 33, 0.1)</property>
<property name="SHADOW_BORDER_DECORATIVE_30_WEAKER" category="box-shadow">0 0 0 1px #d1fae0</property>
<property name="SHADOW_BORDER_INVERSE_WEAKEST" category="box-shadow">0 0 0 1px #1f304c</property>
<property name="SHADOW_BORDER_BOTTOM_INVERSE_NEW_WEAKER" category="box-shadow">0 1px 0 #5817bd</property>
<property name="SHADOW_BORDER_BOTTOM_SUCCESS_WEAKER" category="box-shadow">0 1px 0 #d1fae0</property>
<property name="SHADOW_BORDER_DECORATIVE_40_WEAKER" category="box-shadow">0 0 0 1px #e7dcfa</property>
<property name="SHADOW_BORDER_ERROR_STRONGER" category="box-shadow">0 0 0 1px #4a0b0b</property>
<property name="SHADOW_CARD" category="box-shadow">0 2px 8px 0 rgba(18, 28, 45, 0.1)</property>
<property name="SHADOW_BORDER_ERROR_WEAKER" category="box-shadow">0 0 0 1px #fccfcf</property>
<property name="SHADOW_BORDER_INVERSE_STRONGEST" category="box-shadow">0 0 0 1px #ffffff</property>
<property name="SHADOW_FOCUS_INVERSE_INSET" category="box-shadow">inset 0 0 0 2px rgba(255, 255, 255, 0.4)</property>
<property name="SHADOW_BORDER_NOTIFICATION" category="box-shadow">0 1px 0 #d61f1f</property>
<property name="SHADOW_ELEVATION_INVERSE_05" category="box-shadow">0 0 0 1px #1f304c</property>
<property name="SHADOW_BORDER_USER" category="box-shadow">0 0 0 1px #8c5bd8</property>
<property name="SHADOW_BORDER_NEUTRAL_WEAKER" category="box-shadow">0 0 0 1px #cce4ff</property>
<color name="COLOR_DATA_VISUALIZATION_10" category="data-visualization">#ffeb5656</color>
<color name="COLOR_DATA_VISUALIZATION_1" category="data-visualization">#ff001489</color>
<color name="COLOR_DATA_VISUALIZATION_2" category="data-visualization">#ff0e7c3a</color>
<color name="COLOR_DATA_VISUALIZATION_3" category="data-visualization">#ff0d3a1f</color>
<color name="COLOR_DATA_VISUALIZATION_4" category="data-visualization">#ff008cff</color>
<color name="COLOR_DATA_VISUALIZATION_5" category="data-visualization">#ff394762</color>
<color name="COLOR_DATA_VISUALIZATION_6" category="data-visualization">#ffa67fe3</color>
<color name="COLOR_DATA_VISUALIZATION_7" category="data-visualization">#ff6d2ed1</color>
<color name="COLOR_DATA_VISUALIZATION_8" category="data-visualization">#ff8891aa</color>
<color name="COLOR_DATA_VISUALIZATION_9" category="data-visualization">#ff750c0c</color>
<property name="FONT_FAMILY_TEXT" category="font">'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif</property>
<property name="FONT_FAMILY_CODE" category="font">'TwilioSansMono', Courier, monospace</property>
<property name="FONT_FAMILY_TEXT_JAPANESE" category="font">'Inter var experimental', 'Inter var', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Osaka, 'MS PGothic', sans-serif</property>
<property name="FONT_FAMILY_TEXT_KOREAN" category="font">'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif</property>
<property name="FONT_FAMILY_TEXT_CHINESE_TRADITIONAL" category="font">'Inter var experimental', 'Inter var', 'Microsoft JhengHei', 微軟正黑體, 'Microsoft JhengHei UI', 'Microsoft YaHei', 微軟雅黑, 宋体, SimSun, sans-serif</property>
<property name="FONT_FAMILY_TEXT_CHINESE_SIMPLIFIED" category="font">'Inter var experimental', 'Inter var', 'Microsoft YaHei New', 微软雅黑, 'Microsoft Yahei', 'Microsoft JhengHei', 宋体, SimSun, sans-serif</property>
<property name="FONT_FAMILY_DISPLAY" category="font">'Inter var experimental', 'Inter var', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif</property>
<property name="FONT_SIZE_110" category="font-size">48</property>
<property name="FONT_SIZE_100" category="font-size">40</property>
<property name="FONT_SIZE_90" category="font-size">32</property>
<property name="FONT_SIZE_80" category="font-size">28</property>
<property name="FONT_SIZE_70" category="font-size">24</property>
<property name="FONT_SIZE_60" category="font-size">20</property>
<property name="FONT_SIZE_50" category="font-size">18</property>
<property name="FONT_SIZE_40" category="font-size">16</property>
<property name="FONT_SIZE_30" category="font-size">14</property>
<property name="FONT_SIZE_20" category="font-size">12</property>
<property name="FONT_SIZE_10" category="font-size">10</property>
<property name="FONT_SIZE_DISPLAY_30" category="font-size">64</property>
<property name="FONT_SIZE_DISPLAY_20" category="font-size">48</property>
<property name="FONT_SIZE_DISPLAY_10" category="font-size">32</property>
<property name="FONT_SIZE_BASE" category="font-size">1</property>
<property name="FONT_WEIGHT_LIGHT" category="font-weight">400</property>
<property name="FONT_WEIGHT_NORMAL" category="font-weight">400</property>
<property name="FONT_WEIGHT_MEDIUM" category="font-weight">500</property>
<property name="FONT_WEIGHT_SEMIBOLD" category="font-weight">600</property>
<property name="FONT_WEIGHT_BOLD" category="font-weight">700</property>
<property name="FONT_WEIGHT_EXTRABOLD" category="font-weight">800</property>
<integer name="LINE_HEIGHT_0" category="line-height">0</integer>
<integer name="LINE_HEIGHT_110" category="line-height">64</integer>
<integer name="LINE_HEIGHT_90" category="line-height">40</integer>
<integer name="LINE_HEIGHT_100" category="line-height">52</integer>
<integer name="LINE_HEIGHT_80" category="line-height">40</integer>
<integer name="LINE_HEIGHT_70" category="line-height">32</integer>
<integer name="LINE_HEIGHT_60" category="line-height">28</integer>
<integer name="LINE_HEIGHT_50" category="line-height">28</integer>
<integer name="LINE_HEIGHT_40" category="line-height">24</integer>
<integer name="LINE_HEIGHT_30" category="line-height">20</integer>
<integer name="LINE_HEIGHT_20" category="line-height">20</integer>
<integer name="LINE_HEIGHT_10" category="line-height">16</integer>
<integer name="LINE_HEIGHT_05" category="line-height">12</integer>
<integer name="LINE_HEIGHT_DISPLAY_30" category="line-height">80</integer>
<integer name="LINE_HEIGHT_DISPLAY_20" category="line-height">60</integer>
<integer name="LINE_HEIGHT_DISPLAY_10" category="line-height">40</integer>
<color name="COLOR_BRAND_HIGHLIGHT" category="color">#fff22f46</color>
<color name="COLOR_GRAY_0" category="color">#ffffffff</color>
<color name="COLOR_GRAY_100" category="color">#ff121c2d</color>
<color name="COLOR_GRAY_90" category="color">#ff1f304c</color>
<color name="COLOR_GRAY_80" category="color">#ff394762</color>
<color name="COLOR_GRAY_70" category="color">#ff4b5671</color>
<color name="COLOR_GRAY_60" category="color">#ff606b85</color>
<color name="COLOR_GRAY_50" category="color">#ff8891aa</color>
<color name="COLOR_GRAY_40" category="color">#ff8e96ae</color>
<color name="COLOR_BRAND" category="color">#ff001489</color>
<color name="COLOR_GRAY_30" category="color">#ffcacdd8</color>
<color name="COLOR_GRAY_20" category="color">#ffe1e3ea</color>
<color name="COLOR_GRAY_10" category="color">#fff4f4f6</color>
<dimen name="SIZE_SQUARE_40" category="sizing">12</dimen>
<dimen name="SIZE_ICON_80" category="sizing">40</dimen>
<dimen name="SIZE_BASE_0" category="sizing">0</dimen>
<dimen name="SIZE_SQUARE_30" category="sizing">8</dimen>
<dimen name="SIZE_ICON_70" category="sizing">32</dimen>
<dimen name="SIZE_SQUARE_20" category="sizing">4</dimen>
<dimen name="SIZE_ICON_60" category="sizing">28</dimen>
<dimen name="SIZE_90" category="sizing">920</dimen>
<dimen name="SIZE_SQUARE_10" category="sizing">2</dimen>
<dimen name="SIZE_120" category="sizing">1232</dimen>
<dimen name="SIZE_ICON_50" category="sizing">28</dimen>
<dimen name="SIZE_80" category="sizing">816</dimen>
<dimen name="SIZE_0" category="sizing">0</dimen>
<dimen name="SIZE_110" category="sizing">1128</dimen>
<dimen name="SIZE_ICON_40" category="sizing">24</dimen>
<dimen name="SIZE_SQUARE_190" category="sizing">72</dimen>
<dimen name="SIZE_70" category="sizing">712</dimen>
<dimen name="SIZE_100" category="sizing">1024</dimen>
<dimen name="SIZE_ICON_30" category="sizing">20</dimen>
<dimen name="SIZE_SQUARE_180" category="sizing">68</dimen>
<dimen name="SIZE_60" category="sizing">608</dimen>
<dimen name="SIZE_ICON_20" category="sizing">20</dimen>
<dimen name="SIZE_SQUARE_170" category="sizing">64</dimen>
<dimen name="SIZE_SIDEBAR_COMPACT" category="sizing">76</dimen>
<dimen name="SIZE_BASE_90" category="sizing">36</dimen>
<dimen name="SIZE_ICON_10" category="sizing">16</dimen>
<dimen name="SIZE_SQUARE_25" category="sizing">6</dimen>
<dimen name="SIZE_SQUARE_160" category="sizing">60</dimen>
<dimen name="SIZE_50" category="sizing">504</dimen>
<dimen name="SIZE_BASE_80" category="sizing">32</dimen>
<dimen name="SIZE_ICON_110" category="sizing">64</dimen>
<dimen name="SIZE_SQUARE_150" category="sizing">56</dimen>
<dimen name="SIZE_40" category="sizing">400</dimen>
<dimen name="SIZE_BASE_70" category="sizing">28</dimen>
<dimen name="SIZE_ICON_100" category="sizing">52</dimen>
<dimen name="SIZE_SQUARE_140" category="sizing">52</dimen>
<dimen name="SIZE_30" category="sizing">296</dimen>
<dimen name="SIZE_BASE_60" category="sizing">24</dimen>
<dimen name="SIZE_TOPBAR" category="sizing">76</dimen>
<dimen name="SIZE_SQUARE_130" category="sizing">48</dimen>
<dimen name="SIZE_20" category="sizing">192</dimen>
<dimen name="SIZE_BASE_50" category="sizing">20</dimen>
<dimen name="SIZE_SQUARE_120" category="sizing">44</dimen>
<dimen name="SIZE_10" category="sizing">88</dimen>
<dimen name="SIZE_BASE_40" category="sizing">16</dimen>
<dimen name="SIZE_SQUARE_110" category="sizing">40</dimen>
<dimen name="SIZE_SQUARE_0" category="sizing">0</dimen>
<dimen name="SIZE_BASE_30" category="sizing">12</dimen>
<dimen name="SIZE_ICON_05" category="sizing">12</dimen>
<dimen name="SIZE_SQUARE_100" category="sizing">36</dimen>
<dimen name="SIZE_BASE_20" category="sizing">8</dimen>
<dimen name="SIZE_SQUARE_200" category="sizing">76</dimen>
<dimen name="SIZE_BASE_10" category="sizing">4</dimen>
<dimen name="SIZE_SIDEBAR" category="sizing">240</dimen>
<dimen name="SIZE_SQUARE_90" category="sizing">32</dimen>
<dimen name="SIZE_SQUARE_80" category="sizing">28</dimen>
<dimen name="SIZE_SQUARE_70" category="sizing">24</dimen>
<dimen name="SIZE_SQUARE_60" category="sizing">20</dimen>
<dimen name="SIZE_SQUARE_50" category="sizing">16</dimen>
<dimen name="SIZE_ICON_90" category="sizing">40</dimen>
<dimen name="SPACE_70" category="spacing">24</dimen>
<dimen name="SPACE_NEGATIVE_100" category="spacing">-36</dimen>
<dimen name="SPACE_60" category="spacing">20</dimen>
<dimen name="SPACE_NEGATIVE_200" category="spacing">-76</dimen>
<dimen name="SPACE_190" category="spacing">72</dimen>
<dimen name="SPACE_50" category="spacing">16</dimen>
<dimen name="SPACE_290" category="spacing">112</dimen>
<dimen name="SPACE_180" category="spacing">68</dimen>
<dimen name="SPACE_40" category="spacing">12</dimen>
<dimen name="SPACE_280" category="spacing">108</dimen>
<dimen name="SPACE_170" category="spacing">64</dimen>
<dimen name="SPACE_30" category="spacing">8</dimen>
<dimen name="SPACE_270" category="spacing">104</dimen>
<dimen name="SPACE_160" category="spacing">60</dimen>
<dimen name="SPACE_20" category="spacing">4</dimen>
<dimen name="SPACE_260" category="spacing">100</dimen>
<dimen name="SPACE_150" category="spacing">56</dimen>
<dimen name="SPACE_10" category="spacing">2</dimen>
<dimen name="SPACE_250" category="spacing">96</dimen>
<dimen name="SPACE_140" category="spacing">52</dimen>
<dimen name="SPACE_240" category="spacing">92</dimen>
<dimen name="SPACE_130" category="spacing">48</dimen>
<dimen name="SPACE_230" category="spacing">88</dimen>
<dimen name="SPACE_120" category="spacing">44</dimen>
<dimen name="SPACE_NEGATIVE_90" category="spacing">-32</dimen>
<dimen name="SPACE_220" category="spacing">84</dimen>
<dimen name="SPACE_110" category="spacing">40</dimen>
<dimen name="SPACE_0" category="spacing">0</dimen>
<dimen name="SPACE_NEGATIVE_80" category="spacing">-28</dimen>
<dimen name="SPACE_210" category="spacing">80</dimen>
<dimen name="SPACE_100" category="spacing">36</dimen>
<dimen name="SPACE_NEGATIVE_70" category="spacing">-24</dimen>
<dimen name="SPACE_310" category="spacing">120</dimen>
<dimen name="SPACE_200" category="spacing">76</dimen>
<dimen name="SPACE_NEGATIVE_60" category="spacing">-20</dimen>
<dimen name="SPACE_300" category="spacing">116</dimen>
<dimen name="SPACE_NEGATIVE_50" category="spacing">-16</dimen>
<dimen name="SPACE_NEGATIVE_40" category="spacing">-12</dimen>
<dimen name="SPACE_NEGATIVE_30" category="spacing">-8</dimen>
<dimen name="SPACE_NEGATIVE_20" category="spacing">-4</dimen>
<dimen name="SPACE_NEGATIVE_10" category="spacing">-2</dimen>
<dimen name="SPACE_NEGATIVE_190" category="spacing">-72</dimen>
<dimen name="SPACE_NEGATIVE_180" category="spacing">-68</dimen>
<dimen name="SPACE_NEGATIVE_170" category="spacing">-64</dimen>
<dimen name="SPACE_NEGATIVE_160" category="spacing">-60</dimen>
<dimen name="SPACE_NEGATIVE_150" category="spacing">-56</dimen>
<dimen name="SPACE_NEGATIVE_140" category="spacing">-52</dimen>
<dimen name="SPACE_NEGATIVE_130" category="spacing">-48</dimen>
<dimen name="SPACE_90" category="spacing">32</dimen>
<dimen name="SPACE_NEGATIVE_120" category="spacing">-44</dimen>
<dimen name="SPACE_80" category="spacing">28</dimen>
<dimen name="SPACE_NEGATIVE_110" category="spacing">-40</dimen>
<color name="COLOR_TEXT_LINK_DESTRUCTIVE_WEAK" category="text-color">#fff6b1b1</color>
<color name="COLOR_TEXT_LINK_STRONGER" category="text-color">#ff030b5d</color>
<color name="COLOR_TEXT_USER" category="text-color">#ff121c2d</color>
<color name="COLOR_TEXT_ICON_NEW" category="text-color">#ff6d2ed1</color>
<color name="COLOR_TEXT_SUBACCOUNT" category="text-color">#ff543308</color>
<color name="COLOR_TEXT_DESTRUCTIVE_STRONGER" category="text-color">#ff4a0b0b</color>
<color name="COLOR_TEXT_ICON_OFFLINE" category="text-color">#ff606b85</color>
<color name="COLOR_TEXT_LINK_DESTRUCTIVE" category="text-color">#ffd61f1f</color>
<color name="COLOR_TEXT_PRIMARY_STRONGER" category="text-color">#ff030b5d</color>
<color name="COLOR_TEXT_ICON_SUCCESS" category="text-color">#ff0e7c3a</color>
<color name="COLOR_TEXT_WARNING" category="text-color">#ff8d3118</color>
<color name="COLOR_TEXT_LINK_DESTRUCTIVE_STRONGEST" category="text-color">#ff310c0c</color>
<color name="COLOR_TEXT_ICON_NEUTRAL" category="text-color">#ff001489</color>
<color name="COLOR_TEXT_ICON_NOTIFICATION" category="text-color">#ffeb5656</color>
<color name="COLOR_TEXT_NEW" category="text-color">#ff6d2ed1</color>
<color name="COLOR_TEXT_ICON_ERROR" category="text-color">#ffd61f1f</color>
<color name="COLOR_TEXT_INVERSE_WEAK" category="text-color">#ffcacdd8</color>
<color name="COLOR_TEXT_ICON_AVAILABLE" category="text-color">#ff0e7c3a</color>
<color name="COLOR_TEXT_LINK_DESTRUCTIVE_STRONGER" category="text-color">#ff4a0b0b</color>
<color name="COLOR_TEXT_ICON_BRAND_INVERSE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_DESTRUCTIVE" category="text-color">#ffd61f1f</color>
<color name="COLOR_TEXT_PRIMARY" category="text-color">#ff0263e0</color>
<color name="COLOR_TEXT_SUCCESS" category="text-color">#ff0e7c3a</color>
<color name="COLOR_TEXT_INVERSE_NEW" category="text-color">#ffc8aff0</color>
<color name="COLOR_TEXT_DESTRUCTIVE_STRONGEST" category="text-color">#ff310c0c</color>
<color name="COLOR_TEXT_WEAK" category="text-color">#ff606b85</color>
<color name="COLOR_TEXT_PRIMARY_STRONGEST" category="text-color">#ff06033a</color>
<color name="COLOR_TEXT_ICON" category="text-color">#ff606b85</color>
<color name="COLOR_TEXT_LINK" category="text-color">#ff0263e0</color>
<color name="COLOR_TEXT_ICON_BRAND_HIGHLIGHT" category="text-color">#fff22f46</color>
<color name="COLOR_TEXT_NEUTRAL" category="text-color">#ff001489</color>
<color name="COLOR_TEXT_BRAND" category="text-color">#ff121c2d</color>
<color name="COLOR_TEXT_LINK_STRONGEST" category="text-color">#ff06033a</color>
<color name="COLOR_TEXT_ERROR" category="text-color">#ffd61f1f</color>
<color name="COLOR_TEXT_ICON_INVERSE" category="text-color">#ff8891aa</color>
<color name="COLOR_TEXT_ERROR_STRONG" category="text-color">#ffad1111</color>
<color name="COLOR_TEXT_ICON_UNAVAILABLE" category="text-color">#ffd61f1f</color>
<color name="COLOR_TEXT_ERROR_WEAK" category="text-color">#ffeb5656</color>
<color name="COLOR_TEXT_DECORATIVE_40" category="text-color">#ff6d2ed1</color>
<color name="COLOR_TEXT_LINK_STRONG" category="text-color">#ff001489</color>
<color name="COLOR_TEXT_BRAND_INVERSE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_ERROR_STRONGEST" category="text-color">#ff310c0c</color>
<color name="COLOR_TEXT_DECORATIVE_30" category="text-color">#ff0e7c3a</color>
<color name="COLOR_TEXT_LINK_WEAK" category="text-color">#ff99cdff</color>
<color name="COLOR_TEXT_DECORATIVE_20" category="text-color">#ff001489</color>
<color name="COLOR_TEXT_DECORATIVE_10" category="text-color">#ff606b85</color>
<color name="COLOR_TEXT" category="text-color">#ff121c2d</color>
<color name="COLOR_TEXT_ICON_BUSY" category="text-color">#ffe36a19</color>
<color name="COLOR_TEXT_WEAKEST" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_BRAND_HIGHLIGHT" category="text-color">#fff22f46</color>
<color name="COLOR_TEXT_DESTRUCTIVE_STRONG" category="text-color">#ffad1111</color>
<color name="COLOR_TEXT_INVERSE_WEAKER" category="text-color">#ff8891aa</color>
<color name="COLOR_TEXT_PRIMARY_STRONG" category="text-color">#ff001489</color>
<color name="COLOR_TEXT_PRIMARY_WEAK" category="text-color">#ff99cdff</color>
<color name="COLOR_TEXT_DESTRUCTIVE_WEAK" category="text-color">#fff6b1b1</color>
<color name="COLOR_TEXT_INVERSE" category="text-color">#ffffffff</color>
<color name="COLOR_TEXT_INVERSE_WEAKEST" category="text-color">#ff4b5671</color>
<color name="COLOR_TEXT_WEAKER" category="text-color">#ff8e96ae</color>
<color name="COLOR_TEXT_WARNING_STRONG" category="text-color">#ff8d3118</color>
<color name="COLOR_TEXT_ICON_WARNING" category="text-color">#ffe36a19</color>
<color name="COLOR_TEXT_ERROR_STRONGER" category="text-color">#ff4a0b0b</color>
<color name="COLOR_TEXT_LINK_DESTRUCTIVE_STRONG" category="text-color">#ffad1111</color>
<property name="Z_INDEX_0" category="z-index">0</property>
<property name="Z_INDEX_90" category="z-index">90</property>
<property name="Z_INDEX_80" category="z-index">80</property>
<property name="Z_INDEX_70" category="z-index">70</property>
<property name="Z_INDEX_60" category="z-index">60</property>
<property name="Z_INDEX_50" category="z-index">50</property>
<property name="Z_INDEX_40" category="z-index">40</property>
<property name="Z_INDEX_30" category="z-index">30</property>
<property name="Z_INDEX_20" category="z-index">20</property>
<property name="Z_INDEX_10" category="z-index">10</property>
<string name="COLOR_SCHEME" category="color-scheme">light</string>
</resources>