@planningcenter/tapestry 2.8.0-rc.10 → 2.8.0-rc.12

package/dist/tapestry-wc/dist/components/tds-sidenav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"tds-sidenav-item.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-item.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.9\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-BhARqz4-.js';\nimport { r as removeSSRSlot } from './p-DH8SSvwR.js';\n\nconst SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H {\n    constructor() {\n        super();\n        this.__registerHost();\n        /**\n         * Whether the sidenav item is selected.\n         */\n        this.selected = false;\n        /**\n         * Handles toggling the popover state.\n         */\n        this.handleClick = () => {\n            const popover = this.el.closest(\"tds-popover-container[popover]\");\n            if (popover) {\n                popover.togglePopover();\n            }\n        };\n        /**\n         * Handles the case where slotted content might change\n         */\n        this.handleSlottedContent = () => {\n            const item = this.el.firstElementChild;\n            if (this.selected) {\n                item === null || item === void 0 ? void 0 : item.setAttribute(\"aria-current\", \"page\");\n            }\n            else {\n                item === null || item === void 0 ? void 0 : item.removeAttribute(\"aria-current\");\n            }\n            item === null || item === void 0 ? void 0 : item.addEventListener(\"click\", this.handleClick);\n        };\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Lifecycle\n    //\n    // --------------------------------------------------------------------------\n    connectedCallback() {\n        this.handleSlottedContent();\n    }\n    componentWillLoad() {\n        this.observer = new MutationObserver(this.handleSlottedContent);\n        this.observer.observe(this.el, {\n            childList: true,\n        });\n    }\n    componentDidLoad() {\n        removeSSRSlot(this.el);\n    }\n    componentDidUpdate() {\n        this.handleSlottedContent();\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n        (_b = this.el.firstElementChild) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"click\", this.handleClick);\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Render Methods\n    //\n    // --------------------------------------------------------------------------\n    render() {\n        return (h(Host, { key: '2fd6a14278f8ce597a945e1d1ea216616ea05ceb', class: {\n                \"tds-sidenav-item\": true,\n                selected: this.selected,\n            }, role: \"listitem\" }, h(\"slot\", { key: '0b1aae7b72448aaf718500cf655dc7a772efa72c' }), h(\"slot\", { key: 'b6a65573d62b6dbb1ea5eb86da8305153b7c91e3', name: \"subnav\" })));\n    }\n    get el() { return this; }\n}, [6, \"tds-sidenav-item\", {\n        \"selected\": [4]\n    }]);\nfunction defineCustomElement$1() {\n    if (typeof customElements === \"undefined\") {\n        return;\n    }\n    const components = [\"tds-sidenav-item\"];\n    components.forEach(tagName => { switch (tagName) {\n        case \"tds-sidenav-item\":\n            if (!customElements.get(tagName)) {\n                customElements.define(tagName, SidenavItem);\n            }\n            break;\n    } });\n}\n\nconst TdsSidenavItem = SidenavItem;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavItem, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-item.js.map\n\n//# sourceMappingURL=tds-sidenav-item.js.map"],"names":[],"mappings":"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"}
+{"version":3,"file":"tds-sidenav-item.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-item.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.11\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-C-DiXomr.js';\nimport { r as removeSSRSlot } from './p-Bhu9KZar.js';\n\nconst SidenavItem = /*@__PURE__*/ proxyCustomElement(class SidenavItem extends H {\n    constructor() {\n        super();\n        this.__registerHost();\n        /**\n         * Whether the sidenav item is selected.\n         */\n        this.selected = false;\n        /**\n         * Handles toggling the popover state.\n         */\n        this.handleClick = () => {\n            const popover = this.el.closest(\"tds-popover-container[popover]\");\n            if (popover) {\n                popover.togglePopover();\n            }\n        };\n        /**\n         * Handles the case where slotted content might change\n         */\n        this.handleSlottedContent = () => {\n            const item = this.el.firstElementChild;\n            if (this.selected) {\n                item === null || item === void 0 ? void 0 : item.setAttribute(\"aria-current\", \"page\");\n            }\n            else {\n                item === null || item === void 0 ? void 0 : item.removeAttribute(\"aria-current\");\n            }\n            item === null || item === void 0 ? void 0 : item.addEventListener(\"click\", this.handleClick);\n        };\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Lifecycle\n    //\n    // --------------------------------------------------------------------------\n    connectedCallback() {\n        this.handleSlottedContent();\n    }\n    componentWillLoad() {\n        this.observer = new MutationObserver(this.handleSlottedContent);\n        this.observer.observe(this.el, {\n            childList: true,\n        });\n    }\n    componentDidLoad() {\n        removeSSRSlot(this.el);\n    }\n    componentDidUpdate() {\n        this.handleSlottedContent();\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();\n        (_b = this.el.firstElementChild) === null || _b === void 0 ? void 0 : _b.removeEventListener(\"click\", this.handleClick);\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Render Methods\n    //\n    // --------------------------------------------------------------------------\n    render() {\n        return (h(Host, { key: '2fd6a14278f8ce597a945e1d1ea216616ea05ceb', class: {\n                \"tds-sidenav-item\": true,\n                selected: this.selected,\n            }, role: \"listitem\" }, h(\"slot\", { key: '0b1aae7b72448aaf718500cf655dc7a772efa72c' }), h(\"slot\", { key: 'b6a65573d62b6dbb1ea5eb86da8305153b7c91e3', name: \"subnav\" })));\n    }\n    get el() { return this; }\n}, [6, \"tds-sidenav-item\", {\n        \"selected\": [4]\n    }]);\nfunction defineCustomElement$1() {\n    if (typeof customElements === \"undefined\") {\n        return;\n    }\n    const components = [\"tds-sidenav-item\"];\n    components.forEach(tagName => { switch (tagName) {\n        case \"tds-sidenav-item\":\n            if (!customElements.get(tagName)) {\n                customElements.define(tagName, SidenavItem);\n            }\n            break;\n    } });\n}\n\nconst TdsSidenavItem = SidenavItem;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavItem, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-item.js.map\n\n//# sourceMappingURL=tds-sidenav-item.js.map"],"names":[],"mappings":"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"}

package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js

@@ -1,8 +1,8 @@
-import { d as defineCustomElement$1 } from './p-CCXjmhC0.js';
+import { d as defineCustomElement$1 } from './p-DCsSkabe.js';
 
 /*!
  * Planning Center Tapestry Web Components
- * Version: 2.8.0-rc.9
+ * Version: 2.8.0-rc.11
  */
 const defineCustomElement = defineCustomElement$1;
 

package/dist/tapestry-wc/dist/components/tds-sidenav-responsive-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"tds-sidenav-responsive-header.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.9\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-CCXjmhC0.js';\n\nconst TdsSidenavResponsiveHeader = SidenavResponsiveHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavResponsiveHeader, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map\n\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AAIK,MAAC,mBAAmB,GAAG;;;;"}
+{"version":3,"file":"tds-sidenav-responsive-header.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.11\n */\nimport { S as SidenavResponsiveHeader, d as defineCustomElement$1 } from './p-DCsSkabe.js';\n\nconst TdsSidenavResponsiveHeader = SidenavResponsiveHeader;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavResponsiveHeader, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map\n\n//# sourceMappingURL=tds-sidenav-responsive-header.js.map"],"names":[],"mappings":";;AAAA;AACA;AACA;AACA;AAIK,MAAC,mBAAmB,GAAG;;;;"}

package/dist/tapestry-wc/dist/components/tds-sidenav-section.js

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-BhARqz4-.js';
-import { r as removeSSRSlot } from './p-DH8SSvwR.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-C-DiXomr.js';
+import { r as removeSSRSlot } from './p-Bhu9KZar.js';
 
 /*!
  * Planning Center Tapestry Web Components
- * Version: 2.8.0-rc.9
+ * Version: 2.8.0-rc.11
  */
 
 let sidenavSectionId = 0;

package/dist/tapestry-wc/dist/components/tds-sidenav-section.js.map

