Токены дизайна

Обзор

Этот справочник создан на основе тех же определений токенов, что и таблицы стилей темы Twenty UI. Пути токенов соответствуют записям в themeCssVariables и useTheme(); имена переменных CSS можно использовать непосредственно в таблицах стилей.

Для поверхностей приложения и текста предпочтительно используйте семантические токены, такие как background.primary и font.color.primary.
Числовые токены не имеют единиц измерения в CSS. При необходимости умножайте их на длину, например calc(var(--t-icon-size-md) * 1px). В подключённом ThemeProvider с загруженной таблицей стилей темы useTheme() преобразует их в числа JavaScript; без провайдера он возвращает ссылки на переменные CSS.
Значения, содержащие var(...) или calc(...), являются выражениями CSS, а не предварительно вычисленными размерами.
Приведённые ниже значения являются значениями базовой таблицы стилей. Переопределения темы и поддерживаемое оформление сквирклов могут изменять вычисленные значения. Оформление сквирклов удваивает выбранные токены радиуса; явные токены round и pill сохраняют свои базовые радиусы.

accent

Token path	CSS variable	Light	Dark
accent.accent1	—t-accent-accent1	color(display-p3 0.992 0.992 0.996)	color(display-p3 0.068 0.074 0.118)
accent.accent2	—t-accent-accent2	color(display-p3 0.971 0.977 0.998)	color(display-p3 0.081 0.089 0.144)
accent.accent3	—t-accent-accent3	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)
accent.accent4	—t-accent-accent4	color(display-p3 0.885 0.914 1)	color(display-p3 0.129 0.18 0.369)
accent.accent5	—t-accent-accent5	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
accent.accent6	—t-accent-accent6	color(display-p3 0.767 0.814 0.995)	color(display-p3 0.203 0.262 0.5)
accent.accent7	—t-accent-accent7	color(display-p3 0.685 0.74 0.957)	color(display-p3 0.245 0.309 0.575)
accent.accent8	—t-accent-accent8	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
accent.accent9	—t-accent-accent9	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
accent.accent10	—t-accent-accent10	color(display-p3 0.234 0.343 0.801)	color(display-p3 0.354 0.445 0.866)
accent.accent11	—t-accent-accent11	color(display-p3 0.256 0.354 0.755)	color(display-p3 0.63 0.69 1)
accent.accent12	—t-accent-accent12	color(display-p3 0.133 0.175 0.348)	color(display-p3 0.848 0.881 0.99)
accent.accent3570	—t-accent-accent3570	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
accent.accent4060	—t-accent-accent4060	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
accent.primary	—t-accent-primary	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
accent.quaternary	—t-accent-quaternary	color(display-p3 0.971 0.977 0.998)	color(display-p3 0.081 0.089 0.144)
accent.secondary	—t-accent-secondary	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
accent.tertiary	—t-accent-tertiary	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)

animation

Token path	CSS variable	Light	Dark	Numeric
animation.duration.fast	—t-animation-duration-fast	0.15	0.15	Yes
animation.duration.instant	—t-animation-duration-instant	0.075	0.075	Yes
animation.duration.normal	—t-animation-duration-normal	0.3	0.3	Yes
animation.duration.slow	—t-animation-duration-slow	1.5	1.5	Yes

background

Token path	CSS variable	Light	Dark
background.danger	—t-background-danger	color(display-p3 0.985 0.925 0.925)	color(display-p3 0.211 0.081 0.099)
background.invertedPrimary	—t-background-inverted-primary	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
background.invertedSecondary	—t-background-inverted-secondary	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
background.noisy	—t-background-noisy	url(data:image/png;base64,…)	url(data:image/jpeg;base64,…)
background.overlayPrimary	—t-background-overlay-primary	color(display-p3 0 0 0 / 0.722)	#000000b8
background.overlaySecondary	—t-background-overlay-secondary	color(display-p3 0 0 0 / 0.361)	#0000005c
background.overlayTertiary	—t-background-overlay-tertiary	color(display-p3 0 0 0 / 0.071)	#0000005c
background.primary	—t-background-primary	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
background.primaryInverted	—t-background-primary-inverted	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
background.primaryInvertedHover	—t-background-primary-inverted-hover	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
background.quaternary	—t-background-quaternary	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
background.radialGradient	—t-background-radial-gradient	radial-gradient(50% 62.62% at 50% 0%, color(display-p3 0.6 0.6 0.6) 0%, color(display-p3 0.514 0.514 0.514) 100%)	radial-gradient(50% 62.62% at 50% 0%, color(display-p3 0.506 0.506 0.506) 0%, color(display-p3 0.482 0.482 0.482) 100%)
background.radialGradientHover	—t-background-radial-gradient-hover	radial-gradient(76.32% 95.59% at 50% 0%, color(display-p3 0.514 0.514 0.514) 0%, color(display-p3 0.4 0.4 0.4) 100%)	radial-gradient(76.32% 95.59% at 50% 0%, color(display-p3 0.482 0.482 0.482) 0%, color(display-p3 0.702 0.702 0.702) 100%)
background.secondary	—t-background-secondary	color(display-p3 0.988 0.988 0.988)	color(display-p3 0.106 0.106 0.106)
background.tertiary	—t-background-tertiary	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
background.transparent.blue	—t-background-transparent-blue	#0047f112	#3566ff57
background.transparent.danger	—t-background-transparent-danger	#f3000d14	#ff173f2d
background.transparent.light	—t-background-transparent-light	color(display-p3 0 0 0 / 0.039)	color(display-p3 1 1 1 / 0.059)
background.transparent.lighter	—t-background-transparent-lighter	color(display-p3 0 0 0 / 0.02)	color(display-p3 1 1 1 / 0.031)
background.transparent.medium	—t-background-transparent-medium	color(display-p3 0 0 0 / 0.078)	color(display-p3 1 1 1 / 0.102)
background.transparent.orange	—t-background-transparent-orange	#ff9c0029	#ff590039
background.transparent.primary	—t-background-transparent-primary	color(display-p3 1 1 1 / 0.5)	color(display-p3 0 0 0 / 0.5)
background.transparent.secondary	—t-background-transparent-secondary	color(display-p3 1 1 1 / 0.4)	color(display-p3 0 0 0 / 0.4)
background.transparent.strong	—t-background-transparent-strong	color(display-p3 0 0 0 / 0.161)	color(display-p3 1 1 1 / 0.141)
background.transparent.success	—t-background-transparent-success	#00a43319	#11ff992d

betweenSiblingsGap

Token path	CSS variable	Light	Dark	Numeric
betweenSiblingsGap	—t-between-siblings-gap	2px	2px

blur

Token path	CSS variable	Light	Dark
blur.light	—t-blur-light	blur(6px) saturate(200%) contrast(50%) brightness(130%)	blur(6px) saturate(200%) contrast(100%) brightness(130%)
blur.medium	—t-blur-medium	blur(12px) saturate(200%) contrast(50%) brightness(130%)	blur(12px) saturate(200%) contrast(100%) brightness(130%)
blur.strong	—t-blur-strong	blur(20px) saturate(200%) contrast(50%) brightness(130%)	blur(20px) saturate(200%) contrast(100%) brightness(130%)

border

Token path	CSS variable	Light	Dark
border.color.blue	—t-border-color-blue	color(display-p3 0.685 0.74 0.957)	color(display-p3 0.245 0.309 0.575)
border.color.danger	—t-border-color-danger	color(display-p3 0.984 0.812 0.811)	color(display-p3 0.348 0.11 0.142)
border.color.inverted	—t-border-color-inverted	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
border.color.light	—t-border-color-light	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
border.color.medium	—t-border-color-medium	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
border.color.secondaryInverted	—t-border-color-secondary-inverted	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
border.color.strong	—t-border-color-strong	color(display-p3 0.839 0.839 0.839)	color(display-p3 0.282 0.282 0.282)
border.color.transparentStrong	—t-border-color-transparent-strong	color(display-p3 0 0 0 / 0.071)	color(display-p3 1 1 1 / 0.071)
border.radius.lg	—t-border-radius-lg	16px	16px
border.radius.lgRound	—t-border-radius-lg-round	12px	12px
border.radius.md	—t-border-radius-md	8px	8px
border.radius.mdRound	—t-border-radius-md-round	8px	8px
border.radius.pill	—t-border-radius-pill	999px	999px
border.radius.rounded	—t-border-radius-rounded	100%	100%
border.radius.sm	—t-border-radius-sm	4px	4px
border.radius.smRound	—t-border-radius-sm-round	4px	4px
border.radius.xl	—t-border-radius-xl	20px	20px
border.radius.xs	—t-border-radius-xs	2px	2px
border.radius.xxl	—t-border-radius-xxl	40px	40px

boxShadow

Token path	CSS variable	Light	Dark
boxShadow.bottomPanel	—t-box-shadow-bottom-panel	0px 0px 20px 0px color(display-p3 0 0 0 / 0.1)	0px 0px 20px 0px rgba(0, 0, 0, 0.1)
boxShadow.color	—t-box-shadow-color	color(display-p3 0 0 0 / 0.039)	rgba(0, 0, 0, 0.6)
boxShadow.light	—t-box-shadow-light	0px 2px 4px 0px color(display-p3 0 0 0 / 0.039), 0px 0px 4px 0px color(display-p3 0 0 0 / 0.078)	0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 4px 0px rgba(0, 0, 0, 0.08)
boxShadow.sidebar	—t-box-shadow-sidebar	-4px 4px 4px 0px rgba(0, 0, 0, 0.005)	-4px 4px 4px 0px rgba(0, 0, 0, 0.03)
boxShadow.strong	—t-box-shadow-strong	2px 4px 16px 0px color(display-p3 0 0 0 / 0.161), 0px 2px 4px 0px color(display-p3 0 0 0 / 0.078)	2px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.08)
boxShadow.superHeavy	—t-box-shadow-super-heavy	0px 0px 8px 0px color(display-p3 0 0 0 / 0.161), 0px 8px 64px -16px color(display-p3 0 0 0 / 0.478), 0px 24px 56px -16px color(display-p3 0 0 0 / 0.078)	2px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.04)
boxShadow.underline	—t-box-shadow-underline	0px 1px 0px 0px color(display-p3 0 0 0 / 0.361)	0px 1px 0px 0px rgba(0, 0, 0, 0.32)

buttons

Token path	CSS variable	Light	Dark	Numeric
buttons.secondaryTextColor	—t-buttons-secondary-text-color	color(display-p3 0.63 0.69 1)	color(display-p3 0.63 0.69 1)

clickableElementBackgroundTransition

Token path	CSS variable	Light	Dark	Numeric
clickableElementBackgroundTransition	—t-clickable-element-background-transition	background 0.1s ease	background 0.1s ease

code

Token path	CSS variable	Light	Dark
code.font.family	—t-code-font-family	DM Mono	DM Mono
code.text.gray	—t-code-text-gray	color(display-p3 0.514 0.514 0.514)	color(display-p3 0.482 0.482 0.482)
code.text.green	—t-code-text-green	color(display-p3 0.585 0.707 0.378)	color(display-p3 0.365 0.456 0.25)
code.text.orange	—t-code-text-orange	color(display-p3 0.877 0.597 0.379)	color(display-p3 0.601 0.359 0.201)
code.text.pink	—t-code-text-pink	color(display-p3 0.748 0.27 0.581)	color(display-p3 0.808 0.356 0.645)
code.text.sky	—t-code-text-sky	color(display-p3 0.555 0.845 0.959)	color(display-p3 0.718 0.925 0.991)

color

