@planningcenter/tapestry 1.5.1 → 1.6.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/components/button/BaseButton.d.ts.map +1 -1
  2. package/dist/components/button/BaseButton.js +9 -4
  3. package/dist/components/button/BaseButton.js.map +1 -1
  4. package/dist/index.css +46 -39
  5. package/dist/index.css.map +1 -1
  6. package/dist/tapestry-wc/dist/components/tds-page-header.js +2 -2
  7. package/dist/tapestry-wc/dist/components/tds-page-header.js.map +1 -1
  8. package/dist/tokens/ts/tokens.d.ts +33 -33
  9. package/dist/tokens/ts/tokens.js +33 -33
  10. package/dist/tokens/ts/tokens.js.map +1 -1
  11. package/dist/tokens.css +33 -33
  12. package/dist/tokens.css.map +1 -1
  13. package/dist/unstable.css +46 -39
  14. package/dist/unstable.css.map +1 -1
  15. package/dist/utilities/buttonLinkShared.d.ts +1 -0
  16. package/dist/utilities/buttonLinkShared.d.ts.map +1 -1
  17. package/dist/utilities/buttonLinkShared.js.map +1 -1
  18. package/dist/webComponents.css +46 -39
  19. package/dist/webComponents.css.map +1 -1
  20. package/package.json +3 -3
  21. package/react-types/index.d.ts +2 -0