@@ -1 +1 @@
-{"version":3,"file":"tds-sidenav-section.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-section.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.9\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-BhARqz4-.js';\nimport { r as removeSSRSlot } from './p-DH8SSvwR.js';\n\nlet sidenavSectionId = 0;\nconst SidenavSection = /*@__PURE__*/ proxyCustomElement(class SidenavSection extends H {\n    constructor() {\n        super();\n        this.__registerHost();\n        this.componentId = `sidenav-section-header-${sidenavSectionId++}`;\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Lifecycle\n    //\n    // --------------------------------------------------------------------------\n    componentDidLoad() {\n        removeSSRSlot(this.el);\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Render Methods\n    //\n    // --------------------------------------------------------------------------\n    render() {\n        return (h(Host, { key: '6180a3b3e7cc275db1cca6543e8e6baa0cd1194d', class: \"tds-sidenav-section\" }, this.label && (h(\"div\", { key: 'e7d059ef4767a21d1b9151072f609b61f0604c0f', class: \"tds-sidenav-section-header\" }, h(\"h2\", { key: '11f8ae4bf17b4dc1e3e35f0001b55ad627c71f89', id: `${this.componentId}` }, this.label), h(\"slot\", { key: '7f48319f4dc7d6df825a886bec352a17f906ef62', name: \"label-actions\" }))), h(\"ul\", { key: '09a6e50b878ffefb38bb002dc220934eccc43065', class: \"tds-sidenav-section-list\", \"aria-labelledby\": this.label ? `${this.componentId}` : undefined }, h(\"slot\", { key: '609dd29d6fa5799b5db11bfcb4dd3bccca499511' })), h(\"slot\", { key: '7c6ead1b19894d59cbc4b860cc322f3fc23e12b9', name: \"section-actions\" })));\n    }\n    get el() { return this; }\n}, [6, \"tds-sidenav-section\", {\n        \"label\": [1]\n    }]);\nfunction defineCustomElement$1() {\n    if (typeof customElements === \"undefined\") {\n        return;\n    }\n    const components = [\"tds-sidenav-section\"];\n    components.forEach(tagName => { switch (tagName) {\n        case \"tds-sidenav-section\":\n            if (!customElements.get(tagName)) {\n                customElements.define(tagName, SidenavSection);\n            }\n            break;\n    } });\n}\n\nconst TdsSidenavSection = SidenavSection;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavSection, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-section.js.map\n\n//# sourceMappingURL=tds-sidenav-section.js.map"],"names":[],"mappings":";;;AAAA;AACA;AACA;AACA;;AAIA,IAAI,gBAAgB,GAAG,CAAC;AACxB,MAAM,cAAc,iBAAiB,kBAAkB,CAAC,MAAM,cAAc,SAAS,CAAC,CAAC;AACvF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE;AACf,QAAQ,IAAI,CAAC,cAAc,EAAE;AAC7B,QAAQ,IAAI,CAAC,WAAW,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACzE,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC9B,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACvtB,IAAI;AACJ,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC;AAC5B,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE;AAC9B,QAAQ,OAAO,EAAE,CAAC,CAAC;AACnB,KAAK,CAAC,CAAC;AACP,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ;AACR,IAAI;AACJ,IAAI,MAAM,UAAU,GAAG,CAAC,qBAAqB,CAAC;AAC9C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,qBAAqB;AAClC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC;AAC9D,YAAY;AACZ,YAAY;AACZ,KAAK,CAAC,CAAC,CAAC;AACR;AAGK,MAAC,mBAAmB,GAAG;;;;"}
+{"version":3,"file":"tds-sidenav-section.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav-section.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.11\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-C-DiXomr.js';\nimport { r as removeSSRSlot } from './p-Bhu9KZar.js';\n\nlet sidenavSectionId = 0;\nconst SidenavSection = /*@__PURE__*/ proxyCustomElement(class SidenavSection extends H {\n    constructor() {\n        super();\n        this.__registerHost();\n        this.componentId = `sidenav-section-header-${sidenavSectionId++}`;\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Lifecycle\n    //\n    // --------------------------------------------------------------------------\n    componentDidLoad() {\n        removeSSRSlot(this.el);\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Render Methods\n    //\n    // --------------------------------------------------------------------------\n    render() {\n        return (h(Host, { key: '6180a3b3e7cc275db1cca6543e8e6baa0cd1194d', class: \"tds-sidenav-section\" }, this.label && (h(\"div\", { key: 'e7d059ef4767a21d1b9151072f609b61f0604c0f', class: \"tds-sidenav-section-header\" }, h(\"h2\", { key: '11f8ae4bf17b4dc1e3e35f0001b55ad627c71f89', id: `${this.componentId}` }, this.label), h(\"slot\", { key: '7f48319f4dc7d6df825a886bec352a17f906ef62', name: \"label-actions\" }))), h(\"ul\", { key: '09a6e50b878ffefb38bb002dc220934eccc43065', class: \"tds-sidenav-section-list\", \"aria-labelledby\": this.label ? `${this.componentId}` : undefined }, h(\"slot\", { key: '609dd29d6fa5799b5db11bfcb4dd3bccca499511' })), h(\"slot\", { key: '7c6ead1b19894d59cbc4b860cc322f3fc23e12b9', name: \"section-actions\" })));\n    }\n    get el() { return this; }\n}, [6, \"tds-sidenav-section\", {\n        \"label\": [1]\n    }]);\nfunction defineCustomElement$1() {\n    if (typeof customElements === \"undefined\") {\n        return;\n    }\n    const components = [\"tds-sidenav-section\"];\n    components.forEach(tagName => { switch (tagName) {\n        case \"tds-sidenav-section\":\n            if (!customElements.get(tagName)) {\n                customElements.define(tagName, SidenavSection);\n            }\n            break;\n    } });\n}\n\nconst TdsSidenavSection = SidenavSection;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenavSection, defineCustomElement };\n//# sourceMappingURL=tds-sidenav-section.js.map\n\n//# sourceMappingURL=tds-sidenav-section.js.map"],"names":[],"mappings":";;;AAAA;AACA;AACA;AACA;;AAIA,IAAI,gBAAgB,GAAG,CAAC;AACxB,MAAM,cAAc,iBAAiB,kBAAkB,CAAC,MAAM,cAAc,SAAS,CAAC,CAAC;AACvF,IAAI,WAAW,GAAG;AAClB,QAAQ,KAAK,EAAE;AACf,QAAQ,IAAI,CAAC,cAAc,EAAE;AAC7B,QAAQ,IAAI,CAAC,WAAW,GAAG,CAAC,uBAAuB,EAAE,gBAAgB,EAAE,CAAC,CAAC;AACzE,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,gBAAgB,GAAG;AACvB,QAAQ,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;AAC9B,IAAI;AACJ;AACA;AACA;AACA;AACA;AACA,IAAI,MAAM,GAAG;AACb,QAAQ,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,qBAAqB,EAAE,EAAE,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,4BAA4B,EAAE,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,KAAK,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,EAAE,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,0CAA0C,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC,CAAC;AACvtB,IAAI;AACJ,IAAI,IAAI,EAAE,GAAG,EAAE,OAAO,IAAI,CAAC,CAAC;AAC5B,CAAC,EAAE,CAAC,CAAC,EAAE,qBAAqB,EAAE;AAC9B,QAAQ,OAAO,EAAE,CAAC,CAAC;AACnB,KAAK,CAAC,CAAC;AACP,SAAS,qBAAqB,GAAG;AACjC,IAAI,IAAI,OAAO,cAAc,KAAK,WAAW,EAAE;AAC/C,QAAQ;AACR,IAAI;AACJ,IAAI,MAAM,UAAU,GAAG,CAAC,qBAAqB,CAAC;AAC9C,IAAI,UAAU,CAAC,OAAO,CAAC,OAAO,IAAI,EAAE,QAAQ,OAAO;AACnD,QAAQ,KAAK,qBAAqB;AAClC,YAAY,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC9C,gBAAgB,cAAc,CAAC,MAAM,CAAC,OAAO,EAAE,cAAc,CAAC;AAC9D,YAAY;AACZ,YAAY;AACZ,KAAK,CAAC,CAAC,CAAC;AACR;AAGK,MAAC,mBAAmB,GAAG;;;;"}

package/dist/tapestry-wc/dist/components/tds-sidenav.js

@@ -1,11 +1,11 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-BhARqz4-.js';
-import { r as removeSSRSlot } from './p-DH8SSvwR.js';
-import { d as defineCustomElement$3 } from './p-BGt5xQza.js';
-import { d as defineCustomElement$2 } from './p-CCXjmhC0.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-C-DiXomr.js';
+import { r as removeSSRSlot } from './p-Bhu9KZar.js';
+import { d as defineCustomElement$3 } from './p-CD7Hye-R.js';
+import { d as defineCustomElement$2 } from './p-DCsSkabe.js';
 
 /*!
  * Planning Center Tapestry Web Components
- * Version: 2.8.0-rc.9
+ * Version: 2.8.0-rc.11
  */
 
 let sidenavMenuId = 0;

package/dist/tapestry-wc/dist/components/tds-sidenav.js.map