Token path	CSS variable	Light	Dark
color.amber	—t-color-amber	color(display-p3 1 0.77 0.26)	color(display-p3 1 0.77 0.26)
color.amber1	—t-color-amber1	color(display-p3 0.995 0.992 0.985)	color(display-p3 0.082 0.07 0.05)
color.amber2	—t-color-amber2	color(display-p3 0.994 0.986 0.921)	color(display-p3 0.111 0.094 0.064)
color.amber3	—t-color-amber3	color(display-p3 0.994 0.969 0.782)	color(display-p3 0.178 0.128 0.049)
color.amber4	—t-color-amber4	color(display-p3 0.989 0.937 0.65)	color(display-p3 0.239 0.156 0)
color.amber5	—t-color-amber5	color(display-p3 0.97 0.902 0.527)	color(display-p3 0.29 0.193 0)
color.amber6	—t-color-amber6	color(display-p3 0.936 0.844 0.506)	color(display-p3 0.344 0.245 0.076)
color.amber7	—t-color-amber7	color(display-p3 0.89 0.762 0.443)	color(display-p3 0.422 0.314 0.141)
color.amber8	—t-color-amber8	color(display-p3 0.85 0.65 0.3)	color(display-p3 0.535 0.399 0.189)
color.amber9	—t-color-amber9	color(display-p3 1 0.77 0.26)	color(display-p3 1 0.77 0.26)
color.amber10	—t-color-amber10	color(display-p3 0.959 0.741 0.274)	color(display-p3 1 0.87 0.15)
color.amber11	—t-color-amber11	color(display-p3 0.64 0.4 0)	color(display-p3 1 0.8 0.29)
color.amber12	—t-color-amber12	color(display-p3 0.294 0.208 0.145)	color(display-p3 0.984 0.909 0.726)
color.blue	—t-color-blue	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
color.blue1	—t-color-blue1	color(display-p3 0.992 0.992 0.996)	color(display-p3 0.068 0.074 0.118)
color.blue2	—t-color-blue2	color(display-p3 0.971 0.977 0.998)	color(display-p3 0.081 0.089 0.144)
color.blue3	—t-color-blue3	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)
color.blue4	—t-color-blue4	color(display-p3 0.885 0.914 1)	color(display-p3 0.129 0.18 0.369)
color.blue5	—t-color-blue5	color(display-p3 0.831 0.87 1)	color(display-p3 0.163 0.22 0.439)
color.blue6	—t-color-blue6	color(display-p3 0.767 0.814 0.995)	color(display-p3 0.203 0.262 0.5)
color.blue7	—t-color-blue7	color(display-p3 0.685 0.74 0.957)	color(display-p3 0.245 0.309 0.575)
color.blue8	—t-color-blue8	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.285 0.362 0.674)
color.blue9	—t-color-blue9	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
color.blue10	—t-color-blue10	color(display-p3 0.234 0.343 0.801)	color(display-p3 0.354 0.445 0.866)
color.blue11	—t-color-blue11	color(display-p3 0.256 0.354 0.755)	color(display-p3 0.63 0.69 1)
color.blue12	—t-color-blue12	color(display-p3 0.133 0.175 0.348)	color(display-p3 0.848 0.881 0.99)
color.bronze	—t-color-bronze	color(display-p3 0.611 0.507 0.455)	color(display-p3 0.611 0.507 0.455)
color.bronze1	—t-color-bronze1	color(display-p3 0.991 0.988 0.988)	color(display-p3 0.076 0.067 0.063)
color.bronze2	—t-color-bronze2	color(display-p3 0.989 0.97 0.961)	color(display-p3 0.106 0.097 0.093)
color.bronze3	—t-color-bronze3	color(display-p3 0.958 0.932 0.919)	color(display-p3 0.147 0.132 0.125)
color.bronze4	—t-color-bronze4	color(display-p3 0.929 0.894 0.877)	color(display-p3 0.185 0.166 0.156)
color.bronze5	—t-color-bronze5	color(display-p3 0.898 0.853 0.832)	color(display-p3 0.227 0.202 0.19)
color.bronze6	—t-color-bronze6	color(display-p3 0.861 0.805 0.778)	color(display-p3 0.278 0.246 0.23)
color.bronze7	—t-color-bronze7	color(display-p3 0.812 0.739 0.706)	color(display-p3 0.343 0.302 0.281)
color.bronze8	—t-color-bronze8	color(display-p3 0.741 0.647 0.606)	color(display-p3 0.426 0.374 0.347)
color.bronze9	—t-color-bronze9	color(display-p3 0.611 0.507 0.455)	color(display-p3 0.611 0.507 0.455)
color.bronze10	—t-color-bronze10	color(display-p3 0.563 0.461 0.414)	color(display-p3 0.66 0.556 0.504)
color.bronze11	—t-color-bronze11	color(display-p3 0.471 0.373 0.336)	color(display-p3 0.81 0.707 0.655)
color.bronze12	—t-color-bronze12	color(display-p3 0.251 0.191 0.172)	color(display-p3 0.921 0.88 0.854)
color.brown	—t-color-brown	color(display-p3 0.651 0.505 0.368)	color(display-p3 0.651 0.505 0.368)
color.brown1	—t-color-brown1	color(display-p3 0.995 0.992 0.989)	color(display-p3 0.071 0.067 0.059)
color.brown2	—t-color-brown2	color(display-p3 0.987 0.976 0.964)	color(display-p3 0.107 0.095 0.087)
color.brown3	—t-color-brown3	color(display-p3 0.959 0.936 0.909)	color(display-p3 0.151 0.13 0.115)
color.brown4	—t-color-brown4	color(display-p3 0.934 0.897 0.855)	color(display-p3 0.191 0.161 0.138)
color.brown5	—t-color-brown5	color(display-p3 0.909 0.856 0.798)	color(display-p3 0.235 0.194 0.162)
color.brown6	—t-color-brown6	color(display-p3 0.88 0.808 0.73)	color(display-p3 0.291 0.237 0.192)
color.brown7	—t-color-brown7	color(display-p3 0.841 0.742 0.639)	color(display-p3 0.365 0.295 0.232)
color.brown8	—t-color-brown8	color(display-p3 0.782 0.647 0.514)	color(display-p3 0.469 0.377 0.287)
color.brown9	—t-color-brown9	color(display-p3 0.651 0.505 0.368)	color(display-p3 0.651 0.505 0.368)
color.brown10	—t-color-brown10	color(display-p3 0.601 0.465 0.344)	color(display-p3 0.697 0.557 0.423)
color.brown11	—t-color-brown11	color(display-p3 0.485 0.374 0.288)	color(display-p3 0.835 0.715 0.597)
color.brown12	—t-color-brown12	color(display-p3 0.236 0.202 0.183)	color(display-p3 0.938 0.885 0.802)
color.crimson	—t-color-crimson	color(display-p3 0.843 0.298 0.507)	color(display-p3 0.843 0.298 0.507)
color.crimson1	—t-color-crimson1	color(display-p3 0.998 0.989 0.992)	color(display-p3 0.093 0.068 0.078)
color.crimson2	—t-color-crimson2	color(display-p3 0.991 0.969 0.976)	color(display-p3 0.117 0.078 0.095)
color.crimson3	—t-color-crimson3	color(display-p3 0.987 0.917 0.941)	color(display-p3 0.203 0.091 0.143)
color.crimson4	—t-color-crimson4	color(display-p3 0.975 0.866 0.904)	color(display-p3 0.277 0.087 0.182)
color.crimson5	—t-color-crimson5	color(display-p3 0.953 0.813 0.864)	color(display-p3 0.332 0.115 0.22)
color.crimson6	—t-color-crimson6	color(display-p3 0.921 0.755 0.817)	color(display-p3 0.394 0.162 0.268)
color.crimson7	—t-color-crimson7	color(display-p3 0.88 0.683 0.761)	color(display-p3 0.489 0.222 0.336)
color.crimson8	—t-color-crimson8	color(display-p3 0.834 0.592 0.694)	color(display-p3 0.638 0.289 0.429)
color.crimson9	—t-color-crimson9	color(display-p3 0.843 0.298 0.507)	color(display-p3 0.843 0.298 0.507)
color.crimson10	—t-color-crimson10	color(display-p3 0.807 0.266 0.468)	color(display-p3 0.864 0.364 0.539)
color.crimson11	—t-color-crimson11	color(display-p3 0.731 0.195 0.388)	color(display-p3 1 0.56 0.66)
color.crimson12	—t-color-crimson12	color(display-p3 0.352 0.111 0.221)	color(display-p3 0.966 0.834 0.906)
color.cyan	—t-color-cyan	color(display-p3 0.282 0.627 0.765)	color(display-p3 0.282 0.627 0.765)
color.cyan1	—t-color-cyan1	color(display-p3 0.982 0.992 0.996)	color(display-p3 0.053 0.085 0.098)
color.cyan2	—t-color-cyan2	color(display-p3 0.955 0.981 0.984)	color(display-p3 0.072 0.105 0.122)
color.cyan3	—t-color-cyan3	color(display-p3 0.888 0.965 0.975)	color(display-p3 0.073 0.168 0.209)
color.cyan4	—t-color-cyan4	color(display-p3 0.821 0.941 0.959)	color(display-p3 0.063 0.216 0.277)
color.cyan5	—t-color-cyan5	color(display-p3 0.751 0.907 0.935)	color(display-p3 0.091 0.267 0.336)
color.cyan6	—t-color-cyan6	color(display-p3 0.671 0.862 0.9)	color(display-p3 0.137 0.324 0.4)
color.cyan7	—t-color-cyan7	color(display-p3 0.564 0.8 0.854)	color(display-p3 0.186 0.398 0.484)
color.cyan8	—t-color-cyan8	color(display-p3 0.388 0.715 0.798)	color(display-p3 0.23 0.496 0.6)
color.cyan9	—t-color-cyan9	color(display-p3 0.282 0.627 0.765)	color(display-p3 0.282 0.627 0.765)
color.cyan10	—t-color-cyan10	color(display-p3 0.264 0.583 0.71)	color(display-p3 0.331 0.675 0.801)
color.cyan11	—t-color-cyan11	color(display-p3 0.08 0.48 0.63)	color(display-p3 0.446 0.79 0.887)
color.cyan12	—t-color-cyan12	color(display-p3 0.108 0.232 0.277)	color(display-p3 0.757 0.919 0.962)
color.gold	—t-color-gold	color(display-p3 0.579 0.517 0.41)	color(display-p3 0.579 0.517 0.41)
color.gold1	—t-color-gold1	color(display-p3 0.992 0.992 0.989)	color(display-p3 0.071 0.071 0.067)
color.gold2	—t-color-gold2	color(display-p3 0.98 0.976 0.953)	color(display-p3 0.104 0.101 0.09)
color.gold3	—t-color-gold3	color(display-p3 0.947 0.94 0.909)	color(display-p3 0.141 0.136 0.122)
color.gold4	—t-color-gold4	color(display-p3 0.914 0.904 0.865)	color(display-p3 0.177 0.17 0.152)
color.gold5	—t-color-gold5	color(display-p3 0.88 0.865 0.816)	color(display-p3 0.217 0.207 0.185)
color.gold6	—t-color-gold6	color(display-p3 0.84 0.818 0.756)	color(display-p3 0.265 0.252 0.225)
color.gold7	—t-color-gold7	color(display-p3 0.788 0.753 0.677)	color(display-p3 0.327 0.31 0.277)
color.gold8	—t-color-gold8	color(display-p3 0.715 0.66 0.565)	color(display-p3 0.407 0.384 0.342)
color.gold9	—t-color-gold9	color(display-p3 0.579 0.517 0.41)	color(display-p3 0.579 0.517 0.41)
color.gold10	—t-color-gold10	color(display-p3 0.538 0.479 0.38)	color(display-p3 0.628 0.566 0.463)
color.gold11	—t-color-gold11	color(display-p3 0.433 0.386 0.305)	color(display-p3 0.784 0.728 0.635)
color.gold12	—t-color-gold12	color(display-p3 0.227 0.209 0.173)	color(display-p3 0.906 0.887 0.855)
color.grass	—t-color-grass	color(display-p3 0.38 0.647 0.378)	color(display-p3 0.38 0.647 0.378)
color.grass1	—t-color-grass1	color(display-p3 0.986 0.996 0.985)	color(display-p3 0.062 0.083 0.067)
color.grass2	—t-color-grass2	color(display-p3 0.966 0.983 0.964)	color(display-p3 0.083 0.103 0.085)
color.grass3	—t-color-grass3	color(display-p3 0.923 0.965 0.917)	color(display-p3 0.118 0.163 0.122)
color.grass4	—t-color-grass4	color(display-p3 0.872 0.94 0.865)	color(display-p3 0.142 0.225 0.15)
color.grass5	—t-color-grass5	color(display-p3 0.811 0.908 0.802)	color(display-p3 0.178 0.279 0.186)
color.grass6	—t-color-grass6	color(display-p3 0.733 0.864 0.724)	color(display-p3 0.217 0.337 0.224)
color.grass7	—t-color-grass7	color(display-p3 0.628 0.803 0.622)	color(display-p3 0.258 0.4 0.264)
color.grass8	—t-color-grass8	color(display-p3 0.477 0.72 0.482)	color(display-p3 0.302 0.47 0.305)
color.grass9	—t-color-grass9	color(display-p3 0.38 0.647 0.378)	color(display-p3 0.38 0.647 0.378)
color.grass10	—t-color-grass10	color(display-p3 0.344 0.598 0.342)	color(display-p3 0.426 0.694 0.426)
color.grass11	—t-color-grass11	color(display-p3 0.263 0.488 0.261)	color(display-p3 0.535 0.807 0.542)
color.grass12	—t-color-grass12	color(display-p3 0.151 0.233 0.153)	color(display-p3 0.797 0.936 0.776)
color.gray	—t-color-gray	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.298 0.298 0.298)
color.gray1	—t-color-gray1	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
color.gray2	—t-color-gray2	color(display-p3 0.988 0.988 0.988)	color(display-p3 0.106 0.106 0.106)
color.gray3	—t-color-gray3	color(display-p3 0.976 0.976 0.976)	color(display-p3 0.098 0.098 0.098)
color.gray4	—t-color-gray4	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
color.gray5	—t-color-gray5	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
color.gray6	—t-color-gray6	color(display-p3 0.839 0.839 0.839)	color(display-p3 0.282 0.282 0.282)
color.gray7	—t-color-gray7	color(display-p3 0.8 0.8 0.8)	color(display-p3 0.298 0.298 0.298)
color.gray8	—t-color-gray8	color(display-p3 0.702 0.702 0.702)	color(display-p3 0.4 0.4 0.4)
color.gray9	—t-color-gray9	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.506 0.506 0.506)
color.gray10	—t-color-gray10	color(display-p3 0.514 0.514 0.514)	color(display-p3 0.482 0.482 0.482)
color.gray11	—t-color-gray11	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
color.gray12	—t-color-gray12	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
color.green	—t-color-green	color(display-p3 0.332 0.634 0.442)	color(display-p3 0.332 0.634 0.442)
color.green1	—t-color-green1	color(display-p3 0.986 0.996 0.989)	color(display-p3 0.062 0.083 0.071)
color.green2	—t-color-green2	color(display-p3 0.963 0.983 0.967)	color(display-p3 0.079 0.106 0.09)
color.green3	—t-color-green3	color(display-p3 0.913 0.964 0.925)	color(display-p3 0.1 0.173 0.133)
color.green4	—t-color-green4	color(display-p3 0.859 0.94 0.879)	color(display-p3 0.115 0.229 0.166)
color.green5	—t-color-green5	color(display-p3 0.796 0.907 0.826)	color(display-p3 0.147 0.282 0.206)
color.green6	—t-color-green6	color(display-p3 0.718 0.863 0.761)	color(display-p3 0.185 0.338 0.25)
color.green7	—t-color-green7	color(display-p3 0.61 0.801 0.675)	color(display-p3 0.227 0.403 0.298)
color.green8	—t-color-green8	color(display-p3 0.451 0.715 0.559)	color(display-p3 0.27 0.479 0.351)
color.green9	—t-color-green9	color(display-p3 0.332 0.634 0.442)	color(display-p3 0.332 0.634 0.442)
color.green10	—t-color-green10	color(display-p3 0.308 0.595 0.417)	color(display-p3 0.357 0.682 0.474)
color.green11	—t-color-green11	color(display-p3 0.19 0.5 0.32)	color(display-p3 0.434 0.828 0.573)
color.green12	—t-color-green12	color(display-p3 0.132 0.228 0.18)	color(display-p3 0.747 0.938 0.807)
color.iris	—t-color-iris	color(display-p3 0.357 0.357 0.81)	color(display-p3 0.357 0.357 0.81)
color.iris1	—t-color-iris1	color(display-p3 0.992 0.992 0.999)	color(display-p3 0.075 0.075 0.114)
color.iris2	—t-color-iris2	color(display-p3 0.972 0.973 0.998)	color(display-p3 0.089 0.086 0.14)
color.iris3	—t-color-iris3	color(display-p3 0.943 0.945 0.992)	color(display-p3 0.128 0.134 0.272)
color.iris4	—t-color-iris4	color(display-p3 0.902 0.906 1)	color(display-p3 0.153 0.165 0.382)
color.iris5	—t-color-iris5	color(display-p3 0.857 0.861 1)	color(display-p3 0.192 0.201 0.44)
color.iris6	—t-color-iris6	color(display-p3 0.799 0.805 0.987)	color(display-p3 0.239 0.241 0.491)
color.iris7	—t-color-iris7	color(display-p3 0.721 0.727 0.955)	color(display-p3 0.291 0.289 0.565)
color.iris8	—t-color-iris8	color(display-p3 0.61 0.619 0.918)	color(display-p3 0.35 0.345 0.673)
color.iris9	—t-color-iris9	color(display-p3 0.357 0.357 0.81)	color(display-p3 0.357 0.357 0.81)
color.iris10	—t-color-iris10	color(display-p3 0.318 0.318 0.774)	color(display-p3 0.428 0.416 0.843)
color.iris11	—t-color-iris11	color(display-p3 0.337 0.326 0.748)	color(display-p3 0.685 0.662 1)
color.iris12	—t-color-iris12	color(display-p3 0.154 0.161 0.371)	color(display-p3 0.878 0.875 0.986)
color.jade	—t-color-jade	color(display-p3 0.319 0.63 0.521)	color(display-p3 0.319 0.63 0.521)
color.jade1	—t-color-jade1	color(display-p3 0.986 0.996 0.992)	color(display-p3 0.059 0.083 0.071)
color.jade2	—t-color-jade2	color(display-p3 0.962 0.983 0.969)	color(display-p3 0.078 0.11 0.094)
color.jade3	—t-color-jade3	color(display-p3 0.912 0.965 0.932)	color(display-p3 0.091 0.176 0.138)
color.jade4	—t-color-jade4	color(display-p3 0.858 0.941 0.893)	color(display-p3 0.102 0.228 0.177)
color.jade5	—t-color-jade5	color(display-p3 0.795 0.909 0.847)	color(display-p3 0.133 0.279 0.221)
color.jade6	—t-color-jade6	color(display-p3 0.715 0.864 0.791)	color(display-p3 0.174 0.334 0.273)
color.jade7	—t-color-jade7	color(display-p3 0.603 0.802 0.718)	color(display-p3 0.219 0.402 0.335)
color.jade8	—t-color-jade8	color(display-p3 0.44 0.72 0.629)	color(display-p3 0.263 0.488 0.411)
color.jade9	—t-color-jade9	color(display-p3 0.319 0.63 0.521)	color(display-p3 0.319 0.63 0.521)
color.jade10	—t-color-jade10	color(display-p3 0.299 0.592 0.488)	color(display-p3 0.338 0.68 0.555)
color.jade11	—t-color-jade11	color(display-p3 0.15 0.5 0.37)	color(display-p3 0.4 0.835 0.656)
color.jade12	—t-color-jade12	color(display-p3 0.142 0.229 0.194)	color(display-p3 0.734 0.934 0.838)
color.lime	—t-color-lime	color(display-p3 0.78 0.928 0.466)	color(display-p3 0.78 0.928 0.466)
color.lime1	—t-color-lime1	color(display-p3 0.989 0.992 0.981)	color(display-p3 0.067 0.073 0.048)
color.lime2	—t-color-lime2	color(display-p3 0.975 0.98 0.954)	color(display-p3 0.086 0.1 0.067)
color.lime3	—t-color-lime3	color(display-p3 0.939 0.965 0.851)	color(display-p3 0.13 0.16 0.099)
color.lime4	—t-color-lime4	color(display-p3 0.896 0.94 0.76)	color(display-p3 0.172 0.214 0.126)
color.lime5	—t-color-lime5	color(display-p3 0.843 0.903 0.678)	color(display-p3 0.213 0.266 0.153)
color.lime6	—t-color-lime6	color(display-p3 0.778 0.852 0.599)	color(display-p3 0.257 0.321 0.182)
color.lime7	—t-color-lime7	color(display-p3 0.694 0.784 0.508)	color(display-p3 0.307 0.383 0.215)
color.lime8	—t-color-lime8	color(display-p3 0.585 0.707 0.378)	color(display-p3 0.365 0.456 0.25)
color.lime9	—t-color-lime9	color(display-p3 0.78 0.928 0.466)	color(display-p3 0.78 0.928 0.466)
color.lime10	—t-color-lime10	color(display-p3 0.734 0.896 0.397)	color(display-p3 0.865 0.995 0.519)
color.lime11	—t-color-lime11	color(display-p3 0.386 0.482 0.227)	color(display-p3 0.771 0.893 0.485)
color.lime12	—t-color-lime12	color(display-p3 0.222 0.25 0.128)	color(display-p3 0.905 0.966 0.753)
color.mauve1	—t-color-mauve1	color(display-p3 0.991 0.988 0.992)	color(display-p3 0.07 0.067 0.074)
color.mauve2	—t-color-mauve2	color(display-p3 0.98 0.976 0.984)	color(display-p3 0.101 0.098 0.105)
color.mauve3	—t-color-mauve3	color(display-p3 0.946 0.938 0.952)	color(display-p3 0.138 0.134 0.144)
color.mauve4	—t-color-mauve4	color(display-p3 0.915 0.906 0.925)	color(display-p3 0.167 0.161 0.175)
color.mauve5	—t-color-mauve5	color(display-p3 0.886 0.876 0.901)	color(display-p3 0.196 0.189 0.206)
color.mauve6	—t-color-mauve6	color(display-p3 0.856 0.846 0.875)	color(display-p3 0.232 0.225 0.245)
color.mauve7	—t-color-mauve7	color(display-p3 0.814 0.804 0.84)	color(display-p3 0.286 0.277 0.302)
color.mauve8	—t-color-mauve8	color(display-p3 0.735 0.728 0.777)	color(display-p3 0.383 0.373 0.408)
color.mauve9	—t-color-mauve9	color(display-p3 0.555 0.549 0.596)	color(display-p3 0.434 0.428 0.467)
color.mauve10	—t-color-mauve10	color(display-p3 0.514 0.508 0.552)	color(display-p3 0.487 0.48 0.519)
color.mauve11	—t-color-mauve11	color(display-p3 0.395 0.388 0.424)	color(display-p3 0.707 0.7 0.735)
color.mauve12	—t-color-mauve12	color(display-p3 0.128 0.122 0.147)	color(display-p3 0.933 0.933 0.94)
color.mint	—t-color-mint	color(display-p3 0.62 0.908 0.834)	color(display-p3 0.62 0.908 0.834)
color.mint1	—t-color-mint1	color(display-p3 0.98 0.995 0.992)	color(display-p3 0.059 0.082 0.081)
color.mint2	—t-color-mint2	color(display-p3 0.957 0.985 0.977)	color(display-p3 0.068 0.104 0.105)
color.mint3	—t-color-mint3	color(display-p3 0.888 0.972 0.95)	color(display-p3 0.077 0.17 0.168)
color.mint4	—t-color-mint4	color(display-p3 0.819 0.951 0.916)	color(display-p3 0.068 0.224 0.22)
color.mint5	—t-color-mint5	color(display-p3 0.747 0.918 0.873)	color(display-p3 0.104 0.275 0.264)
color.mint6	—t-color-mint6	color(display-p3 0.668 0.87 0.818)	color(display-p3 0.154 0.332 0.313)
color.mint7	—t-color-mint7	color(display-p3 0.567 0.805 0.744)	color(display-p3 0.207 0.403 0.373)
color.mint8	—t-color-mint8	color(display-p3 0.42 0.724 0.649)	color(display-p3 0.258 0.49 0.441)
color.mint9	—t-color-mint9	color(display-p3 0.62 0.908 0.834)	color(display-p3 0.62 0.908 0.834)
color.mint10	—t-color-mint10	color(display-p3 0.585 0.871 0.797)	color(display-p3 0.725 0.954 0.898)
color.mint11	—t-color-mint11	color(display-p3 0.203 0.463 0.397)	color(display-p3 0.482 0.825 0.733)
color.mint12	—t-color-mint12	color(display-p3 0.136 0.259 0.236)	color(display-p3 0.807 0.955 0.887)
color.olive1	—t-color-olive1	color(display-p3 0.989 0.992 0.989)	color(display-p3 0.067 0.07 0.063)
color.olive2	—t-color-olive2	color(display-p3 0.974 0.98 0.973)	color(display-p3 0.095 0.098 0.091)
color.olive3	—t-color-olive3	color(display-p3 0.939 0.945 0.937)	color(display-p3 0.131 0.135 0.126)
color.olive4	—t-color-olive4	color(display-p3 0.907 0.914 0.905)	color(display-p3 0.158 0.163 0.153)
color.olive5	—t-color-olive5	color(display-p3 0.878 0.885 0.875)	color(display-p3 0.186 0.192 0.18)
color.olive6	—t-color-olive6	color(display-p3 0.846 0.855 0.843)	color(display-p3 0.221 0.229 0.215)
color.olive7	—t-color-olive7	color(display-p3 0.803 0.812 0.8)	color(display-p3 0.273 0.284 0.266)
color.olive8	—t-color-olive8	color(display-p3 0.727 0.738 0.723)	color(display-p3 0.365 0.382 0.359)
color.olive9	—t-color-olive9	color(display-p3 0.541 0.556 0.532)	color(display-p3 0.414 0.438 0.404)
color.olive10	—t-color-olive10	color(display-p3 0.5 0.515 0.491)	color(display-p3 0.467 0.49 0.458)
color.olive11	—t-color-olive11	color(display-p3 0.38 0.395 0.374)	color(display-p3 0.69 0.709 0.682)
color.olive12	—t-color-olive12	color(display-p3 0.117 0.129 0.111)	color(display-p3 0.927 0.933 0.926)
color.orange	—t-color-orange	color(display-p3 0.9 0.45 0.2)	color(display-p3 0.9 0.45 0.2)
color.orange1	—t-color-orange1	color(display-p3 0.995 0.988 0.985)	color(display-p3 0.088 0.07 0.057)
color.orange2	—t-color-orange2	color(display-p3 0.994 0.968 0.934)	color(display-p3 0.113 0.089 0.061)
color.orange3	—t-color-orange3	color(display-p3 0.989 0.938 0.85)	color(display-p3 0.189 0.12 0.056)
color.orange4	—t-color-orange4	color(display-p3 1 0.874 0.687)	color(display-p3 0.262 0.132 0)
color.orange5	—t-color-orange5	color(display-p3 1 0.821 0.583)	color(display-p3 0.315 0.168 0.016)
color.orange6	—t-color-orange6	color(display-p3 0.975 0.767 0.545)	color(display-p3 0.376 0.219 0.088)
color.orange7	—t-color-orange7	color(display-p3 0.919 0.693 0.486)	color(display-p3 0.465 0.283 0.147)
color.orange8	—t-color-orange8	color(display-p3 0.877 0.597 0.379)	color(display-p3 0.601 0.359 0.201)
color.orange9	—t-color-orange9	color(display-p3 0.9 0.45 0.2)	color(display-p3 0.9 0.45 0.2)
color.orange10	—t-color-orange10	color(display-p3 0.87 0.409 0.164)	color(display-p3 0.98 0.51 0.23)
color.orange11	—t-color-orange11	color(display-p3 0.76 0.34 0)	color(display-p3 1 0.63 0.38)
color.orange12	—t-color-orange12	color(display-p3 0.323 0.185 0.127)	color(display-p3 0.98 0.883 0.775)
color.pink	—t-color-pink	color(display-p3 0.775 0.297 0.61)	color(display-p3 0.775 0.297 0.61)
color.pink1	—t-color-pink1	color(display-p3 0.998 0.989 0.996)	color(display-p3 0.093 0.068 0.089)
color.pink2	—t-color-pink2	color(display-p3 0.992 0.97 0.985)	color(display-p3 0.121 0.073 0.11)
color.pink3	—t-color-pink3	color(display-p3 0.981 0.917 0.96)	color(display-p3 0.198 0.098 0.179)
color.pink4	—t-color-pink4	color(display-p3 0.963 0.867 0.932)	color(display-p3 0.271 0.095 0.231)
color.pink5	—t-color-pink5	color(display-p3 0.939 0.815 0.899)	color(display-p3 0.32 0.127 0.273)
color.pink6	—t-color-pink6	color(display-p3 0.907 0.756 0.859)	color(display-p3 0.382 0.177 0.326)
color.pink7	—t-color-pink7	color(display-p3 0.869 0.683 0.81)	color(display-p3 0.477 0.238 0.405)
color.pink8	—t-color-pink8	color(display-p3 0.825 0.59 0.751)	color(display-p3 0.612 0.304 0.51)
color.pink9	—t-color-pink9	color(display-p3 0.775 0.297 0.61)	color(display-p3 0.775 0.297 0.61)
color.pink10	—t-color-pink10	color(display-p3 0.748 0.27 0.581)	color(display-p3 0.808 0.356 0.645)
color.pink11	—t-color-pink11	color(display-p3 0.698 0.219 0.528)	color(display-p3 1 0.535 0.78)
color.pink12	—t-color-pink12	color(display-p3 0.363 0.101 0.279)	color(display-p3 0.964 0.826 0.912)
color.plum	—t-color-plum	color(display-p3 0.624 0.313 0.708)	color(display-p3 0.624 0.313 0.708)
color.plum1	—t-color-plum1	color(display-p3 0.995 0.988 0.999)	color(display-p3 0.09 0.068 0.092)
color.plum2	—t-color-plum2	color(display-p3 0.988 0.971 0.99)	color(display-p3 0.118 0.077 0.121)
color.plum3	—t-color-plum3	color(display-p3 0.973 0.923 0.98)	color(display-p3 0.192 0.105 0.202)
color.plum4	—t-color-plum4	color(display-p3 0.953 0.875 0.966)	color(display-p3 0.25 0.121 0.271)
color.plum5	—t-color-plum5	color(display-p3 0.926 0.825 0.945)	color(display-p3 0.293 0.152 0.319)
color.plum6	—t-color-plum6	color(display-p3 0.89 0.765 0.916)	color(display-p3 0.343 0.198 0.372)
color.plum7	—t-color-plum7	color(display-p3 0.84 0.686 0.877)	color(display-p3 0.424 0.262 0.461)
color.plum8	—t-color-plum8	color(display-p3 0.775 0.58 0.832)	color(display-p3 0.54 0.341 0.595)
color.plum9	—t-color-plum9	color(display-p3 0.624 0.313 0.708)	color(display-p3 0.624 0.313 0.708)
color.plum10	—t-color-plum10	color(display-p3 0.587 0.29 0.667)	color(display-p3 0.666 0.365 0.748)
color.plum11	—t-color-plum11	color(display-p3 0.543 0.263 0.619)	color(display-p3 0.86 0.602 0.933)
color.plum12	—t-color-plum12	color(display-p3 0.299 0.114 0.352)	color(display-p3 0.936 0.836 0.949)
color.purple	—t-color-purple	color(display-p3 0.523 0.318 0.751)	color(display-p3 0.523 0.318 0.751)
color.purple1	—t-color-purple1	color(display-p3 0.995 0.988 0.996)	color(display-p3 0.09 0.068 0.103)
color.purple2	—t-color-purple2	color(display-p3 0.983 0.971 0.993)	color(display-p3 0.113 0.082 0.134)
color.purple3	—t-color-purple3	color(display-p3 0.963 0.931 0.989)	color(display-p3 0.175 0.112 0.224)
color.purple4	—t-color-purple4	color(display-p3 0.937 0.888 0.981)	color(display-p3 0.224 0.137 0.297)
color.purple5	—t-color-purple5	color(display-p3 0.904 0.837 0.966)	color(display-p3 0.264 0.167 0.349)
color.purple6	—t-color-purple6	color(display-p3 0.86 0.774 0.942)	color(display-p3 0.311 0.208 0.406)
color.purple7	—t-color-purple7	color(display-p3 0.799 0.69 0.91)	color(display-p3 0.381 0.266 0.496)
color.purple8	—t-color-purple8	color(display-p3 0.719 0.583 0.874)	color(display-p3 0.49 0.349 0.649)
color.purple9	—t-color-purple9	color(display-p3 0.523 0.318 0.751)	color(display-p3 0.523 0.318 0.751)
color.purple10	—t-color-purple10	color(display-p3 0.483 0.289 0.7)	color(display-p3 0.57 0.373 0.791)
color.purple11	—t-color-purple11	color(display-p3 0.473 0.281 0.687)	color(display-p3 0.8 0.62 1)
color.purple12	—t-color-purple12	color(display-p3 0.234 0.132 0.363)	color(display-p3 0.913 0.854 0.971)
color.red	—t-color-red	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
color.red1	—t-color-red1	color(display-p3 0.998 0.989 0.988)	color(display-p3 0.093 0.068 0.067)
color.red2	—t-color-red2	color(display-p3 0.995 0.971 0.971)	color(display-p3 0.118 0.077 0.079)
color.red3	—t-color-red3	color(display-p3 0.985 0.925 0.925)	color(display-p3 0.211 0.081 0.099)
color.red4	—t-color-red4	color(display-p3 0.999 0.866 0.866)	color(display-p3 0.287 0.079 0.113)
color.red5	—t-color-red5	color(display-p3 0.984 0.812 0.811)	color(display-p3 0.348 0.11 0.142)
color.red6	—t-color-red6	color(display-p3 0.955 0.751 0.749)	color(display-p3 0.414 0.16 0.183)
color.red7	—t-color-red7	color(display-p3 0.915 0.675 0.672)	color(display-p3 0.508 0.224 0.236)
color.red8	—t-color-red8	color(display-p3 0.872 0.575 0.572)	color(display-p3 0.659 0.298 0.297)
color.red9	—t-color-red9	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
color.red10	—t-color-red10	color(display-p3 0.798 0.294 0.285)	color(display-p3 0.861 0.403 0.387)
color.red11	—t-color-red11	color(display-p3 0.744 0.234 0.222)	color(display-p3 1 0.57 0.55)
color.red12	—t-color-red12	color(display-p3 0.36 0.115 0.143)	color(display-p3 0.971 0.826 0.852)
color.ruby	—t-color-ruby	color(display-p3 0.83 0.323 0.408)	color(display-p3 0.83 0.323 0.408)
color.ruby1	—t-color-ruby1	color(display-p3 0.998 0.989 0.992)	color(display-p3 0.093 0.068 0.074)
color.ruby2	—t-color-ruby2	color(display-p3 0.995 0.971 0.974)	color(display-p3 0.113 0.083 0.089)
color.ruby3	—t-color-ruby3	color(display-p3 0.983 0.92 0.928)	color(display-p3 0.208 0.088 0.117)
color.ruby4	—t-color-ruby4	color(display-p3 0.987 0.869 0.885)	color(display-p3 0.279 0.092 0.147)
color.ruby5	—t-color-ruby5	color(display-p3 0.968 0.817 0.839)	color(display-p3 0.337 0.12 0.18)
color.ruby6	—t-color-ruby6	color(display-p3 0.937 0.758 0.786)	color(display-p3 0.401 0.166 0.223)
color.ruby7	—t-color-ruby7	color(display-p3 0.897 0.685 0.721)	color(display-p3 0.495 0.224 0.281)
color.ruby8	—t-color-ruby8	color(display-p3 0.851 0.588 0.639)	color(display-p3 0.652 0.295 0.359)
color.ruby9	—t-color-ruby9	color(display-p3 0.83 0.323 0.408)	color(display-p3 0.83 0.323 0.408)
color.ruby10	—t-color-ruby10	color(display-p3 0.795 0.286 0.375)	color(display-p3 0.857 0.392 0.455)
color.ruby11	—t-color-ruby11	color(display-p3 0.728 0.211 0.311)	color(display-p3 1 0.57 0.59)
color.ruby12	—t-color-ruby12	color(display-p3 0.36 0.115 0.171)	color(display-p3 0.968 0.83 0.88)
color.sage1	—t-color-sage1	color(display-p3 0.986 0.992 0.988)	color(display-p3 0.064 0.07 0.067)
color.sage2	—t-color-sage2	color(display-p3 0.97 0.977 0.974)	color(display-p3 0.092 0.098 0.094)
color.sage3	—t-color-sage3	color(display-p3 0.935 0.944 0.94)	color(display-p3 0.128 0.135 0.131)
color.sage4	—t-color-sage4	color(display-p3 0.904 0.913 0.909)	color(display-p3 0.155 0.164 0.159)
color.sage5	—t-color-sage5	color(display-p3 0.875 0.885 0.88)	color(display-p3 0.183 0.193 0.188)
color.sage6	—t-color-sage6	color(display-p3 0.844 0.854 0.849)	color(display-p3 0.218 0.23 0.224)
color.sage7	—t-color-sage7	color(display-p3 0.8 0.811 0.806)	color(display-p3 0.269 0.285 0.277)
color.sage8	—t-color-sage8	color(display-p3 0.725 0.738 0.732)	color(display-p3 0.362 0.382 0.373)
color.sage9	—t-color-sage9	color(display-p3 0.531 0.556 0.546)	color(display-p3 0.398 0.438 0.421)
color.sage10	—t-color-sage10	color(display-p3 0.492 0.515 0.506)	color(display-p3 0.453 0.49 0.474)
color.sage11	—t-color-sage11	color(display-p3 0.377 0.395 0.389)	color(display-p3 0.685 0.709 0.697)
color.sage12	—t-color-sage12	color(display-p3 0.107 0.129 0.118)	color(display-p3 0.927 0.933 0.93)
color.sand1	—t-color-sand1	color(display-p3 0.992 0.992 0.989)	color(display-p3 0.067 0.067 0.063)
color.sand2	—t-color-sand2	color(display-p3 0.977 0.977 0.973)	color(display-p3 0.098 0.098 0.094)
color.sand3	—t-color-sand3	color(display-p3 0.943 0.942 0.936)	color(display-p3 0.135 0.135 0.129)
color.sand4	—t-color-sand4	color(display-p3 0.913 0.912 0.903)	color(display-p3 0.164 0.163 0.156)
color.sand5	—t-color-sand5	color(display-p3 0.885 0.883 0.873)	color(display-p3 0.193 0.192 0.183)
color.sand6	—t-color-sand6	color(display-p3 0.854 0.852 0.839)	color(display-p3 0.23 0.229 0.217)
color.sand7	—t-color-sand7	color(display-p3 0.813 0.81 0.794)	color(display-p3 0.285 0.282 0.267)
color.sand8	—t-color-sand8	color(display-p3 0.738 0.734 0.713)	color(display-p3 0.384 0.378 0.357)
color.sand9	—t-color-sand9	color(display-p3 0.553 0.553 0.528)	color(display-p3 0.434 0.428 0.403)
color.sand10	—t-color-sand10	color(display-p3 0.511 0.511 0.488)	color(display-p3 0.487 0.481 0.456)
color.sand11	—t-color-sand11	color(display-p3 0.388 0.388 0.37)	color(display-p3 0.707 0.703 0.68)
color.sand12	—t-color-sand12	color(display-p3 0.129 0.126 0.111)	color(display-p3 0.933 0.933 0.926)
color.sky	—t-color-sky	color(display-p3 0.585 0.877 0.983)	color(display-p3 0.585 0.877 0.983)
color.sky1	—t-color-sky1	color(display-p3 0.98 0.995 0.999)	color(display-p3 0.056 0.078 0.116)
color.sky2	—t-color-sky2	color(display-p3 0.953 0.98 0.99)	color(display-p3 0.075 0.101 0.149)
color.sky3	—t-color-sky3	color(display-p3 0.899 0.963 0.989)	color(display-p3 0.089 0.154 0.244)
color.sky4	—t-color-sky4	color(display-p3 0.842 0.937 0.977)	color(display-p3 0.106 0.207 0.323)
color.sky5	—t-color-sky5	color(display-p3 0.777 0.9 0.954)	color(display-p3 0.135 0.261 0.394)
color.sky6	—t-color-sky6	color(display-p3 0.701 0.851 0.921)	color(display-p3 0.17 0.322 0.469)
color.sky7	—t-color-sky7	color(display-p3 0.604 0.785 0.879)	color(display-p3 0.205 0.394 0.557)
color.sky8	—t-color-sky8	color(display-p3 0.457 0.696 0.829)	color(display-p3 0.232 0.48 0.665)
color.sky9	—t-color-sky9	color(display-p3 0.585 0.877 0.983)	color(display-p3 0.585 0.877 0.983)
color.sky10	—t-color-sky10	color(display-p3 0.555 0.845 0.959)	color(display-p3 0.718 0.925 0.991)
color.sky11	—t-color-sky11	color(display-p3 0.193 0.448 0.605)	color(display-p3 0.536 0.772 0.924)
color.sky12	—t-color-sky12	color(display-p3 0.145 0.241 0.329)	color(display-p3 0.799 0.947 0.993)
color.slate1	—t-color-slate1	color(display-p3 0.988 0.988 0.992)	color(display-p3 0.067 0.067 0.074)
color.slate2	—t-color-slate2	color(display-p3 0.976 0.976 0.984)	color(display-p3 0.095 0.098 0.105)
color.slate3	—t-color-slate3	color(display-p3 0.94 0.941 0.953)	color(display-p3 0.13 0.135 0.145)
color.slate4	—t-color-slate4	color(display-p3 0.908 0.909 0.925)	color(display-p3 0.156 0.163 0.176)
color.slate5	—t-color-slate5	color(display-p3 0.88 0.881 0.901)	color(display-p3 0.183 0.191 0.206)
color.slate6	—t-color-slate6	color(display-p3 0.85 0.852 0.876)	color(display-p3 0.215 0.226 0.244)
color.slate7	—t-color-slate7	color(display-p3 0.805 0.808 0.838)	color(display-p3 0.265 0.28 0.302)
color.slate8	—t-color-slate8	color(display-p3 0.727 0.733 0.773)	color(display-p3 0.357 0.381 0.409)
color.slate9	—t-color-slate9	color(display-p3 0.547 0.553 0.592)	color(display-p3 0.415 0.431 0.463)
color.slate10	—t-color-slate10	color(display-p3 0.503 0.512 0.549)	color(display-p3 0.469 0.483 0.514)
color.slate11	—t-color-slate11	color(display-p3 0.379 0.392 0.421)	color(display-p3 0.692 0.704 0.728)
color.slate12	—t-color-slate12	color(display-p3 0.113 0.125 0.14)	color(display-p3 0.93 0.933 0.94)
color.tomato	—t-color-tomato	color(display-p3 0.831 0.345 0.231)	color(display-p3 0.831 0.345 0.231)
color.tomato1	—t-color-tomato1	color(display-p3 0.998 0.989 0.988)	color(display-p3 0.09 0.068 0.067)
color.tomato2	—t-color-tomato2	color(display-p3 0.994 0.974 0.969)	color(display-p3 0.115 0.084 0.076)
color.tomato3	—t-color-tomato3	color(display-p3 0.985 0.924 0.909)	color(display-p3 0.205 0.097 0.083)
color.tomato4	—t-color-tomato4	color(display-p3 0.996 0.868 0.835)	color(display-p3 0.282 0.099 0.077)
color.tomato5	—t-color-tomato5	color(display-p3 0.98 0.812 0.77)	color(display-p3 0.339 0.129 0.101)
color.tomato6	—t-color-tomato6	color(display-p3 0.953 0.75 0.698)	color(display-p3 0.398 0.179 0.141)
color.tomato7	—t-color-tomato7	color(display-p3 0.917 0.673 0.611)	color(display-p3 0.487 0.245 0.194)
color.tomato8	—t-color-tomato8	color(display-p3 0.875 0.575 0.502)	color(display-p3 0.629 0.322 0.248)
color.tomato9	—t-color-tomato9	color(display-p3 0.831 0.345 0.231)	color(display-p3 0.831 0.345 0.231)
color.tomato10	—t-color-tomato10	color(display-p3 0.802 0.313 0.2)	color(display-p3 0.862 0.415 0.298)
color.tomato11	—t-color-tomato11	color(display-p3 0.755 0.259 0.152)	color(display-p3 1 0.585 0.455)
color.tomato12	—t-color-tomato12	color(display-p3 0.335 0.165 0.132)	color(display-p3 0.959 0.833 0.802)
color.transparent.amber1	—t-color-transparent-amber1	#c0800004	#e63c0006
color.transparent.amber2	—t-color-transparent-amber2	#f4d10016	#fd9b000d
color.transparent.amber3	—t-color-transparent-amber3	#ffde003d	#fa820022
color.transparent.amber4	—t-color-transparent-amber4	#ffd40063	#fc820032
color.transparent.amber5	—t-color-transparent-amber5	#f8cf0088	#fd8b0041
color.transparent.amber6	—t-color-transparent-amber6	#eab5008c	#fd9b0051
color.transparent.amber7	—t-color-transparent-amber7	#dc9b009d	#ffab2567
color.transparent.amber8	—t-color-transparent-amber8	#da8a00c9	#ffae3587
color.transparent.amber9	—t-color-transparent-amber9	#ffb300c2	#ffc53d
color.transparent.amber10	—t-color-transparent-amber10	#ffb300e7	#ffd60a
color.transparent.amber11	—t-color-transparent-amber11	#ab6400	#ffca16
color.transparent.amber12	—t-color-transparent-amber12	#341500dd	#ffe7b3
color.transparent.blue1	—t-color-transparent-blue1	#00008002	#1133ff0f
color.transparent.blue2	—t-color-transparent-blue2	#0040ff08	#3354fa17
color.transparent.blue3	—t-color-transparent-blue3	#0047f112	#2f62ff3c
color.transparent.blue4	—t-color-transparent-blue4	#0044ff1e	#3566ff57
color.transparent.blue5	—t-color-transparent-blue5	#0044ff2d	#4171fd6b
color.transparent.blue6	—t-color-transparent-blue6	#003eff3e	#5178fd7c
color.transparent.blue7	—t-color-transparent-blue7	#0037ed54	#5a7fff90
color.transparent.blue8	—t-color-transparent-blue8	#0034dc72	#5b81feac
color.transparent.blue9	—t-color-transparent-blue9	#0031d2c1	#4671ffdb
color.transparent.blue10	—t-color-transparent-blue10	#002ec9cc	#5c7efee3
color.transparent.blue11	—t-color-transparent-blue11	#002bb7c5	#9eb1ff
color.transparent.blue12	—t-color-transparent-blue12	#001046e0	#d6e1ff
color.transparent.bronze1	—t-color-transparent-bronze1	#55000003	#d1110004
color.transparent.bronze2	—t-color-transparent-bronze2	#cc33000a	#fbbc910c
color.transparent.bronze3	—t-color-transparent-bronze3	#92250015	#faceb817
color.transparent.bronze4	—t-color-transparent-bronze4	#80280020	#facdb622
color.transparent.bronze5	—t-color-transparent-bronze5	#7423002c	#ffd2c12d
color.transparent.bronze6	—t-color-transparent-bronze6	#7324003a	#ffd1c03c
color.transparent.bronze7	—t-color-transparent-bronze7	#6c1f004c	#fdd0c04f
color.transparent.bronze8	—t-color-transparent-bronze8	#671c0066	#ffd6c565
color.transparent.bronze9	—t-color-transparent-bronze9	#551a008d	#fec7b09b
color.transparent.bronze10	—t-color-transparent-bronze10	#4c150097	#fecab5a9
color.transparent.bronze11	—t-color-transparent-bronze11	#3d0f00ab	#ffd7c6d1
color.transparent.bronze12	—t-color-transparent-bronze12	#1d0600d4	#fff1e9ec
color.transparent.brown1	—t-color-transparent-brown1	#aa550003	#91110002
color.transparent.brown2	—t-color-transparent-brown2	#aa550009	#fba67c0c
color.transparent.brown3	—t-color-transparent-brown3	#a04b0018	#fcb58c19
color.transparent.brown4	—t-color-transparent-brown4	#9b4a0026	#fbbb8a24
color.transparent.brown5	—t-color-transparent-brown5	#9f4d0035	#fcb88931
color.transparent.brown6	—t-color-transparent-brown6	#a04e0048	#fdba8741
color.transparent.brown7	—t-color-transparent-brown7	#a34e0060	#ffbb8856
color.transparent.brown8	—t-color-transparent-brown8	#9f4a0081	#ffbe8773
color.transparent.brown9	—t-color-transparent-brown9	#823c00a7	#feb87da8
color.transparent.brown10	—t-color-transparent-brown10	#723300ac	#ffc18cb3
color.transparent.brown11	—t-color-transparent-brown11	#522100b9	#fed1aad9
color.transparent.brown12	—t-color-transparent-brown12	#140600d1	#feecd4f2
color.transparent.crimson1	—t-color-transparent-crimson1	#ff005503	#f4126709
color.transparent.crimson2	—t-color-transparent-crimson2	#e0004008	#f22f7a11
color.transparent.crimson3	—t-color-transparent-crimson3	#ff005216	#fe2a8b2a
color.transparent.crimson4	—t-color-transparent-crimson4	#f8005123	#fd158741
color.transparent.crimson5	—t-color-transparent-crimson5	#e5004f31	#fd278f51
color.transparent.crimson6	—t-color-transparent-crimson6	#d0004b41	#fe459763
color.transparent.crimson7	—t-color-transparent-crimson7	#bf004753	#fd559b7f
color.transparent.crimson8	—t-color-transparent-crimson8	#b6004a6c	#fe5b9bab
color.transparent.crimson9	—t-color-transparent-crimson9	#e2005bc2	#fe418de8
color.transparent.crimson10	—t-color-transparent-crimson10	#d70056cb	#ff5693ed
color.transparent.crimson11	—t-color-transparent-crimson11	#c4004fe2	#ff92ad
color.transparent.crimson12	—t-color-transparent-crimson12	#530026e9	#ffd5eafd
color.transparent.cyan1	—t-color-transparent-cyan1	#0099cc05	#0091f70a
color.transparent.cyan2	—t-color-transparent-cyan2	#009db10d	#02a7f211
color.transparent.cyan3	—t-color-transparent-cyan3	#00c2d121	#00befd28
color.transparent.cyan4	—t-color-transparent-cyan4	#00bcd435	#00baff3b
color.transparent.cyan5	—t-color-transparent-cyan5	#01b4cc4a	#00befd4d
color.transparent.cyan6	—t-color-transparent-cyan6	#00a7c162	#00c7fd5e
color.transparent.cyan7	—t-color-transparent-cyan7	#009fbb82	#14cdff75
color.transparent.cyan8	—t-color-transparent-cyan8	#00a3c0c2	#11cfff95
color.transparent.cyan9	—t-color-transparent-cyan9	#00a2c7	#00cfffc3
color.transparent.cyan10	—t-color-transparent-cyan10	#0094b7f8	#28d6ffcd
color.transparent.cyan11	—t-color-transparent-cyan11	#007491ef	#52e1fee5
color.transparent.cyan12	—t-color-transparent-cyan12	#00323ef2	#bbf3fef7
color.transparent.gold1	—t-color-transparent-gold1	#55550003	#91911102
color.transparent.gold2	—t-color-transparent-gold2	#9d8a000d	#f9e29d0b
color.transparent.gold3	—t-color-transparent-gold3	#75600018	#f8ecbb15
color.transparent.gold4	—t-color-transparent-gold4	#6b4e0024	#ffeec41e
color.transparent.gold5	—t-color-transparent-gold5	#60460030	#feecc22a
color.transparent.gold6	—t-color-transparent-gold6	#64440040	#feebcb37
color.transparent.gold7	—t-color-transparent-gold7	#63420055	#ffedcd48
color.transparent.gold8	—t-color-transparent-gold8	#633d0072	#fdeaca5f
color.transparent.gold9	—t-color-transparent-gold9	#5332009a	#ffdba690
color.transparent.gold10	—t-color-transparent-gold10	#492d00a1	#fedfb09d
color.transparent.gold11	—t-color-transparent-gold11	#362100b4	#fee7c6c8
color.transparent.gold12	—t-color-transparent-gold12	#130c00d4	#fef7ede7
color.transparent.grass1	—t-color-transparent-grass1	#00c00004	#00de1205
color.transparent.grass2	—t-color-transparent-grass2	#0099000a	#5ef7780a
color.transparent.grass3	—t-color-transparent-grass3	#00970016	#70fe8c1b
color.transparent.grass4	—t-color-transparent-grass4	#009f0725	#57ff802c
color.transparent.grass5	—t-color-transparent-grass5	#00930536	#68ff8b3b
color.transparent.grass6	—t-color-transparent-grass6	#008f0a4d	#71ff8f4b
color.transparent.grass7	—t-color-transparent-grass7	#018b0f6b	#77fd925d
color.transparent.grass8	—t-color-transparent-grass8	#008d199a	#77fd9070
color.transparent.grass9	—t-color-transparent-grass9	#008619b9	#65ff82a1
color.transparent.grass10	—t-color-transparent-grass10	#007b17c1	#72ff8dae
color.transparent.grass11	—t-color-transparent-grass11	#006514d5	#89ff9fcd
color.transparent.grass12	—t-color-transparent-grass12	#002006df	#ceffceef
color.transparent.gray1	—t-color-transparent-gray1	color(display-p3 0 0 0 / 0.02)	color(display-p3 1 1 1 / 0.031)
color.transparent.gray2	—t-color-transparent-gray2	color(display-p3 0 0 0 / 0.039)	color(display-p3 1 1 1 / 0.059)
color.transparent.gray3	—t-color-transparent-gray3	color(display-p3 0 0 0 / 0.047)	color(display-p3 1 1 1 / 0.047)
color.transparent.gray4	—t-color-transparent-gray4	color(display-p3 0 0 0 / 0.071)	color(display-p3 1 1 1 / 0.071)
color.transparent.gray5	—t-color-transparent-gray5	color(display-p3 0 0 0 / 0.078)	color(display-p3 1 1 1 / 0.102)
color.transparent.gray6	—t-color-transparent-gray6	color(display-p3 0 0 0 / 0.114)	color(display-p3 1 1 1 / 0.114)
color.transparent.gray7	—t-color-transparent-gray7	color(display-p3 0 0 0 / 0.161)	color(display-p3 1 1 1 / 0.141)
color.transparent.gray8	—t-color-transparent-gray8	color(display-p3 0 0 0 / 0.22)	color(display-p3 1 1 1 / 0.22)
color.transparent.gray9	—t-color-transparent-gray9	color(display-p3 0 0 0 / 0.361)	color(display-p3 1 1 1 / 0.427)
color.transparent.gray10	—t-color-transparent-gray10	color(display-p3 0 0 0 / 0.478)	color(display-p3 1 1 1 / 0.478)
color.transparent.gray11	—t-color-transparent-gray11	color(display-p3 0 0 0 / 0.722)	color(display-p3 1 1 1 / 0.565)
color.transparent.gray12	—t-color-transparent-gray12	color(display-p3 0 0 0 / 0.91)	color(display-p3 1 1 1 / 0.91)
color.transparent.green1	—t-color-transparent-green1	#00c04004	#00de4505
color.transparent.green2	—t-color-transparent-green2	#00a32f0b	#29f99d0b
color.transparent.green3	—t-color-transparent-green3	#00a43319	#22ff991e
color.transparent.green4	—t-color-transparent-green4	#00a83829	#11ff992d
color.transparent.green5	—t-color-transparent-green5	#019c393b	#2bffa23c
color.transparent.green6	—t-color-transparent-green6	#00963c52	#44ffaa4b
color.transparent.green7	—t-color-transparent-green7	#00914071	#50fdac5e
color.transparent.green8	—t-color-transparent-green8	#00924ba4	#54ffad73
color.transparent.green9	—t-color-transparent-green9	#008f4acf	#44ffa49e
color.transparent.green10	—t-color-transparent-green10	#008647d4	#43fea4ab
color.transparent.green11	—t-color-transparent-green11	#00713fde	#46fea5d4
color.transparent.green12	—t-color-transparent-green12	#002616e6	#bbffd7f0
color.transparent.iris1	—t-color-transparent-iris1	#0000ff02	#3636fe0e
color.transparent.iris2	—t-color-transparent-iris2	#0000ff07	#564bf916
color.transparent.iris3	—t-color-transparent-iris3	#0011ee0f	#525bff3b
color.transparent.iris4	—t-color-transparent-iris4	#000bff19	#4d58ff5a
color.transparent.iris5	—t-color-transparent-iris5	#000eff25	#5b62fd6b
color.transparent.iris6	—t-color-transparent-iris6	#000aff34	#6d6ffd7a
color.transparent.iris7	—t-color-transparent-iris7	#0008e647	#7777fe8e
color.transparent.iris8	—t-color-transparent-iris8	#0008d964	#7b7afeac
color.transparent.iris9	—t-color-transparent-iris9	#0000c0a4	#6a6afed4
color.transparent.iris10	—t-color-transparent-iris10	#0000b6ae	#7d79ffdc
color.transparent.iris11	—t-color-transparent-iris11	#0600abac	#b1a9ff
color.transparent.iris12	—t-color-transparent-iris12	#000246d8	#e1e0fffe
color.transparent.jade1	—t-color-transparent-jade1	#00c08004	#00de4505
color.transparent.jade2	—t-color-transparent-jade2	#00a3460b	#27fba60c
color.transparent.jade3	—t-color-transparent-jade3	#00ae4819	#02f99920
color.transparent.jade4	—t-color-transparent-jade4	#00a85129	#00ffaa2d
color.transparent.jade5	—t-color-transparent-jade5	#00a2553c	#11ffb63b
color.transparent.jade6	—t-color-transparent-jade6	#009a5753	#34ffc24b
color.transparent.jade7	—t-color-transparent-jade7	#00945f74	#45fdc75e
color.transparent.jade8	—t-color-transparent-jade8	#00976ea9	#48ffcf75
color.transparent.jade9	—t-color-transparent-jade9	#00916bd6	#38feca9d
color.transparent.jade10	—t-color-transparent-jade10	#008764d9	#31fec7ab
color.transparent.jade11	—t-color-transparent-jade11	#007152df	#21fec0d6
color.transparent.jade12	—t-color-transparent-jade12	#002217e2	#b8ffe1ef
color.transparent.lime1	—t-color-transparent-lime1	#66990005	#11bb0003
color.transparent.lime2	—t-color-transparent-lime2	#6b95000c	#78f7000a
color.transparent.lime3	—t-color-transparent-lime3	#96c80029	#9bfd4c1a
color.transparent.lime4	—t-color-transparent-lime4	#8fc60042	#a7fe5c29
color.transparent.lime5	—t-color-transparent-lime5	#81bb0059	#affe6537
color.transparent.lime6	—t-color-transparent-lime6	#72aa006e	#b2fe6d46
color.transparent.lime7	—t-color-transparent-lime7	#61990087	#b6ff6f57
color.transparent.lime8	—t-color-transparent-lime8	#559200ab	#b6fd6d6c
color.transparent.lime9	—t-color-transparent-lime9	#93e4009c	#caff69ed
color.transparent.lime10	—t-color-transparent-lime10	#8fdc00b3	#d4ff70
color.transparent.lime11	—t-color-transparent-lime11	#375f00d0	#d1fe77e4
color.transparent.lime12	—t-color-transparent-lime12	#1e2900e3	#e9febff7
color.transparent.mauve1	—t-color-transparent-mauve1	#55005503	#00000000
color.transparent.mauve2	—t-color-transparent-mauve2	#2b005506	#f5f4f609
color.transparent.mauve3	—t-color-transparent-mauve3	#30004010	#ebeaf814
color.transparent.mauve4	—t-color-transparent-mauve4	#20003618	#eee5f81d
color.transparent.mauve5	—t-color-transparent-mauve5	#20003820	#efe6fe25
color.transparent.mauve6	—t-color-transparent-mauve6	#14003527	#f1e6fd30
color.transparent.mauve7	—t-color-transparent-mauve7	#10003332	#eee9ff40
color.transparent.mauve8	—t-color-transparent-mauve8	#08003145	#eee7ff5d
color.transparent.mauve9	—t-color-transparent-mauve9	#05001d73	#eae6fd6e
color.transparent.mauve10	—t-color-transparent-mauve10	#0500197d	#ece9fd7c
color.transparent.mauve11	—t-color-transparent-mauve11	#0400119c	#f5f1ffb7
color.transparent.mauve12	—t-color-transparent-mauve12	#020008e0	#fdfdffef
color.transparent.mint1	—t-color-transparent-mint1	#00d5aa06	#00dede05
color.transparent.mint2	—t-color-transparent-mint2	#00b18a0d	#00f9f90b
color.transparent.mint3	—t-color-transparent-mint3	#00d29e22	#00fff61d
color.transparent.mint4	—t-color-transparent-mint4	#00cc9937	#00fff42c
color.transparent.mint5	—t-color-transparent-mint5	#00c0914c	#00fff23a
color.transparent.mint6	—t-color-transparent-mint6	#00b08663	#0effeb4a
color.transparent.mint7	—t-color-transparent-mint7	#00a17d81	#34fde55e
color.transparent.mint8	—t-color-transparent-mint8	#009e7fb3	#41ffdf76
color.transparent.mint9	—t-color-transparent-mint9	#00d3a579	#92ffe7e9
color.transparent.mint10	—t-color-transparent-mint10	#00c39982	#aefeedf5
color.transparent.mint11	—t-color-transparent-mint11	#007763fd	#67ffded2
color.transparent.mint12	—t-color-transparent-mint12	#00312ae9	#cbfee9f5
color.transparent.olive1	—t-color-transparent-olive1	#00550003	#00000000
color.transparent.olive2	—t-color-transparent-olive2	#00490007	#f1f2f008
color.transparent.olive3	—t-color-transparent-olive3	#00200010	#f4f5f312
color.transparent.olive4	—t-color-transparent-olive4	#00160018	#f3fef21a
color.transparent.olive5	—t-color-transparent-olive5	#00180020	#f2fbf122
color.transparent.olive6	—t-color-transparent-olive6	#00140028	#f4faed2c
color.transparent.olive7	—t-color-transparent-olive7	#000f0033	#f2fced3b
color.transparent.olive8	—t-color-transparent-olive8	#040f0047	#edfdeb57
color.transparent.olive9	—t-color-transparent-olive9	#050f0078	#ebfde766
color.transparent.olive10	—t-color-transparent-olive10	#040e0082	#f0fdec74
color.transparent.olive11	—t-color-transparent-olive11	#020a00a0	#f6fef4b0
color.transparent.olive12	—t-color-transparent-olive12	#010600e3	#fdfffded
color.transparent.orange1	—t-color-transparent-orange1	#c0400004	#ec360007
color.transparent.orange2	—t-color-transparent-orange2	#ff8e0012	#fe6d000e
color.transparent.orange3	—t-color-transparent-orange3	#ff9c0029	#fb6a0025
color.transparent.orange4	—t-color-transparent-orange4	#ff91014a	#ff590039
color.transparent.orange5	—t-color-transparent-orange5	#ff8b0065	#ff61004a
color.transparent.orange6	—t-color-transparent-orange6	#ff81007d	#fd75045c
color.transparent.orange7	—t-color-transparent-orange7	#ed6c008c	#ff832c75
color.transparent.orange8	—t-color-transparent-orange8	#e35f00aa	#fe84389d
color.transparent.orange9	—t-color-transparent-orange9	#f65e00ea	#fe6d15f7
color.transparent.orange10	—t-color-transparent-orange10	#ef5f00	#ff801f
color.transparent.orange11	—t-color-transparent-orange11	#cc4e00	#ffa057
color.transparent.orange12	—t-color-transparent-orange12	#431200e2	#ffe0c2
color.transparent.pink1	—t-color-transparent-pink1	#ff00aa03	#f412bc09
color.transparent.pink2	—t-color-transparent-pink2	#e0008008	#f420bb12
color.transparent.pink3	—t-color-transparent-pink3	#f4008c16	#fe37cc29
color.transparent.pink4	—t-color-transparent-pink4	#e2008b23	#fc1ec43f
color.transparent.pink5	—t-color-transparent-pink5	#d1008331	#fd35c24e
color.transparent.pink6	—t-color-transparent-pink6	#c0007840	#fd51c75f
color.transparent.pink7	—t-color-transparent-pink7	#b6006f53	#fd62c87b
color.transparent.pink8	—t-color-transparent-pink8	#af006f6c	#ff68c8a2
color.transparent.pink9	—t-color-transparent-pink9	#c8007fbf	#fe49bcd4
color.transparent.pink10	—t-color-transparent-pink10	#c2007ac7	#ff5cc0dc
color.transparent.pink11	—t-color-transparent-pink11	#b60074d6	#ff8dcc
color.transparent.pink12	—t-color-transparent-pink12	#59003bed	#ffd3ecfd
color.transparent.plum1	—t-color-transparent-plum1	#aa00ff03	#f112f108
color.transparent.plum2	—t-color-transparent-plum2	#c000c008	#f22ff211
color.transparent.plum3	—t-color-transparent-plum3	#cc00cc14	#fd4cfd27
color.transparent.plum4	—t-color-transparent-plum4	#c200c921	#f646ff3a
color.transparent.plum5	—t-color-transparent-plum5	#b700bd2e	#f455ff48
color.transparent.plum6	—t-color-transparent-plum6	#a400b03d	#f66dff56
color.transparent.plum7	—t-color-transparent-plum7	#9900a852	#f07cfd70
color.transparent.plum8	—t-color-transparent-plum8	#9000a56e	#ee84ff95
color.transparent.plum9	—t-color-transparent-plum9	#89009eb5	#e961feb6
color.transparent.plum10	—t-color-transparent-plum10	#7f0092bb	#ed70ffc0
color.transparent.plum11	—t-color-transparent-plum11	#730086c1	#f19cfef3
color.transparent.plum12	—t-color-transparent-plum12	#40004be6	#feddfef4
color.transparent.purple1	—t-color-transparent-purple1	#aa00aa03	#b412f90b
color.transparent.purple2	—t-color-transparent-purple2	#8000e008	#b744f714
color.transparent.purple3	—t-color-transparent-purple3	#8e00f112	#c150ff2d
color.transparent.purple4	—t-color-transparent-purple4	#8d00e51d	#bb53fd42
color.transparent.purple5	—t-color-transparent-purple5	#8000db2a	#be5cfd51
color.transparent.purple6	—t-color-transparent-purple6	#7a01d03b	#c16dfd61
color.transparent.purple7	—t-color-transparent-purple7	#6d00c350	#c378fd7a
color.transparent.purple8	—t-color-transparent-purple8	#6600c06c	#c47effa4
color.transparent.purple9	—t-color-transparent-purple9	#5c00adb1	#b661ffc2
color.transparent.purple10	—t-color-transparent-purple10	#53009eb8	#bc6fffcd
color.transparent.purple11	—t-color-transparent-purple11	#52009aba	#d19dff
color.transparent.purple12	—t-color-transparent-purple12	#250049df	#f1ddfffa
color.transparent.red1	—t-color-transparent-red1	#ff000003	#f4121209
color.transparent.red2	—t-color-transparent-red2	#ff000008	#f22f3e11
color.transparent.red3	—t-color-transparent-red3	#f3000d14	#ff173f2d
color.transparent.red4	—t-color-transparent-red4	#ff000824	#fe0a3b44
color.transparent.red5	—t-color-transparent-red5	#ff000632	#ff204756
color.transparent.red6	—t-color-transparent-red6	#f8000442	#ff3e5668
color.transparent.red7	—t-color-transparent-red7	#df000356	#ff536184
color.transparent.red8	—t-color-transparent-red8	#d2000571	#ff5d61b0
color.transparent.red9	—t-color-transparent-red9	#db0007b7	#fe4e54e4
color.transparent.red10	—t-color-transparent-red10	#d10005c1	#ff6465eb
color.transparent.red11	—t-color-transparent-red11	#c40006d3	#ff9592
color.transparent.red12	—t-color-transparent-red12	#55000de8	#ffd1d9
color.transparent.ruby1	—t-color-transparent-ruby1	#ff005503	#f4124a09
color.transparent.ruby2	—t-color-transparent-ruby2	#ff002008	#fe5a7f0e
color.transparent.ruby3	—t-color-transparent-ruby3	#f3002515	#ff235d2c
color.transparent.ruby4	—t-color-transparent-ruby4	#ff002523	#fd195e42
color.transparent.ruby5	—t-color-transparent-ruby5	#ff002a31	#fe2d6b53
color.transparent.ruby6	—t-color-transparent-ruby6	#e4002440	#ff447665
color.transparent.ruby7	—t-color-transparent-ruby7	#ce002553	#ff577d80
color.transparent.ruby8	—t-color-transparent-ruby8	#c300286d	#ff5c7cae
color.transparent.ruby9	—t-color-transparent-ruby9	#db002cb9	#fe4c70e4
color.transparent.ruby10	—t-color-transparent-ruby10	#d2002cc4	#ff617beb
color.transparent.ruby11	—t-color-transparent-ruby11	#c10030db	#ff949d
color.transparent.ruby12	—t-color-transparent-ruby12	#550016e8	#ffd3e2fe
color.transparent.sage1	—t-color-transparent-sage1	#00804004	#00000000
color.transparent.sage2	—t-color-transparent-sage2	#00402008	#f0f2f108
color.transparent.sage3	—t-color-transparent-sage3	#002d1e11	#f3f5f412
color.transparent.sage4	—t-color-transparent-sage4	#001f1519	#f2fefd1a
color.transparent.sage5	—t-color-transparent-sage5	#00180820	#f1fbfa22
color.transparent.sage6	—t-color-transparent-sage6	#00140d28	#edfbf42d
color.transparent.sage7	—t-color-transparent-sage7	#00140a34	#edfcf73c
color.transparent.sage8	—t-color-transparent-sage8	#000f0847	#ebfdf657
color.transparent.sage9	—t-color-transparent-sage9	#00110b79	#dffdf266
color.transparent.sage10	—t-color-transparent-sage10	#00100a83	#e5fdf674
color.transparent.sage11	—t-color-transparent-sage11	#000a07a0	#f4fefbb0
color.transparent.sage12	—t-color-transparent-sage12	#000805e5	#fdfffeed
color.transparent.sand1	—t-color-transparent-sand1	#55550003	#00000000
color.transparent.sand2	—t-color-transparent-sand2	#25250007	#f4f4f309
color.transparent.sand3	—t-color-transparent-sand3	#20100010	#f6f6f513
color.transparent.sand4	—t-color-transparent-sand4	#1f150019	#fefef31b
color.transparent.sand5	—t-color-transparent-sand5	#1f180021	#fbfbeb23
color.transparent.sand6	—t-color-transparent-sand6	#19130029	#fffaed2d
color.transparent.sand7	—t-color-transparent-sand7	#19140035	#fffbed3c
color.transparent.sand8	—t-color-transparent-sand8	#1915014a	#fff9eb57
color.transparent.sand9	—t-color-transparent-sand9	#0f0f0079	#fffae965
color.transparent.sand10	—t-color-transparent-sand10	#0c0c0083	#fffdee73
color.transparent.sand11	—t-color-transparent-sand11	#080800a1	#fffcf4b0
color.transparent.sand12	—t-color-transparent-sand12	#060500e3	#fffffded
color.transparent.sky1	—t-color-transparent-sky1	#00d5ff06	#0044ff0f
color.transparent.sky2	—t-color-transparent-sky2	#00a4db0e	#1171fb18
color.transparent.sky3	—t-color-transparent-sky3	#00b3ee1e	#1184fc33
color.transparent.sky4	—t-color-transparent-sky4	#00ace42e	#128fff49
color.transparent.sky5	—t-color-transparent-sky5	#00a1d841	#1c9dfd5d
color.transparent.sky6	—t-color-transparent-sky6	#0092ca56	#28a5ff72
color.transparent.sky7	—t-color-transparent-sky7	#0089c172	#2badfe8b
color.transparent.sky8	—t-color-transparent-sky8	#0085bf9f	#1db2fea9
color.transparent.sky9	—t-color-transparent-sky9	#00c7fe83	#7ce3fffe
color.transparent.sky10	—t-color-transparent-sky10	#00bcf38b	#a8eeff
color.transparent.sky11	—t-color-transparent-sky11	#00749e	#7cd3ffef
color.transparent.sky12	—t-color-transparent-sky12	#002540e2	#c2f3ff
color.transparent.slate1	—t-color-transparent-slate1	#00005503	#00000000
color.transparent.slate2	—t-color-transparent-slate2	#00005506	#d8f4f609
color.transparent.slate3	—t-color-transparent-slate3	#0000330f	#ddeaf814
color.transparent.slate4	—t-color-transparent-slate4	#00002d17	#d3edf81d
color.transparent.slate5	—t-color-transparent-slate5	#0009321f	#d9edfe25
color.transparent.slate6	—t-color-transparent-slate6	#00002f26	#d6ebfd30
color.transparent.slate7	—t-color-transparent-slate7	#00062e32	#d9edff40
color.transparent.slate8	—t-color-transparent-slate8	#00083046	#d9edff5d
color.transparent.slate9	—t-color-transparent-slate9	#00051d74	#dfebfd6d
color.transparent.slate10	—t-color-transparent-slate10	#00071b7f	#e5edfd7b
color.transparent.slate11	—t-color-transparent-slate11	#0007149f	#f1f7feb5
color.transparent.slate12	—t-color-transparent-slate12	#000509e3	#fcfdffef
color.transparent.tomato1	—t-color-transparent-tomato1	#ff000003	#f1121208
color.transparent.tomato2	—t-color-transparent-tomato2	#ff200008	#ff55330f
color.transparent.tomato3	—t-color-transparent-tomato3	#f52b0018	#ff35232b
color.transparent.tomato4	—t-color-transparent-tomato4	#ff35002c	#fd201142
color.transparent.tomato5	—t-color-transparent-tomato5	#ff2e003d	#fe332153
color.transparent.tomato6	—t-color-transparent-tomato6	#f92d0050	#ff4f3864
color.transparent.tomato7	—t-color-transparent-tomato7	#e7280067	#fd644a7d
color.transparent.tomato8	—t-color-transparent-tomato8	#db250084	#fe6d4ea7
color.transparent.tomato9	—t-color-transparent-tomato9	#df2600d1	#fe5431e4
color.transparent.tomato10	—t-color-transparent-tomato10	#d72400da	#ff6847eb
color.transparent.tomato11	—t-color-transparent-tomato11	#cd2200ea	#ff977d
color.transparent.tomato12	—t-color-transparent-tomato12	#460900e0	#ffd6cefb
color.transparent.turquoise1	—t-color-transparent-turquoise1	#00cc9905	#00deab05
color.transparent.turquoise2	—t-color-transparent-turquoise2	#00aa800c	#12fbe60c
color.transparent.turquoise3	—t-color-transparent-turquoise3	#00c69d1f	#00ffe61e
color.transparent.turquoise4	—t-color-transparent-turquoise4	#00c39633	#00ffe92d
color.transparent.turquoise5	—t-color-transparent-turquoise5	#00b49047	#00ffea3b
color.transparent.turquoise6	—t-color-transparent-turquoise6	#00a6855e	#1cffe84b
color.transparent.turquoise7	—t-color-transparent-turquoise7	#0099807c	#2efde85f
color.transparent.turquoise8	—t-color-transparent-turquoise8	#009783ac	#32ffe775
color.transparent.turquoise9	—t-color-transparent-turquoise9	#009e8ced	#13ffe49f
color.transparent.turquoise10	—t-color-transparent-turquoise10	#009684f2	#0dffe0ae
color.transparent.turquoise11	—t-color-transparent-turquoise11	#008573	#0afed5d6
color.transparent.turquoise12	—t-color-transparent-turquoise12	#00332df2	#b8ffebef
color.transparent.violet1	—t-color-transparent-violet1	#5500aa03	#4422ff0f
color.transparent.violet2	—t-color-transparent-violet2	#4900ff07	#853ff916
color.transparent.violet3	—t-color-transparent-violet3	#4400ee0f	#8354fe36
color.transparent.violet4	—t-color-transparent-violet4	#4300ff1b	#7d51fd50
color.transparent.violet5	—t-color-transparent-violet5	#3600ff26	#845ffd5f
color.transparent.violet6	—t-color-transparent-violet6	#3100fb35	#8f6cfd6d
color.transparent.violet7	—t-color-transparent-violet7	#2d01dd4a	#9879ff83
color.transparent.violet8	—t-color-transparent-violet8	#2b00d066	#977dfea8
color.transparent.violet9	—t-color-transparent-violet9	#2400b7a9	#8668ffcc
color.transparent.violet10	—t-color-transparent-violet10	#2300abb2	#9176fed7
color.transparent.violet11	—t-color-transparent-violet11	#1f0099af	#baa7ff
color.transparent.violet12	—t-color-transparent-violet12	#0b0043d9	#e3defffe
color.transparent.yellow1	—t-color-transparent-yellow1	#aaaa0006	#d1510004
color.transparent.yellow2	—t-color-transparent-yellow2	#f4dd0016	#f9b4000b
color.transparent.yellow3	—t-color-transparent-yellow3	#ffee0047	#ffaa001e
color.transparent.yellow4	—t-color-transparent-yellow4	#ffe3016b	#fdb70028
color.transparent.yellow5	—t-color-transparent-yellow5	#ffd5008f	#febb0036
color.transparent.yellow6	—t-color-transparent-yellow6	#ebbc0097	#fec40046
color.transparent.yellow7	—t-color-transparent-yellow7	#d2a10098	#fdcb225c
color.transparent.yellow8	—t-color-transparent-yellow8	#c99700c6	#fdca327b
color.transparent.yellow9	—t-color-transparent-yellow9	#ffe100d6	#ffe629
color.transparent.yellow10	—t-color-transparent-yellow10	#ffdc00	#ffff57
color.transparent.yellow11	—t-color-transparent-yellow11	#9e6c00	#fee949f5
color.transparent.yellow12	—t-color-transparent-yellow12	#2e2000e0	#fef6baf6
color.turquoise	—t-color-turquoise	color(display-p3 0.297 0.637 0.581)	color(display-p3 0.297 0.637 0.581)
color.turquoise1	—t-color-turquoise1	color(display-p3 0.983 0.996 0.992)	color(display-p3 0.059 0.083 0.079)
color.turquoise2	—t-color-turquoise2	color(display-p3 0.958 0.983 0.976)	color(display-p3 0.075 0.11 0.107)
color.turquoise3	—t-color-turquoise3	color(display-p3 0.895 0.971 0.952)	color(display-p3 0.087 0.175 0.165)
color.turquoise4	—t-color-turquoise4	color(display-p3 0.831 0.949 0.92)	color(display-p3 0.087 0.227 0.214)
color.turquoise5	—t-color-turquoise5	color(display-p3 0.761 0.914 0.878)	color(display-p3 0.12 0.277 0.261)
color.turquoise6	—t-color-turquoise6	color(display-p3 0.682 0.864 0.825)	color(display-p3 0.162 0.335 0.314)
color.turquoise7	—t-color-turquoise7	color(display-p3 0.581 0.798 0.756)	color(display-p3 0.205 0.406 0.379)
color.turquoise8	—t-color-turquoise8	color(display-p3 0.433 0.716 0.671)	color(display-p3 0.245 0.489 0.453)
color.turquoise9	—t-color-turquoise9	color(display-p3 0.297 0.637 0.581)	color(display-p3 0.297 0.637 0.581)
color.turquoise10	—t-color-turquoise10	color(display-p3 0.275 0.599 0.542)	color(display-p3 0.319 0.69 0.62)
color.turquoise11	—t-color-turquoise11	color(display-p3 0.08 0.5 0.43)	color(display-p3 0.388 0.835 0.719)
color.turquoise12	—t-color-turquoise12	color(display-p3 0.11 0.235 0.219)	color(display-p3 0.734 0.934 0.87)
color.violet	—t-color-violet	color(display-p3 0.417 0.341 0.784)	color(display-p3 0.417 0.341 0.784)
color.violet1	—t-color-violet1	color(display-p3 0.991 0.988 0.995)	color(display-p3 0.077 0.071 0.118)
color.violet2	—t-color-violet2	color(display-p3 0.978 0.974 0.998)	color(display-p3 0.101 0.084 0.141)
color.violet3	—t-color-violet3	color(display-p3 0.953 0.943 0.993)	color(display-p3 0.154 0.123 0.256)
color.violet4	—t-color-violet4	color(display-p3 0.916 0.897 1)	color(display-p3 0.191 0.148 0.345)
color.violet5	—t-color-violet5	color(display-p3 0.876 0.851 1)	color(display-p3 0.226 0.182 0.396)
color.violet6	—t-color-violet6	color(display-p3 0.825 0.793 0.981)	color(display-p3 0.269 0.223 0.449)
color.violet7	—t-color-violet7	color(display-p3 0.752 0.712 0.943)	color(display-p3 0.326 0.277 0.53)
color.violet8	—t-color-violet8	color(display-p3 0.654 0.602 0.902)	color(display-p3 0.399 0.346 0.656)
color.violet9	—t-color-violet9	color(display-p3 0.417 0.341 0.784)	color(display-p3 0.417 0.341 0.784)
color.violet10	—t-color-violet10	color(display-p3 0.381 0.306 0.741)	color(display-p3 0.477 0.402 0.823)
color.violet11	—t-color-violet11	color(display-p3 0.383 0.317 0.702)	color(display-p3 0.72 0.65 1)
color.violet12	—t-color-violet12	color(display-p3 0.179 0.15 0.359)	color(display-p3 0.883 0.867 0.986)
color.yellow	—t-color-yellow	color(display-p3 1 0.92 0.22)	color(display-p3 1 0.92 0.22)
color.yellow1	—t-color-yellow1	color(display-p3 0.992 0.992 0.978)	color(display-p3 0.078 0.069 0.047)
color.yellow2	—t-color-yellow2	color(display-p3 0.995 0.99 0.922)	color(display-p3 0.103 0.094 0.063)
color.yellow3	—t-color-yellow3	color(display-p3 0.997 0.982 0.749)	color(display-p3 0.168 0.137 0.039)
color.yellow4	—t-color-yellow4	color(display-p3 0.992 0.953 0.627)	color(display-p3 0.209 0.169 0)
color.yellow5	—t-color-yellow5	color(display-p3 0.984 0.91 0.51)	color(display-p3 0.255 0.209 0)
color.yellow6	—t-color-yellow6	color(display-p3 0.934 0.847 0.474)	color(display-p3 0.31 0.261 0.07)
color.yellow7	—t-color-yellow7	color(display-p3 0.876 0.785 0.46)	color(display-p3 0.389 0.331 0.135)
color.yellow8	—t-color-yellow8	color(display-p3 0.811 0.689 0.313)	color(display-p3 0.497 0.42 0.182)
color.yellow9	—t-color-yellow9	color(display-p3 1 0.92 0.22)	color(display-p3 1 0.92 0.22)
color.yellow10	—t-color-yellow10	color(display-p3 0.977 0.868 0.291)	color(display-p3 1 1 0.456)
color.yellow11	—t-color-yellow11	color(display-p3 0.6 0.44 0)	color(display-p3 0.948 0.885 0.392)
color.yellow12	—t-color-yellow12	color(display-p3 0.271 0.233 0.137)	color(display-p3 0.959 0.934 0.731)

