@planningcenter/tapestry 1.1.0-rc.6 → 1.1.0-rc.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -6
- package/dist/components/sidenav/index.js +2 -0
- package/dist/components/sidenav/index.js.map +1 -1
- package/dist/index.css +50 -11
- package/dist/index.css.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/popover-container.js +723 -0
- package/dist/packages/tapestry-wc/dist/components/popover-container.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js +63 -0
- package/dist/packages/tapestry-wc/dist/components/sidenav-item-enhancer.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/sidenav-popover.js +93 -0
- package/dist/packages/tapestry-wc/dist/components/sidenav-popover.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js +10 -4
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-item.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js +63 -0
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map +1 -0
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js +2 -2
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav-section.js.map +1 -1
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js +18 -4
- package/dist/packages/tapestry-wc/dist/components/tds-sidenav.js.map +1 -1
- package/dist/unstable.css +50 -11
- package/dist/unstable.css.map +1 -1
- package/dist/webComponents.css +50 -11
- package/dist/webComponents.css.map +1 -1
- package/package.json +3 -3
- package/react-types/index.d.ts +29 -1
package/README.md
CHANGED
|
@@ -8,6 +8,12 @@
|
|
|
8
8
|
yarn add @planningcenter/tapestry
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
+
## Registering Web Components
|
|
12
|
+
|
|
13
|
+
- To register the web components for usage, add this file to your JS files:
|
|
14
|
+
|
|
15
|
+
`import "@planningcenter/tapestry"`
|
|
16
|
+
|
|
11
17
|
## Adding types for using Web Components in React
|
|
12
18
|
|
|
13
19
|
If you are using Web Components in React and want to have TypeScript populate the types,
|
|
@@ -24,10 +30,10 @@ add `"@planningcenter/tapestry/react-types"` to `compilerOptions.types` in your
|
|
|
24
30
|
## Running locally
|
|
25
31
|
|
|
26
32
|
1. If this is your first time with this repo, make sure you build from the root directory first:
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
33
|
+
```shell
|
|
34
|
+
yarn wc build
|
|
35
|
+
```
|
|
30
36
|
2. In this repo, launch storybook
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
37
|
+
```shell
|
|
38
|
+
yarn tap storybook
|
|
39
|
+
```
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import './../../ext/@stencil/core/internal/client/index.js';
|
|
2
2
|
import { defineCustomElement } from '../../packages/tapestry-wc/dist/components/tds-sidenav.js';
|
|
3
3
|
import { defineCustomElement as defineCustomElement$1 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-item.js';
|
|
4
|
+
import { defineCustomElement as defineCustomElement$3 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-responsive-header.js';
|
|
4
5
|
import { defineCustomElement as defineCustomElement$2 } from '../../packages/tapestry-wc/dist/components/tds-sidenav-section.js';
|
|
5
6
|
|
|
6
7
|
defineCustomElement();
|
|
7
8
|
defineCustomElement$1();
|
|
8
9
|
defineCustomElement$2();
|
|
10
|
+
defineCustomElement$3();
|
|
9
11
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { defineCustomElementTdsSidenav, defineCustomElementTdsSidenavItem, defineCustomElementTdsSidenavSection } from \"tapestry-wc\"\n\ndefineCustomElementTdsSidenav()\ndefineCustomElementTdsSidenavItem()\ndefineCustomElementTdsSidenavSection()\n"],"names":["defineCustomElementTdsSidenav","defineCustomElementTdsSidenavItem","defineCustomElementTdsSidenavSection"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/sidenav/index.tsx"],"sourcesContent":["import \"./index.css\"\n\nimport { defineCustomElementTdsSidenav, defineCustomElementTdsSidenavItem, defineCustomElementTdsSidenavResponsiveHeader, defineCustomElementTdsSidenavSection } from \"tapestry-wc\"\n\ndefineCustomElementTdsSidenav()\ndefineCustomElementTdsSidenavItem()\ndefineCustomElementTdsSidenavSection()\ndefineCustomElementTdsSidenavResponsiveHeader()\n"],"names":["defineCustomElementTdsSidenav","defineCustomElementTdsSidenavItem","defineCustomElementTdsSidenavSection","defineCustomElementTdsSidenavResponsiveHeader"],"mappings":";;;;;;AAIAA,mBAA6B,EAAE,CAAA;AAC/BC,qBAAiC,EAAE,CAAA;AACnCC,qBAAoC,EAAE,CAAA;AACtCC,qBAA6C,EAAE"}
|
package/dist/index.css
CHANGED
|
@@ -786,8 +786,11 @@
|
|
|
786
786
|
--tds-sidenav-item-nested-border-color-selected: var(--t-fill-color-neutral-010);
|
|
787
787
|
}
|
|
788
788
|
|
|
789
|
-
.tds-sidenav :where(nav,ul,.tds-sidenav-section
|
|
789
|
+
.tds-sidenav :where(nav,ul,.tds-sidenav-section) {
|
|
790
790
|
display: flex;
|
|
791
|
+
}
|
|
792
|
+
|
|
793
|
+
.tds-sidenav :where(nav,ul,.tds-sidenav-section,.tds-sidenav-collapse) {
|
|
791
794
|
flex-direction: column;
|
|
792
795
|
gap: 4px;
|
|
793
796
|
align-items: start;
|
|
@@ -851,14 +854,14 @@
|
|
|
851
854
|
white-space: nowrap;
|
|
852
855
|
}
|
|
853
856
|
|
|
854
|
-
|
|
857
|
+
[aria-current="page"]:is(.tds-sidenav-item :is(a,button)) {
|
|
855
858
|
--tds-sidenav-item-nested-background: transparent;
|
|
856
859
|
--tds-sidenav-item-nested-border-color: var(--tds-sidenav-item-nested-border-color-selected);
|
|
857
860
|
font-weight: 600;
|
|
858
861
|
background-color: var(--tds-sidenav-item-background-selected);
|
|
859
862
|
}
|
|
860
863
|
|
|
861
|
-
:is(.
|
|
864
|
+
[aria-current="page"]:is(.tds-sidenav-item :is(a,button)) .prefix,[aria-current="page"]:is(.tds-sidenav-item :is(a,button)) [slot="prefix"] {
|
|
862
865
|
color: var(--t-icon-color-default-primary);
|
|
863
866
|
}
|
|
864
867
|
|
|
@@ -963,26 +966,62 @@
|
|
|
963
966
|
background-color: var(--tds-sidenav-item-background-hover);
|
|
964
967
|
}
|
|
965
968
|
|
|
966
|
-
|
|
969
|
+
.tds-sidenav-responsive-header {
|
|
970
|
+
display: flex;
|
|
971
|
+
gap: var(--t-spacing-2);
|
|
972
|
+
align-items: center;
|
|
973
|
+
width: 100%;
|
|
974
|
+
}
|
|
975
|
+
|
|
976
|
+
.tds-sidenav-responsive-header .tds-sidenav-responsive-header-toggle {
|
|
977
|
+
display: flex;
|
|
978
|
+
align-items: center;
|
|
979
|
+
justify-content: center;
|
|
980
|
+
height: var(--t-container-size-md);
|
|
981
|
+
padding: 3px var(--t-spacing-1);
|
|
982
|
+
background-color: var(--t-fill-color-button-neutral-outline-dim-default);
|
|
983
|
+
border: 1px solid var(--t-border-color-button-neutral);
|
|
984
|
+
border-radius: var(--t-border-radius-md);
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
:is(.tds-sidenav-responsive-header .tds-sidenav-responsive-header-toggle):focus,:is(.tds-sidenav-responsive-header .tds-sidenav-responsive-header-toggle):focus-visible,:is(.tds-sidenav-responsive-header .tds-sidenav-responsive-header-toggle):hover {
|
|
988
|
+
background-color: var(--t-fill-color-button-neutral-outline-dim-hover);
|
|
989
|
+
}
|
|
990
|
+
|
|
991
|
+
:is(.tds-sidenav-responsive-header .tds-sidenav-responsive-header-toggle):active {
|
|
992
|
+
background-color: var(--t-fill-color-button-neutral-outline-dim-active);
|
|
993
|
+
}
|
|
994
|
+
|
|
995
|
+
.tds-sidenav-responsive-header .tds-sidenav-responsive-header-label {
|
|
996
|
+
flex: 1;
|
|
997
|
+
margin: 0;
|
|
998
|
+
font-size: var(--t-font-size-lg);
|
|
999
|
+
font-weight: var(--t-font-weight-medium);
|
|
1000
|
+
color: var(--t-text-color-default-headline);
|
|
1001
|
+
}
|
|
1002
|
+
|
|
1003
|
+
@media (max-width: 767px) {
|
|
967
1004
|
.tds-sidenav-collapse {
|
|
968
1005
|
position: absolute;
|
|
1006
|
+
top: anchor(bottom);
|
|
1007
|
+
left: anchor(left);
|
|
969
1008
|
z-index: 7000;
|
|
1009
|
+
justify-content: flex-start;
|
|
970
1010
|
max-width: 448px;
|
|
971
|
-
padding:
|
|
1011
|
+
padding: var(--t-spacing-2);
|
|
1012
|
+
margin-top: 12px;
|
|
1013
|
+
outline: 0;
|
|
972
1014
|
background: #fff;
|
|
1015
|
+
border: 0;
|
|
973
1016
|
border-radius: 6px;
|
|
974
1017
|
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .25);
|
|
975
|
-
|
|
976
|
-
&:not(.show) {
|
|
977
|
-
display: none;
|
|
978
|
-
}
|
|
979
1018
|
}
|
|
980
1019
|
}
|
|
981
1020
|
|
|
982
1021
|
@media (min-width: 768px) {
|
|
983
|
-
.tds-sidenav-header {
|
|
1022
|
+
.tds-sidenav-responsive-header {
|
|
984
1023
|
display: none;
|
|
985
1024
|
}
|
|
986
|
-
}
|
|
1025
|
+
}
|
|
987
1026
|
|
|
988
1027
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.css","tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[":root {\n @media (prefers-reduced-motion: no-preference) {\n interpolate-size: allow-keywords;\n }\n}\n\n.tds-sidenav {\n --tds-sidenav-indent: 12px;\n --tds-sidenav-item-depth: 0;\n\n --tds-sidenav-item-transition: background-color .2s cubic-bezier(.19, .91, .38, 1);\n\n --tds-sidenav-item-background-hover: var(--t-fill-color-neutral-080);\n --tds-sidenav-item-background-active: var(--t-fill-color-neutral-070);\n --tds-sidenav-item-background-selected: var(--t-fill-color-neutral-050);\n\n --tds-sidenav-item-nested-border-color: var(--t-fill-color-neutral-050);\n --tds-sidenav-item-nested-border-color-hover: var(--t-fill-color-neutral-010);\n --tds-sidenav-item-nested-border-color-selected: var(--t-fill-color-neutral-010);\n\n :where(nav, ul, .tds-sidenav-section, .tds-sidenav-collapse) {\n display: flex;\n flex-direction: column;\n gap: 4px;\n align-items: start;\n width: 100%;\n }\n}\n\n.tds-sidenav-section-list {\n width: 100%;\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n.tds-sidenav-section-header {\n margin: var(--t-spacing-2) 0 0 0;\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-semibold);\n color: var(--t-text-color-default-secondary);\n text-transform: uppercase;\n\n .tds-sidenav-section:first-of-type & {\n margin-top: 0;\n }\n}\n\n.tds-sidenav-section-list,\n.tds-sidenav-item {\n width: 100%;\n padding: 0;\n margin: 0;\n}\n\n.tds-sidenav-item {\n :is(a, button) {\n position: relative;\n display: flex;\n gap: 12px;\n align-items: center;\n width: 100%;\n padding: 12px;\n overflow: hidden;\n font-size: var(--t-font-size-sm);\n line-height: 18px;\n color: var(--t-text-color-default-headline);\n white-space: nowrap;\n text-decoration: none;\n appearance: none;\n cursor: pointer;\n outline: 0;\n background-color: transparent;\n border: 0;\n border-radius: 4px;\n transition: var(--tds-sidenav-item-transition);\n\n &:not(:has([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)),\n :is(:not([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)) {\n display: block;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n white-space: nowrap;\n }\n\n .selected > & {\n --tds-sidenav-item-nested-background: transparent;\n --tds-sidenav-item-nested-border-color: var(--tds-sidenav-item-nested-border-color-selected);\n font-weight: 600;\n background-color: var(--tds-sidenav-item-background-selected);\n\n .prefix,\n [slot=\"prefix\"] {\n color: var(--t-icon-color-default-primary);\n }\n }\n\n &:hover {\n background-color: var(--tds-sidenav-item-background-hover);\n }\n\n &:active {\n background-color: var(--tds-sidenav-item-background-active);\n }\n\n\n :is(.prefix, [slot=\"prefix\"]) {\n display: block;\n width: 16px;\n height: 16px;\n overflow: hidden;\n color: var(--t-icon-color-default-secondary);\n\n svg {\n display: block;\n }\n }\n\n &:has(.prefix, [slot=\"prefix\"]) + .tds-sidenav-section {\n --tds-sidenav-indent: 19px;\n }\n\n &[aria-expanded=\"true\"] + .tds-sidenav-section-list {\n visibility: visible;\n block-size: auto;\n opacity: 1;\n }\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 1;\n gap: 0;\n\n .tds-sidenav-action--toggle + & {\n visibility: hidden;\n block-size: 0;\n overflow-y: clip;\n opacity: 0;\n transition: content-visibility .2s allow-discrete, opacity .2s, block-size .2s;\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 2;\n }\n }\n\n .tds-sidenav-section-list .tds-sidenav-section-list & {\n :is(a, button) {\n height: 32px;\n padding-block: 9px;\n padding-left: calc((var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) + var(--tds-sidenav-indent) + 2px);\n line-height: 1;\n background-color: transparent;\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n width: 2px;\n content: \"\";\n background-color: var(--tds-sidenav-item-nested-border-color);\n transition: var(--tds-sidenav-item-transition);\n }\n\n &::after {\n position: absolute;\n inset: 0 0 0 calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n z-index: -1;\n height: 100%;\n content: \"\";\n background-color: var(--tds-sidenav-item-nested-background);\n border-radius: 0 4px 4px 0;\n transition: var(--tds-sidenav-item-transition);\n }\n\n &.selected {\n background-color: transparent;\n\n &::before {\n background-color: var(--tds-sidenav-item-nested-border-color-selected);\n }\n\n &::after {\n background-color: var(--tds-sidenav-item-background-selected);\n }\n }\n\n &:hover {\n background-color: transparent;\n\n &::before {\n background-color: var(--tds-sidenav-item-nested-border-color-hover);\n }\n\n &::after {\n background-color: var(--tds-sidenav-item-background-hover);\n }\n }\n }\n }\n}\n\n/* @media (max-width: 767px) {\n .tds-sidenav-collapse {\n position: absolute;\n z-index: 7000;\n max-width: 448px;\n padding: 16px;\n background: #fff;\n border-radius: 6px;\n box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .25);\n\n &:not(.show) {\n display: none;\n }\n }\n}\n\n@media (min-width: 768px) {\n .tds-sidenav-header {\n display: none;\n }\n} */\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-width-default: 1px;\n --t-border-width-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semibold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 42%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 58%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 42%);\n --t-icon-color-default-dim: hsl(0, 0%, 58%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 42%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 58%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 42%);\n --t-fill-color-neutral-025: hsl(0, 0%, 50%);\n --t-fill-color-neutral-030: hsl(0, 0%, 58%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 42%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);\n --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);\n --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);\n --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-010: hsl(41, 95%, 93%);\n --t-fill-color-product-giving-020: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-030: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-040: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-050: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-060: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-070: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-080: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-010: hsl(18, 95%, 92%);\n --t-fill-color-product-groups-020: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-030: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-040: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-050: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-060: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-070: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-080: hsl(14, 70%, 34%);\n --t-fill-color-product-home-010: hsl(221, 89%, 93%);\n --t-fill-color-product-home-020: hsl(221, 91%, 91%);\n --t-fill-color-product-home-030: hsl(221, 91%, 87%);\n --t-fill-color-product-home-040: hsl(221, 91%, 62%);\n --t-fill-color-product-home-050: hsl(221, 91%, 55%);\n --t-fill-color-product-home-060: hsl(221, 90%, 50%);\n --t-fill-color-product-home-070: hsl(221, 90%, 45%);\n --t-fill-color-product-home-080: hsl(218, 84%, 25%);\n --t-fill-color-product-people-010: hsl(219, 73%, 91%);\n --t-fill-color-product-people-020: hsl(220, 69%, 81%);\n --t-fill-color-product-people-030: hsl(221, 73%, 71%);\n --t-fill-color-product-people-040: hsl(221, 73%, 65%);\n --t-fill-color-product-people-050: hsl(220, 74%, 57%);\n --t-fill-color-product-people-060: hsl(220, 68%, 51%);\n --t-fill-color-product-people-070: hsl(220, 68%, 41%);\n --t-fill-color-product-people-080: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);\n --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);\n --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);\n --t-fill-color-product-services-010: hsl(88, 31%, 88%);\n --t-fill-color-product-services-020: hsl(88, 39%, 75%);\n --t-fill-color-product-services-030: hsl(88, 39%, 66%);\n --t-fill-color-product-services-040: hsl(88, 40%, 54%);\n --t-fill-color-product-services-050: hsl(88, 45%, 41%);\n --t-fill-color-product-services-060: hsl(89, 62%, 31%);\n --t-fill-color-product-services-070: hsl(89, 62%, 26%);\n --t-fill-color-product-services-080: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);\n --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);\n --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);\n --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);\n --t-fill-color-tag-blue-020: hsl(221, 100%, 88%);\n --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);\n --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);\n --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);\n --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);\n --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);\n --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);\n --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);\n --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);\n --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);\n --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);\n --t-fill-color-tag-green-010: hsl(98, 59%, 85%);\n --t-fill-color-tag-green-020: hsl(99, 59%, 78%);\n --t-fill-color-tag-green-030: hsl(112, 57%, 65%);\n --t-fill-color-tag-green-040: hsl(112, 57%, 57%);\n --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);\n --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);\n --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);\n --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);\n --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);\n --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);\n --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);\n --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);\n --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);\n --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);\n --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);\n --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);\n --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);\n --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);\n --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);\n --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);\n --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);\n --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);\n --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);\n --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);\n --t-fill-color-tag-indigo-010: hsl(234, 78%, 93%);\n --t-fill-color-tag-indigo-020: hsl(233, 79%, 87%);\n --t-fill-color-tag-indigo-030: hsl(233, 77%, 81%);\n --t-fill-color-tag-indigo-040: hsl(236, 79%, 74%);\n --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 42%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 58%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 58%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width-default);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);\n --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);\n --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);\n --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);\n --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);\n --t-text-color-tag-green: var(--t-text-color-tag-bold-green);\n --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);\n --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);\n --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);\n --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);\n --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);\n --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);\n --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);\n --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);\n --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);\n --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);\n --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);\n --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);\n --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);\n --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);\n --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);\n --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);\n --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);\n --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);\n --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);\n --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);\n --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);\n --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);\n --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);\n --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);\n --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);\n --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);\n --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);\n --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);\n --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);\n --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);\n --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);\n --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);\n --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);\n --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);\n --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);\n --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);\n --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);\n --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);\n --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);\n --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);\n --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);\n --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);\n --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);\n --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);\n --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);\n --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);\n --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);\n --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);\n --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);\n --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);\n --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);\n --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);\n --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);\n --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);\n --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);\n --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);\n --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);\n --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);\n --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);\n --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);\n --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);\n --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);\n --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);\n --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);\n --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);\n --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);\n --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);\n --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);\n --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);\n --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);\n --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);\n --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);\n --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);\n --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);\n --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);\n --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);\n --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);\n --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);\n --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);\n --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);\n --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);\n --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);\n --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);\n --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);\n --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);\n --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);\n --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);\n --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);\n --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);\n --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);\n --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);\n --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);\n --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);\n --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);\n --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);\n --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);\n --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);\n --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);\n --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);\n --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);\n --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);\n --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);\n --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);\n --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);\n --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);\n --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);\n --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);\n --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);\n --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);\n --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);\n --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);\n --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);\n --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: #ffffff00;\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;\n --t-fill-color-button-default-info-ghost-default: #ffffff00;\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: #ffffff00;\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: #ffffff00;\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: #ffffff00;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["index.css","tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[":root {\n @media (prefers-reduced-motion: no-preference) {\n interpolate-size: allow-keywords;\n }\n}\n\n.tds-sidenav {\n --tds-sidenav-indent: 12px;\n --tds-sidenav-item-depth: 0;\n\n --tds-sidenav-item-transition: background-color .2s cubic-bezier(.19, .91, .38, 1);\n\n --tds-sidenav-item-background-hover: var(--t-fill-color-neutral-080);\n --tds-sidenav-item-background-active: var(--t-fill-color-neutral-070);\n --tds-sidenav-item-background-selected: var(--t-fill-color-neutral-050);\n\n --tds-sidenav-item-nested-border-color: var(--t-fill-color-neutral-050);\n --tds-sidenav-item-nested-border-color-hover: var(--t-fill-color-neutral-010);\n --tds-sidenav-item-nested-border-color-selected: var(--t-fill-color-neutral-010);\n\n :where(nav, ul, .tds-sidenav-section) {\n display: flex;\n }\n\n :where(nav, ul, .tds-sidenav-section, .tds-sidenav-collapse) {\n flex-direction: column;\n gap: 4px;\n align-items: start;\n width: 100%;\n }\n}\n\n.tds-sidenav-section-list {\n width: 100%;\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n.tds-sidenav-section-header {\n margin: var(--t-spacing-2) 0 0 0;\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-semibold);\n color: var(--t-text-color-default-secondary);\n text-transform: uppercase;\n\n .tds-sidenav-section:first-of-type & {\n margin-top: 0;\n }\n}\n\n.tds-sidenav-section-list,\n.tds-sidenav-item {\n width: 100%;\n padding: 0;\n margin: 0;\n}\n\n.tds-sidenav-item {\n :is(a, button) {\n position: relative;\n display: flex;\n gap: 12px;\n align-items: center;\n width: 100%;\n padding: 12px;\n overflow: hidden;\n font-size: var(--t-font-size-sm);\n line-height: 18px;\n color: var(--t-text-color-default-headline);\n white-space: nowrap;\n text-decoration: none;\n appearance: none;\n cursor: pointer;\n outline: 0;\n background-color: transparent;\n border: 0;\n border-radius: 4px;\n transition: var(--tds-sidenav-item-transition);\n\n &:not(:has([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)),\n :is(:not([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)) {\n display: block;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n white-space: nowrap;\n }\n\n &[aria-current=\"page\"] {\n --tds-sidenav-item-nested-background: transparent;\n --tds-sidenav-item-nested-border-color: var(--tds-sidenav-item-nested-border-color-selected);\n font-weight: 600;\n background-color: var(--tds-sidenav-item-background-selected);\n\n .prefix,\n [slot=\"prefix\"] {\n color: var(--t-icon-color-default-primary);\n }\n }\n\n &:hover {\n background-color: var(--tds-sidenav-item-background-hover);\n }\n\n &:active {\n background-color: var(--tds-sidenav-item-background-active);\n }\n\n\n :is(.prefix, [slot=\"prefix\"]) {\n display: block;\n width: 16px;\n height: 16px;\n overflow: hidden;\n color: var(--t-icon-color-default-secondary);\n\n svg {\n display: block;\n }\n }\n\n &:has(.prefix, [slot=\"prefix\"]) + .tds-sidenav-section {\n --tds-sidenav-indent: 19px;\n }\n\n &[aria-expanded=\"true\"] + .tds-sidenav-section-list {\n visibility: visible;\n block-size: auto;\n opacity: 1;\n }\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 1;\n gap: 0;\n\n .tds-sidenav-action--toggle + & {\n visibility: hidden;\n block-size: 0;\n overflow-y: clip;\n opacity: 0;\n transition: content-visibility .2s allow-discrete, opacity .2s, block-size .2s;\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 2;\n }\n }\n\n .tds-sidenav-section-list .tds-sidenav-section-list & {\n :is(a, button) {\n height: 32px;\n padding-block: 9px;\n padding-left: calc((var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) + var(--tds-sidenav-indent) + 2px);\n line-height: 1;\n background-color: transparent;\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n width: 2px;\n content: \"\";\n background-color: var(--tds-sidenav-item-nested-border-color);\n transition: var(--tds-sidenav-item-transition);\n }\n\n &::after {\n position: absolute;\n inset: 0 0 0 calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n z-index: -1;\n height: 100%;\n content: \"\";\n background-color: var(--tds-sidenav-item-nested-background);\n border-radius: 0 4px 4px 0;\n transition: var(--tds-sidenav-item-transition);\n }\n\n &.selected {\n background-color: transparent;\n\n &::before {\n background-color: var(--tds-sidenav-item-nested-border-color-selected);\n }\n\n &::after {\n background-color: var(--tds-sidenav-item-background-selected);\n }\n }\n\n &:hover {\n background-color: transparent;\n\n &::before {\n background-color: var(--tds-sidenav-item-nested-border-color-hover);\n }\n\n &::after {\n background-color: var(--tds-sidenav-item-background-hover);\n }\n }\n }\n }\n}\n\n.tds-sidenav-responsive-header {\n display: flex;\n gap: var(--t-spacing-2);\n align-items: center;\n width: 100%;\n\n .tds-sidenav-responsive-header-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--t-container-size-md);\n padding: 3px var(--t-spacing-1);\n background-color: var(--t-fill-color-button-neutral-outline-dim-default);\n border: 1px solid var(--t-border-color-button-neutral);\n border-radius: var(--t-border-radius-md);\n\n &:focus,\n &:focus-visible,\n &:hover {\n background-color: var(--t-fill-color-button-neutral-outline-dim-hover);\n }\n\n &:active {\n background-color: var(--t-fill-color-button-neutral-outline-dim-active);\n }\n }\n\n .tds-sidenav-responsive-header-label {\n flex: 1;\n margin: 0;\n font-size: var(--t-font-size-lg);\n font-weight: var(--t-font-weight-medium);\n color: var(--t-text-color-default-headline);\n }\n}\n\n@media (max-width: 767px) {\n .tds-sidenav-collapse {\n position: absolute;\n top: anchor(bottom);\n left: anchor(left);\n z-index: 7000;\n justify-content: flex-start;\n max-width: 448px;\n padding: var(--t-spacing-2);\n margin-top: 12px;\n outline: 0;\n background: #fff;\n border: 0;\n border-radius: 6px;\n box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .25);\n }\n}\n\n@media (min-width: 768px) {\n .tds-sidenav-responsive-header {\n display: none;\n }\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-width-default: 1px;\n --t-border-width-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semibold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 42%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 58%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 42%);\n --t-icon-color-default-dim: hsl(0, 0%, 58%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 42%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 58%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 42%);\n --t-fill-color-neutral-025: hsl(0, 0%, 50%);\n --t-fill-color-neutral-030: hsl(0, 0%, 58%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 42%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);\n --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);\n --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);\n --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-010: hsl(41, 95%, 93%);\n --t-fill-color-product-giving-020: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-030: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-040: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-050: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-060: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-070: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-080: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-010: hsl(18, 95%, 92%);\n --t-fill-color-product-groups-020: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-030: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-040: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-050: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-060: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-070: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-080: hsl(14, 70%, 34%);\n --t-fill-color-product-home-010: hsl(221, 89%, 93%);\n --t-fill-color-product-home-020: hsl(221, 91%, 91%);\n --t-fill-color-product-home-030: hsl(221, 91%, 87%);\n --t-fill-color-product-home-040: hsl(221, 91%, 62%);\n --t-fill-color-product-home-050: hsl(221, 91%, 55%);\n --t-fill-color-product-home-060: hsl(221, 90%, 50%);\n --t-fill-color-product-home-070: hsl(221, 90%, 45%);\n --t-fill-color-product-home-080: hsl(218, 84%, 25%);\n --t-fill-color-product-people-010: hsl(219, 73%, 91%);\n --t-fill-color-product-people-020: hsl(220, 69%, 81%);\n --t-fill-color-product-people-030: hsl(221, 73%, 71%);\n --t-fill-color-product-people-040: hsl(221, 73%, 65%);\n --t-fill-color-product-people-050: hsl(220, 74%, 57%);\n --t-fill-color-product-people-060: hsl(220, 68%, 51%);\n --t-fill-color-product-people-070: hsl(220, 68%, 41%);\n --t-fill-color-product-people-080: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);\n --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);\n --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);\n --t-fill-color-product-services-010: hsl(88, 31%, 88%);\n --t-fill-color-product-services-020: hsl(88, 39%, 75%);\n --t-fill-color-product-services-030: hsl(88, 39%, 66%);\n --t-fill-color-product-services-040: hsl(88, 40%, 54%);\n --t-fill-color-product-services-050: hsl(88, 45%, 41%);\n --t-fill-color-product-services-060: hsl(89, 62%, 31%);\n --t-fill-color-product-services-070: hsl(89, 62%, 26%);\n --t-fill-color-product-services-080: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);\n --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);\n --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);\n --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);\n --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);\n --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);\n --t-fill-color-tag-blue-020: hsl(221, 100%, 88%);\n --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);\n --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);\n --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);\n --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);\n --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);\n --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);\n --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);\n --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);\n --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);\n --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);\n --t-fill-color-tag-green-010: hsl(98, 59%, 85%);\n --t-fill-color-tag-green-020: hsl(99, 59%, 78%);\n --t-fill-color-tag-green-030: hsl(112, 57%, 65%);\n --t-fill-color-tag-green-040: hsl(112, 57%, 57%);\n --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);\n --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);\n --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);\n --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);\n --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);\n --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);\n --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);\n --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);\n --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);\n --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);\n --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);\n --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);\n --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);\n --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);\n --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);\n --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);\n --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);\n --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);\n --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);\n --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);\n --t-fill-color-tag-indigo-010: hsl(234, 78%, 93%);\n --t-fill-color-tag-indigo-020: hsl(233, 79%, 87%);\n --t-fill-color-tag-indigo-030: hsl(233, 77%, 81%);\n --t-fill-color-tag-indigo-040: hsl(236, 79%, 74%);\n --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 42%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 58%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 58%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width-default);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);\n --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);\n --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);\n --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);\n --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);\n --t-text-color-tag-green: var(--t-text-color-tag-bold-green);\n --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);\n --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);\n --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);\n --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);\n --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);\n --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);\n --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);\n --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);\n --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);\n --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);\n --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);\n --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);\n --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);\n --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);\n --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);\n --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);\n --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);\n --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);\n --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);\n --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);\n --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);\n --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);\n --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);\n --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);\n --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);\n --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);\n --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);\n --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);\n --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);\n --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);\n --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);\n --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);\n --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);\n --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);\n --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);\n --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);\n --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);\n --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);\n --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);\n --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);\n --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);\n --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);\n --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);\n --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);\n --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);\n --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);\n --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);\n --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);\n --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);\n --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);\n --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);\n --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);\n --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);\n --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);\n --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);\n --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);\n --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);\n --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);\n --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);\n --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);\n --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);\n --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);\n --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);\n --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);\n --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);\n --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);\n --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);\n --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);\n --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);\n --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);\n --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);\n --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);\n --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);\n --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);\n --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);\n --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);\n --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);\n --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);\n --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);\n --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);\n --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);\n --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);\n --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);\n --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);\n --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);\n --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);\n --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);\n --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);\n --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);\n --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);\n --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);\n --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);\n --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);\n --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);\n --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);\n --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);\n --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);\n --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);\n --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);\n --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);\n --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);\n --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);\n --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);\n --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);\n --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);\n --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);\n --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);\n --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);\n --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);\n --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);\n --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);\n --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);\n --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: #ffffff00;\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;\n --t-fill-color-button-default-info-ghost-default: #ffffff00;\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: #ffffff00;\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: #ffffff00;\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: #ffffff00;\n}\n"]}
|