@@ -1 +1 @@
-{"version":3,"file":"tds-sidenav.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.9\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-BhARqz4-.js';\nimport { r as removeSSRSlot } from './p-DH8SSvwR.js';\nimport { d as defineCustomElement$3 } from './p-BGt5xQza.js';\nimport { d as defineCustomElement$2 } from './p-CCXjmhC0.js';\n\nlet sidenavMenuId = 0;\nconst Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {\n    constructor() {\n        super();\n        this.__registerHost();\n        this.sidenavMenuId = `tds-sidenav-menu-${sidenavMenuId++}`;\n        /**\n         * The label for the sidenav, used for accessibility.\n         */\n        this.label = \"Secondary\";\n        /**\n         * The id of the popover.\n         */\n        this.popoverId = `${this.sidenavMenuId}-popover`;\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Lifecycle\n    //\n    // --------------------------------------------------------------------------\n    componentDidLoad() {\n        removeSSRSlot(this.el);\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Render Methods\n    //\n    // --------------------------------------------------------------------------\n    render() {\n        return (h(Host, { key: '06604b65e64762dcbdcb458cdbab59c1ab37b264', class: \"tds-sidenav\" }, h(\"nav\", { key: 'e80a40f55f227eae88bb46c0e5d5274ea7abc293', id: this.sidenavMenuId, class: \"tds-sidenav-nav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: 'c2dc87a34873af79f8b38b4562aa7f341a2e037a', \"popover-id\": this.popoverId, label: this.selectedItemLabel }), h(\"tds-popover-container\", { key: 'a9e2d0406eac1e48198adf39adc3ebe412ca5132', breakpoint: 719, id: this.popoverId, class: \"tds-sidenav-collapse\", \"auto-position\": true }, h(\"div\", { key: '9d1f2055842fa1bf61bdd76205ab2a52dc14c23f', class: \"tds-sidenav-scroll-container\" }, h(\"slot\", { key: '65b731de86aad6d85f76aac0765b8ec68a4a5448' }))))));\n    }\n    get el() { return this; }\n}, [6, \"tds-sidenav\", {\n        \"label\": [1],\n        \"selectedItemLabel\": [1, \"selected-item-label\"],\n        \"popoverId\": [1, \"popover-id\"]\n    }]);\nfunction defineCustomElement$1() {\n    if (typeof customElements === \"undefined\") {\n        return;\n    }\n    const components = [\"tds-sidenav\", \"tds-popover-container\", \"tds-sidenav-responsive-header\"];\n    components.forEach(tagName => { switch (tagName) {\n        case \"tds-sidenav\":\n            if (!customElements.get(tagName)) {\n                customElements.define(tagName, Sidenav);\n            }\n            break;\n        case \"tds-popover-container\":\n            if (!customElements.get(tagName)) {\n                defineCustomElement$3();\n            }\n            break;\n        case \"tds-sidenav-responsive-header\":\n            if (!customElements.get(tagName)) {\n                defineCustomElement$2();\n            }\n            break;\n    } });\n}\n\nconst TdsSidenav = Sidenav;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenav, defineCustomElement };\n//# sourceMappingURL=tds-sidenav.js.map\n\n//# sourceMappingURL=tds-sidenav.js.map"],"names":[],"mappings":"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"}
+{"version":3,"file":"tds-sidenav.js","sources":["../../../../../tapestry-wc/dist/components/tds-sidenav.js"],"sourcesContent":["/*!\n * Planning Center Tapestry Web Components\n * Version: 2.8.0-rc.11\n */\nimport { p as proxyCustomElement, H, h, c as Host } from './p-C-DiXomr.js';\nimport { r as removeSSRSlot } from './p-Bhu9KZar.js';\nimport { d as defineCustomElement$3 } from './p-CD7Hye-R.js';\nimport { d as defineCustomElement$2 } from './p-DCsSkabe.js';\n\nlet sidenavMenuId = 0;\nconst Sidenav = /*@__PURE__*/ proxyCustomElement(class Sidenav extends H {\n    constructor() {\n        super();\n        this.__registerHost();\n        this.sidenavMenuId = `tds-sidenav-menu-${sidenavMenuId++}`;\n        /**\n         * The label for the sidenav, used for accessibility.\n         */\n        this.label = \"Secondary\";\n        /**\n         * The id of the popover.\n         */\n        this.popoverId = `${this.sidenavMenuId}-popover`;\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Lifecycle\n    //\n    // --------------------------------------------------------------------------\n    componentDidLoad() {\n        removeSSRSlot(this.el);\n    }\n    // --------------------------------------------------------------------------\n    //\n    //  Render Methods\n    //\n    // --------------------------------------------------------------------------\n    render() {\n        return (h(Host, { key: '06604b65e64762dcbdcb458cdbab59c1ab37b264', class: \"tds-sidenav\" }, h(\"nav\", { key: 'e80a40f55f227eae88bb46c0e5d5274ea7abc293', id: this.sidenavMenuId, class: \"tds-sidenav-nav\", \"aria-label\": this.label }, h(\"tds-sidenav-responsive-header\", { key: 'c2dc87a34873af79f8b38b4562aa7f341a2e037a', \"popover-id\": this.popoverId, label: this.selectedItemLabel }), h(\"tds-popover-container\", { key: 'a9e2d0406eac1e48198adf39adc3ebe412ca5132', breakpoint: 719, id: this.popoverId, class: \"tds-sidenav-collapse\", \"auto-position\": true }, h(\"div\", { key: '9d1f2055842fa1bf61bdd76205ab2a52dc14c23f', class: \"tds-sidenav-scroll-container\" }, h(\"slot\", { key: '65b731de86aad6d85f76aac0765b8ec68a4a5448' }))))));\n    }\n    get el() { return this; }\n}, [6, \"tds-sidenav\", {\n        \"label\": [1],\n        \"selectedItemLabel\": [1, \"selected-item-label\"],\n        \"popoverId\": [1, \"popover-id\"]\n    }]);\nfunction defineCustomElement$1() {\n    if (typeof customElements === \"undefined\") {\n        return;\n    }\n    const components = [\"tds-sidenav\", \"tds-popover-container\", \"tds-sidenav-responsive-header\"];\n    components.forEach(tagName => { switch (tagName) {\n        case \"tds-sidenav\":\n            if (!customElements.get(tagName)) {\n                customElements.define(tagName, Sidenav);\n            }\n            break;\n        case \"tds-popover-container\":\n            if (!customElements.get(tagName)) {\n                defineCustomElement$3();\n            }\n            break;\n        case \"tds-sidenav-responsive-header\":\n            if (!customElements.get(tagName)) {\n                defineCustomElement$2();\n            }\n            break;\n    } });\n}\n\nconst TdsSidenav = Sidenav;\nconst defineCustomElement = defineCustomElement$1;\n\nexport { TdsSidenav, defineCustomElement };\n//# sourceMappingURL=tds-sidenav.js.map\n\n//# sourceMappingURL=tds-sidenav.js.map"],"names":[],"mappings":"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"}

package/dist/tokens/tokens-deprecated.json

@@ -24,19 +24,23 @@
   "color": {
     "--t-icon-color-status-neutral-dark": {
       "type": "color",
-      "value": "var(--t-icon-color-status-neutral-bold)"
+      "value": "var(--t-icon-color-status-neutral-bold)",
+      "darkmode-value": "hsl(0, 0%, 80%)"
     },
     "--t-icon-color-status-info-secondary": {
       "type": "color",
-      "value": "var(--t-icon-color-status-info)"
+      "value": "var(--t-icon-color-status-info)",
+      "darkmode-value": "hsl(204, 68%, 55%)"
     },
     "--t-fill-color-status-neutral-solid": {
       "type": "color",
-      "value": "var(--t-fill-color-status-neutral)"
+      "value": "var(--t-fill-color-status-neutral)",
+      "darkmode-value": "hsl(0, 0%, 24%)"
     },
     "--t-fill-color-status-info-solid": {
       "type": "color",
-      "value": "var(--t-fill-color-status-info)"
+      "value": "var(--t-fill-color-status-info)",
+      "darkmode-value": "hsl(204, 100%, 35%)"
     },
     "--t-fill-color-status-success-solid": {
       "type": "color",
@@ -73,19 +77,23 @@
     },
     "--t-fill-color-button-neutral-outline-dim-default": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline)"
+      "value": "var(--t-fill-color-button-neutral-outline)",
+      "darkmode-value": "hsl(0, 0%, 15%)"
     },
     "--t-fill-color-button-neutral-outline-dim-hover": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline-hover)"