font

Token path	CSS variable	Light	Dark	Numeric
font.color.danger	—t-font-color-danger	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
font.color.extraLight	—t-font-color-extra-light	color(display-p3 0.8 0.8 0.8)	color(display-p3 0.298 0.298 0.298)
font.color.inverted	—t-font-color-inverted	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
font.color.light	—t-font-color-light	color(display-p3 0.702 0.702 0.702)	color(display-p3 0.4 0.4 0.4)
font.color.onAccent	—t-font-color-on-accent	color(display-p3 1 1 1)	color(display-p3 1 1 1)
font.color.primary	—t-font-color-primary	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
font.color.secondary	—t-font-color-secondary	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
font.color.tertiary	—t-font-color-tertiary	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.506 0.506 0.506)
font.family	—t-font-family	Inter, sans-serif	Inter, sans-serif
font.size.lg	—t-font-size-lg	1.23rem	1.23rem
font.size.md	—t-font-size-md	1rem	1rem
font.size.sm	—t-font-size-sm	0.92rem	0.92rem
font.size.xl	—t-font-size-xl	1.54rem	1.54rem
font.size.xs	—t-font-size-xs	0.85rem	0.85rem
font.size.xxl	—t-font-size-xxl	1.85rem	1.85rem
font.size.xxs	—t-font-size-xxs	0.625rem	0.625rem
font.weight.medium	—t-font-weight-medium	500	500	Yes
font.weight.regular	—t-font-weight-regular	400	400	Yes
font.weight.semiBold	—t-font-weight-semi-bold	600	600	Yes