package/dist/unstable.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../tokens/css/components/banner.css","Banner.css","index.css","tokens-alias.css","tokens-alias-deprecated.css","../../../../../node_modules/@planningcenter/icons/css/symbol.css","btn.css"],"names":[],"mappings":"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","file":"unstable.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.t-banner {\n --t-banner-font-size: var(--t-font-size-md);\n --t-banner-font-color: var(--t-text-color-default-primary);\n --t-banner-background-color: var(--t-fill-color-status-neutral-ghost);\n --t-banner-spacing: var(--t-spacing-2);\n --t-banner-border-radius: var(--t-border-radius-md);\n --t-banner-title-font-color: var(--t-text-color-default-headline);\n --t-banner-title-font-size: var(--t-font-size-md);\n --t-banner-title-font-weight: var(--t-font-weight-semibold);\n --t-banner-icon-fill-color: hsla(0, 0%, 0%, 0);\n --t-banner-background-color-info: var(--t-fill-color-status-info-ghost);\n --t-banner-icon-fill-color-info: var(--t-icon-color-status-info-primary);\n --t-banner-background-color-warning: var(--t-fill-color-status-warning-ghost);\n --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning-primary);\n --t-banner-background-color-error: var(--t-fill-color-status-error-ghost);\n --t-banner-icon-fill-color-error: var(--t-icon-color-status-error-primary);\n --t-banner-background-color-success: var(--t-fill-color-status-success-ghost);\n --t-banner-icon-fill-color-success: var(--t-icon-color-status-success-primary);\n --t-banner-link-font-color-hover: var(--t-text-color-default-headline);\n}\n","@import \"../../tokens/css/components/banner.css\";\n\n.t-banner {\n font-size: var(--t-banner-font-size);\n color: var(--t-banner-font-color);\n line-height: 1.4;\n background-color: var(--t-banner-background-color);\n padding: var(--t-banner-spacing);\n border-radius: var(--t-banner-border-radius);\n display: flex;\n gap: var(--t-banner-spacing);\n}\n\n.t-banner-title {\n font-size: var(--t-banner-title-font-size);\n font-weight: var(--t-banner-title-font-weight);\n color: var(--t-banner-title-font-color);\n margin-bottom: var(--t-spacing-half);\n display: block;\n}\n\n.t-banner-icon {\n margin-top: 1px;\n}\n.t-banner-icon svg {\n fill: var(--t-banner-icon-fill-color);\n}\n\n.t-banner-body a {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.1s linear;\n}\n.t-banner-body a:hover {\n color: var(--t-banner-cta-font-color-hover);\n}\n\n.t-banner--status-info {\n --t-banner-background-color: var(--t-banner-background-color-info);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-info);\n}\n\n.t-banner--status-warning {\n --t-banner-background-color: var(--t-banner-background-color-warning);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-warning);\n}\n\n.t-banner--status-error {\n --t-banner-background-color: var(--t-banner-background-color-error);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-error);\n}\n\n.t-banner--status-success {\n --t-banner-background-color: var(--t-banner-background-color-success);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-success);\n}\n\n.t-banner--sm {\n --t-banner-spacing: calc(var(--t-spacing-half) + var(--t-spacing-1));\n}\n",":root {\n @media (prefers-reduced-motion: no-preference) {\n interpolate-size: allow-keywords;\n }\n}\n\n@layer tds-component {\n tds-sidenav {\n --tds-sidenav-indent: 12px;\n --tds-sidenav-item-depth: 0;\n\n --tds-sidenav-item-transition: background-color 0.2s\n cubic-bezier(0.19, 0.91, 0.38, 1);\n\n --tds-sidenav-item-background-hover: var(\n --t-fill-color-button-interaction-ghost-hover\n );\n --tds-sidenav-item-background-active: var(\n --t-fill-color-button-interaction-ghost-active\n );\n --tds-sidenav-item-background-selected: var(\n --t-fill-color-button-interaction-ghost-active\n );\n\n --tds-sidenav-item-nested-border-color: var(--t-fill-color-neutral-050);\n --tds-sidenav-item-nested-border-color-hover: var(\n --t-fill-color-neutral-050\n );\n --tds-sidenav-item-nested-border-color-selected: var(\n --t-border-color-status-info\n );\n\n --tds-sidenav-item-icon-color: var(--t-icon-color-default-secondary);\n --tds-sidenav-item-icon-color-selected: var(--t-icon-color-default-primary);\n }\n\n .is-classic tds-sidenav,\n .tds-sidenav--theme-gray {\n --tds-sidenav-item-background-hover: var(--t-fill-color-neutral-080);\n --tds-sidenav-item-background-active: var(--t-fill-color-neutral-070);\n --tds-sidenav-item-background-selected: var(--t-fill-color-neutral-050);\n --tds-sidenav-item-nested-border-color-hover: var(\n --t-fill-color-neutral-050\n );\n --tds-sidenav-item-nested-border-color-selected: var(\n --t-fill-color-neutral-010\n );\n }\n}\n\n.tds-sidenav {\n :where(nav, ul, .tds-sidenav-section) {\n display: flex;\n }\n\n :where(nav, ul, .tds-sidenav-section, .tds-sidenav-collapse) {\n flex-direction: column;\n gap: var(--t-spacing-half);\n width: 100%;\n }\n}\n\n.tds-sidenav-section-list {\n width: 100%;\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n.tds-sidenav-section-header {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n padding-top: var(--t-spacing-2);\n\n h2 {\n margin: 0;\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-semibold);\n color: var(--t-text-color-default-secondary);\n text-transform: uppercase;\n line-height: 1.35;\n }\n\n .tds-sidenav-section:first-of-type & {\n margin-top: 0;\n }\n\n [slot=\"label-actions\"] {\n display: flex;\n align-items: center;\n gap: var(--t-spacing-half);\n }\n}\n\n.tds-sidenav-section [slot=\"section-actions\"] {\n display: flex;\n align-items: center;\n min-height: 42px;\n padding: var(--t-spacing-1) 0;\n gap: 12px;\n}\n\n.tds-sidenav-section-list,\n.tds-sidenav-item {\n width: 100%;\n padding: 0;\n margin: 0;\n}\n\n.tds-sidenav-item {\n :is(a, button) {\n position: relative;\n display: flex;\n gap: 12px;\n align-items: center;\n width: 100%;\n padding: 12px;\n overflow: hidden;\n font-size: var(--t-font-size-sm);\n line-height: 18px;\n color: var(--t-text-color-default-headline);\n white-space: nowrap;\n text-decoration: none;\n appearance: none;\n cursor: pointer;\n background-color: var(--tds-sidenav-item-background, transparent);\n border: 0;\n border-radius: var(--t-border-radius-default);\n transition: var(--tds-sidenav-item-transition);\n\n &:not(:has([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)),\n :is(:not([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)) {\n display: block;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n white-space: nowrap;\n }\n\n &:hover,\n &:focus-visible {\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-hover);\n color: var(--t-text-color-default-headline);\n text-decoration: none;\n }\n\n &:active {\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-active);\n }\n\n :is(.prefix, [slot=\"prefix\"]) {\n overflow: hidden;\n color: var(--tds-sidenav-item-icon-color);\n\n &,\n svg {\n display: block;\n width: var(--t-element-size-md);\n height: var(--t-element-size-md);\n }\n }\n\n &:has(.prefix, [slot=\"prefix\"]) + .tds-sidenav-section {\n --tds-sidenav-indent: 19px;\n }\n\n &[aria-expanded=\"true\"] + .tds-sidenav-section-list {\n visibility: visible;\n block-size: auto;\n opacity: 1;\n }\n }\n\n &.selected :is(a, button) {\n --tds-sidenav-item-nested-background: transparent;\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-selected);\n --tds-sidenav-item-icon-color: var(--tds-sidenav-item-icon-color-selected);\n font-weight: 600;\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 1;\n gap: 0;\n\n .tds-sidenav-action--toggle + & {\n visibility: hidden;\n block-size: 0;\n overflow-y: clip;\n opacity: 0;\n transition:\n content-visibility 0.2s allow-discrete,\n opacity 0.2s,\n block-size 0.2s;\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 2;\n }\n }\n\n .tds-sidenav-section-list .tds-sidenav-section-list & {\n :is(a, button) {\n height: 32px;\n padding-block: 9px;\n padding-left: calc(\n (var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) +\n var(--tds-sidenav-indent) + 2px\n );\n line-height: 1;\n background-color: transparent;\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n width: 2px;\n content: \"\";\n background-color: var(--tds-sidenav-item-nested-border-color);\n transition: var(--tds-sidenav-item-transition);\n }\n\n &::after {\n position: absolute;\n inset: 0 0 0\n calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n z-index: -1;\n height: 100%;\n content: \"\";\n background-color: var(--tds-sidenav-item-background);\n border-radius: 0 var(--t-border-radius-default)\n var(--t-border-radius-default) 0;\n transition: var(--tds-sidenav-item-transition);\n }\n\n &:hover,\n &:focus-visible {\n --tds-sidenav-item-nested-border-color: var(\n --tds-sidenav-item-nested-border-color-hover\n );\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-hover);\n }\n }\n\n &.selected :is(a, button) {\n --tds-sidenav-item-nested-border-color: var(\n --tds-sidenav-item-nested-border-color-selected\n );\n }\n }\n}\n\n.tds-sidenav-responsive-header {\n display: flex;\n gap: var(--t-spacing-2);\n align-items: center;\n width: 100%;\n\n .tds-sidenav-responsive-header-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n order: 0;\n height: var(--t-container-size-md);\n padding: 3px var(--t-spacing-1);\n background-color: var(--t-fill-color-button-neutral-outline-dim-default);\n border: 1px solid var(--t-border-color-button-neutral);\n border-radius: var(--t-border-radius-md);\n\n &:focus,\n &:focus-visible,\n &:hover {\n background-color: var(--t-fill-color-button-neutral-outline-dim-hover);\n }\n\n &:active {\n background-color: var(--t-fill-color-button-neutral-outline-dim-active);\n }\n }\n\n .tds-sidenav-responsive-header-label {\n flex: 1;\n order: 1;\n margin: 0;\n font-size: var(--t-font-size-lg);\n font-weight: var(--t-font-weight-medium);\n color: var(--t-text-color-default-headline);\n }\n}\n\n@media (max-width: 719px) {\n .tds-sidenav-collapse {\n position: absolute;\n z-index: 10001;\n display: none;\n max-width: min(448px, calc(100vw - 48px));\n padding: 0;\n margin: 12px 0;\n overflow: hidden;\n outline: 0;\n background: var(--t-surface-color-card);\n border: 0;\n border-radius: 6px;\n box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.25);\n will-change: transform;\n position-area: bottom span-right;\n }\n\n .tds-sidenav-collapse:popover-open,\n .tds-sidenav-collapse.\\:popover-open {\n display: flex;\n }\n\n .tds-sidenav-scroll-container {\n --webkit-overflow-scrolling: touch;\n display: block;\n width: 100%;\n height: fit-content;\n padding: var(--t-spacing-2);\n overflow-y: auto;\n }\n\n .tds-sidenav-item :is(a, button) :is(.prefix, [slot=\"prefix\"]) {\n display: none;\n }\n}\n\n@media (min-width: 720px) {\n .tds-sidenav-responsive-header {\n display: none;\n }\n}\n\ntds-sidenav,\ntds-sidenav-section,\ntds-sidenav-item {\n &:not(.hydrated) {\n > :not([slot=\"ssr\"]) {\n display: none;\n }\n\n > [slot=\"ssr\"] {\n display: block;\n }\n }\n}\n\ntds-sidenav-section {\n &:not(.hydrated) {\n > [slot=\"ssr\"] {\n display: flex;\n flex-direction: column;\n }\n }\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-width-default: 1px;\n --t-border-width-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semibold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 42%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 58%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 42%);\n --t-icon-color-default-dim: hsl(0, 0%, 58%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 42%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 58%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 42%);\n --t-fill-color-neutral-025: hsl(0, 0%, 50%);\n --t-fill-color-neutral-030: hsl(0, 0%, 58%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 42%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);\n --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);\n --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);\n --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-010: hsl(41, 95%, 93%);\n --t-fill-color-product-giving-020: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-030: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-040: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-050: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-060: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-070: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-080: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-010: hsl(18, 95%, 92%);\n --t-fill-color-product-groups-020: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-030: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-040: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-050: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-060: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-070: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-080: hsl(14, 70%, 34%);\n --t-fill-color-product-home-010: hsl(221, 89%, 93%);\n --t-fill-color-product-home-020: hsl(221, 91%, 91%);\n --t-fill-color-product-home-030: hsl(221, 91%, 87%);\n --t-fill-color-product-home-040: hsl(221, 91%, 62%);\n --t-fill-color-product-home-050: hsl(221, 91%, 55%);\n --t-fill-color-product-home-060: hsl(221, 90%, 50%);\n --t-fill-color-product-home-070: hsl(221, 90%, 45%);\n --t-fill-color-product-home-080: hsl(218, 84%, 25%);\n --t-fill-color-product-people-010: hsl(219, 73%, 91%);\n --t-fill-color-product-people-020: hsl(220, 69%, 81%);\n --t-fill-color-product-people-030: hsl(221, 73%, 71%);\n --t-fill-color-product-people-040: hsl(221, 73%, 65%);\n --t-fill-color-product-people-050: hsl(220, 74%, 57%);\n --t-fill-color-product-people-060: hsl(220, 68%, 51%);\n --t-fill-color-product-people-070: hsl(220, 68%, 41%);\n --t-fill-color-product-people-080: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);\n --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);\n --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);\n --t-fill-color-product-services-010: hsl(88, 31%, 88%);\n --t-fill-color-product-services-020: hsl(88, 39%, 75%);\n --t-fill-color-product-services-030: hsl(88, 39%, 66%);\n --t-fill-color-product-services-040: hsl(88, 40%, 54%);\n --t-fill-color-product-services-050: hsl(88, 45%, 41%);\n --t-fill-color-product-services-060: hsl(89, 62%, 31%);\n --t-fill-color-product-services-070: hsl(89, 62%, 26%);\n --t-fill-color-product-services-080: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);\n --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);\n --t-fill-color-product-accounts-gradient-brand: linear-gradient(-45deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));\n --t-fill-color-product-accounts-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n --t-fill-color-product-accounts-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n --t-fill-color-product-api-gradient-brand: linear-gradient(-90deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));\n --t-fill-color-product-calendar-gradient-brand: linear-gradient(-45deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));\n --t-fill-color-product-calendar-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(9, 60%, 93%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));\n --t-fill-color-product-cc-gradient-brand: linear-gradient(-45deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));\n --t-fill-color-product-checkins-gradient-brand: linear-gradient(-45deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));\n --t-fill-color-product-checkins-gradient-page: linear-gradient(-21.717456154496844deg, hsl(283, 21%, 77%), hsl(227, 36%, 78%) 41.999998688697815%, hsl(204, 67%, 73%));\n --t-fill-color-product-checkins-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 41.999998688697815%, hsl(204, 67%, 92%));\n --t-fill-color-product-giving-gradient-brand: linear-gradient(0deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));\n --t-fill-color-product-giving-gradient-page: linear-gradient(-21.717456154496844deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.49999785423279%, hsl(204, 67%, 73%));\n --t-fill-color-product-giving-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.49999785423279%, hsl(204, 67%, 92%));\n --t-fill-color-product-groups-gradient-brand: linear-gradient(-45deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));\n --t-fill-color-product-groups-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n --t-fill-color-product-groups-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));\n --t-fill-color-product-headcounts-gradient-brand: linear-gradient(-45deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));\n --t-fill-color-product-home-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n --t-fill-color-product-home-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n --t-fill-color-product-musicstand-gradient-brand: linear-gradient(-45deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));\n --t-fill-color-product-people-gradient-brand: linear-gradient(-45deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));\n --t-fill-color-product-people-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));\n --t-fill-color-product-people-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));\n --t-fill-color-product-publishing-gradient-brand: linear-gradient(-45deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));\n --t-fill-color-product-publishing-gradient-page: linear-gradient(-21.717456154496844deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 44.999998807907104%, hsl(204, 67%, 73%));\n --t-fill-color-product-publishing-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 44.999998807907104%, hsl(204, 67%, 92%));\n --t-fill-color-product-registrations-gradient-brand: linear-gradient(-45deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));\n --t-fill-color-product-registrations-gradient-page: linear-gradient(-21.717456154496844deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.500001072883606%, hsl(204, 67%, 73%));\n --t-fill-color-product-registrations-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.500001072883606%, hsl(204, 67%, 92%));\n --t-fill-color-product-services-gradient-brand: linear-gradient(-45deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));\n --t-fill-color-product-services-gradient-page: linear-gradient(-21.717456154496844deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.500001072883606%, hsl(204, 67%, 73%));\n --t-fill-color-product-services-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.500001072883606%, 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-default: hsl(0, 0%, 42%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-responsive-header-default: 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-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 58%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 58%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width-default);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);\n --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);\n --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);\n --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);\n --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);\n --t-text-color-tag-green: var(--t-text-color-tag-bold-green);\n --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);\n --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);\n --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);\n --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);\n --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);\n --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);\n --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);\n --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);\n --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);\n --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);\n --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);\n --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);\n --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);\n --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);\n --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);\n --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);\n --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);\n --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);\n --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);\n --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);\n --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);\n --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);\n --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);\n --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);\n --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);\n --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);\n --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);\n --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);\n --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);\n --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);\n --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);\n --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);\n --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);\n --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);\n --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);\n --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);\n --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);\n --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);\n --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);\n --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);\n --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);\n --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);\n --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);\n --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);\n --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);\n --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);\n --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);\n --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);\n --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);\n --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);\n --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);\n --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);\n --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);\n --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);\n --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);\n --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);\n --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);\n --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);\n --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);\n --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);\n --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);\n --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);\n --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);\n --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);\n --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);\n --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);\n --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);\n --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);\n --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);\n --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);\n --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);\n --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);\n --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);\n --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);\n --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);\n --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);\n --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);\n --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);\n --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);\n --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);\n --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);\n --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);\n --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);\n --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);\n --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);\n --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);\n --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);\n --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);\n --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);\n --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);\n --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);\n --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);\n --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);\n --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);\n --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);\n --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);\n --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);\n --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);\n --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);\n --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);\n --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);\n --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);\n --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);\n --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);\n --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);\n --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);\n --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);\n --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);\n --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);\n --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);\n --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);\n --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);\n --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: #ffffff00;\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;\n --t-fill-color-button-default-info-ghost-default: #ffffff00;\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: #ffffff00;\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: #ffffff00;\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: #ffffff00;\n}\n",".symbol {\n display: inline-block;\n vertical-align: text-top;\n fill: currentColor;\n height: 1em;\n width: 1em;\n}\n","@import \"@planningcenter/icons/css/symbol.css\";\n\n.tds-btn {\n --tds-btn-padding-x: 12px;\n --tds-btn-padding-truncated-x: 8px;\n --tds-btn-padding-y: 3px;\n --tds-btn-font-size: 16px;\n --tds-btn-font-weight: 400;\n --tds-btn-line-height: 1.5;\n --tds-btn-color: var(--t-text-color-default-headline);\n --tds-btn-bg: transparent;\n --tds-btn-border-width: var(--t-border-width-default);\n --tds-btn-border-color: transparent;\n --tds-btn-border-radius: var(--t-border-radius-md);\n --tds-btn-border-color-hover: transparent;\n --tds-btn-disabled-opacity: 1;\n --tds-btn-min-height: 32px;\n display: inline-flex;\n gap: 1ex;\n align-items: center;\n min-height: var(--tds-btn-min-height);\n padding: var(--tds-btn-padding-y) var(--tds-btn-padding-x);\n font-size: var(--tds-btn-font-size);\n font-weight: var(--tds-btn-font-weight);\n line-height: var(--tds-btn-line-height);\n vertical-align: middle;\n color: var(--tds-btn-color);\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: var(--tds-btn-bg);\n border: var(--tds-btn-border-width) solid var(--tds-btn-border-color);\n border-radius: var(--tds-btn-border-radius);\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n\n &:where(.tds-btn--icononly, :has(.prefix, svg:not(.suffix))) {\n padding-left: var(--tds-btn-padding-truncated-x);\n }\n\n &:where(.tds-btn--icononly, :has(.suffix, svg:not(.prefix))) {\n padding-right: var(--tds-btn-padding-truncated-x);\n }\n\n &:hover {\n color: var(--tds-btn-color-hover);\n background-color: var(--tds-btn-bg-hover);\n border-color: var(--tds-btn-border-color-hover);\n }\n\n &:focus-visible {\n color: var(--tds-btn-color-hover);\n outline: solid 3px var(--t-border-color-status-info);\n outline-offset: 1px;\n background-color: var(--tds-btn-bg-hover);\n border-color: var(--tds-btn-border-color-hover);\n }\n\n &:active,\n &.active {\n color: var(--tds-btn-color-active);\n background-color: var(--tds-btn-bg-active);\n border-color: var(--tds-btn-border-color-active);\n }\n\n &:disabled,\n &.disabled {\n color: var(--tds-btn-color-disabled);\n pointer-events: none;\n background-color: var(--tds-btn-bg-disabled);\n border-color: var(--tds-btn-border-color-disabled);\n opacity: var(--tds-btn-disabled-opacity);\n }\n\n svg:not(.symbol) {\n display: block;\n inline-size: auto;\n block-size: auto;\n max-block-size: 0.66666667lh;\n color: var(--tds-btn-icon-color, currentColor);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n/* Effective height 48px */\n.tds-btn--xl {\n --tds-btn-padding-y: 11px;\n --tds-btn-padding-x: 18px;\n --tds-btn-padding-truncated-x: 12px;\n --tds-btn-min-height: 48px;\n}\n\n/* Effective height 40px */\n.tds-btn--lg {\n --tds-btn-padding-y: 7px;\n --tds-btn-padding-x: 14px;\n --tds-btn-min-height: 40px;\n}\n\n/* Effective height 24px */\n.tds-btn--sm {\n --tds-btn-padding-y: 0.5px;\n --tds-btn-padding-x: 7px;\n --tds-btn-padding-truncated-x: 4px;\n --tds-btn-min-height: 24px;\n --tds-btn-font-size: var(--t-font-size-sm);\n}\n\n/* Effective height 20px */\n.tds-btn--xs {\n --tds-btn-padding-y: 0;\n --tds-btn-padding-x: 5px;\n --tds-btn-padding-truncated-x: 5px;\n --tds-btn-min-height: 20px;\n --tds-btn-font-size: var(--t-font-size-xs);\n}\n\n.tds-btn--neutral {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-neutral-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-neutral-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-solid-hover);\n --tds-btn-border-color-hover: var(--t-fill-color-button-neutral-solid-hover);\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-solid-active);\n --tds-btn-border-color-active: var(\n --t-fill-color-button-neutral-solid-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-neutral-solid-disabled);\n --tds-btn-border-color-disabled: var(\n --t-fill-color-button-neutral-solid-disabled\n );\n}\n\n.tds-btn--interaction {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-solid-hover);\n --tds-btn-border-color-hover: var(\n --t-fill-color-button-interaction-solid-hover\n );\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-interaction-solid-active);\n --tds-btn-border-color-active: var(\n --t-fill-color-button-interaction-solid-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);\n --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);\n}\n\n.tds-btn--delete {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-delete-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-delete-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-delete-solid-hover);\n --tds-btn-border-color-hover: var(--t-fill-color-button-delete-solid-hover);\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-delete-solid-active);\n --tds-btn-border-color-active: var(--t-fill-color-button-delete-solid-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-delete-solid-disabled);\n --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);\n}\n\n.tds-btn--outline-neutral {\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-border-color: var(--t-border-color-button-neutral);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-outline-dim-hover);\n --tds-btn-border-color-hover: var(--t-border-color-button-neutral);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-outline-dim-active);\n --tds-btn-border-color-active: var(--t-border-color-button-neutral);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-neutral-outline-dim-disabled\n );\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n}\n\n.tds-btn--outline-interaction {\n --tds-btn-color: var(--t-text-color-status-info);\n --tds-btn-border-color: var(--t-border-color-button-info);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-border-color);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(\n --t-fill-color-button-interaction-outline-dim-active\n );\n --tds-btn-border-color-active: var(--tds-btn-border-color);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-interaction-outline-dim-disabled\n );\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n}\n\n.tds-btn--outline-delete {\n --tds-btn-color: var(--t-text-color-status-error);\n --tds-btn-border-color: var(--t-border-color-button-delete);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-delete-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-border-color);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-delete-outline-dim-active);\n --tds-btn-border-color-active: var(--tds-btn-border-color);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-delete-outline-dim-disabled);\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n}\n\n.tds-btn--ghost-neutral {\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-border-color: transparent;\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-outline-dim-active);\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: transparent;\n --tds-btn-border-color-disabled: transparent;\n}\n\n.tds-btn--ghost-interaction {\n --tds-btn-color: var(--t-text-color-status-info);\n --tds-btn-border-color: transparent;\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(\n --t-fill-color-button-interaction-outline-dim-active\n );\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: transparent;\n --tds-btn-border-color-disabled: transparent;\n}\n\n.tds-btn--ghost-delete {\n --tds-btn-color: var(--t-text-color-status-error);\n --tds-btn-border-color: transparent;\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-delete-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-delete-outline-dim-active);\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: transparent;\n --tds-btn-border-color-disabled: transparent;\n}\n\n.tds-btn--primary-page-header {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-solid-hover);\n --tds-btn-border-color-hover: var(\n --t-fill-color-button-interaction-solid-hover\n );\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-interaction-solid-active);\n --tds-btn-border-color-active: var(\n --t-fill-color-button-interaction-solid-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);\n --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);\n}\n\n.tds-btn--secondary-page-header {\n --tds-btn-border-width: 0;\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-bg: var(--t-fill-color-button-neutral-responsive-header-default);\n --tds-btn-border-color: var(\n --t-fill-color-button-neutral-responsive-header-default\n );\n --tds-btn-color-hover: var(--t-text-color-status-neutral);\n --tds-btn-bg-hover: var(\n --t-fill-color-button-neutral-responsive-header-hover\n );\n --tds-btn-border-color-hover: var(\n --t-fill-color-button-neutral-responsive-header-hover\n );\n --tds-btn-color-active: var(--t-text-color-status-neutral);\n --tds-btn-bg-active: var(\n --t-fill-color-button-neutral-responsive-header-active\n );\n --tds-btn-border-color-active: var(\n --t-fill-color-button-neutral-responsive-header-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-neutral-responsive-header-disabled\n );\n --tds-btn-border-color-disabled: var(\n --t-fill-color-button-neutral-responsive-header-disabled\n );\n\n @media (min-width: 720px) {\n --tds-btn-border-width: 1px;\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-bg: transparent;\n --tds-btn-border-color: var(--t-border-color-button-neutral);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-outline-dim-hover);\n --tds-btn-border-color-hover: var(--t-border-color-button-neutral);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-outline-dim-active);\n --tds-btn-border-color-active: var(--t-border-color-button-neutral);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-neutral-outline-dim-disabled\n );\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n }\n}\n\n.tds-btn--pill {\n --tds-btn-border-radius: 999px;\n --tds-btn-padding-y: 4px;\n --tds-btn-padding-x: 13px;\n\n --tds-btn-color: var(--t-text-color-default-primary);\n --tds-btn-bg: var(--t-fill-color-button-pill-default);\n --tds-btn-border-color: var(--tds-btn-bg);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-pill-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-pill-active);\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-neutral-solid-disabled);\n --tds-btn-border-color-disabled: var(\n --t-fill-color-button-neutral-solid-disabled\n );\n --tds-btn-icon-color: var(--t-icon-color-default-secondary);\n --tds-btn-min-height: 32px;\n\n &:is(.tds-btn--sm) {\n --tds-btn-padding-y: 1px;\n --tds-btn-padding-x: 7px;\n --tds-btn-min-height: auto;\n }\n\n &:is(.tds-btn--xs) {\n --tds-btn-padding-y: 1px;\n --tds-btn-padding-x: 9px;\n --tds-btn-min-height: auto;\n }\n\n &:disabled,\n &.disabled {\n --tds-btn-icon-color: inherit;\n }\n}\n\n.tds-btn--dropdown .suffix {\n transition: transform 0.2s ease-in-out;\n}\n\n.tds-btn--dropdown[aria-expanded=\"true\"] .suffix {\n transform: rotate(-180deg);\n}\n"]}
1
+ {"version":3,"sources":["../../tokens/css/components/banner.css","Banner.css","index.css","tokens-alias.css","tokens-alias-deprecated.css","../../../../../node_modules/@planningcenter/icons/css/symbol.css","btn.css"],"names":[],"mappings":"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","file":"unstable.css","sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\n.t-banner {\n --t-banner-font-size: var(--t-font-size-md);\n --t-banner-font-color: var(--t-text-color-default-primary);\n --t-banner-background-color: var(--t-fill-color-status-neutral-ghost);\n --t-banner-spacing: var(--t-spacing-2);\n --t-banner-border-radius: var(--t-border-radius-md);\n --t-banner-title-font-color: var(--t-text-color-default-headline);\n --t-banner-title-font-size: var(--t-font-size-md);\n --t-banner-title-font-weight: var(--t-font-weight-semibold);\n --t-banner-icon-fill-color: hsla(0, 0%, 0%, 0);\n --t-banner-background-color-info: var(--t-fill-color-status-info-ghost);\n --t-banner-icon-fill-color-info: var(--t-icon-color-status-info-primary);\n --t-banner-background-color-warning: var(--t-fill-color-status-warning-ghost);\n --t-banner-icon-fill-color-warning: var(--t-icon-color-status-warning-primary);\n --t-banner-background-color-error: var(--t-fill-color-status-error-ghost);\n --t-banner-icon-fill-color-error: var(--t-icon-color-status-error-primary);\n --t-banner-background-color-success: var(--t-fill-color-status-success-ghost);\n --t-banner-icon-fill-color-success: var(--t-icon-color-status-success-primary);\n --t-banner-link-font-color-hover: var(--t-text-color-default-headline);\n}\n","@import \"../../tokens/css/components/banner.css\";\n\n.t-banner {\n font-size: var(--t-banner-font-size);\n color: var(--t-banner-font-color);\n line-height: 1.4;\n background-color: var(--t-banner-background-color);\n padding: var(--t-banner-spacing);\n border-radius: var(--t-banner-border-radius);\n display: flex;\n gap: var(--t-banner-spacing);\n}\n\n.t-banner-title {\n font-size: var(--t-banner-title-font-size);\n font-weight: var(--t-banner-title-font-weight);\n color: var(--t-banner-title-font-color);\n margin-bottom: var(--t-spacing-half);\n display: block;\n}\n\n.t-banner-icon {\n margin-top: 1px;\n}\n.t-banner-icon svg {\n fill: var(--t-banner-icon-fill-color);\n}\n\n.t-banner-body a {\n color: inherit;\n text-decoration: underline;\n text-underline-offset: 2px;\n transition: color 0.1s linear;\n}\n.t-banner-body a:hover {\n color: var(--t-banner-cta-font-color-hover);\n}\n\n.t-banner--status-info {\n --t-banner-background-color: var(--t-banner-background-color-info);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-info);\n}\n\n.t-banner--status-warning {\n --t-banner-background-color: var(--t-banner-background-color-warning);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-warning);\n}\n\n.t-banner--status-error {\n --t-banner-background-color: var(--t-banner-background-color-error);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-error);\n}\n\n.t-banner--status-success {\n --t-banner-background-color: var(--t-banner-background-color-success);\n --t-banner-icon-fill-color: var(--t-banner-icon-fill-color-success);\n}\n\n.t-banner--sm {\n --t-banner-spacing: calc(var(--t-spacing-half) + var(--t-spacing-1));\n}\n",":root {\n @media (prefers-reduced-motion: no-preference) {\n interpolate-size: allow-keywords;\n }\n}\n\n@layer tds-component {\n tds-sidenav {\n --tds-sidenav-indent: 12px;\n --tds-sidenav-item-depth: 0;\n\n --tds-sidenav-item-transition: background-color 0.2s\n cubic-bezier(0.19, 0.91, 0.38, 1);\n\n --tds-sidenav-item-background-hover: var(\n --t-fill-color-button-interaction-ghost-hover\n );\n --tds-sidenav-item-background-active: var(\n --t-fill-color-button-interaction-ghost-active\n );\n --tds-sidenav-item-background-selected: var(\n --t-fill-color-button-interaction-ghost-active\n );\n\n --tds-sidenav-item-nested-border-color: var(--t-fill-color-neutral-050);\n --tds-sidenav-item-nested-border-color-hover: var(\n --t-fill-color-neutral-050\n );\n --tds-sidenav-item-nested-border-color-selected: var(\n --t-border-color-status-info\n );\n\n --tds-sidenav-item-icon-color: var(--t-icon-color-default-secondary);\n --tds-sidenav-item-icon-color-selected: var(--t-icon-color-default-primary);\n }\n\n .is-classic tds-sidenav,\n .tds-sidenav--theme-gray {\n --tds-sidenav-item-background-hover: var(--t-fill-color-neutral-080);\n --tds-sidenav-item-background-active: var(--t-fill-color-neutral-070);\n --tds-sidenav-item-background-selected: var(--t-fill-color-neutral-050);\n --tds-sidenav-item-nested-border-color-hover: var(\n --t-fill-color-neutral-050\n );\n --tds-sidenav-item-nested-border-color-selected: var(\n --t-fill-color-neutral-010\n );\n }\n}\n\n.tds-sidenav {\n :where(nav, ul, .tds-sidenav-section) {\n display: flex;\n }\n\n :where(nav, ul, .tds-sidenav-section, .tds-sidenav-collapse) {\n flex-direction: column;\n gap: var(--t-spacing-half);\n width: 100%;\n }\n}\n\n.tds-sidenav-section-list {\n width: 100%;\n padding: 0;\n margin: 0;\n list-style: none;\n}\n\n.tds-sidenav-section-header {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n padding-top: var(--t-spacing-2);\n\n h2 {\n margin: 0;\n font-size: var(--t-font-size-sm);\n font-weight: var(--t-font-weight-semibold);\n color: var(--t-text-color-default-secondary);\n text-transform: uppercase;\n line-height: 1.35;\n }\n\n .tds-sidenav-section:first-of-type & {\n margin-top: 0;\n }\n\n [slot=\"label-actions\"] {\n display: flex;\n align-items: center;\n gap: var(--t-spacing-half);\n }\n}\n\n.tds-sidenav-section [slot=\"section-actions\"] {\n display: flex;\n align-items: center;\n min-height: 42px;\n padding: var(--t-spacing-1) 0;\n gap: 12px;\n}\n\n.tds-sidenav-section-list,\n.tds-sidenav-item {\n width: 100%;\n padding: 0;\n margin: 0;\n}\n\n.tds-sidenav-item {\n :is(a, button) {\n position: relative;\n display: flex;\n gap: 12px;\n align-items: center;\n width: 100%;\n padding: 12px;\n overflow: hidden;\n font-size: var(--t-font-size-sm);\n line-height: 18px;\n color: var(--t-text-color-default-headline);\n white-space: nowrap;\n text-decoration: none;\n appearance: none;\n cursor: pointer;\n background-color: var(--tds-sidenav-item-background, transparent);\n border: 0;\n border-radius: var(--t-border-radius-default);\n transition: var(--tds-sidenav-item-transition);\n\n &:not(:has([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)),\n :is(:not([slot=\"prefix\"], .prefix, [slot=\"suffix\"], .suffix)) {\n display: block;\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-align: left;\n white-space: nowrap;\n }\n\n &:hover,\n &:focus-visible {\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-hover);\n color: var(--t-text-color-default-headline);\n text-decoration: none;\n }\n\n &:active {\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-active);\n }\n\n :is(.prefix, [slot=\"prefix\"]) {\n overflow: hidden;\n color: var(--tds-sidenav-item-icon-color);\n\n &,\n svg {\n display: block;\n width: var(--t-element-size-md);\n height: var(--t-element-size-md);\n }\n }\n\n &:has(.prefix, [slot=\"prefix\"]) + .tds-sidenav-section {\n --tds-sidenav-indent: 19px;\n }\n\n &[aria-expanded=\"true\"] + .tds-sidenav-section-list {\n visibility: visible;\n block-size: auto;\n opacity: 1;\n }\n }\n\n &.selected :is(a, button) {\n --tds-sidenav-item-nested-background: transparent;\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-selected);\n --tds-sidenav-item-icon-color: var(--tds-sidenav-item-icon-color-selected);\n font-weight: 600;\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 1;\n gap: 0;\n\n .tds-sidenav-action--toggle + & {\n visibility: hidden;\n block-size: 0;\n overflow-y: clip;\n opacity: 0;\n transition:\n content-visibility 0.2s allow-discrete,\n opacity 0.2s,\n block-size 0.2s;\n }\n\n .tds-sidenav-section-list {\n --tds-sidenav-item-depth: 2;\n }\n }\n\n .tds-sidenav-section-list .tds-sidenav-section-list & {\n :is(a, button) {\n height: 32px;\n padding-block: 9px;\n padding-left: calc(\n (var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) +\n var(--tds-sidenav-indent) + 2px\n );\n line-height: 1;\n background-color: transparent;\n\n &::before {\n position: absolute;\n top: 0;\n bottom: 0;\n left: calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n width: 2px;\n content: \"\";\n background-color: var(--tds-sidenav-item-nested-border-color);\n transition: var(--tds-sidenav-item-transition);\n }\n\n &::after {\n position: absolute;\n inset: 0 0 0\n calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n z-index: -1;\n height: 100%;\n content: \"\";\n background-color: var(--tds-sidenav-item-background);\n border-radius: 0 var(--t-border-radius-default)\n var(--t-border-radius-default) 0;\n transition: var(--tds-sidenav-item-transition);\n }\n\n &:hover,\n &:focus-visible {\n --tds-sidenav-item-nested-border-color: var(\n --tds-sidenav-item-nested-border-color-hover\n );\n --tds-sidenav-item-background: var(--tds-sidenav-item-background-hover);\n }\n }\n\n &.selected :is(a, button) {\n --tds-sidenav-item-nested-border-color: var(\n --tds-sidenav-item-nested-border-color-selected\n );\n }\n }\n}\n\n.tds-sidenav-responsive-header {\n display: flex;\n gap: var(--t-spacing-2);\n align-items: center;\n width: 100%;\n\n .tds-sidenav-responsive-header-toggle {\n display: flex;\n align-items: center;\n justify-content: center;\n order: 0;\n height: var(--t-container-size-md);\n padding: 3px var(--t-spacing-1);\n background-color: var(--t-fill-color-button-neutral-outline-dim-default);\n border: 1px solid var(--t-border-color-button-neutral);\n border-radius: var(--t-border-radius-md);\n\n &:focus,\n &:focus-visible,\n &:hover {\n background-color: var(--t-fill-color-button-neutral-outline-dim-hover);\n }\n\n &:active {\n background-color: var(--t-fill-color-button-neutral-outline-dim-active);\n }\n }\n\n .tds-sidenav-responsive-header-label {\n flex: 1;\n order: 1;\n margin: 0;\n font-size: var(--t-font-size-lg);\n font-weight: var(--t-font-weight-medium);\n color: var(--t-text-color-default-headline);\n }\n}\n\n@media (max-width: 719px) {\n .tds-sidenav-collapse {\n position: absolute;\n z-index: 10001;\n display: none;\n max-width: min(448px, calc(100vw - 48px));\n padding: 0;\n margin: 12px 0;\n overflow: hidden;\n outline: 0;\n background: var(--t-surface-color-card);\n border: 0;\n border-radius: 6px;\n box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.25);\n will-change: transform;\n position-area: bottom span-right;\n }\n\n .tds-sidenav-collapse:popover-open,\n .tds-sidenav-collapse.\\:popover-open {\n display: flex;\n }\n\n .tds-sidenav-scroll-container {\n --webkit-overflow-scrolling: touch;\n display: block;\n width: 100%;\n height: fit-content;\n padding: var(--t-spacing-2);\n overflow-y: auto;\n }\n\n .tds-sidenav-item :is(a, button) :is(.prefix, [slot=\"prefix\"]) {\n display: none;\n }\n}\n\n@media (min-width: 720px) {\n .tds-sidenav-responsive-header {\n display: none;\n }\n}\n\ntds-sidenav,\ntds-sidenav-section,\ntds-sidenav-item {\n &:not(.hydrated) {\n > :not([slot=\"ssr\"]) {\n display: none;\n }\n\n > [slot=\"ssr\"] {\n display: block;\n }\n }\n}\n\ntds-sidenav-section {\n &:not(.hydrated) {\n > [slot=\"ssr\"] {\n display: flex;\n flex-direction: column;\n }\n }\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-radius-sm: 2px;\n --t-border-radius-md: 4px;\n --t-border-radius-lg: 8px;\n --t-border-radius-xl: 16px;\n --t-border-radius-round: 56px;\n --t-border-radius-default: 4px;\n --t-border-width-default: 1px;\n --t-border-width-thick: 2px;\n --t-spacing-1: 8px;\n --t-spacing-2: 16px;\n --t-spacing-3: 24px;\n --t-spacing-4: 32px;\n --t-spacing-5: 40px;\n --t-spacing-6: 48px;\n --t-spacing-7: 56px;\n --t-spacing-fourth: 2px;\n --t-spacing-half: 4px;\n --t-element-size-3xl: 48px;\n --t-element-size-2xl: 32px;\n --t-element-size-xl: 24px;\n --t-element-size-lg: 18px;\n --t-element-size-md: 16px;\n --t-element-size-sm: 14px;\n --t-element-size-xs: 12px;\n --t-font-size-4xl: 32px;\n --t-font-size-3xl: 28px;\n --t-font-size-2xl: 24px;\n --t-font-size-xl: 20px;\n --t-font-size-lg: 18px;\n --t-font-size-md: 16px;\n --t-font-size-sm: 14px;\n --t-font-size-xs: 12px;\n --t-font-size-2xs: 10px;\n --t-font-weight-normal: 400;\n --t-font-weight-medium: 500;\n --t-font-weight-semibold: 600;\n --t-font-weight-bold: 700;\n --t-container-size-xl: 48px;\n --t-container-size-lg: 40px;\n --t-container-size-md: 32px;\n --t-container-size-sm: 24px;\n --t-container-size-xs: 20px;\n --t-avatar-size-20: 20px;\n --t-avatar-size-24: 24px;\n --t-avatar-size-36: 36px;\n --t-avatar-size-48: 48px;\n --t-avatar-size-72: 72px;\n --t-avatar-size-112: 112px;\n --t-text-color-default-headline: hsl(0, 0%, 12%);\n --t-text-color-default-primary: hsl(0, 0%, 24%);\n --t-text-color-default-secondary: hsl(0, 0%, 42%);\n --t-text-color-default-disabled: hsl(0, 0%, 81%);\n --t-text-color-default-placeholder: hsl(0, 0%, 58%);\n --t-text-color-default-inverted: hsl(0, 0%, 100%);\n --t-text-color-interaction-primary: hsl(204, 100%, 40%);\n --t-text-color-interaction-hover: hsl(204, 100%, 35%);\n --t-text-color-interaction-active: hsl(204, 100%, 30%);\n --t-text-color-interaction-visited: hsl(204, 100%, 30%);\n --t-text-color-status-neutral: hsl(0, 0%, 24%);\n --t-text-color-status-info: hsl(204, 100%, 35%);\n --t-text-color-status-success: hsl(97, 57%, 28%);\n --t-text-color-status-warning: hsl(42, 100%, 29%);\n --t-text-color-status-error: hsl(8, 60%, 45%);\n --t-text-color-tag-subtle-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-subtle-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-subtle-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-subtle-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-subtle-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-subtle-green: hsl(100, 93%, 17%);\n --t-text-color-tag-subtle-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-subtle-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-subtle-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-subtle-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-subtle-magenta: hsl(285, 71%, 20%);\n --t-text-color-tag-bold-gray: hsl(0, 0%, 24%);\n --t-text-color-tag-bold-indigo: hsl(241, 59%, 28%);\n --t-text-color-tag-bold-blue: hsl(224, 47%, 31%);\n --t-text-color-tag-bold-aqua: hsl(209, 77%, 22%);\n --t-text-color-tag-bold-teal: hsl(180, 95%, 15%);\n --t-text-color-tag-bold-green: hsl(100, 93%, 17%);\n --t-text-color-tag-bold-yellow: hsl(29, 100%, 23%);\n --t-text-color-tag-bold-orange: hsl(18, 100%, 18%);\n --t-text-color-tag-bold-pink: hsl(327, 88%, 20%);\n --t-text-color-tag-bold-purple: hsl(268, 71%, 27%);\n --t-text-color-tag-bold-magenta: hsl(285, 71%, 20%);\n --t-icon-color-default-primary: hsl(0, 0%, 24%);\n --t-icon-color-default-secondary: hsl(0, 0%, 42%);\n --t-icon-color-default-dim: hsl(0, 0%, 58%);\n --t-icon-color-default-disabled: hsl(0, 0%, 81%);\n --t-icon-color-default-inverted: hsl(0, 0%, 100%);\n --t-icon-color-status-neutral-primary: hsl(0, 0%, 42%);\n --t-icon-color-status-neutral-secondary: hsl(0, 0%, 58%);\n --t-icon-color-status-neutral-bold: hsl(0, 0%, 24%);\n --t-icon-color-status-info-primary: hsl(204, 100%, 40%);\n --t-icon-color-status-success-primary: hsl(96, 57%, 33%);\n --t-icon-color-status-success-secondary: hsl(97, 57%, 40%);\n --t-icon-color-status-warning-primary: hsl(42, 84%, 49%);\n --t-icon-color-status-error-primary: hsl(8, 60%, 47%);\n --t-fill-color-neutral-000: hsl(0, 0%, 12%);\n --t-fill-color-neutral-010: hsl(0, 0%, 24%);\n --t-fill-color-neutral-020: hsl(0, 0%, 42%);\n --t-fill-color-neutral-025: hsl(0, 0%, 50%);\n --t-fill-color-neutral-030: hsl(0, 0%, 58%);\n --t-fill-color-neutral-040: hsl(0, 0%, 81%);\n --t-fill-color-neutral-050: hsl(0, 0%, 88%);\n --t-fill-color-neutral-060: hsl(0, 0%, 93%);\n --t-fill-color-neutral-070: hsl(0, 0%, 95%);\n --t-fill-color-neutral-080: hsl(0, 0%, 97%);\n --t-fill-color-neutral-090: hsl(0, 0%, 98%);\n --t-fill-color-neutral-100: hsl(0, 0%, 100%);\n --t-fill-color-interaction-default: hsl(204, 100%, 40%);\n --t-fill-color-interaction-hover: hsl(204, 100%, 35%);\n --t-fill-color-interaction-active: hsl(204, 100%, 30%);\n --t-fill-color-interaction-disabled: hsl(0, 0%, 81%);\n --t-fill-color-control-neutral-off: hsl(0, 0%, 58%);\n --t-fill-color-control-neutral-on: hsl(0, 0%, 24%);\n --t-fill-color-control-primary: hsl(204, 100%, 40%);\n --t-fill-color-control-secondary: hsl(97, 57%, 40%);\n --t-fill-color-control-error: hsl(8, 60%, 47%);\n --t-fill-color-control-disabled: hsl(0, 0%, 81%);\n --t-fill-color-status-neutral-solid: hsl(0, 0%, 42%);\n --t-fill-color-status-neutral-ghost: hsl(0, 0%, 93%);\n --t-fill-color-status-neutral-dim: hsl(0, 0%, 97%);\n --t-fill-color-status-info-solid: hsl(204, 100%, 40%);\n --t-fill-color-status-info-ghost: hsl(203, 94%, 94%);\n --t-fill-color-status-info-dim: hsl(204, 100%, 97%);\n --t-fill-color-status-success-solid: hsl(96, 57%, 33%);\n --t-fill-color-status-success-ghost: hsl(97, 57%, 90%);\n --t-fill-color-status-success-dim: hsl(96, 60%, 95%);\n --t-fill-color-status-warning-solid: hsl(42, 84%, 63%);\n --t-fill-color-status-warning-ghost: hsl(42, 87%, 94%);\n --t-fill-color-status-warning-dim: hsl(42, 87%, 97%);\n --t-fill-color-status-error-solid: hsl(8, 60%, 47%);\n --t-fill-color-status-error-ghost: hsl(9, 59%, 93%);\n --t-fill-color-status-error-dim: hsl(7, 60%, 97%);\n --t-fill-color-tooltip-primary: hsla(0, 0%, 12%, 0.77);\n --t-fill-color-product-accounts-010: hsl(212, 54%, 93%);\n --t-fill-color-product-accounts-020: hsl(209, 53%, 90%);\n --t-fill-color-product-accounts-030: hsl(210, 56%, 70%);\n --t-fill-color-product-accounts-040: hsl(210, 54%, 60%);\n --t-fill-color-product-accounts-050: hsl(210, 55%, 50%);\n --t-fill-color-product-accounts-060: hsl(210, 65%, 40%);\n --t-fill-color-product-accounts-070: hsl(211, 70%, 32%);\n --t-fill-color-product-accounts-080: hsl(210, 75%, 25%);\n --t-fill-color-product-calendar-010: hsl(8, 61%, 90%);\n --t-fill-color-product-calendar-020: hsl(8, 61%, 70%);\n --t-fill-color-product-calendar-030: hsl(8, 72%, 59%);\n --t-fill-color-product-calendar-040: hsl(8, 65%, 55%);\n --t-fill-color-product-calendar-050: hsl(9, 61%, 50%);\n --t-fill-color-product-calendar-060: hsl(8, 65%, 42%);\n --t-fill-color-product-calendar-070: hsl(7, 65%, 34%);\n --t-fill-color-product-calendar-080: hsl(9, 61%, 27%);\n --t-fill-color-product-checkins-010: hsl(285, 20%, 92%);\n --t-fill-color-product-checkins-020: hsl(283, 22%, 75%);\n --t-fill-color-product-checkins-030: hsl(284, 22%, 64%);\n --t-fill-color-product-checkins-040: hsl(283, 22%, 55%);\n --t-fill-color-product-checkins-050: hsl(283, 22%, 48%);\n --t-fill-color-product-checkins-060: hsl(283, 27%, 42%);\n --t-fill-color-product-checkins-070: hsl(284, 33%, 34%);\n --t-fill-color-product-checkins-080: hsl(283, 33%, 27%);\n --t-fill-color-product-giving-010: hsl(41, 95%, 93%);\n --t-fill-color-product-giving-020: hsl(42, 95%, 83%);\n --t-fill-color-product-giving-030: hsl(43, 95%, 75%);\n --t-fill-color-product-giving-040: hsl(43, 88%, 70%);\n --t-fill-color-product-giving-050: hsl(43, 88%, 64%);\n --t-fill-color-product-giving-060: hsl(42, 84%, 55%);\n --t-fill-color-product-giving-070: hsl(42, 84%, 48%);\n --t-fill-color-product-giving-080: hsl(42, 100%, 40%);\n --t-fill-color-product-groups-010: hsl(18, 95%, 92%);\n --t-fill-color-product-groups-020: hsl(17, 96%, 80%);\n --t-fill-color-product-groups-030: hsl(17, 96%, 70%);\n --t-fill-color-product-groups-040: hsl(17, 96%, 63%);\n --t-fill-color-product-groups-050: hsl(17, 88%, 55%);\n --t-fill-color-product-groups-060: hsl(12, 70%, 48%);\n --t-fill-color-product-groups-070: hsl(12, 70%, 40%);\n --t-fill-color-product-groups-080: hsl(14, 70%, 34%);\n --t-fill-color-product-home-010: hsl(221, 89%, 93%);\n --t-fill-color-product-home-020: hsl(221, 91%, 91%);\n --t-fill-color-product-home-030: hsl(221, 91%, 87%);\n --t-fill-color-product-home-040: hsl(221, 91%, 62%);\n --t-fill-color-product-home-050: hsl(221, 91%, 55%);\n --t-fill-color-product-home-060: hsl(221, 90%, 50%);\n --t-fill-color-product-home-070: hsl(221, 90%, 45%);\n --t-fill-color-product-home-080: hsl(218, 84%, 25%);\n --t-fill-color-product-people-010: hsl(219, 73%, 91%);\n --t-fill-color-product-people-020: hsl(220, 69%, 81%);\n --t-fill-color-product-people-030: hsl(221, 73%, 71%);\n --t-fill-color-product-people-040: hsl(221, 73%, 65%);\n --t-fill-color-product-people-050: hsl(220, 74%, 57%);\n --t-fill-color-product-people-060: hsl(220, 68%, 51%);\n --t-fill-color-product-people-070: hsl(220, 68%, 41%);\n --t-fill-color-product-people-080: hsl(221, 68%, 31%);\n --t-fill-color-product-publishing-010: hsl(220, 4%, 86%);\n --t-fill-color-product-publishing-020: hsl(222, 10%, 60%);\n --t-fill-color-product-publishing-030: hsl(221, 11%, 50%);\n --t-fill-color-product-publishing-040: hsl(222, 12%, 39%);\n --t-fill-color-product-publishing-050: hsl(220, 12%, 31%);\n --t-fill-color-product-publishing-060: hsl(220, 11%, 26%);\n --t-fill-color-product-publishing-070: hsl(217, 12%, 22%);\n --t-fill-color-product-publishing-080: hsl(214, 11%, 12%);\n --t-fill-color-product-registrations-010: hsl(173, 28%, 89%);\n --t-fill-color-product-registrations-020: hsl(176, 38%, 78%);\n --t-fill-color-product-registrations-030: hsl(176, 37%, 68%);\n --t-fill-color-product-registrations-040: hsl(176, 37%, 60%);\n --t-fill-color-product-registrations-050: hsl(175, 36%, 43%);\n --t-fill-color-product-registrations-060: hsl(175, 51%, 34%);\n --t-fill-color-product-registrations-070: hsl(174, 51%, 28%);\n --t-fill-color-product-registrations-080: hsl(175, 52%, 22%);\n --t-fill-color-product-services-010: hsl(88, 31%, 88%);\n --t-fill-color-product-services-020: hsl(88, 39%, 75%);\n --t-fill-color-product-services-030: hsl(88, 39%, 66%);\n --t-fill-color-product-services-040: hsl(88, 40%, 54%);\n --t-fill-color-product-services-050: hsl(88, 45%, 41%);\n --t-fill-color-product-services-060: hsl(89, 62%, 31%);\n --t-fill-color-product-services-070: hsl(89, 62%, 26%);\n --t-fill-color-product-services-080: hsl(89, 63%, 21%);\n --t-fill-color-product-staff-base: hsl(328, 100%, 45%);\n --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);\n --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);\n --t-fill-color-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(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));\n --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 60%, 93%), 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%), hsl(227, 36%, 78%) 42%, 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-default: hsl(0, 0%, 42%);\n --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-neutral-responsive-header-default: 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-default: hsl(204, 100%, 40%);\n --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);\n --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);\n --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n --t-surface-color-canvas: hsl(0, 0%, 98%);\n --t-surface-color-card: hsl(0, 0%, 100%);\n --t-border-color-default-base: hsl(0, 0%, 88%);\n --t-border-color-default-dark: hsl(0, 0%, 81%);\n --t-border-color-default-darker: hsl(0, 0%, 68%);\n --t-border-color-default-darkest: hsl(0, 0%, 58%);\n --t-border-color-default-disabled: hsl(0, 0%, 88%);\n --t-border-color-default-dim: hsl(0, 0%, 95%);\n --t-border-color-default-white: hsl(0, 0%, 100%);\n --t-border-color-status-neutral: hsl(0, 0%, 58%);\n --t-border-color-status-info: hsl(204, 100%, 40%);\n --t-border-color-status-success: hsl(97, 57%, 40%);\n --t-border-color-status-warning: hsl(42, 84%, 63%);\n --t-border-color-status-error: hsl(8, 60%, 47%);\n --t-border-color-button-neutral: hsl(0, 0%, 88%);\n --t-border-color-button-info: hsl(204, 100%, 40%);\n --t-border-color-button-create: hsl(96, 57%, 33%);\n --t-border-color-button-delete: hsl(8, 60%, 47%);\n --t-border-color-control-neutral: hsl(0, 0%, 68%);\n --t-border-color-control-info: hsl(204, 100%, 40%);\n --t-border-color-control-success: hsl(97, 57%, 40%);\n --t-border-color-control-warning: hsl(42, 84%, 63%);\n --t-border-color-control-error: hsl(8, 60%, 47%);\n --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n --t-border-size-default: var(--t-border-width-default);\n --t-border-size-thick: var(--t-border-width-thick);\n --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);\n --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);\n --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);\n --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);\n --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);\n --t-text-color-tag-green: var(--t-text-color-tag-bold-green);\n --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);\n --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);\n --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);\n --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);\n --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\n --t-fill-color-alert-info: hsl(204, 94%, 49%);\n --t-fill-color-alert-success: hsl(122, 60%, 41%);\n --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n --t-fill-color-alert-error: hsl(4, 77%, 59%);\n --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);\n --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);\n --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);\n --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);\n --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);\n --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);\n --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);\n --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);\n --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);\n --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);\n --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);\n --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);\n --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);\n --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);\n --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);\n --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);\n --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);\n --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);\n --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);\n --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);\n --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);\n --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);\n --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);\n --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);\n --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);\n --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);\n --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);\n --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);\n --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);\n --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);\n --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);\n --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);\n --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);\n --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);\n --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);\n --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);\n --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);\n --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);\n --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);\n --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);\n --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);\n --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);\n --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);\n --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);\n --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);\n --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);\n --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);\n --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);\n --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);\n --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);\n --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);\n --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);\n --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);\n --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);\n --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);\n --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);\n --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);\n --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);\n --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);\n --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);\n --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);\n --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);\n --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);\n --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);\n --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);\n --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);\n --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);\n --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);\n --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);\n --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);\n --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);\n --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);\n --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);\n --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);\n --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);\n --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);\n --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);\n --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);\n --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);\n --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);\n --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);\n --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);\n --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);\n --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);\n --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);\n --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);\n --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);\n --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);\n --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);\n --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);\n --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);\n --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);\n --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);\n --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);\n --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);\n --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);\n --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);\n --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);\n --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);\n --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);\n --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);\n --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);\n --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);\n --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);\n --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);\n --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);\n --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);\n --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);\n --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);\n --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);\n --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-default-info-outline-dim-default: #ffffff00;\n --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;\n --t-fill-color-button-default-info-ghost-default: #ffffff00;\n --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n --t-fill-color-button-default-info-ghost-disabled: #ffffff00;\n --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n --t-fill-color-button-create-ghost-default: #ffffff00;\n --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n --t-fill-color-button-create-ghost-disabled: #ffffff00;\n}\n",".symbol {\n display: inline-block;\n vertical-align: text-top;\n fill: currentColor;\n height: 1em;\n width: 1em;\n}\n","@import \"@planningcenter/icons/css/symbol.css\";\n\n.tds-btn {\n --tds-btn-padding-x: 12px;\n --tds-btn-padding-truncated-x: 8px;\n --tds-btn-padding-y: 3px;\n --tds-btn-font-size: 16px;\n --tds-btn-font-weight: 400;\n --tds-btn-line-height: 1.5;\n --tds-btn-color: var(--t-text-color-default-headline);\n --tds-btn-bg: transparent;\n --tds-btn-border-width: var(--t-border-width-default);\n --tds-btn-border-color: transparent;\n --tds-btn-border-radius: var(--t-border-radius-md);\n --tds-btn-border-color-hover: transparent;\n --tds-btn-disabled-opacity: 1;\n --tds-btn-min-height: 32px;\n display: inline-flex;\n gap: 1ex;\n justify-content: center;\n align-items: center;\n min-height: var(--tds-btn-min-height);\n width: auto;\n padding: var(--tds-btn-padding-y) var(--tds-btn-padding-x);\n font-size: var(--tds-btn-font-size);\n font-weight: var(--tds-btn-font-weight);\n line-height: var(--tds-btn-line-height);\n vertical-align: middle;\n color: var(--tds-btn-color);\n text-align: center;\n text-decoration: none;\n cursor: pointer;\n user-select: none;\n background-color: var(--tds-btn-bg);\n background-clip: padding-box;\n border: var(--tds-btn-border-width) solid var(--tds-btn-border-color);\n border-radius: var(--tds-btn-border-radius);\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n\n &:where(.tds-btn--icononly, :has(.prefix, svg:not(.suffix))) {\n padding-left: var(--tds-btn-padding-truncated-x);\n }\n\n &:where(.tds-btn--icononly, :has(.suffix, svg:not(.prefix))) {\n padding-right: var(--tds-btn-padding-truncated-x);\n }\n\n &:hover {\n color: var(--tds-btn-color-hover);\n background-color: var(--tds-btn-bg-hover);\n border-color: var(--tds-btn-border-color-hover);\n }\n\n &:focus-visible {\n color: var(--tds-btn-color-hover);\n outline: solid 3px var(--t-border-color-status-info);\n outline-offset: 1px;\n background-color: var(--tds-btn-bg-hover);\n border-color: var(--tds-btn-border-color-hover);\n }\n\n &:active,\n &.active {\n color: var(--tds-btn-color-active);\n background-color: var(--tds-btn-bg-active);\n border-color: var(--tds-btn-border-color-active);\n }\n\n &:disabled,\n &.disabled {\n color: var(--tds-btn-color-disabled);\n pointer-events: none;\n background-color: var(--tds-btn-bg-disabled);\n border-color: var(--tds-btn-border-color-disabled);\n opacity: var(--tds-btn-disabled-opacity);\n }\n\n svg:not(.symbol) {\n display: block;\n inline-size: auto;\n block-size: auto;\n max-block-size: 0.66666667lh;\n color: var(--tds-btn-icon-color, currentColor);\n }\n\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n}\n\n/* Effective height 48px */\n.tds-btn--xl {\n --tds-btn-padding-y: 11px;\n --tds-btn-padding-x: 18px;\n --tds-btn-padding-truncated-x: 12px;\n --tds-btn-min-height: 48px;\n}\n\n/* Effective height 40px */\n.tds-btn--lg {\n --tds-btn-padding-y: 7px;\n --tds-btn-padding-x: 14px;\n --tds-btn-min-height: 40px;\n}\n\n/* Effective height 24px */\n.tds-btn--sm {\n --tds-btn-padding-y: 0.5px;\n --tds-btn-padding-x: 7px;\n --tds-btn-padding-truncated-x: 4px;\n --tds-btn-min-height: 24px;\n --tds-btn-font-size: var(--t-font-size-sm);\n}\n\n/* Effective height 20px */\n.tds-btn--xs {\n --tds-btn-padding-y: 0;\n --tds-btn-padding-x: 5px;\n --tds-btn-padding-truncated-x: 5px;\n --tds-btn-min-height: 20px;\n --tds-btn-font-size: var(--t-font-size-xs);\n}\n\n.tds-btn--neutral {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-neutral-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-neutral-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-solid-hover);\n --tds-btn-border-color-hover: var(--t-fill-color-button-neutral-solid-hover);\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-solid-active);\n --tds-btn-border-color-active: var(\n --t-fill-color-button-neutral-solid-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-neutral-solid-disabled);\n --tds-btn-border-color-disabled: var(\n --t-fill-color-button-neutral-solid-disabled\n );\n}\n\n.tds-btn--interaction {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-solid-hover);\n --tds-btn-border-color-hover: var(\n --t-fill-color-button-interaction-solid-hover\n );\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-interaction-solid-active);\n --tds-btn-border-color-active: var(\n --t-fill-color-button-interaction-solid-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);\n --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);\n}\n\n.tds-btn--delete {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-delete-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-delete-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-delete-solid-hover);\n --tds-btn-border-color-hover: var(--t-fill-color-button-delete-solid-hover);\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-delete-solid-active);\n --tds-btn-border-color-active: var(--t-fill-color-button-delete-solid-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-delete-solid-disabled);\n --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);\n}\n\n.tds-btn--outline-neutral {\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-border-color: var(--t-border-color-button-neutral);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-outline-dim-hover);\n --tds-btn-border-color-hover: var(--t-border-color-button-neutral);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-outline-dim-active);\n --tds-btn-border-color-active: var(--t-border-color-button-neutral);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-neutral-outline-dim-disabled\n );\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n}\n\n.tds-btn--outline-interaction {\n --tds-btn-color: var(--t-text-color-interaction-primary);\n --tds-btn-border-color: var(--t-border-color-button-info);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-border-color);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(\n --t-fill-color-button-interaction-outline-dim-active\n );\n --tds-btn-border-color-active: var(--tds-btn-border-color);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-interaction-outline-dim-disabled\n );\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n}\n\n.tds-btn--outline-delete {\n --tds-btn-color: var(--t-text-color-status-error);\n --tds-btn-border-color: var(--t-border-color-button-delete);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-delete-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-border-color);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-delete-outline-dim-active);\n --tds-btn-border-color-active: var(--tds-btn-border-color);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-delete-outline-dim-disabled);\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n}\n\n.tds-btn--ghost-neutral {\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-border-color: transparent;\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-outline-dim-active);\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: transparent;\n --tds-btn-border-color-disabled: transparent;\n}\n\n.tds-btn--ghost-interaction {\n --tds-btn-color: var(--t-text-color-interaction-primary);\n --tds-btn-border-color: transparent;\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(\n --t-fill-color-button-interaction-outline-dim-active\n );\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: transparent;\n --tds-btn-border-color-disabled: transparent;\n}\n\n.tds-btn--ghost-delete {\n --tds-btn-color: var(--t-text-color-status-error);\n --tds-btn-border-color: transparent;\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-delete-outline-dim-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-delete-outline-dim-active);\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: transparent;\n --tds-btn-border-color-disabled: transparent;\n}\n\n.tds-btn--primary-page-header {\n --tds-btn-color: var(--t-text-color-default-inverted);\n --tds-btn-bg: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-border-color: var(--t-fill-color-button-interaction-solid-default);\n --tds-btn-color-hover: var(--t-text-color-default-inverted);\n --tds-btn-bg-hover: var(--t-fill-color-button-interaction-solid-hover);\n --tds-btn-border-color-hover: var(\n --t-fill-color-button-interaction-solid-hover\n );\n --tds-btn-color-active: var(--t-text-color-default-inverted);\n --tds-btn-bg-active: var(--t-fill-color-button-interaction-solid-active);\n --tds-btn-border-color-active: var(\n --t-fill-color-button-interaction-solid-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-interaction-solid-disabled);\n --tds-btn-border-color-disabled: var(--tds-btn-bg-disabled);\n}\n\n.tds-btn--secondary-page-header {\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-bg: var(--t-fill-color-button-neutral-responsive-header-default);\n --tds-btn-border-color: var(\n --t-fill-color-button-neutral-responsive-header-default\n );\n --tds-btn-color-hover: var(--t-text-color-status-neutral);\n --tds-btn-bg-hover: var(\n --t-fill-color-button-neutral-responsive-header-hover\n );\n --tds-btn-border-color-hover: var(\n --t-fill-color-button-neutral-responsive-header-hover\n );\n --tds-btn-color-active: var(--t-text-color-status-neutral);\n --tds-btn-bg-active: var(\n --t-fill-color-button-neutral-responsive-header-active\n );\n --tds-btn-border-color-active: var(\n --t-fill-color-button-neutral-responsive-header-active\n );\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-neutral-responsive-header-disabled\n );\n --tds-btn-border-color-disabled: var(\n --t-fill-color-button-neutral-responsive-header-disabled\n );\n\n @media (min-width: 720px) {\n --tds-btn-color: var(--t-text-color-status-neutral);\n --tds-btn-bg: transparent;\n --tds-btn-border-color: var(--t-border-color-button-neutral);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-neutral-outline-dim-hover);\n --tds-btn-border-color-hover: var(--t-border-color-button-neutral);\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-neutral-outline-dim-active);\n --tds-btn-border-color-active: var(--t-border-color-button-neutral);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(\n --t-fill-color-button-neutral-outline-dim-disabled\n );\n --tds-btn-border-color-disabled: var(--t-border-color-button-neutral);\n }\n}\n\n.tds-btn--pill {\n --tds-btn-border-radius: 999px;\n --tds-btn-padding-y: 4px;\n --tds-btn-padding-x: 13px;\n\n --tds-btn-color: var(--t-text-color-default-primary);\n --tds-btn-bg: var(--t-fill-color-button-pill-default);\n --tds-btn-border-color: var(--tds-btn-bg);\n --tds-btn-color-hover: var(--tds-btn-color);\n --tds-btn-bg-hover: var(--t-fill-color-button-pill-hover);\n --tds-btn-border-color-hover: var(--tds-btn-bg-hover);\n\n --tds-btn-color-active: var(--tds-btn-color);\n --tds-btn-bg-active: var(--t-fill-color-button-pill-active);\n --tds-btn-border-color-active: var(--tds-btn-bg-active);\n --tds-btn-color-disabled: var(--t-text-color-default-disabled);\n --tds-btn-bg-disabled: var(--t-fill-color-button-neutral-solid-disabled);\n --tds-btn-border-color-disabled: var(\n --t-fill-color-button-neutral-solid-disabled\n );\n --tds-btn-icon-color: var(--t-icon-color-default-secondary);\n --tds-btn-min-height: 32px;\n\n &:is(.tds-btn--sm) {\n --tds-btn-padding-y: 1px;\n --tds-btn-padding-x: 7px;\n --tds-btn-min-height: auto;\n }\n\n &:is(.tds-btn--xs) {\n --tds-btn-padding-y: 1px;\n --tds-btn-padding-x: 9px;\n --tds-btn-min-height: auto;\n }\n\n &:disabled,\n &.disabled {\n --tds-btn-icon-color: inherit;\n }\n}\n\n.tds-btn--dropdown .suffix {\n transition: transform 0.2s ease-in-out;\n}\n\n.tds-btn--dropdown[aria-expanded=\"true\"] .suffix {\n transform: rotate(-180deg);\n}\n\n.tds-btn--full-width {\n width: 100%;\n}\n"]}
package/dist/utilities/buttonLinkShared.d.ts CHANGED
@@ -23,6 +23,7 @@ export declare const COMPONENT_SIZE_CLASS_MAP: {
23
23
  export type ComponentSize = keyof typeof COMPONENT_SIZE_CLASS_MAP;
24
24
  export type ComponentKind = keyof typeof COMPONENT_KIND_CLASS_MAP;
25
25
  export interface BaseComponentProps {
26
+ fullWidth?: boolean;
26
27
  kind?: ComponentKind;
27
28
  prefix?: React.ReactNode;
28
29
  size?: ComponentSize;
package/dist/utilities/buttonLinkShared.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"buttonLinkShared.d.ts","sourceRoot":"","sources":["../../src/utilities/buttonLinkShared.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAa3B,CAAA;AAEV,eAAO,MAAM,wBAAwB;;;;;;CAM3B,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,wBAAwB,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,wBAAwB,CAAA;AAEjE,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,2BAA2B,YAC7B,KAAK,CAAC,SAAS,aACb,MAAM,KAChB,KAAK,CAAC,SAmBR,CAAA"}
1
+ {"version":3,"file":"buttonLinkShared.d.ts","sourceRoot":"","sources":["../../src/utilities/buttonLinkShared.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAa3B,CAAA;AAEV,eAAO,MAAM,wBAAwB;;;;;;CAM3B,CAAA;AAEV,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,wBAAwB,CAAA;AAEjE,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,wBAAwB,CAAA;AAEjE,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,2BAA2B,YAC7B,KAAK,CAAC,SAAS,aACb,MAAM,KAChB,KAAK,CAAC,SAmBR,CAAA"}
package/dist/utilities/buttonLinkShared.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"buttonLinkShared.js","sources":["../../src/utilities/buttonLinkShared.ts"],"sourcesContent":["import classNames from \"classnames\"\nimport React from \"react\"\n\nexport const COMPONENT_KIND_CLASS_MAP = {\n delete: \"tds-btn--delete\",\n ghost: \"tds-btn--ghost-neutral\",\n \"ghost-delete\": \"tds-btn--ghost-delete\",\n \"ghost-interaction\": \"tds-btn--ghost-interaction\",\n neutral: \"tds-btn--neutral\",\n pill: \"tds-btn--pill\",\n primary: \"tds-btn--interaction\",\n \"primary-page-header\": \"tds-btn--primary-page-header\",\n secondary: \"tds-btn--outline-neutral\",\n \"secondary-delete\": \"tds-btn--outline-delete\",\n \"secondary-interaction\": \"tds-btn--outline-interaction\",\n \"secondary-page-header\": \"tds-btn--secondary-page-header\",\n} as const\n\nexport const COMPONENT_SIZE_CLASS_MAP = {\n lg: \"tds-btn--lg\",\n md: \"\",\n sm: \"tds-btn--sm\",\n xl: \"tds-btn--xl\",\n xs: \"tds-btn--xs\",\n} as const\n\nexport type ComponentSize = keyof typeof COMPONENT_SIZE_CLASS_MAP\n\nexport type ComponentKind = keyof typeof COMPONENT_KIND_CLASS_MAP\n\nexport interface BaseComponentProps {\n kind?: ComponentKind\n prefix?: React.ReactNode\n size?: ComponentSize\n suffix?: React.ReactNode\n}\n\nexport const enhanceElementWithClassName = (\n element: React.ReactNode,\n className: string\n): React.ReactNode => {\n if (!element) return null\n\n if (React.isValidElement(element)) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return React.cloneElement(element as React.ReactElement<any>, {\n className: classNames(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (element as React.ReactElement<any>).props.className,\n className\n ),\n })\n }\n\n if (typeof element === \"string\" && element.trim()) {\n return React.createElement(\"span\", { className }, element)\n }\n\n return null\n}\n"],"names":[],"mappings":";;;AAGa,MAAA,wBAAwB,GAAG;AACtC,IAAA,MAAM,EAAE,iBAAiB;AACzB,IAAA,KAAK,EAAE,wBAAwB;AAC/B,IAAA,cAAc,EAAE,uBAAuB;AACvC,IAAA,mBAAmB,EAAE,4BAA4B;AACjD,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,qBAAqB,EAAE,8BAA8B;AACrD,IAAA,SAAS,EAAE,0BAA0B;AACrC,IAAA,kBAAkB,EAAE,yBAAyB;AAC7C,IAAA,uBAAuB,EAAE,8BAA8B;AACvD,IAAA,uBAAuB,EAAE,gCAAgC;EACjD;AAEG,MAAA,wBAAwB,GAAG;AACtC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,aAAa;EACT;MAaG,2BAA2B,GAAG,CACzC,OAAwB,EACxB,SAAiB,KACE;AACnB,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI,CAAA;AAEzB,IAAA,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;;AAEjC,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,OAAkC,EAAE;AAC5D,YAAA,SAAS,EAAE,UAAU;;AAElB,YAAA,OAAmC,CAAC,KAAK,CAAC,SAAS,EACpD,SAAS,CACV;AACF,SAAA,CAAC,CAAA;KACH;IAED,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE;AACjD,QAAA,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,CAAA;KAC3D;AAED,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}
1
+ {"version":3,"file":"buttonLinkShared.js","sources":["../../src/utilities/buttonLinkShared.ts"],"sourcesContent":["import classNames from \"classnames\"\nimport React from \"react\"\n\nexport const COMPONENT_KIND_CLASS_MAP = {\n delete: \"tds-btn--delete\",\n ghost: \"tds-btn--ghost-neutral\",\n \"ghost-delete\": \"tds-btn--ghost-delete\",\n \"ghost-interaction\": \"tds-btn--ghost-interaction\",\n neutral: \"tds-btn--neutral\",\n pill: \"tds-btn--pill\",\n primary: \"tds-btn--interaction\",\n \"primary-page-header\": \"tds-btn--primary-page-header\",\n secondary: \"tds-btn--outline-neutral\",\n \"secondary-delete\": \"tds-btn--outline-delete\",\n \"secondary-interaction\": \"tds-btn--outline-interaction\",\n \"secondary-page-header\": \"tds-btn--secondary-page-header\",\n} as const\n\nexport const COMPONENT_SIZE_CLASS_MAP = {\n lg: \"tds-btn--lg\",\n md: \"\",\n sm: \"tds-btn--sm\",\n xl: \"tds-btn--xl\",\n xs: \"tds-btn--xs\",\n} as const\n\nexport type ComponentSize = keyof typeof COMPONENT_SIZE_CLASS_MAP\n\nexport type ComponentKind = keyof typeof COMPONENT_KIND_CLASS_MAP\n\nexport interface BaseComponentProps {\n fullWidth?: boolean\n kind?: ComponentKind\n prefix?: React.ReactNode\n size?: ComponentSize\n suffix?: React.ReactNode\n}\n\nexport const enhanceElementWithClassName = (\n element: React.ReactNode,\n className: string\n): React.ReactNode => {\n if (!element) return null\n\n if (React.isValidElement(element)) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n return React.cloneElement(element as React.ReactElement<any>, {\n className: classNames(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (element as React.ReactElement<any>).props.className,\n className\n ),\n })\n }\n\n if (typeof element === \"string\" && element.trim()) {\n return React.createElement(\"span\", { className }, element)\n }\n\n return null\n}\n"],"names":[],"mappings":";;;AAGa,MAAA,wBAAwB,GAAG;AACtC,IAAA,MAAM,EAAE,iBAAiB;AACzB,IAAA,KAAK,EAAE,wBAAwB;AAC/B,IAAA,cAAc,EAAE,uBAAuB;AACvC,IAAA,mBAAmB,EAAE,4BAA4B;AACjD,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,qBAAqB,EAAE,8BAA8B;AACrD,IAAA,SAAS,EAAE,0BAA0B;AACrC,IAAA,kBAAkB,EAAE,yBAAyB;AAC7C,IAAA,uBAAuB,EAAE,8BAA8B;AACvD,IAAA,uBAAuB,EAAE,gCAAgC;EACjD;AAEG,MAAA,wBAAwB,GAAG;AACtC,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,EAAE;AACN,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,EAAE,EAAE,aAAa;EACT;MAcG,2BAA2B,GAAG,CACzC,OAAwB,EACxB,SAAiB,KACE;AACnB,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI,CAAA;AAEzB,IAAA,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;;AAEjC,QAAA,OAAO,KAAK,CAAC,YAAY,CAAC,OAAkC,EAAE;AAC5D,YAAA,SAAS,EAAE,UAAU;;AAElB,YAAA,OAAmC,CAAC,KAAK,CAAC,SAAS,EACpD,SAAS,CACV;AACF,SAAA,CAAC,CAAA;KACH;IAED,IAAI,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,IAAI,EAAE,EAAE;AACjD,QAAA,OAAO,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,CAAA;KAC3D;AAED,IAAA,OAAO,IAAI,CAAA;AACb;;;;"}
package/dist/webComponents.css CHANGED
@@ -23,6 +23,7 @@
23
23
  --tds-page-header-padding-x,
24
24
  var(--t-spacing-3)
25
25
  );
26
+ --tds-page-header-nav-gap: var(--t-spacing-1);
26
27
  --tds-page-header-nav-background: linear-gradient(
27
28
  180deg,
28
29
  rgba(0, 0, 0, 0) 0%,
@@ -85,10 +86,11 @@
85
86
  );
86
87
  }
87
88
 
88
- @media (min-width: 720px) {
89
+ @media (min-width: 600px) {
89
90
  .tds-page-header {
90
91
  --tds-page-header-background-color: var(--t-surface-color-card);
91
92
  --tds-page-header-padding-x: var(--t-spacing-3);
93
+ --tds-page-header-nav-gap: var(--t-spacing-half);
92
94
  --tds-page-header-nav-background: transparent;
93
95
  --tds-page-header-nav-item-padding-x: var(--t-spacing-2);
94
96
  --tds-page-header-nav-item-border-width: 1px;
@@ -160,7 +162,7 @@
160
162
  .tds-page-header nav[slot="navigation"] ul,
161
163
  .tds-page-header nav.tds-page-header__nav ul {
162
164
  display: flex;
163
- gap: var(--t-spacing-half);
165
+ gap: var(--tds-page-header-nav-gap);
164
166
  padding: var(--t-spacing-2) var(--tds-page-header-nav-padding-x) 0;
165
167
  margin: 0 0 -1px;
166
168
  overflow: auto;
@@ -869,39 +871,39 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
869
871
  --t-fill-color-product-staff-base: hsl(328, 100%, 45%);
870
872
  --t-fill-color-product-staff-dark: hsl(328, 100%, 38%);
871
873
  --t-fill-color-product-staff-darker: hsl(328, 100%, 33%);
872
- --t-fill-color-product-accounts-gradient-brand: linear-gradient(-45deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
873
- --t-fill-color-product-accounts-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
874
- --t-fill-color-product-accounts-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
875
- --t-fill-color-product-api-gradient-brand: linear-gradient(-90deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
876
- --t-fill-color-product-calendar-gradient-brand: linear-gradient(-45deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
877
- --t-fill-color-product-calendar-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
878
- --t-fill-color-product-calendar-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(9, 60%, 93%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
879
- --t-fill-color-product-cc-gradient-brand: linear-gradient(-45deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
880
- --t-fill-color-product-checkins-gradient-brand: linear-gradient(-45deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
881
- --t-fill-color-product-checkins-gradient-page: linear-gradient(-21.717456154496844deg, hsl(283, 21%, 77%), hsl(227, 36%, 78%) 41.999998688697815%, hsl(204, 67%, 73%));
882
- --t-fill-color-product-checkins-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 41.999998688697815%, hsl(204, 67%, 92%));
883
- --t-fill-color-product-giving-gradient-brand: linear-gradient(0deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
884
- --t-fill-color-product-giving-gradient-page: linear-gradient(-21.717456154496844deg, hsl(42, 84%, 80%), hsl(255, 21%, 89%) 58.49999785423279%, hsl(204, 67%, 73%));
885
- --t-fill-color-product-giving-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(42, 87%, 94%), hsl(260, 18%, 97%) 58.49999785423279%, hsl(204, 67%, 92%));
886
- --t-fill-color-product-groups-gradient-brand: linear-gradient(-45deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
887
- --t-fill-color-product-groups-gradient-page: linear-gradient(-21.717456154496844deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
888
- --t-fill-color-product-groups-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
889
- --t-fill-color-product-headcounts-gradient-brand: linear-gradient(-45deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
890
- --t-fill-color-product-home-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
891
- --t-fill-color-product-home-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
892
- --t-fill-color-product-musicstand-gradient-brand: linear-gradient(-45deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
893
- --t-fill-color-product-people-gradient-brand: linear-gradient(-45deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
894
- --t-fill-color-product-people-gradient-page: linear-gradient(-21.717456154496844deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
895
- --t-fill-color-product-people-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
896
- --t-fill-color-product-publishing-gradient-brand: linear-gradient(-45deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
897
- --t-fill-color-product-publishing-gradient-page: linear-gradient(-21.717456154496844deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 44.999998807907104%, hsl(204, 67%, 73%));
898
- --t-fill-color-product-publishing-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 44.999998807907104%, hsl(204, 67%, 92%));
899
- --t-fill-color-product-registrations-gradient-brand: linear-gradient(-45deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
900
- --t-fill-color-product-registrations-gradient-page: linear-gradient(-21.717456154496844deg, hsl(175, 27%, 74%), hsl(196, 46%, 73%) 39.500001072883606%, hsl(204, 67%, 73%));
901
- --t-fill-color-product-registrations-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(175, 28%, 92%), hsl(196, 46%, 92%) 39.500001072883606%, hsl(204, 67%, 92%));
902
- --t-fill-color-product-services-gradient-brand: linear-gradient(-45deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
903
- --t-fill-color-product-services-gradient-page: linear-gradient(-21.717456154496844deg, hsl(89, 31%, 73%), hsl(122, 29%, 78%) 39.500001072883606%, hsl(204, 67%, 73%));
904
- --t-fill-color-product-services-gradient-tint: linear-gradient(-21.717456154496844deg, hsl(88, 32%, 92%), hsl(126, 29%, 93%) 39.500001072883606%, hsl(204, 67%, 92%));
874
+ --t-fill-color-product-accounts-gradient-brand: linear-gradient(135deg, hsl(203, 86%, 57%), hsl(220, 76%, 57%));
875
+ --t-fill-color-product-accounts-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
876
+ --t-fill-color-product-accounts-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
877
+ --t-fill-color-product-api-gradient-brand: linear-gradient(180deg, hsl(221, 100%, 62%), hsl(217, 100%, 52%));
878
+ --t-fill-color-product-calendar-gradient-brand: linear-gradient(135deg, hsl(10, 88%, 58%), hsl(8, 60%, 51%));
879
+ --t-fill-color-product-calendar-gradient-page: linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
880
+ --t-fill-color-product-calendar-gradient-tint: linear-gradient(111.72deg, hsl(9, 60%, 93%), hsl(285, 18%, 91%), hsl(204, 67%, 92%));
881
+ --t-fill-color-product-cc-gradient-brand: linear-gradient(135deg, hsl(207, 90%, 61%), hsl(123, 38%, 57%));
882
+ --t-fill-color-product-checkins-gradient-brand: linear-gradient(135deg, hsl(283, 38%, 59%), hsl(284, 23%, 48%));
883
+ --t-fill-color-product-checkins-gradient-page: linear-gradient(111.72deg, hsl(283, 21%, 77%), hsl(227, 36%, 78%) 42%, hsl(204, 67%, 73%));
884
+ --t-fill-color-product-checkins-gradient-tint: linear-gradient(111.72deg, hsl(285, 22%, 93%), hsl(225, 35%, 93%) 42%, hsl(204, 67%, 92%));
885
+ --t-fill-color-product-giving-gradient-brand: linear-gradient(90deg, hsl(46, 91%, 55%), hsl(41, 89%, 55%));
886
+ --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%));
887
+ --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%));
888
+ --t-fill-color-product-groups-gradient-brand: linear-gradient(135deg, hsl(30, 100%, 59%), hsl(19, 97%, 60%));
889
+ --t-fill-color-product-groups-gradient-page: linear-gradient(111.72deg, hsl(17, 88%, 80%), hsl(293, 13%, 74%), hsl(204, 67%, 73%));
890
+ --t-fill-color-product-groups-gradient-tint: linear-gradient(111.72deg, hsl(18, 87%, 94%), hsl(300, 12%, 92%), hsl(204, 67%, 92%));
891
+ --t-fill-color-product-headcounts-gradient-brand: linear-gradient(135deg, hsl(283, 37%, 59%), hsl(285, 23%, 47%));
892
+ --t-fill-color-product-home-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
893
+ --t-fill-color-product-home-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
894
+ --t-fill-color-product-musicstand-gradient-brand: linear-gradient(135deg, hsl(204, 64%, 51%), hsl(211, 55%, 51%));
895
+ --t-fill-color-product-people-gradient-brand: linear-gradient(135deg, hsl(205, 86%, 57%), hsl(220, 76%, 57%));
896
+ --t-fill-color-product-people-gradient-page: linear-gradient(111.72deg, hsl(220, 73%, 81%), hsl(220, 73%, 81%), hsl(204, 67%, 73%));
897
+ --t-fill-color-product-people-gradient-tint: linear-gradient(111.72deg, hsl(218, 73%, 94%), hsl(218, 73%, 94%), hsl(204, 67%, 92%));
898
+ --t-fill-color-product-publishing-gradient-brand: linear-gradient(135deg, hsl(240, 4%, 49%), hsl(240, 6%, 39%));
899
+ --t-fill-color-product-publishing-gradient-page: linear-gradient(111.72deg, hsl(217, 5%, 69%), hsl(214, 15%, 69%) 45%, hsl(204, 67%, 73%));
900
+ --t-fill-color-product-publishing-gradient-tint: linear-gradient(111.72deg, hsl(210, 4%, 91%), hsl(214, 15%, 91%) 45%, hsl(204, 67%, 92%));
901
+ --t-fill-color-product-registrations-gradient-brand: linear-gradient(135deg, hsl(168, 46%, 48%), hsl(175, 35%, 43%));
902
+ --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%));
903
+ --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%));
904
+ --t-fill-color-product-services-gradient-brand: linear-gradient(135deg, hsl(96, 49%, 47%), hsl(89, 52%, 39%));
905
+ --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%));
906
+ --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%));
905
907
  --t-fill-color-tag-gray-010: hsl(0, 0%, 93%);
906
908
  --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);
907
909
  --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);
@@ -1214,8 +1216,10 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1214
1216
  --tds-btn-min-height: 32px;
1215
1217
  display: inline-flex;
1216
1218
  gap: 1ex;
1219
+ justify-content: center;
1217
1220
  align-items: center;
1218
1221
  min-height: var(--tds-btn-min-height);
1222
+ width: auto;
1219
1223
  padding: var(--tds-btn-padding-y) var(--tds-btn-padding-x);
1220
1224
  font-size: var(--tds-btn-font-size);
1221
1225
  font-weight: var(--tds-btn-font-weight);
@@ -1229,6 +1233,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1229
1233
  -moz-user-select: none;
1230
1234
  user-select: none;
1231
1235
  background-color: var(--tds-btn-bg);
1236
+ background-clip: padding-box;
1232
1237
  border: var(--tds-btn-border-width) solid var(--tds-btn-border-color);
1233
1238
  border-radius: var(--tds-btn-border-radius);
1234
1239
  transition:
@@ -1396,7 +1401,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1396
1401
  }
1397
1402
 
1398
1403
  .tds-btn--outline-interaction {
1399
- --tds-btn-color: var(--t-text-color-status-info);
1404
+ --tds-btn-color: var(--t-text-color-interaction-primary);
1400
1405
  --tds-btn-border-color: var(--t-border-color-button-info);
1401
1406
  --tds-btn-color-hover: var(--tds-btn-color);
1402
1407
  --tds-btn-bg-hover: var(--t-fill-color-button-interaction-outline-dim-hover);
@@ -1442,7 +1447,7 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1442
1447
  }
1443
1448
 
1444
1449
  .tds-btn--ghost-interaction {
1445
- --tds-btn-color: var(--t-text-color-status-info);
1450
+ --tds-btn-color: var(--t-text-color-interaction-primary);
1446
1451
  --tds-btn-border-color: transparent;
1447
1452
  --tds-btn-color-hover: var(--tds-btn-color);
1448
1453
  --tds-btn-bg-hover: var(--t-fill-color-button-interaction-outline-dim-hover);
@@ -1491,7 +1496,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1491
1496
  }
1492
1497
 
1493
1498
  .tds-btn--secondary-page-header {
1494
- --tds-btn-border-width: 0;
1495
1499
  --tds-btn-color: var(--t-text-color-status-neutral);
1496
1500
  --tds-btn-bg: var(--t-fill-color-button-neutral-responsive-header-default);
1497
1501
  --tds-btn-border-color: var(
@@ -1523,7 +1527,6 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1523
1527
  @media (min-width: 720px) {
1524
1528
 
1525
1529
  .tds-btn--secondary-page-header {
1526
- --tds-btn-border-width: 1px;
1527
1530
  --tds-btn-color: var(--t-text-color-status-neutral);
1528
1531
  --tds-btn-bg: transparent;
1529
1532
  --tds-btn-border-color: var(--t-border-color-button-neutral);
@@ -1589,6 +1592,10 @@ tds-sidenav-section:not(.hydrated) > [slot="ssr"] {
1589
1592
  transform: rotate(-180deg);
1590
1593
  }
1591
1594
 
1595
+ .tds-btn--full-width {
1596
+ width: 100%;
1597
+ }
1598
+
1592
1599
  /**
1593
1600
  * Do not edit directly, this file was auto-generated.
1594
1601
  */