+      "value": "var(--t-fill-color-button-neutral-outline-hover)",
+      "darkmode-value": "hsl(0, 0%, 17%)"
     },
     "--t-fill-color-button-neutral-outline-dim-active": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline-active)"
+      "value": "var(--t-fill-color-button-neutral-outline-active)",
+      "darkmode-value": "hsl(0, 0%, 19%)"
     },
     "--t-fill-color-button-neutral-outline-dim-disabled": {
       "type": "color",
-      "value": "var(--t-fill-color-button-neutral-outline-disabled)"
+      "value": "var(--t-fill-color-button-neutral-outline-disabled)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
     },
     "--t-fill-color-button-neutral-outline-dim-disabled-solid": {
       "type": "color",
@@ -94,19 +102,23 @@
     },
     "--t-fill-color-button-interaction-outline-dim-default": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline)"
+      "value": "var(--t-fill-color-button-interaction-outline)",
+      "darkmode-value": "hsl(204, 32%, 15%)"
     },
     "--t-fill-color-button-interaction-outline-dim-hover": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline-hover)"
+      "value": "var(--t-fill-color-button-interaction-outline-hover)",
+      "darkmode-value": "hsl(204, 39%, 17%)"
     },
     "--t-fill-color-button-interaction-outline-dim-active": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline-active)"
+      "value": "var(--t-fill-color-button-interaction-outline-active)",
+      "darkmode-value": "hsl(205, 45%, 18%)"
     },
     "--t-fill-color-button-interaction-outline-dim-disabled": {
       "type": "color",
-      "value": "var(--t-fill-color-button-interaction-outline-disabled)"
+      "value": "var(--t-fill-color-button-interaction-outline-disabled)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
     },
     "--t-fill-color-button-create-solid-default": {
       "type": "color",
@@ -148,19 +160,23 @@
     },
     "--t-fill-color-button-delete-outline-dim-default": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline)"
+      "value": "var(--t-fill-color-button-delete-outline)",
+      "darkmode-value": "hsl(8, 20%, 16%)"
     },
     "--t-fill-color-button-delete-outline-dim-hover": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline-hover)"
+      "value": "var(--t-fill-color-button-delete-outline-hover)",
+      "darkmode-value": "hsl(9, 24%, 17%)"
     },
     "--t-fill-color-button-delete-outline-dim-active": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline-active)"