grayScale

Token path	CSS variable	Light	Dark
grayScale.gray1	—t-gray-scale-gray1	color(display-p3 1 1 1)	color(display-p3 0.09 0.09 0.09)
grayScale.gray2	—t-gray-scale-gray2	color(display-p3 0.988 0.988 0.988)	color(display-p3 0.106 0.106 0.106)
grayScale.gray3	—t-gray-scale-gray3	color(display-p3 0.976 0.976 0.976)	color(display-p3 0.098 0.098 0.098)
grayScale.gray4	—t-gray-scale-gray4	color(display-p3 0.945 0.945 0.945)	color(display-p3 0.114 0.114 0.114)
grayScale.gray5	—t-gray-scale-gray5	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)
grayScale.gray6	—t-gray-scale-gray6	color(display-p3 0.839 0.839 0.839)	color(display-p3 0.282 0.282 0.282)
grayScale.gray7	—t-gray-scale-gray7	color(display-p3 0.8 0.8 0.8)	color(display-p3 0.298 0.298 0.298)
grayScale.gray8	—t-gray-scale-gray8	color(display-p3 0.702 0.702 0.702)	color(display-p3 0.4 0.4 0.4)
grayScale.gray9	—t-gray-scale-gray9	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.506 0.506 0.506)
grayScale.gray10	—t-gray-scale-gray10	color(display-p3 0.514 0.514 0.514)	color(display-p3 0.482 0.482 0.482)
grayScale.gray11	—t-gray-scale-gray11	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
grayScale.gray12	—t-gray-scale-gray12	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)

icon

Token path	CSS variable	Light	Dark	Numeric
icon.size.lg	—t-icon-size-lg	20	20	Yes
icon.size.md	—t-icon-size-md	16	16	Yes
icon.size.sm	—t-icon-size-sm	14	14	Yes
icon.size.xl	—t-icon-size-xl	24	24	Yes
icon.stroke.lg	—t-icon-stroke-lg	2.5	2.5	Yes
icon.stroke.md	—t-icon-stroke-md	2	2	Yes
icon.stroke.sm	—t-icon-stroke-sm	1.6	1.6	Yes

IllustrationIcon

Token path	CSS variable	Light	Dark
IllustrationIcon.color.blue	—t-illustration-icon-color-blue	color(display-p3 0.569 0.639 0.916)	color(display-p3 0.354 0.445 0.866)
IllustrationIcon.color.gray	—t-illustration-icon-color-gray	color(display-p3 0.6 0.6 0.6)	color(display-p3 0.4 0.4 0.4)
IllustrationIcon.fill.blue	—t-illustration-icon-fill-blue	color(display-p3 0.831 0.87 1)	color(display-p3 0.848 0.881 0.99)
IllustrationIcon.fill.gray	—t-illustration-icon-fill-gray	color(display-p3 0.922 0.922 0.922)	color(display-p3 0.133 0.133 0.133)