+      "value": "var(--t-fill-color-button-delete-outline-active)",
+      "darkmode-value": "hsl(9, 29%, 19%)"
     },
     "--t-fill-color-button-delete-outline-dim-disabled": {
       "type": "color",
-      "value": "var(--t-fill-color-button-delete-outline-disabled)"
+      "value": "var(--t-fill-color-button-delete-outline-disabled)",
+      "darkmode-value": "hsl(0, 0%, 12%)"
     },
     "--t-border-color-default-base": {
       "type": "color",

package/dist/tokens.css

@@ -4,7 +4,7 @@
   --t-border-radius-lg:8px;
   --t-border-radius-xl:16px;
   --t-border-radius-round:56px;
-  --t-border-radius:4px;
+  --t-border-radius:var(--t-border-radius-md);
   --t-border-width:1px;
   --t-border-width-thick:2px;
   --t-spacing-1:8px;
@@ -316,9 +316,9 @@
   --t-fill-color-button-neutral-ghost-hover:hsl(0, 0%, 95%);
   --t-fill-color-button-neutral-ghost-active:hsl(0, 0%, 93%);
   --t-fill-color-button-neutral-ghost-disabled:hsla(0, 0%, 100%, 0);
-  --t-fill-color-button-neutral-responsive-header:hsla(0, 0%, 0%, 0.1);
-  --t-fill-color-button-neutral-responsive-header-hover:hsla(0, 0%, 0%, 0.2);
-  --t-fill-color-button-neutral-responsive-header-active:hsla(0, 0%, 0%, 0.3);
+  --t-fill-color-button-neutral-responsive-header:var(--t-fill-color-transparency-dark-010);
+  --t-fill-color-button-neutral-responsive-header-hover:var(--t-fill-color-transparency-dark-020);
+  --t-fill-color-button-neutral-responsive-header-active:var(--t-fill-color-transparency-dark-030);
   --t-fill-color-button-neutral-responsive-header-disabled:hsla(0, 0%, 0%, 0.05);
   --t-fill-color-button-interaction-solid:hsl(204, 100%, 40%);
   --t-fill-color-button-interaction-solid-hover:hsl(204, 100%, 35%);
@@ -375,8 +375,8 @@
   --t-fill-color-transparency-dark-static-070:hsla(0, 0%, 0%, 0.7);
   --t-fill-color-transparency-dark-static-080:hsla(0, 0%, 0%, 0.8);
   --t-fill-color-transparency-dark-static-090:hsla(0, 0%, 0%, 0.9);
-  --t-surface-color-card:hsl(0, 0%, 100%);
-  --t-surface-color-canvas:hsl(0, 0%, 100%);
+  --t-surface-color-card:var(--t-fill-color-neutral-100);
+  --t-surface-color-canvas:var(--t-fill-color-neutral-100);
   --t-border-color:hsl(0, 0%, 88%);
   --t-border-color-dark:hsl(0, 0%, 81%);
   --t-border-color-darker:hsl(0, 0%, 68%);

package/dist/tokens.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../tokens/dist/css/tokens-alias.css","../../../tokens/dist/css/tokens-dark.css","../../../tokens/dist/css/tokens-system-dark.css"],"names":[],"mappings":"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","file":"tokens.css","sourcesContent":["/**\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: 4px;\n  --t-border-width: 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-spacing-1-half: 12px;\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-headline: hsl(0, 0%, 12%);\n  --t-text-color: hsl(0, 0%, 24%);\n  --t-text-color-secondary: hsl(0, 0%, 42%);\n  --t-text-color-disabled: hsl(0, 0%, 68%);\n  --t-text-color-placeholder: hsl(0, 0%, 58%);\n  --t-text-color-inverted: hsl(0, 0%, 100%);\n  --t-text-color-interaction: 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: hsl(0, 0%, 24%);\n  --t-icon-color-secondary: hsl(0, 0%, 42%);\n  --t-icon-color-dim: hsl(0, 0%, 58%);\n  --t-icon-color-disabled: hsl(0, 0%, 81%);\n  --t-icon-color-inverted: hsl(0, 0%, 100%);\n  --t-icon-color-status-neutral: 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: hsl(204, 100%, 40%);\n  --t-icon-color-status-success: hsl(96, 57%, 33%);\n  --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n  --t-icon-color-status-warning: hsl(42, 84%, 49%);\n  --t-icon-color-status-error: hsl(8, 60%, 47%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 100%);\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-interaction: 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: hsl(204, 100%, 40%);\n  --t-fill-color-control-error: hsl(8, 60%, 47%);\n  --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n  --t-fill-color-status-neutral: 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: 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: 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: 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: 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: hsla(0, 0%, 12%, 0.9);\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-musicstand-010: hsl(207, 61%, 93%);\n  --t-fill-color-product-musicstand-020: hsl(207, 61%, 90%);\n  --t-fill-color-product-musicstand-030: hsl(207, 58%, 85%);\n  --t-fill-color-product-musicstand-040: hsl(207, 59%, 60%);\n  --t-fill-color-product-musicstand-050: hsl(207, 59%, 50%);\n  --t-fill-color-product-musicstand-060: hsl(207, 59%, 40%);\n  --t-fill-color-product-musicstand-070: hsl(207, 59%, 35%);\n  --t-fill-color-product-musicstand-080: hsl(207, 59%, 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: 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-product-accounts-gradient-brand: linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-api-gradient-brand: linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));\n  --t-fill-color-product-calendar-gradient-brand: linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));\n  --t-fill-color-product-cc-gradient-brand: linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));\n  --t-fill-color-product-checkins-gradient-brand: linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));\n  --t-fill-color-product-giving-gradient-brand: linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-groups-gradient-brand: linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));\n  --t-fill-color-product-headcounts-gradient-brand: linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-musicstand-gradient-brand: linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));\n  --t-fill-color-product-people-gradient-brand: linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-publishing-gradient-brand: linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));\n  --t-fill-color-product-registrations-gradient-brand: linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-services-gradient-brand: linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%));\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: hsl(0, 0%, 93%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 88%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 81%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n  --t-fill-color-button-neutral-outline: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 95%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 93%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-neutral-ghost: 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-neutral-responsive-header: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-button-neutral-responsive-header-hover: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-button-neutral-responsive-header-active: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 0%, 0.05);\n  --t-fill-color-button-interaction-solid: 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: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 100%, 97%);\n  --t-fill-color-button-interaction-outline-active: hsl(203, 94%, 94%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-interaction-ghost: 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: 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: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-delete-outline-hover: hsl(7, 60%, 97%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 59%, 93%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-delete-ghost: 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: 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-fill-color-transparency-dark-static-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-dark-static-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-dark-static-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-dark-static-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-dark-static-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-dark-static-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-dark-static-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-dark-static-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-dark-static-090: hsla(0, 0%, 0%, 0.9);\n  --t-surface-color-card: hsl(0, 0%, 100%);\n  --t-surface-color-canvas: hsl(0, 0%, 100%);\n  --t-border-color: hsl(0, 0%, 88%);\n  --t-border-color-dark: hsl(0, 0%, 81%);\n  --t-border-color-darker: hsl(0, 0%, 68%);\n  --t-border-color-darkest: hsl(0, 0%, 58%);\n  --t-border-color-disabled: hsl(0, 0%, 88%);\n  --t-border-color-dim: hsl(0, 0%, 95%);\n  --t-border-color-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%, 81%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.07);\n  --t-font-sans-serif: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  --t-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  --t-form-background-color: var(--t-fill-color-neutral-100);\n  --t-form-background-color-disabled: var(--t-fill-color-neutral-070);\n  --t-form-background-color-error: var(--t-fill-color-neutral-100);\n  --t-form-background-color-readonly: var(--t-fill-color-neutral-070);\n  --t-form-border-color: var(--t-border-color);\n  --t-form-border-color-disabled: var(--t-border-color);\n  --t-form-border-color-error: var(--t-border-color-status-error);\n  --t-form-border-color-focus: var(--t-fill-color-interaction);\n  --t-form-border-color-hover: var(--t-border-color-dark);\n  --t-form-border-color-readonly: hsla(0, 0%, 100%, 0);\n  --t-form-border-radius: var(--t-border-radius-md);\n  --t-form-border-width: var(--t-border-width);\n  --t-form-font-color: var(--t-text-color);\n  --t-form-font-color-disabled: var(--t-text-color-disabled);\n  --t-form-font-color-error: var(--t-text-color-status-error);\n  --t-form-font-color-readonly: var(--t-text-color);\n  --t-form-picker-icon-color: var(--t-icon-color);\n  --t-form-placeholder-color: var(--t-text-color-placeholder);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n  color-scheme: dark;\n  --t-text-color-headline: hsl(0, 0%, 94%);\n  --t-text-color: hsl(0, 0%, 80%);\n  --t-text-color-secondary: hsl(0, 0%, 54%);\n  --t-text-color-disabled: hsl(0, 0%, 32%);\n  --t-text-color-placeholder: hsl(0, 0%, 38%);\n  --t-text-color-interaction: hsl(204, 68%, 55%);\n  --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n  --t-text-color-interaction-active: hsl(204, 68%, 45%);\n  --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n  --t-text-color-status-neutral: hsl(0, 0%, 80%);\n  --t-text-color-status-info: hsl(204, 68%, 55%);\n  --t-text-color-status-success: hsl(97, 57%, 41%);\n  --t-text-color-status-warning: hsl(42, 84%, 55%);\n  --t-text-color-status-error: hsl(8, 61%, 61%);\n  --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n  --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n  --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n  --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n  --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n  --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n  --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n  --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n  --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n  --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n  --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n  --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n  --t-icon-color: hsl(0, 0%, 80%);\n  --t-icon-color-secondary: hsl(0, 0%, 54%);\n  --t-icon-color-dim: hsl(0, 0%, 38%);\n  --t-icon-color-disabled: hsl(0, 0%, 25%);\n  --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n  --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n  --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n  --t-icon-color-status-info: hsl(204, 68%, 55%);\n  --t-icon-color-status-error: hsl(8, 61%, 61%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n  --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n  --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --t-fill-color-interaction: hsl(204, 100%, 35%);\n  --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n  --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n  --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n  --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n  --t-fill-color-control: hsl(204, 100%, 35%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n  --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n  --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n  --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n  --t-fill-color-status-info: hsl(204, 100%, 35%);\n  --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n  --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n  --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n  --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n  --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n  --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n  --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n  --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n  --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n  --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n  --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n  --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n  --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n  --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n  --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n  --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n  --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n  --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n  --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n  --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n  --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n  --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n  --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n  --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n  --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n  --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n  --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n  --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n  --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n  --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n  --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n  --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n  --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n  --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n  --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n  --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n  --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n  --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n  --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n  --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n  --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n  --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n  --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n  --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n  --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n  --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n  --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n  --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n  --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n  --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n  --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n  --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n  --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n  --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n  --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n  --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n  --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-pill: hsl(0, 0%, 18%);\n  --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n  --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --t-surface-color-card: hsl(0, 0%, 12%);\n  --t-surface-color-canvas: hsl(0, 0%, 10%);\n  --t-border-color: hsl(0, 0%, 21%);\n  --t-border-color-dark: hsl(0, 0%, 25%);\n  --t-border-color-darker: hsl(0, 0%, 33%);\n  --t-border-color-darkest: hsl(0, 0%, 38%);\n  --t-border-color-disabled: hsl(0, 0%, 21%);\n  --t-border-color-dim: hsl(0, 0%, 16%);\n  --t-border-color-white: hsl(0, 0%, 12%);\n  --t-border-color-status-neutral: hsl(0, 0%, 38%);\n  --t-border-color-status-info: hsl(204, 100%, 35%);\n  --t-border-color-button-neutral: hsl(0, 0%, 19%);\n  --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n  --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n  --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n  --t-border-color-control-neutral: hsl(0, 0%, 33%);\n  --t-border-color-control-info: hsl(204, 100%, 35%);\n  --t-border-color-control-disabled: hsl(0, 0%, 24%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n  color-scheme: dark;\n  --t-text-color-headline: hsl(0, 0%, 94%);\n  --t-text-color: hsl(0, 0%, 80%);\n  --t-text-color-secondary: hsl(0, 0%, 54%);\n  --t-text-color-disabled: hsl(0, 0%, 32%);\n  --t-text-color-placeholder: hsl(0, 0%, 38%);\n  --t-text-color-interaction: hsl(204, 68%, 55%);\n  --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n  --t-text-color-interaction-active: hsl(204, 68%, 45%);\n  --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n  --t-text-color-status-neutral: hsl(0, 0%, 80%);\n  --t-text-color-status-info: hsl(204, 68%, 55%);\n  --t-text-color-status-success: hsl(97, 57%, 41%);\n  --t-text-color-status-warning: hsl(42, 84%, 55%);\n  --t-text-color-status-error: hsl(8, 61%, 61%);\n  --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n  --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n  --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n  --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n  --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n  --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n  --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n  --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n  --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n  --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n  --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n  --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n  --t-icon-color: hsl(0, 0%, 80%);\n  --t-icon-color-secondary: hsl(0, 0%, 54%);\n  --t-icon-color-dim: hsl(0, 0%, 38%);\n  --t-icon-color-disabled: hsl(0, 0%, 25%);\n  --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n  --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n  --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n  --t-icon-color-status-info: hsl(204, 68%, 55%);\n  --t-icon-color-status-error: hsl(8, 61%, 61%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n  --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n  --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --t-fill-color-interaction: hsl(204, 100%, 35%);\n  --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n  --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n  --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n  --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n  --t-fill-color-control: hsl(204, 100%, 35%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n  --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n  --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n  --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n  --t-fill-color-status-info: hsl(204, 100%, 35%);\n  --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n  --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n  --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n  --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n  --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n  --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n  --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n  --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n  --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n  --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n  --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n  --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n  --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n  --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n  --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n  --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n  --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n  --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n  --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n  --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n  --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n  --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n  --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n  --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n  --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n  --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n  --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n  --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n  --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n  --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n  --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n  --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n  --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n  --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n  --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n  --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n  --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n  --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n  --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n  --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n  --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n  --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n  --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n  --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n  --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n  --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n  --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n  --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n  --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n  --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n  --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n  --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n  --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n  --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n  --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n  --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n  --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-pill: hsl(0, 0%, 18%);\n  --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n  --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --t-surface-color-card: hsl(0, 0%, 12%);\n  --t-surface-color-canvas: hsl(0, 0%, 10%);\n  --t-border-color: hsl(0, 0%, 21%);\n  --t-border-color-dark: hsl(0, 0%, 25%);\n  --t-border-color-darker: hsl(0, 0%, 33%);\n  --t-border-color-darkest: hsl(0, 0%, 38%);\n  --t-border-color-disabled: hsl(0, 0%, 21%);\n  --t-border-color-dim: hsl(0, 0%, 16%);\n  --t-border-color-white: hsl(0, 0%, 12%);\n  --t-border-color-status-neutral: hsl(0, 0%, 38%);\n  --t-border-color-status-info: hsl(204, 100%, 35%);\n  --t-border-color-button-neutral: hsl(0, 0%, 19%);\n  --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n  --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n  --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n  --t-border-color-control-neutral: hsl(0, 0%, 33%);\n  --t-border-color-control-info: hsl(204, 100%, 35%);\n  --t-border-color-control-disabled: hsl(0, 0%, 24%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n}\n"]}
+{"version":3,"sources":["../../../tokens/dist/css/tokens-alias.css","../../../tokens/dist/css/tokens-dark.css","../../../tokens/dist/css/tokens-system-dark.css"],"names":[],"mappings":"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","file":"tokens.css","sourcesContent":["/**\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: var(--t-border-radius-md);\n  --t-border-width: 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-spacing-1-half: 12px;\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-headline: hsl(0, 0%, 12%);\n  --t-text-color: hsl(0, 0%, 24%);\n  --t-text-color-secondary: hsl(0, 0%, 42%);\n  --t-text-color-disabled: hsl(0, 0%, 68%);\n  --t-text-color-placeholder: hsl(0, 0%, 58%);\n  --t-text-color-inverted: hsl(0, 0%, 100%);\n  --t-text-color-interaction: 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: hsl(0, 0%, 24%);\n  --t-icon-color-secondary: hsl(0, 0%, 42%);\n  --t-icon-color-dim: hsl(0, 0%, 58%);\n  --t-icon-color-disabled: hsl(0, 0%, 81%);\n  --t-icon-color-inverted: hsl(0, 0%, 100%);\n  --t-icon-color-status-neutral: 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: hsl(204, 100%, 40%);\n  --t-icon-color-status-success: hsl(96, 57%, 33%);\n  --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n  --t-icon-color-status-warning: hsl(42, 84%, 49%);\n  --t-icon-color-status-error: hsl(8, 60%, 47%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 100%);\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-interaction: 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: hsl(204, 100%, 40%);\n  --t-fill-color-control-error: hsl(8, 60%, 47%);\n  --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n  --t-fill-color-status-neutral: 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: 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: 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: 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: 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: hsla(0, 0%, 12%, 0.9);\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-musicstand-010: hsl(207, 61%, 93%);\n  --t-fill-color-product-musicstand-020: hsl(207, 61%, 90%);\n  --t-fill-color-product-musicstand-030: hsl(207, 58%, 85%);\n  --t-fill-color-product-musicstand-040: hsl(207, 59%, 60%);\n  --t-fill-color-product-musicstand-050: hsl(207, 59%, 50%);\n  --t-fill-color-product-musicstand-060: hsl(207, 59%, 40%);\n  --t-fill-color-product-musicstand-070: hsl(207, 59%, 35%);\n  --t-fill-color-product-musicstand-080: hsl(207, 59%, 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: 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-product-accounts-gradient-brand: linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-api-gradient-brand: linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));\n  --t-fill-color-product-calendar-gradient-brand: linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(5, 80%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(8, 100%, 94%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));\n  --t-fill-color-product-cc-gradient-brand: linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));\n  --t-fill-color-product-checkins-gradient-brand: linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(283, 21%, 77%) 25%, hsl(227, 36%, 78%) 60%, hsl(204, 67%, 73%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));\n  --t-fill-color-product-giving-gradient-brand: linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-groups-gradient-brand: linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));\n  --t-fill-color-product-headcounts-gradient-brand: linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-musicstand-gradient-brand: linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));\n  --t-fill-color-product-people-gradient-brand: linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n  --t-fill-color-product-publishing-gradient-brand: linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));\n  --t-fill-color-product-registrations-gradient-brand: linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.5%, hsl(204, 67%, 92%));\n  --t-fill-color-product-services-gradient-brand: linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.5%, hsl(204, 67%, 73%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.5%, hsl(204, 67%, 92%));\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: hsl(0, 0%, 93%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 88%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 81%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n  --t-fill-color-button-neutral-outline: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 95%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 93%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-neutral-ghost: 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-neutral-responsive-header: var(--t-fill-color-transparency-dark-010);\n  --t-fill-color-button-neutral-responsive-header-hover: var(--t-fill-color-transparency-dark-020);\n  --t-fill-color-button-neutral-responsive-header-active: var(--t-fill-color-transparency-dark-030);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 0%, 0.05);\n  --t-fill-color-button-interaction-solid: 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: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 100%, 97%);\n  --t-fill-color-button-interaction-outline-active: hsl(203, 94%, 94%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-interaction-ghost: 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: 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: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-delete-outline-hover: hsl(7, 60%, 97%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 59%, 93%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-delete-ghost: 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: 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-fill-color-transparency-dark-static-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-dark-static-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-dark-static-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-dark-static-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-dark-static-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-dark-static-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-dark-static-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-dark-static-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-dark-static-090: hsla(0, 0%, 0%, 0.9);\n  --t-surface-color-card: var(--t-fill-color-neutral-100);\n  --t-surface-color-canvas: var(--t-fill-color-neutral-100);\n  --t-border-color: hsl(0, 0%, 88%);\n  --t-border-color-dark: hsl(0, 0%, 81%);\n  --t-border-color-darker: hsl(0, 0%, 68%);\n  --t-border-color-darkest: hsl(0, 0%, 58%);\n  --t-border-color-disabled: hsl(0, 0%, 88%);\n  --t-border-color-dim: hsl(0, 0%, 95%);\n  --t-border-color-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%, 81%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.07);\n  --t-font-sans-serif: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  --t-font-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  --t-form-background-color: var(--t-fill-color-neutral-100);\n  --t-form-background-color-disabled: var(--t-fill-color-neutral-070);\n  --t-form-background-color-error: var(--t-fill-color-neutral-100);\n  --t-form-background-color-readonly: var(--t-fill-color-neutral-070);\n  --t-form-border-color: var(--t-border-color);\n  --t-form-border-color-disabled: var(--t-border-color);\n  --t-form-border-color-error: var(--t-border-color-status-error);\n  --t-form-border-color-focus: var(--t-fill-color-interaction);\n  --t-form-border-color-hover: var(--t-border-color-dark);\n  --t-form-border-color-readonly: hsla(0, 0%, 100%, 0);\n  --t-form-border-radius: var(--t-border-radius-md);\n  --t-form-border-width: var(--t-border-width);\n  --t-form-font-color: var(--t-text-color);\n  --t-form-font-color-disabled: var(--t-text-color-disabled);\n  --t-form-font-color-error: var(--t-text-color-status-error);\n  --t-form-font-color-readonly: var(--t-text-color);\n  --t-form-picker-icon-color: var(--t-icon-color);\n  --t-form-placeholder-color: var(--t-text-color-placeholder);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root[data-color-mode=\"dark\"] {\n  color-scheme: dark;\n  --t-text-color-headline: hsl(0, 0%, 94%);\n  --t-text-color: hsl(0, 0%, 80%);\n  --t-text-color-secondary: hsl(0, 0%, 54%);\n  --t-text-color-disabled: hsl(0, 0%, 32%);\n  --t-text-color-placeholder: hsl(0, 0%, 38%);\n  --t-text-color-interaction: hsl(204, 68%, 55%);\n  --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n  --t-text-color-interaction-active: hsl(204, 68%, 45%);\n  --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n  --t-text-color-status-neutral: hsl(0, 0%, 80%);\n  --t-text-color-status-info: hsl(204, 68%, 55%);\n  --t-text-color-status-success: hsl(97, 57%, 41%);\n  --t-text-color-status-warning: hsl(42, 84%, 55%);\n  --t-text-color-status-error: hsl(8, 61%, 61%);\n  --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n  --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n  --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n  --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n  --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n  --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n  --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n  --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n  --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n  --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n  --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n  --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n  --t-icon-color: hsl(0, 0%, 80%);\n  --t-icon-color-secondary: hsl(0, 0%, 54%);\n  --t-icon-color-dim: hsl(0, 0%, 38%);\n  --t-icon-color-disabled: hsl(0, 0%, 25%);\n  --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n  --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n  --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n  --t-icon-color-status-info: hsl(204, 68%, 55%);\n  --t-icon-color-status-error: hsl(8, 61%, 61%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n  --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n  --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --t-fill-color-interaction: hsl(204, 100%, 35%);\n  --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n  --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n  --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n  --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n  --t-fill-color-control: hsl(204, 100%, 35%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n  --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n  --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n  --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n  --t-fill-color-status-info: hsl(204, 100%, 35%);\n  --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n  --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n  --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n  --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n  --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n  --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n  --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n  --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n  --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n  --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n  --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n  --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n  --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n  --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n  --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n  --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n  --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n  --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n  --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n  --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n  --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n  --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n  --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n  --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n  --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n  --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n  --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n  --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n  --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n  --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n  --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n  --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n  --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n  --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n  --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n  --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n  --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n  --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n  --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n  --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n  --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n  --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n  --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n  --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n  --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n  --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n  --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n  --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n  --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n  --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n  --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n  --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n  --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n  --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n  --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n  --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n  --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-pill: hsl(0, 0%, 18%);\n  --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n  --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --t-surface-color-card: hsl(0, 0%, 12%);\n  --t-surface-color-canvas: hsl(0, 0%, 10%);\n  --t-border-color: hsl(0, 0%, 21%);\n  --t-border-color-dark: hsl(0, 0%, 25%);\n  --t-border-color-darker: hsl(0, 0%, 33%);\n  --t-border-color-darkest: hsl(0, 0%, 38%);\n  --t-border-color-disabled: hsl(0, 0%, 21%);\n  --t-border-color-dim: hsl(0, 0%, 16%);\n  --t-border-color-white: hsl(0, 0%, 12%);\n  --t-border-color-status-neutral: hsl(0, 0%, 38%);\n  --t-border-color-status-info: hsl(204, 100%, 35%);\n  --t-border-color-button-neutral: hsl(0, 0%, 19%);\n  --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n  --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n  --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n  --t-border-color-control-neutral: hsl(0, 0%, 33%);\n  --t-border-color-control-info: hsl(204, 100%, 35%);\n  --t-border-color-control-disabled: hsl(0, 0%, 24%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n@media (prefers-color-scheme: dark) {\n:root[data-color-mode=\"system\"] {\n  color-scheme: dark;\n  --t-text-color-headline: hsl(0, 0%, 94%);\n  --t-text-color: hsl(0, 0%, 80%);\n  --t-text-color-secondary: hsl(0, 0%, 54%);\n  --t-text-color-disabled: hsl(0, 0%, 32%);\n  --t-text-color-placeholder: hsl(0, 0%, 38%);\n  --t-text-color-interaction: hsl(204, 68%, 55%);\n  --t-text-color-interaction-hover: hsl(204, 68%, 50%);\n  --t-text-color-interaction-active: hsl(204, 68%, 45%);\n  --t-text-color-interaction-visited: hsl(204, 68%, 50%);\n  --t-text-color-status-neutral: hsl(0, 0%, 80%);\n  --t-text-color-status-info: hsl(204, 68%, 55%);\n  --t-text-color-status-success: hsl(97, 57%, 41%);\n  --t-text-color-status-warning: hsl(42, 84%, 55%);\n  --t-text-color-status-error: hsl(8, 61%, 61%);\n  --t-text-color-tag-subtle-gray: hsl(0, 0%, 80%);\n  --t-text-color-tag-subtle-blue: hsl(223, 46%, 84%);\n  --t-text-color-tag-subtle-indigo: hsl(233, 78%, 84%);\n  --t-text-color-tag-subtle-aqua: hsl(208, 77%, 85%);\n  --t-text-color-tag-subtle-teal: hsl(180, 95%, 74%);\n  --t-text-color-tag-subtle-green: hsl(99, 93%, 84%);\n  --t-text-color-tag-subtle-yellow: hsl(29, 100%, 85%);\n  --t-text-color-tag-subtle-orange: hsl(18, 100%, 85%);\n  --t-text-color-tag-subtle-pink: hsl(328, 89%, 89%);\n  --t-text-color-tag-subtle-purple: hsl(268, 70%, 88%);\n  --t-text-color-tag-subtle-magenta: hsl(285, 70%, 88%);\n  --t-text-color-tag-bold-gray: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-indigo: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-blue: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-aqua: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-teal: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-green: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-yellow: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-orange: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-pink: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-purple: hsl(0, 0%, 100%);\n  --t-text-color-tag-bold-magenta: hsl(0, 0%, 100%);\n  --t-icon-color: hsl(0, 0%, 80%);\n  --t-icon-color-secondary: hsl(0, 0%, 54%);\n  --t-icon-color-dim: hsl(0, 0%, 38%);\n  --t-icon-color-disabled: hsl(0, 0%, 25%);\n  --t-icon-color-status-neutral: hsl(0, 0%, 54%);\n  --t-icon-color-status-neutral-secondary: hsl(0, 0%, 38%);\n  --t-icon-color-status-neutral-bold: hsl(0, 0%, 80%);\n  --t-icon-color-status-info: hsl(204, 68%, 55%);\n  --t-icon-color-status-error: hsl(8, 61%, 61%);\n  --t-fill-color-neutral-100: hsl(0, 0%, 10%);\n  --t-fill-color-neutral-000: hsl(0, 0%, 98%);\n  --t-fill-color-neutral-010: hsl(0, 0%, 88%);\n  --t-fill-color-neutral-020: hsl(0, 0%, 68%);\n  --t-fill-color-neutral-025: hsl(0, 0%, 58%);\n  --t-fill-color-neutral-030: hsl(0, 0%, 50%);\n  --t-fill-color-neutral-040: hsl(0, 0%, 32%);\n  --t-fill-color-neutral-050: hsl(0, 0%, 24%);\n  --t-fill-color-neutral-060: hsl(0, 0%, 19%);\n  --t-fill-color-neutral-070: hsl(0, 0%, 17%);\n  --t-fill-color-neutral-080: hsl(0, 0%, 15%);\n  --t-fill-color-neutral-090: hsl(0, 0%, 12%);\n  --t-fill-color-interaction: hsl(204, 100%, 35%);\n  --t-fill-color-interaction-hover: hsl(204, 100%, 40%);\n  --t-fill-color-interaction-active: hsl(204, 80%, 45%);\n  --t-fill-color-interaction-disabled: hsl(0, 0%, 25%);\n  --t-fill-color-control-neutral-off: hsl(0, 0%, 32%);\n  --t-fill-color-control-neutral-on: hsl(0, 0%, 50%);\n  --t-fill-color-control: hsl(204, 100%, 35%);\n  --t-fill-color-control-disabled: hsl(0, 0%, 20%);\n  --t-fill-color-status-neutral: hsl(0, 0%, 24%);\n  --t-fill-color-status-neutral-ghost: hsl(0, 0%, 18%);\n  --t-fill-color-status-neutral-dim: hsl(0, 0%, 15%);\n  --t-fill-color-status-info: hsl(204, 100%, 35%);\n  --t-fill-color-status-info-ghost: hsl(204, 32%, 15%);\n  --t-fill-color-status-info-dim: hsl(206, 22%, 15%);\n  --t-fill-color-status-success-ghost: hsl(125, 17%, 15%);\n  --t-fill-color-status-success-dim: hsl(120, 12%, 14%);\n  --t-fill-color-status-warning-ghost: hsl(41, 18%, 17%);\n  --t-fill-color-status-warning-dim: hsl(42, 13%, 15%);\n  --t-fill-color-status-error-ghost: hsl(8, 20%, 16%);\n  --t-fill-color-status-error-dim: hsl(10, 16%, 15%);\n  --t-fill-color-tooltip: hsla(0, 0%, 24%, 0.9);\n  --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(8, 48%, 15%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 29%, 13%), hsl(276, 8%, 12%), hsl(203, 37%, 11%));\n  --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(285, 17%, 18%) 25%, hsl(263, 15%, 17%) 60%, hsl(204, 70%, 12%));\n  --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 11%, 14%), hsl(266, 10%, 14%) 42%, hsl(203, 37%, 11%));\n  --t-fill-color-product-giving-gradient-page: linear-gradient(111.72deg, hsl(43, 80%, 16%), hsl(267, 15%, 14%) 58.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-giving-gradient-tint: linear-gradient(111.72deg, hsl(44, 49%, 13%), hsl(264, 8%, 12%) 58.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(23, 46%, 18%), hsl(278, 13%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(23, 29%, 14%), hsl(276, 7%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 30%, 21%), hsl(220, 48%, 17%), hsl(204, 70%, 12%));\n  --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(219, 21%, 16%), hsl(220, 30%, 14%), hsl(203, 37%, 11%));\n  --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(225, 11%, 22%), hsl(227, 20%, 18%) 45%, hsl(204, 70%, 12%));\n  --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(220, 7%, 16%), hsl(227, 12%, 14%) 45%, hsl(203, 37%, 11%));\n  --t-fill-color-product-registrations-gradient-page: linear-gradient(111.72deg, hsl(174, 34%, 18%), hsl(187, 39%, 14%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-registrations-gradient-tint: linear-gradient(111.72deg, hsl(173, 22%, 15%), hsl(185, 21%, 12%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-product-services-gradient-page: linear-gradient(111.72deg, hsl(87, 26%, 18%), hsl(88, 25%, 15%) 39.5%, hsl(204, 70%, 12%));\n  --t-fill-color-product-services-gradient-tint: linear-gradient(111.72deg, hsl(85, 17%, 14%), hsl(87, 14%, 13%) 39.5%, hsl(203, 37%, 11%));\n  --t-fill-color-tag-gray-010: hsl(0, 0%, 20%);\n  --t-fill-color-tag-gray-020: hsl(0, 0%, 24%);\n  --t-fill-color-tag-gray-030: hsl(0, 0%, 36%);\n  --t-fill-color-tag-gray-040: hsl(0, 0%, 42%);\n  --t-fill-color-tag-blue-010: hsl(219, 26%, 24%);\n  --t-fill-color-tag-blue-020: hsl(220, 28%, 29%);\n  --t-fill-color-tag-blue-030: hsl(219, 32%, 45%);\n  --t-fill-color-tag-blue-040: hsl(220, 35%, 52%);\n  --t-fill-color-tag-aqua-010: hsl(200, 30%, 21%);\n  --t-fill-color-tag-aqua-020: hsl(200, 33%, 26%);\n  --t-fill-color-tag-aqua-030: hsl(200, 39%, 38%);\n  --t-fill-color-tag-aqua-040: hsl(200, 39%, 43%);\n  --t-fill-color-tag-teal-010: hsl(169, 33%, 19%);\n  --t-fill-color-tag-teal-020: hsl(169, 37%, 22%);\n  --t-fill-color-tag-teal-030: hsl(169, 43%, 31%);\n  --t-fill-color-tag-teal-040: hsl(169, 44%, 35%);\n  --t-fill-color-tag-green-010: hsl(110, 30%, 20%);\n  --t-fill-color-tag-green-020: hsl(112, 33%, 23%);\n  --t-fill-color-tag-green-030: hsl(112, 37%, 33%);\n  --t-fill-color-tag-green-040: hsl(112, 39%, 37%);\n  --t-fill-color-tag-yellow-010: hsl(44, 39%, 19%);\n  --t-fill-color-tag-yellow-020: hsl(44, 44%, 22%);\n  --t-fill-color-tag-yellow-030: hsl(44, 50%, 31%);\n  --t-fill-color-tag-yellow-040: hsl(44, 53%, 36%);\n  --t-fill-color-tag-orange-010: hsl(21, 35%, 22%);\n  --t-fill-color-tag-orange-020: hsl(20, 38%, 26%);\n  --t-fill-color-tag-orange-030: hsl(21, 44%, 40%);\n  --t-fill-color-tag-orange-040: hsl(21, 46%, 45%);\n  --t-fill-color-tag-pink-010: hsl(331, 22%, 24%);\n  --t-fill-color-tag-pink-020: hsl(324, 26%, 26%);\n  --t-fill-color-tag-pink-030: hsl(324, 30%, 45%);\n  --t-fill-color-tag-pink-040: hsl(324, 33%, 51%);\n  --t-fill-color-tag-purple-010: hsl(274, 20%, 23%);\n  --t-fill-color-tag-purple-020: hsl(274, 21%, 28%);\n  --t-fill-color-tag-purple-030: hsl(274, 25%, 46%);\n  --t-fill-color-tag-purple-040: hsl(274, 28%, 53%);\n  --t-fill-color-tag-magenta-010: hsl(292, 20%, 21%);\n  --t-fill-color-tag-magenta-020: hsl(292, 22%, 26%);\n  --t-fill-color-tag-magenta-030: hsl(293, 26%, 42%);\n  --t-fill-color-tag-magenta-040: hsl(292, 27%, 48%);\n  --t-fill-color-tag-indigo-010: hsl(235, 21%, 24%);\n  --t-fill-color-tag-indigo-020: hsl(236, 22%, 29%);\n  --t-fill-color-tag-indigo-030: hsl(236, 26%, 50%);\n  --t-fill-color-tag-indigo-040: hsl(236, 34%, 56%);\n  --t-fill-color-button-neutral-solid: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 32%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-outline: hsl(0, 0%, 15%);\n  --t-fill-color-button-neutral-outline-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-outline-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 17%);\n  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 19%);\n  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 100%, 0.05);\n  --t-fill-color-button-interaction-solid: hsl(204, 100%, 35%);\n  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 40%);\n  --t-fill-color-button-interaction-solid-active: hsl(204, 80%, 45%);\n  --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-outline: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-outline-hover: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-outline-active: hsl(205, 45%, 18%);\n  --t-fill-color-button-interaction-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-interaction-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-interaction-ghost-hover: hsl(204, 32%, 15%);\n  --t-fill-color-button-interaction-ghost-active: hsl(204, 39%, 17%);\n  --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-solid: hsl(8, 60%, 40%);\n  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 47%);\n  --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-outline: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-outline-hover: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-outline-active: hsl(9, 29%, 19%);\n  --t-fill-color-button-delete-outline-disabled: hsl(0, 0%, 12%);\n  --t-fill-color-button-delete-ghost: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-delete-ghost-hover: hsl(8, 20%, 16%);\n  --t-fill-color-button-delete-ghost-active: hsl(9, 24%, 17%);\n  --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 0%, 0);\n  --t-fill-color-button-pill: hsl(0, 0%, 18%);\n  --t-fill-color-button-pill-hover: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-active: hsl(0, 0%, 21%);\n  --t-fill-color-button-pill-disabled: hsl(0, 0%, 18%);\n  --t-fill-color-transparency-light-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-light-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-light-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-light-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-light-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-light-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-light-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-light-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-light-090: hsla(0, 0%, 0%, 0.9);\n  --t-fill-color-transparency-dark-010: hsla(0, 0%, 100%, 0.1);\n  --t-fill-color-transparency-dark-020: hsla(0, 0%, 100%, 0.2);\n  --t-fill-color-transparency-dark-030: hsla(0, 0%, 100%, 0.3);\n  --t-fill-color-transparency-dark-040: hsla(0, 0%, 100%, 0.4);\n  --t-fill-color-transparency-dark-050: hsla(0, 0%, 100%, 0.5);\n  --t-fill-color-transparency-dark-060: hsla(0, 0%, 100%, 0.6);\n  --t-fill-color-transparency-dark-070: hsla(0, 0%, 100%, 0.7);\n  --t-fill-color-transparency-dark-080: hsla(0, 0%, 100%, 0.8);\n  --t-fill-color-transparency-dark-090: hsla(0, 0%, 100%, 0.9);\n  --t-surface-color-card: hsl(0, 0%, 12%);\n  --t-surface-color-canvas: hsl(0, 0%, 10%);\n  --t-border-color: hsl(0, 0%, 21%);\n  --t-border-color-dark: hsl(0, 0%, 25%);\n  --t-border-color-darker: hsl(0, 0%, 33%);\n  --t-border-color-darkest: hsl(0, 0%, 38%);\n  --t-border-color-disabled: hsl(0, 0%, 21%);\n  --t-border-color-dim: hsl(0, 0%, 16%);\n  --t-border-color-white: hsl(0, 0%, 12%);\n  --t-border-color-status-neutral: hsl(0, 0%, 38%);\n  --t-border-color-status-info: hsl(204, 100%, 35%);\n  --t-border-color-button-neutral: hsl(0, 0%, 19%);\n  --t-border-color-button-info: hsla(204, 100%, 40%, 0.25);\n  --t-border-color-button-create: hsla(96, 57%, 33%, 0.25);\n  --t-border-color-button-delete: hsla(8, 60%, 47%, 0.25);\n  --t-border-color-control-neutral: hsl(0, 0%, 33%);\n  --t-border-color-control-info: hsl(204, 100%, 35%);\n  --t-border-color-control-disabled: hsl(0, 0%, 24%);\n  --t-shadow-overflow-color: hsla(0, 0%, 0%, 0.6);\n}\n}\n"]}