lastLayerZIndex

Token path	CSS variable	Light	Dark	Numeric
lastLayerZIndex	—t-last-layer-z-index	2147483647	2147483647	Yes

Token path	CSS variable	Light	Dark
modal.size.compact.width	—t-modal-size-compact-width	360px	360px
modal.size.fullscreen.height	—t-modal-size-fullscreen-height	calc(100dvh / var(—t-zoom, 1))	calc(100dvh / var(—t-zoom, 1))
modal.size.fullscreen.width	—t-modal-size-fullscreen-width	calc(100dvw / var(—t-zoom, 1))	calc(100dvw / var(—t-zoom, 1))
modal.size.lg.width	—t-modal-size-lg-width	53%	53%
modal.size.md.width	—t-modal-size-md-width	400px	400px
modal.size.sm.width	—t-modal-size-sm-width	300px	300px
modal.size.xl.height	—t-modal-size-xl-height	800px	800px
modal.size.xl.width	—t-modal-size-xl-width	1200px	1200px

name

Token path	CSS variable	Light	Dark	Numeric
name	—t-name	light	dark

sidePanelWidth

Token path	CSS variable	Light	Dark	Numeric
sidePanelWidth	—t-side-panel-width	500px	500px

snackBar

Token path	CSS variable	Light	Dark
snackBar.default.backgroundColor	—t-snack-bar-default-background-color	color(display-p3 0 0 0 / 0.039)	color(display-p3 1 1 1 / 0.059)
snackBar.default.color	—t-snack-bar-default-color	color(display-p3 0.2 0.2 0.2)	color(display-p3 0.922 0.922 0.922)
snackBar.error.backgroundColor	—t-snack-bar-error-background-color	#f3000d14	#ff173f2d
snackBar.error.color	—t-snack-bar-error-color	color(display-p3 0.83 0.329 0.324)	color(display-p3 0.83 0.329 0.324)
snackBar.info.backgroundColor	—t-snack-bar-info-background-color	#0047f112	#3566ff57
snackBar.info.color	—t-snack-bar-info-color	color(display-p3 0.276 0.384 0.837)	color(display-p3 0.276 0.384 0.837)
snackBar.success.backgroundColor	—t-snack-bar-success-background-color	#00a43319	#11ff992d
snackBar.success.color	—t-snack-bar-success-color	color(display-p3 0.297 0.637 0.581)	color(display-p3 0.297 0.637 0.581)
snackBar.warning.backgroundColor	—t-snack-bar-warning-background-color	#ff9c0029	#ff590039
snackBar.warning.color	—t-snack-bar-warning-color	color(display-p3 0.9 0.45 0.2)	color(display-p3 0.9 0.45 0.2)

spacing

Token path	CSS variable	Light	Dark
spacing.0	—t-spacing-0	0px	0px
spacing.0.5	—t-spacing-0_5	2px	2px
spacing.1	—t-spacing-1	4px	4px
spacing.1.5	—t-spacing-1_5	6px	6px
spacing.2	—t-spacing-2	8px	8px
spacing.3	—t-spacing-3	12px	12px
spacing.4	—t-spacing-4	16px	16px
spacing.5	—t-spacing-5	20px	20px
spacing.6	—t-spacing-6	24px	24px
spacing.7	—t-spacing-7	28px	28px
spacing.8	—t-spacing-8	32px	32px
spacing.9	—t-spacing-9	36px	36px
spacing.10	—t-spacing-10	40px	40px
spacing.11	—t-spacing-11	44px	44px
spacing.12	—t-spacing-12	48px	48px
spacing.13	—t-spacing-13	52px	52px
spacing.14	—t-spacing-14	56px	56px
spacing.15	—t-spacing-15	60px	60px
spacing.16	—t-spacing-16	64px	64px
spacing.17	—t-spacing-17	68px	68px
spacing.18	—t-spacing-18	72px	72px
spacing.19	—t-spacing-19	76px	76px
spacing.20	—t-spacing-20	80px	80px
spacing.21	—t-spacing-21	84px	84px
spacing.22	—t-spacing-22	88px	88px
spacing.23	—t-spacing-23	92px	92px
spacing.24	—t-spacing-24	96px	96px
spacing.25	—t-spacing-25	100px	100px
spacing.26	—t-spacing-26	104px	104px
spacing.27	—t-spacing-27	108px	108px
spacing.28	—t-spacing-28	112px	112px
spacing.29	—t-spacing-29	116px	116px
spacing.30	—t-spacing-30	120px	120px
spacing.31	—t-spacing-31	124px	124px
spacing.32	—t-spacing-32	128px	128px

spacingMultiplicator

Token path	CSS variable	Light	Dark	Numeric
spacingMultiplicator	—t-spacing-multiplicator	4	4	Yes

table

Token path	CSS variable	Light	Dark
table.checkboxColumnWidth	—t-table-checkbox-column-width	32px	32px
table.horizontalCellMargin	—t-table-horizontal-cell-margin	8px	8px
table.horizontalCellPadding	—t-table-horizontal-cell-padding	8px	8px

tag

Token path	CSS variable	Light	Dark
tag.background.amber	—t-tag-background-amber	color(display-p3 0.994 0.969 0.782)	color(display-p3 0.178 0.128 0.049)
tag.background.blue	—t-tag-background-blue	color(display-p3 0.933 0.948 0.992)	color(display-p3 0.105 0.141 0.275)
tag.background.bronze	—t-tag-background-bronze	color(display-p3 0.958 0.932 0.919)	color(display-p3 0.147 0.132 0.125)
tag.background.brown	—t-tag-background-brown	color(display-p3 0.959 0.936 0.909)	color(display-p3 0.151 0.13 0.115)
tag.background.crimson	—t-tag-background-crimson	color(display-p3 0.987 0.917 0.941)	color(display-p3 0.203 0.091 0.143)
tag.background.cyan	—t-tag-background-cyan	color(display-p3 0.888 0.965 0.975)	color(display-p3 0.073 0.168 0.209)
tag.background.gold	—t-tag-background-gold	color(display-p3 0.947 0.94 0.909)	color(display-p3 0.141 0.136 0.122)
tag.background.grass	—t-tag-background-grass	color(display-p3 0.923 0.965 0.917)	color(display-p3 0.118 0.163 0.122)
tag.background.gray	—t-tag-background-gray	color(display-p3 0.976 0.976 0.976)	color(display-p3 0.098 0.098 0.098)
tag.background.green	—t-tag-background-green	color(display-p3 0.913 0.964 0.925)	color(display-p3 0.1 0.173 0.133)
tag.background.iris	—t-tag-background-iris	color(display-p3 0.943 0.945 0.992)	color(display-p3 0.128 0.134 0.272)
tag.background.jade	—t-tag-background-jade	color(display-p3 0.912 0.965 0.932)	color(display-p3 0.091 0.176 0.138)
tag.background.lime	—t-tag-background-lime	color(display-p3 0.939 0.965 0.851)	color(display-p3 0.13 0.16 0.099)
tag.background.mauve	—t-tag-background-mauve	color(display-p3 0.946 0.938 0.952)	color(display-p3 0.138 0.134 0.144)
tag.background.mint	—t-tag-background-mint	color(display-p3 0.888 0.972 0.95)	color(display-p3 0.077 0.17 0.168)
tag.background.olive	—t-tag-background-olive	color(display-p3 0.939 0.945 0.937)	color(display-p3 0.131 0.135 0.126)
tag.background.orange	—t-tag-background-orange	color(display-p3 0.989 0.938 0.85)	color(display-p3 0.189 0.12 0.056)
tag.background.pink	—t-tag-background-pink	color(display-p3 0.981 0.917 0.96)	color(display-p3 0.198 0.098 0.179)
tag.background.plum	—t-tag-background-plum	color(display-p3 0.973 0.923 0.98)	color(display-p3 0.192 0.105 0.202)
tag.background.purple	—t-tag-background-purple	color(display-p3 0.963 0.931 0.989)	color(display-p3 0.175 0.112 0.224)
tag.background.red	—t-tag-background-red	color(display-p3 0.985 0.925 0.925)	color(display-p3 0.211 0.081 0.099)
tag.background.ruby	—t-tag-background-ruby	color(display-p3 0.983 0.92 0.928)	color(display-p3 0.208 0.088 0.117)
tag.background.sage	—t-tag-background-sage	color(display-p3 0.935 0.944 0.94)	color(display-p3 0.128 0.135 0.131)
tag.background.sand	—t-tag-background-sand	color(display-p3 0.943 0.942 0.936)	color(display-p3 0.135 0.135 0.129)
tag.background.sky	—t-tag-background-sky	color(display-p3 0.899 0.963 0.989)	color(display-p3 0.089 0.154 0.244)
tag.background.slate	—t-tag-background-slate	color(display-p3 0.94 0.941 0.953)	color(display-p3 0.13 0.135 0.145)
tag.background.tomato	—t-tag-background-tomato	color(display-p3 0.985 0.924 0.909)	color(display-p3 0.205 0.097 0.083)
tag.background.turquoise	—t-tag-background-turquoise	color(display-p3 0.895 0.971 0.952)	color(display-p3 0.087 0.175 0.165)
tag.background.violet	—t-tag-background-violet	color(display-p3 0.953 0.943 0.993)	color(display-p3 0.154 0.123 0.256)
tag.background.yellow	—t-tag-background-yellow	color(display-p3 0.997 0.982 0.749)	color(display-p3 0.168 0.137 0.039)
tag.text.amber	—t-tag-text-amber	color(display-p3 0.64 0.4 0)	color(display-p3 1 0.8 0.29)
tag.text.blue	—t-tag-text-blue	color(display-p3 0.256 0.354 0.755)	color(display-p3 0.63 0.69 1)
tag.text.bronze	—t-tag-text-bronze	color(display-p3 0.471 0.373 0.336)	color(display-p3 0.81 0.707 0.655)
tag.text.brown	—t-tag-text-brown	color(display-p3 0.485 0.374 0.288)	color(display-p3 0.835 0.715 0.597)
tag.text.crimson	—t-tag-text-crimson	color(display-p3 0.731 0.195 0.388)	color(display-p3 1 0.56 0.66)
tag.text.cyan	—t-tag-text-cyan	color(display-p3 0.08 0.48 0.63)	color(display-p3 0.446 0.79 0.887)
tag.text.gold	—t-tag-text-gold	color(display-p3 0.433 0.386 0.305)	color(display-p3 0.784 0.728 0.635)
tag.text.grass	—t-tag-text-grass	color(display-p3 0.263 0.488 0.261)	color(display-p3 0.535 0.807 0.542)
tag.text.gray	—t-tag-text-gray	color(display-p3 0.4 0.4 0.4)	color(display-p3 0.702 0.702 0.702)
tag.text.green	—t-tag-text-green	color(display-p3 0.19 0.5 0.32)	color(display-p3 0.434 0.828 0.573)
tag.text.iris	—t-tag-text-iris	color(display-p3 0.337 0.326 0.748)	color(display-p3 0.685 0.662 1)
tag.text.jade	—t-tag-text-jade	color(display-p3 0.15 0.5 0.37)	color(display-p3 0.4 0.835 0.656)
tag.text.lime	—t-tag-text-lime	color(display-p3 0.386 0.482 0.227)	color(display-p3 0.771 0.893 0.485)
tag.text.mauve	—t-tag-text-mauve	color(display-p3 0.395 0.388 0.424)	color(display-p3 0.707 0.7 0.735)
tag.text.mint	—t-tag-text-mint	color(display-p3 0.203 0.463 0.397)	color(display-p3 0.482 0.825 0.733)
tag.text.olive	—t-tag-text-olive	color(display-p3 0.38 0.395 0.374)	color(display-p3 0.69 0.709 0.682)
tag.text.orange	—t-tag-text-orange	color(display-p3 0.76 0.34 0)	color(display-p3 1 0.63 0.38)
tag.text.pink	—t-tag-text-pink	color(display-p3 0.698 0.219 0.528)	color(display-p3 1 0.535 0.78)
tag.text.plum	—t-tag-text-plum	color(display-p3 0.543 0.263 0.619)	color(display-p3 0.86 0.602 0.933)
tag.text.purple	—t-tag-text-purple	color(display-p3 0.473 0.281 0.687)	color(display-p3 0.8 0.62 1)
tag.text.red	—t-tag-text-red	color(display-p3 0.744 0.234 0.222)	color(display-p3 1 0.57 0.55)
tag.text.ruby	—t-tag-text-ruby	color(display-p3 0.728 0.211 0.311)	color(display-p3 1 0.57 0.59)
tag.text.sage	—t-tag-text-sage	color(display-p3 0.377 0.395 0.389)	color(display-p3 0.685 0.709 0.697)
tag.text.sand	—t-tag-text-sand	color(display-p3 0.388 0.388 0.37)	color(display-p3 0.707 0.703 0.68)
tag.text.sky	—t-tag-text-sky	color(display-p3 0.193 0.448 0.605)	color(display-p3 0.536 0.772 0.924)
tag.text.slate	—t-tag-text-slate	color(display-p3 0.379 0.392 0.421)	color(display-p3 0.692 0.704 0.728)
tag.text.tomato	—t-tag-text-tomato	color(display-p3 0.755 0.259 0.152)	color(display-p3 1 0.585 0.455)
tag.text.turquoise	—t-tag-text-turquoise	color(display-p3 0.08 0.5 0.43)	color(display-p3 0.388 0.835 0.719)
tag.text.violet	—t-tag-text-violet	color(display-p3 0.383 0.317 0.702)	color(display-p3 0.72 0.65 1)
tag.text.yellow	—t-tag-text-yellow	color(display-p3 0.6 0.44 0)	color(display-p3 0.948 0.885 0.392)

text

Token path	CSS variable	Light	Dark	Numeric
text.iconSizeMedium	—t-text-icon-size-medium	16	16	Yes
text.iconSizeSmall	—t-text-icon-size-small	14	14	Yes
text.iconStrikeBold	—t-text-icon-strike-bold	2.5	2.5	Yes
text.iconStrikeLight	—t-text-icon-strike-light	1.6	1.6	Yes
text.iconStrikeMedium	—t-text-icon-strike-medium	2	2	Yes
text.lineHeight.lg	—t-text-line-height-lg	1.5	1.5	Yes
text.lineHeight.md	—t-text-line-height-md	1.1	1.1	Yes

Token path	CSS variable	Light	Dark
tooltip.background	—t-tooltip-background	color(display-p3 0 0 0 / 0.72)	color(display-p3 0 0 0 / 0.72)
tooltip.color	—t-tooltip-color	color(display-p3 1 1 1 / 1)	color(display-p3 1 1 1 / 1)
tooltip.descriptionColor	—t-tooltip-description-color	color(display-p3 1 1 1 / 0.64)	color(display-p3 1 1 1 / 0.64)

Разработчики

Приложения

API

Самостоятельный хостинг

Внести вклад

Библиотека интерфейса

Обзор

accent

animation

background

betweenSiblingsGap

blur

border

boxShadow

buttons

clickableElementBackgroundTransition

code

color

font

grayScale

icon

IllustrationIcon

lastLayerZIndex

name

sidePanelWidth

snackBar

spacing

spacingMultiplicator

table

tag

text

tooltip

​Обзор

​accent

​animation

​background

​betweenSiblingsGap

​blur

​border

​boxShadow

​buttons

​clickableElementBackgroundTransition

​code

​color

​font

​grayScale

​icon

​IllustrationIcon

​lastLayerZIndex

​modal

​name

​sidePanelWidth

​snackBar

​spacing

​spacingMultiplicator

​table

​tag

​text

​tooltip

Обзор

accent

animation

background

betweenSiblingsGap

blur

border

boxShadow

buttons

clickableElementBackgroundTransition

code

color

font

grayScale

icon

IllustrationIcon

lastLayerZIndex

modal

name

sidePanelWidth

snackBar

spacing

spacingMultiplicator

table

tag

text

tooltip