@planningcenter/tapestry 1.4.1 → 1.4.2-qa-231.0

package/dist/components/button/BaseButton.d.ts

@@ -0,0 +1,10 @@
+import "./btn.css";
+import React, { ButtonHTMLAttributes } from "react";
+import { BaseComponentProps, ComponentKind } from "../../utilities/buttonLinkShared";
+export interface BaseButtonProps extends Omit<BaseComponentProps, 'kind'> {
+    kind?: ComponentKind;
+    label: React.ReactNode;
+}
+export type BaseButtonElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps | 'children'> & BaseButtonProps;
+export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | keyof BaseButtonProps> & BaseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=BaseButton.d.ts.map

package/dist/components/button/BaseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAGnB,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAc,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,kBAAkB,EAGlB,aAAa,EAGd,MAAM,kCAAkC,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC;IACvE,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,eAAe,GAAG,UAAU,CAAC,GAAG,eAAe,CAAC;AAezI,eAAO,MAAM,UAAU,qLAoBtB,CAAC"}

package/dist/components/button/BaseButton.js

@@ -0,0 +1,20 @@
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { enhanceElementWithClassName, COMPONENT_SIZE_CLASS_MAP, COMPONENT_KIND_CLASS_MAP } from '../../utilities/buttonLinkShared.js';
+
+const buildComponentClassName = (size, kind, className) => {
+    return classNames(kind && "tds-btn", size && size !== "md" && COMPONENT_SIZE_CLASS_MAP[size], kind && COMPONENT_KIND_CLASS_MAP[kind], className);
+};
+const BaseButton = forwardRef(({ size, prefix, suffix, kind = "secondary", label, className, ...restProps }, ref) => {
+    const combinedClassName = buildComponentClassName(size, kind, className);
+    const prefixElement = enhanceElementWithClassName(prefix, "prefix");
+    const suffixElement = enhanceElementWithClassName(suffix, "suffix");
+    return (React.createElement("button", { type: "button", className: combinedClassName, ref: ref, ...restProps },
+        prefixElement,
+        label,
+        suffixElement));
+});
+BaseButton.displayName = "BaseButton";
+
+export { BaseButton };
+//# sourceMappingURL=BaseButton.js.map

package/dist/components/button/BaseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.js","sources":["../../../src/components/button/BaseButton.tsx"],"sourcesContent":["import \"./btn.css\";\n\nimport classNames from \"classnames\";\nimport React, { ButtonHTMLAttributes, forwardRef } from \"react\";\n\nimport {\n  BaseComponentProps,\n  COMPONENT_KIND_CLASS_MAP,\n  COMPONENT_SIZE_CLASS_MAP,\n  ComponentKind,\n  ComponentSize,\n  enhanceElementWithClassName\n} from \"../../utilities/buttonLinkShared\";\n\nexport interface BaseButtonProps extends Omit<BaseComponentProps, 'kind'> {\n  kind?: ComponentKind;\n  label: React.ReactNode;\n}\n\nexport type BaseButtonElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseButtonProps | 'children'> & BaseButtonProps;\n\nconst buildComponentClassName = (\n  size?: ComponentSize,\n  kind?: ComponentKind,\n  className?: string\n): string => {\n  return classNames(\n    kind && \"tds-btn\",\n    size && size !== \"md\" && COMPONENT_SIZE_CLASS_MAP[size],\n    kind && COMPONENT_KIND_CLASS_MAP[kind],\n    className\n  );\n};\n\nexport const BaseButton = forwardRef<HTMLButtonElement, BaseButtonElementProps>(\n  ({ size, prefix, suffix, kind = \"secondary\", label, className, ...restProps }: BaseButtonElementProps, ref) => {\n    const combinedClassName = buildComponentClassName(size, kind, className);\n\n    const prefixElement = enhanceElementWithClassName(prefix, \"prefix\");\n    const suffixElement = enhanceElementWithClassName(suffix, \"suffix\");\n\n    return (\n      <button\n        type=\"button\"\n        className={combinedClassName}\n        ref={ref}\n        {...restProps}\n      >\n        {prefixElement}\n        {label}\n        {suffixElement}\n      </button>\n    );\n  }\n);\n\nBaseButton.displayName = \"BaseButton\";\n"],"names":[],"mappings":";;;;AAqBA,MAAM,uBAAuB,GAAG,CAC9B,IAAoB,EACpB,IAAoB,EACpB,SAAkB,KACR;IACV,OAAO,UAAU,CACf,IAAI,IAAI,SAAS,EACjB,IAAI,IAAI,IAAI,KAAK,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACvD,IAAI,IAAI,wBAAwB,CAAC,IAAI,CAAC,EACtC,SAAS,CACV,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,WAAW,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,EAA0B,EAAE,GAAG,KAAI;IAC5G,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC;IAEzE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,2BAA2B,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;AAEpE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,KACJ,SAAS,EAAA;QAEZ,aAAa;QACb,KAAK;QACL,aAAa,CACP,EACT;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/button/Button.d.ts

@@ -0,0 +1,17 @@
+import "./btn.css";
+import React from "react";
+import { BaseButtonElementProps } from "./BaseButton";
+export type ButtonElementProps = Omit<BaseButtonElementProps, 'label'> & {
+    label: string;
+};
+/**
+ * A button component that renders as a button element.
+ * Supports various sizes, styles, and content types.
+ * Label must be a string.
+ *
+ * @component
+ */
+export declare const Button: React.ForwardRefExoticComponent<Omit<BaseButtonElementProps, "label"> & {
+    label: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3F;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;WAT+D,MAAM;2CAavF,CAAC"}

package/dist/components/button/Button.js

@@ -0,0 +1,17 @@
+import React, { forwardRef } from 'react';
+import { BaseButton } from './BaseButton.js';
+
+/**
+ * A button component that renders as a button element.
+ * Supports various sizes, styles, and content types.
+ * Label must be a string.
+ *
+ * @component
+ */
+const Button = forwardRef((props, ref) => {
+    return React.createElement(BaseButton, { ...props, ref: ref });
+});
+Button.displayName = "Button";
+
+export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/button/Button.tsx"],"sourcesContent":["import \"./btn.css\";\n\nimport React, { forwardRef } from \"react\";\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\";\n\nexport type ButtonElementProps = Omit<BaseButtonElementProps, 'label'> & { label: string };\n\n/**\n * A button component that renders as a button element.\n * Supports various sizes, styles, and content types.\n * Label must be a string.\n *\n * @component\n */\nexport const Button = forwardRef<HTMLButtonElement, ButtonElementProps>(\n  (props, ref) => {\n    return <BaseButton {...props} ref={ref} />;\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":[],"mappings":";;;AAQA;;;;;;AAMG;AACU,MAAA,MAAM,GAAG,UAAU,CAC9B,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,OAAO,KAAA,CAAA,aAAA,CAAC,UAAU,EAAK,EAAA,GAAA,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,CAAI,CAAC;AAC7C,CAAC,EACD;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/button/IconButton.d.ts

@@ -0,0 +1,18 @@
+import "./btn.css";
+import React from "react";
+import { BaseButtonElementProps } from "./BaseButton";
+export type IconButtonProps = Omit<BaseButtonElementProps, 'label'> & {
+    "aria-label": string;
+    icon: React.ReactNode;
+};
+/**
+ * An icon-only button component that renders as a button element.
+ * Requires an icon and aria-label for accessibility.
+ *
+ * @component
+ */
+export declare const IconButton: React.ForwardRefExoticComponent<Omit<BaseButtonElementProps, "label"> & {
+    "aria-label": string;
+    icon: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/button/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAGnB,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAc,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,CAAC,GAAG;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU;kBAVP,MAAM;UACd,KAAK,CAAC,SAAS;2CAsBtB,CAAC"}

package/dist/components/button/IconButton.js

@@ -0,0 +1,18 @@
+import classNames from 'classnames';
+import React, { forwardRef } from 'react';
+import { BaseButton } from './BaseButton.js';
+
+/**
+ * An icon-only button component that renders as a button element.
+ * Requires an icon and aria-label for accessibility.
+ *
+ * @component
+ */
+const IconButton = forwardRef(({ icon, className, ...restProps }, ref) => {
+    const iconOnlyClassName = classNames("tds-btn--icononly", className);
+    return (React.createElement(BaseButton, { ...restProps, label: icon, className: iconOnlyClassName, ref: ref }));
+});
+IconButton.displayName = "IconButton";
+
+export { IconButton };
+//# sourceMappingURL=IconButton.js.map

package/dist/components/button/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../src/components/button/IconButton.tsx"],"sourcesContent":["import \"./btn.css\";\n\nimport classNames from \"classnames\";\nimport React, { forwardRef } from \"react\";\n\nimport { BaseButton, BaseButtonElementProps } from \"./BaseButton\";\n\nexport type IconButtonProps = Omit<BaseButtonElementProps, 'label'> & {\n  \"aria-label\": string;\n  icon: React.ReactNode;\n};\n\n/**\n * An icon-only button component that renders as a button element.\n * Requires an icon and aria-label for accessibility.\n *\n * @component\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ icon, className, ...restProps }: IconButtonProps, ref) => {\n    const iconOnlyClassName = classNames(\"tds-btn--icononly\", className);\n\n    return (\n      <BaseButton\n        {...restProps}\n        label={icon}\n        className={iconOnlyClassName}\n        ref={ref}\n      />\n    );\n  }\n);\n\nIconButton.displayName = \"IconButton\";\n"],"names":[],"mappings":";;;;AAYA;;;;;AAKG;AACU,MAAA,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAmB,EAAE,GAAG,KAAI;IAC1D,MAAM,iBAAiB,GAAG,UAAU,CAAC,mBAAmB,EAAE,SAAS,CAAC,CAAC;AAErE,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,OACL,SAAS,EACb,KAAK,EAAE,IAAI,EACX,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,GAAG,EAAA,CACR,EACF;AACJ,CAAC,EACD;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/button/index.d.ts

@@ -0,0 +1,4 @@
+import "./btn.css";
+export { Button } from "./Button";
+export { IconButton } from "./IconButton";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,WAAW,CAAC;AAEnB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/page-header/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-DUAwwEEc.js';
+import '../../tapestry-wc/dist/components/p-DtyvejtQ.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-page-header.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-page-header-nav.js';
 

package/dist/components/sidenav/index.js

@@ -1,4 +1,4 @@
-import '../../tapestry-wc/dist/components/p-DUAwwEEc.js';
+import '../../tapestry-wc/dist/components/p-DtyvejtQ.js';
 import { defineCustomElement } from '../../tapestry-wc/dist/components/tds-sidenav.js';
 import { defineCustomElement as defineCustomElement$1 } from '../../tapestry-wc/dist/components/tds-sidenav-item.js';
 import { defineCustomElement as defineCustomElement$3 } from '../../tapestry-wc/dist/components/tds-sidenav-responsive-header.js';

package/dist/index.css

@@ -280,6 +280,10 @@
   --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);
   --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);
   --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);
+  --t-fill-color-button-neutral-responsive-header-default: hsla(0, 0%, 0%, 0.1);
+  --t-fill-color-button-neutral-responsive-header-hover: hsla(0, 0%, 0%, 0.2);
+  --t-fill-color-button-neutral-responsive-header-active: hsla(0, 0%, 0%, 0.3);
+  --t-fill-color-button-neutral-responsive-header-disabled: hsla(0, 0%, 0%, 0.05);
   --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);
   --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);
   --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["index.css","tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[":root {\n  @media (prefers-reduced-motion: no-preference) {\n    interpolate-size: allow-keywords;\n  }\n}\n\n@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 .2s cubic-bezier(.19, .91, .38, 1);\n\n    --tds-sidenav-item-background-hover: var(--t-fill-color-button-interaction-ghost-hover);\n    --tds-sidenav-item-background-active: var(--t-fill-color-button-interaction-ghost-active);\n    --tds-sidenav-item-background-selected: var(--t-fill-color-button-interaction-ghost-active);\n\n    --tds-sidenav-item-nested-border-color: var(--t-fill-color-neutral-050);\n    --tds-sidenav-item-nested-border-color-hover: var(--t-fill-color-neutral-050);\n    --tds-sidenav-item-nested-border-color-selected: var(--t-border-color-status-info);\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(--t-fill-color-neutral-050);\n    --tds-sidenav-item-nested-border-color-selected: var(--t-fill-color-neutral-010);\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  margin: var(--t-spacing-2) 0 0 0;\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-semibold);\n  color: var(--t-text-color-default-secondary);\n  text-transform: uppercase;\n\n  .tds-sidenav-section:first-of-type & {\n    margin-top: 0;\n  }\n}\n\n.tds-sidenav-section-list,\n.tds-sidenav-item {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n.tds-sidenav-item {\n  :is(a, button) {\n    position: relative;\n    display: flex;\n    gap: 12px;\n    align-items: center;\n    width: 100%;\n    padding: 12px;\n    overflow: hidden;\n    font-size: var(--t-font-size-sm);\n    line-height: 18px;\n    color: var(--t-text-color-default-headline);\n    white-space: nowrap;\n    text-decoration: none;\n    appearance: none;\n    cursor: pointer;\n    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\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\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: content-visibility .2s allow-discrete, opacity .2s, block-size .2s;\n    }\n\n    .tds-sidenav-section-list {\n      --tds-sidenav-item-depth: 2;\n    }\n  }\n\n  .tds-sidenav-section-list .tds-sidenav-section-list & {\n    :is(a, button) {\n      height: 32px;\n      padding-block: 9px;\n      padding-left: calc((var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) + var(--tds-sidenav-indent) + 2px);\n      line-height: 1;\n      background-color: transparent;\n\n      &::before {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n        width: 2px;\n        content: \"\";\n        background-color: var(--tds-sidenav-item-nested-border-color);\n        transition: var(--tds-sidenav-item-transition);\n      }\n\n      &::after {\n        position: absolute;\n        inset: 0 0 0 calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n        z-index: -1;\n        height: 100%;\n        content: \"\";\n        background-color: var(--tds-sidenav-item-background);\n        border-radius: 0 var(--t-border-radius-default) 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(--tds-sidenav-item-nested-border-color-hover);\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(--tds-sidenav-item-nested-border-color-selected);\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, .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-tag-gray-010: hsl(0, 0%, 93%);\n  --t-fill-color-tag-gray-020: hsl(0, 0%, 88%);\n  --t-fill-color-tag-gray-030: hsl(0, 0%, 88%);\n  --t-fill-color-tag-gray-040: hsl(0, 0%, 81%);\n  --t-fill-color-tag-blue-010: hsl(220, 100%, 95%);\n  --t-fill-color-tag-blue-020: hsl(221, 100%, 88%);\n  --t-fill-color-tag-blue-030: hsl(220, 98%, 81%);\n  --t-fill-color-tag-blue-040: hsl(220, 98%, 74%);\n  --t-fill-color-tag-aqua-010: hsl(200, 82%, 89%);\n  --t-fill-color-tag-aqua-020: hsl(200, 82%, 82%);\n  --t-fill-color-tag-aqua-030: hsl(201, 76%, 71%);\n  --t-fill-color-tag-aqua-040: hsl(200, 75%, 64%);\n  --t-fill-color-tag-teal-010: hsl(163, 53%, 83%);\n  --t-fill-color-tag-teal-020: hsl(164, 52%, 76%);\n  --t-fill-color-tag-teal-030: hsl(169, 62%, 64%);\n  --t-fill-color-tag-teal-040: hsl(169, 62%, 56%);\n  --t-fill-color-tag-green-010: hsl(98, 59%, 85%);\n  --t-fill-color-tag-green-020: hsl(99, 59%, 78%);\n  --t-fill-color-tag-green-030: hsl(112, 57%, 65%);\n  --t-fill-color-tag-green-040: hsl(112, 57%, 57%);\n  --t-fill-color-tag-yellow-010: hsl(45, 77%, 85%);\n  --t-fill-color-tag-yellow-020: hsl(44, 78%, 77%);\n  --t-fill-color-tag-yellow-030: hsl(44, 92%, 69%);\n  --t-fill-color-tag-yellow-040: hsl(44, 93%, 61%);\n  --t-fill-color-tag-orange-010: hsl(22, 89%, 89%);\n  --t-fill-color-tag-orange-020: hsl(21, 89%, 82%);\n  --t-fill-color-tag-orange-030: hsl(21, 86%, 72%);\n  --t-fill-color-tag-orange-040: hsl(21, 86%, 64%);\n  --t-fill-color-tag-pink-010: hsl(311, 66%, 92%);\n  --t-fill-color-tag-pink-020: hsl(310, 64%, 85%);\n  --t-fill-color-tag-pink-030: hsl(324, 78%, 77%);\n  --t-fill-color-tag-pink-040: hsl(324, 76%, 70%);\n  --t-fill-color-tag-purple-010: hsl(259, 74%, 93%);\n  --t-fill-color-tag-purple-020: hsl(259, 74%, 85%);\n  --t-fill-color-tag-purple-030: hsl(273, 62%, 76%);\n  --t-fill-color-tag-purple-040: hsl(273, 62%, 70%);\n  --t-fill-color-tag-magenta-010: hsl(294, 37%, 90%);\n  --t-fill-color-tag-magenta-020: hsl(291, 40%, 83%);\n  --t-fill-color-tag-magenta-030: hsl(291, 48%, 70%);\n  --t-fill-color-tag-magenta-040: hsl(292, 48%, 63%);\n  --t-fill-color-tag-indigo-010: hsl(234, 78%, 93%);\n  --t-fill-color-tag-indigo-020: hsl(233, 79%, 87%);\n  --t-fill-color-tag-indigo-030: hsl(233, 77%, 81%);\n  --t-fill-color-tag-indigo-040: hsl(236, 79%, 74%);\n  --t-fill-color-button-neutral-solid-default: hsl(0, 0%, 42%);\n  --t-fill-color-button-neutral-solid-hover: hsl(0, 0%, 24%);\n  --t-fill-color-button-neutral-solid-active: hsl(0, 0%, 12%);\n  --t-fill-color-button-neutral-solid-disabled: hsl(0, 0%, 95%);\n  --t-fill-color-button-neutral-outline-dim-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-neutral-outline-dim-hover: hsl(0, 0%, 95%);\n  --t-fill-color-button-neutral-outline-dim-active: hsl(0, 0%, 93%);\n  --t-fill-color-button-neutral-outline-dim-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-neutral-ghost-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-neutral-ghost-hover: hsl(0, 0%, 95%);\n  --t-fill-color-button-neutral-ghost-active: hsl(0, 0%, 93%);\n  --t-fill-color-button-neutral-ghost-disabled: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-interaction-solid-default: hsl(204, 100%, 40%);\n  --t-fill-color-button-interaction-solid-hover: hsl(204, 100%, 35%);\n  --t-fill-color-button-interaction-solid-active: hsl(204, 100%, 30%);\n  --t-fill-color-button-interaction-solid-disabled: hsl(0, 0%, 95%);\n  --t-fill-color-button-interaction-outline-dim-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-interaction-outline-dim-hover: hsl(204, 100%, 97%);\n  --t-fill-color-button-interaction-outline-dim-active: hsl(203, 94%, 94%);\n  --t-fill-color-button-interaction-outline-dim-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-interaction-ghost-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-interaction-ghost-hover: hsl(204, 100%, 97%);\n  --t-fill-color-button-interaction-ghost-active: hsl(203, 94%, 94%);\n  --t-fill-color-button-interaction-ghost-disabled: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-delete-solid-default: hsl(8, 60%, 47%);\n  --t-fill-color-button-delete-solid-hover: hsl(8, 60%, 45%);\n  --t-fill-color-button-delete-solid-active: hsl(8, 60%, 40%);\n  --t-fill-color-button-delete-solid-disabled: hsl(0, 0%, 95%);\n  --t-fill-color-button-delete-outline-dim-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-delete-outline-dim-hover: hsl(7, 60%, 97%);\n  --t-fill-color-button-delete-outline-dim-active: hsl(9, 59%, 93%);\n  --t-fill-color-button-delete-outline-dim-disabled: hsl(0, 0%, 98%);\n  --t-fill-color-button-delete-ghost-default: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-delete-ghost-hover: hsl(7, 60%, 97%);\n  --t-fill-color-button-delete-ghost-active: hsl(9, 59%, 93%);\n  --t-fill-color-button-delete-ghost-disabled: hsla(0, 0%, 100%, 0);\n  --t-fill-color-button-pill-default: hsl(0, 0%, 93%);\n  --t-fill-color-button-pill-hover: hsl(0, 0%, 88%);\n  --t-fill-color-button-pill-active: hsl(0, 0%, 88%);\n  --t-fill-color-button-pill-disabled: hsl(0, 0%, 93%);\n  --t-fill-color-transparency-light-010: hsla(0, 0%, 100%, 0.1);\n  --t-fill-color-transparency-light-020: hsla(0, 0%, 100%, 0.2);\n  --t-fill-color-transparency-light-030: hsla(0, 0%, 100%, 0.3);\n  --t-fill-color-transparency-light-040: hsla(0, 0%, 100%, 0.4);\n  --t-fill-color-transparency-light-050: hsla(0, 0%, 100%, 0.5);\n  --t-fill-color-transparency-light-060: hsla(0, 0%, 100%, 0.6);\n  --t-fill-color-transparency-light-070: hsla(0, 0%, 100%, 0.7);\n  --t-fill-color-transparency-light-080: hsla(0, 0%, 100%, 0.8);\n  --t-fill-color-transparency-light-090: hsla(0, 0%, 100%, 0.9);\n  --t-fill-color-transparency-dark-010: hsla(0, 0%, 0%, 0.1);\n  --t-fill-color-transparency-dark-020: hsla(0, 0%, 0%, 0.2);\n  --t-fill-color-transparency-dark-030: hsla(0, 0%, 0%, 0.3);\n  --t-fill-color-transparency-dark-040: hsla(0, 0%, 0%, 0.4);\n  --t-fill-color-transparency-dark-050: hsla(0, 0%, 0%, 0.5);\n  --t-fill-color-transparency-dark-060: hsla(0, 0%, 0%, 0.6);\n  --t-fill-color-transparency-dark-070: hsla(0, 0%, 0%, 0.7);\n  --t-fill-color-transparency-dark-080: hsla(0, 0%, 0%, 0.8);\n  --t-fill-color-transparency-dark-090: hsla(0, 0%, 0%, 0.9);\n  --t-surface-color-canvas: hsl(0, 0%, 98%);\n  --t-surface-color-card: hsl(0, 0%, 100%);\n  --t-border-color-default-base: hsl(0, 0%, 88%);\n  --t-border-color-default-dark: hsl(0, 0%, 81%);\n  --t-border-color-default-darker: hsl(0, 0%, 68%);\n  --t-border-color-default-darkest: hsl(0, 0%, 58%);\n  --t-border-color-default-disabled: hsl(0, 0%, 88%);\n  --t-border-color-default-dim: hsl(0, 0%, 95%);\n  --t-border-color-default-white: hsl(0, 0%, 100%);\n  --t-border-color-status-neutral: hsl(0, 0%, 58%);\n  --t-border-color-status-info: hsl(204, 100%, 40%);\n  --t-border-color-status-success: hsl(97, 57%, 40%);\n  --t-border-color-status-warning: hsl(42, 84%, 63%);\n  --t-border-color-status-error: hsl(8, 60%, 47%);\n  --t-border-color-button-neutral: hsl(0, 0%, 88%);\n  --t-border-color-button-info: hsl(204, 100%, 40%);\n  --t-border-color-button-create: hsl(96, 57%, 33%);\n  --t-border-color-button-delete: hsl(8, 60%, 47%);\n  --t-border-color-control-neutral: hsl(0, 0%, 68%);\n  --t-border-color-control-info: hsl(204, 100%, 40%);\n  --t-border-color-control-success: hsl(97, 57%, 40%);\n  --t-border-color-control-warning: hsl(42, 84%, 63%);\n  --t-border-color-control-error: hsl(8, 60%, 47%);\n  --t-border-color-control-disabled: hsl(0, 0%, 88%);\n}\n","/**\n * Do not edit directly, this file was auto-generated.\n */\n\n:root {\n  --t-border-size-default: var(--t-border-width-default);\n  --t-border-size-thick: var(--t-border-width-thick);\n  --t-font-weight-semi-bold: var(--t-font-weight-semibold);\n  --t-text-color-tag-gray: var(--t-text-color-tag-bold-gray);\n  --t-text-color-tag-magenta: var(--t-text-color-tag-bold-magenta);\n  --t-text-color-tag-blue: var(--t-text-color-tag-bold-blue);\n  --t-text-color-tag-aqua: var(--t-text-color-tag-bold-aqua);\n  --t-text-color-tag-teal: var(--t-text-color-tag-bold-teal);\n  --t-text-color-tag-green: var(--t-text-color-tag-bold-green);\n  --t-text-color-tag-yellow: var(--t-text-color-tag-bold-yellow);\n  --t-text-color-tag-orange: var(--t-text-color-tag-bold-orange);\n  --t-text-color-tag-pink: var(--t-text-color-tag-bold-pink);\n  --t-text-color-tag-purple: var(--t-text-color-tag-bold-purple);\n  --t-icon-color-status-neutral-dark: hsl(0, 0%, 24%);\n  --t-icon-color-status-info-secondary: hsl(204, 100%, 40%);\n  --t-fill-color-alert-info: hsl(204, 94%, 49%);\n  --t-fill-color-alert-success: hsl(122, 60%, 41%);\n  --t-fill-color-alert-warning: hsl(43, 96%, 58%);\n  --t-fill-color-alert-error: hsl(4, 77%, 59%);\n  --t-fill-color-product-accounts-lightest: var(--t-fill-color-product-accounts-010);\n  --t-fill-color-product-accounts-lighter: var(--t-fill-color-product-accounts-020);\n  --t-fill-color-product-accounts-light: var(--t-fill-color-product-accounts-040);\n  --t-fill-color-product-accounts-base: var(--t-fill-color-product-accounts-050);\n  --t-fill-color-product-accounts-dark: var(--t-fill-color-product-accounts-060);\n  --t-fill-color-product-accounts-darker: var(--t-fill-color-product-accounts-070);\n  --t-fill-color-product-accounts-darkest: var(--t-fill-color-product-accounts-080);\n  --t-fill-color-product-calendar-lightest: var(--t-fill-color-product-calendar-020);\n  --t-fill-color-product-calendar-lighter: var(--t-fill-color-product-calendar-030);\n  --t-fill-color-product-calendar-light: var(--t-fill-color-product-calendar-040);\n  --t-fill-color-product-calendar-base: var(--t-fill-color-product-calendar-050);\n  --t-fill-color-product-calendar-dark: var(--t-fill-color-product-calendar-060);\n  --t-fill-color-product-calendar-darker: var(--t-fill-color-product-calendar-070);\n  --t-fill-color-product-calendar-darkest: var(--t-fill-color-product-calendar-080);\n  --t-fill-color-product-checkins-lightest: var(--t-fill-color-product-checkins-020);\n  --t-fill-color-product-checkins-lighter: var(--t-fill-color-product-checkins-030);\n  --t-fill-color-product-checkins-light: var(--t-fill-color-product-checkins-040);\n  --t-fill-color-product-checkins-base: var(--t-fill-color-product-checkins-050);\n  --t-fill-color-product-checkins-dark: var(--t-fill-color-product-checkins-060);\n  --t-fill-color-product-checkins-darker: var(--t-fill-color-product-checkins-070);\n  --t-fill-color-product-checkins-darkest: var(--t-fill-color-product-checkins-080);\n  --t-fill-color-product-giving-lightest: var(--t-fill-color-product-giving-020);\n  --t-fill-color-product-giving-lighter: var(--t-fill-color-product-giving-030);\n  --t-fill-color-product-giving-light: var(--t-fill-color-product-giving-040);\n  --t-fill-color-product-giving-base: var(--t-fill-color-product-giving-050);\n  --t-fill-color-product-giving-dark: var(--t-fill-color-product-giving-060);\n  --t-fill-color-product-giving-darker: var(--t-fill-color-product-giving-070);\n  --t-fill-color-product-giving-darkest: var(--t-fill-color-product-giving-080);\n  --t-fill-color-product-groups-lightest: var(--t-fill-color-product-groups-020);\n  --t-fill-color-product-groups-lighter: var(--t-fill-color-product-groups-030);\n  --t-fill-color-product-groups-light: var(--t-fill-color-product-groups-040);\n  --t-fill-color-product-groups-base: var(--t-fill-color-product-groups-050);\n  --t-fill-color-product-groups-dark: var(--t-fill-color-product-groups-060);\n  --t-fill-color-product-groups-darker: var(--t-fill-color-product-groups-070);\n  --t-fill-color-product-groups-darkest: var(--t-fill-color-product-groups-080);\n  --t-fill-color-product-home-lightest: var(--t-fill-color-product-home-020);\n  --t-fill-color-product-home-lighter: var(--t-fill-color-product-home-030);\n  --t-fill-color-product-home-light: var(--t-fill-color-product-home-040);\n  --t-fill-color-product-home-base: var(--t-fill-color-product-home-050);\n  --t-fill-color-product-home-dark: var(--t-fill-color-product-home-060);\n  --t-fill-color-product-home-darker: var(--t-fill-color-product-home-070);\n  --t-fill-color-product-home-darkest: var(--t-fill-color-product-home-080);\n  --t-fill-color-product-people-lightest: var(--t-fill-color-product-people-020);\n  --t-fill-color-product-people-lighter: var(--t-fill-color-product-people-030);\n  --t-fill-color-product-people-light: var(--t-fill-color-product-people-040);\n  --t-fill-color-product-people-base: var(--t-fill-color-product-people-050);\n  --t-fill-color-product-people-dark: var(--t-fill-color-product-people-060);\n  --t-fill-color-product-people-darker: var(--t-fill-color-product-people-070);\n  --t-fill-color-product-people-darkest: var(--t-fill-color-product-people-080);\n  --t-fill-color-product-publishing-lightest: var(--t-fill-color-product-publishing-020);\n  --t-fill-color-product-publishing-lighter: var(--t-fill-color-product-publishing-030);\n  --t-fill-color-product-publishing-light: var(--t-fill-color-product-publishing-040);\n  --t-fill-color-product-publishing-base: var(--t-fill-color-product-publishing-050);\n  --t-fill-color-product-publishing-dark: var(--t-fill-color-product-publishing-060);\n  --t-fill-color-product-publishing-darker: var(--t-fill-color-product-publishing-070);\n  --t-fill-color-product-publishing-darkest: var(--t-fill-color-product-publishing-080);\n  --t-fill-color-product-registrations-lightest: var(--t-fill-color-product-registrations-020);\n  --t-fill-color-product-registrations-lighter: var(--t-fill-color-product-registrations-030);\n  --t-fill-color-product-registrations-light: var(--t-fill-color-product-registrations-040);\n  --t-fill-color-product-registrations-base: var(--t-fill-color-product-registrations-050);\n  --t-fill-color-product-registrations-dark: var(--t-fill-color-product-registrations-060);\n  --t-fill-color-product-registrations-darker: var(--t-fill-color-product-registrations-070);\n  --t-fill-color-product-registrations-darkest: var(--t-fill-color-product-registrations-080);\n  --t-fill-color-product-services-lightest: var(--t-fill-color-product-services-020);\n  --t-fill-color-product-services-lighter: var(--t-fill-color-product-services-030);\n  --t-fill-color-product-services-light: var(--t-fill-color-product-services-040);\n  --t-fill-color-product-services-base: var(--t-fill-color-product-services-050);\n  --t-fill-color-product-services-dark: var(--t-fill-color-product-services-060);\n  --t-fill-color-product-services-darker: var(--t-fill-color-product-services-070);\n  --t-fill-color-product-services-darkest: var(--t-fill-color-product-services-080);\n  --t-fill-color-tag-subtle-gray: var(--t-fill-color-tag-gray-010);\n  --t-fill-color-tag-subtle-blue: var(--t-fill-color-tag-blue-010);\n  --t-fill-color-tag-subtle-aqua: var(--t-fill-color-tag-aqua-010);\n  --t-fill-color-tag-subtle-teal: var(--t-fill-color-tag-teal-010);\n  --t-fill-color-tag-subtle-green: var(--t-fill-color-tag-green-010);\n  --t-fill-color-tag-subtle-yellow: var(--t-fill-color-tag-yellow-010);\n  --t-fill-color-tag-subtle-orange: var(--t-fill-color-tag-orange-010);\n  --t-fill-color-tag-subtle-pink: var(--t-fill-color-tag-pink-010);\n  --t-fill-color-tag-subtle-purple: var(--t-fill-color-tag-purple-010);\n  --t-fill-color-tag-subtle-magenta: var(--t-fill-color-tag-magenta-010);\n  --t-fill-color-tag-subtle-label-gray: var(--t-fill-color-tag-gray-020);\n  --t-fill-color-tag-subtle-label-blue: var(--t-fill-color-tag-blue-020);\n  --t-fill-color-tag-subtle-label-aqua: var(--t-fill-color-tag-aqua-020);\n  --t-fill-color-tag-subtle-label-teal: var(--t-fill-color-tag-teal-020);\n  --t-fill-color-tag-subtle-label-green: var(--t-fill-color-tag-green-020);\n  --t-fill-color-tag-subtle-label-yellow: var(--t-fill-color-tag-yellow-020);\n  --t-fill-color-tag-subtle-label-orange: var(--t-fill-color-tag-orange-020);\n  --t-fill-color-tag-subtle-label-pink: var(--t-fill-color-tag-pink-020);\n  --t-fill-color-tag-subtle-label-purple: var(--t-fill-color-tag-purple-020);\n  --t-fill-color-tag-subtle-label-magenta: var(--t-fill-color-tag-magenta-020);\n  --t-fill-color-tag-bold-gray: var(--t-fill-color-tag-gray-030);\n  --t-fill-color-tag-bold-blue: var(--t-fill-color-tag-blue-030);\n  --t-fill-color-tag-bold-aqua: var(--t-fill-color-tag-aqua-030);\n  --t-fill-color-tag-bold-teal: var(--t-fill-color-tag-teal-030);\n  --t-fill-color-tag-bold-green: var(--t-fill-color-tag-green-030);\n  --t-fill-color-tag-bold-yellow: var(--t-fill-color-tag-yellow-030);\n  --t-fill-color-tag-bold-orange: var(--t-fill-color-tag-orange-030);\n  --t-fill-color-tag-bold-pink: var(--t-fill-color-tag-pink-030);\n  --t-fill-color-tag-bold-purple: var(--t-fill-color-tag-purple-030);\n  --t-fill-color-tag-bold-magenta: var(--t-fill-color-tag-magenta-030);\n  --t-fill-color-tag-bold-label-gray: var(--t-fill-color-tag-gray-040);\n  --t-fill-color-tag-bold-label-blue: var(--t-fill-color-tag-blue-040);\n  --t-fill-color-tag-bold-label-aqua: var(--t-fill-color-tag-aqua-040);\n  --t-fill-color-tag-bold-label-teal: var(--t-fill-color-tag-teal-040);\n  --t-fill-color-tag-bold-label-green: var(--t-fill-color-tag-green-040);\n  --t-fill-color-tag-bold-label-yellow: var(--t-fill-color-tag-yellow-040);\n  --t-fill-color-tag-bold-label-orange: var(--t-fill-color-tag-orange-040);\n  --t-fill-color-tag-bold-label-pink: var(--t-fill-color-tag-pink-040);\n  --t-fill-color-tag-bold-label-purple: var(--t-fill-color-tag-purple-040);\n  --t-fill-color-tag-bold-label-magenta: var(--t-fill-color-tag-magenta-040);\n  --t-fill-color-button-neutral-outline-dim-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-neutral-ghost-disabled-solid: hsl(0, 0%, 98%);\n  --t-fill-color-button-default-info-solid-default: hsl(204, 100%, 40%);\n  --t-fill-color-button-default-info-solid-hover: hsl(204, 100%, 35%);\n  --t-fill-color-button-default-info-solid-active: hsl(204, 100%, 30%);\n  --t-fill-color-button-default-info-solid-disabled: hsl(0, 0%, 81%);\n  --t-fill-color-button-default-info-outline-dim-default: #ffffff00;\n  --t-fill-color-button-default-info-outline-dim-hover: hsl(204, 100%, 97%);\n  --t-fill-color-button-default-info-outline-dim-active: hsl(203, 94%, 94%);\n  --t-fill-color-button-default-info-outline-dim-disabled: #ffffff00;\n  --t-fill-color-button-default-info-ghost-default: #ffffff00;\n  --t-fill-color-button-default-info-ghost-hover: hsl(204, 100%, 97%);\n  --t-fill-color-button-default-info-ghost-active: hsl(203, 94%, 94%);\n  --t-fill-color-button-default-info-ghost-disabled: #ffffff00;\n  --t-fill-color-button-create-solid-default: hsl(96, 57%, 33%);\n  --t-fill-color-button-create-solid-hover: hsl(97, 57%, 28%);\n  --t-fill-color-button-create-solid-active: hsl(97, 57%, 23%);\n  --t-fill-color-button-create-solid-disabled: hsl(0, 0%, 81%);\n  --t-fill-color-button-create-ghost-default: #ffffff00;\n  --t-fill-color-button-create-ghost-hover: hsl(96, 60%, 95%);\n  --t-fill-color-button-create-ghost-active: hsl(97, 57%, 90%);\n  --t-fill-color-button-create-ghost-disabled: #ffffff00;\n}\n"]}
+{"version":3,"sources":["index.css","tokens-alias.css","tokens-alias-deprecated.css"],"names":[],"mappings":"AAAA,8BAA8B;;ACA9B;;EAEE;;AAEF;EACE,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,0BAA0B;EAC1B,6BAA6B;EAC7B,8BAA8B;EAC9B,6BAA6B;EAC7B,2BAA2B;EAC3B,kBAAkB;EAClB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,mBAAmB;EACnB,uBAAuB;EACvB,qBAAqB;EACrB,0BAA0B;EAC1B,0BAA0B;EAC1B,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,yBAAyB;EACzB,uBAAuB;EACvB,uBAAuB;EACvB,uBAAuB;EACvB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,sBAAsB;EACtB,uBAAuB;EACvB,2BAA2B;EAC3B,2BAA2B;EAC3B,6BAA6B;EAC7B,yBAAyB;EACzB,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,2BAA2B;EAC3B,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,wBAAwB;EACxB,0BAA0B;EAC1B,gDAAgD;EAChD,+CAA+C;EAC/C,iDAAiD;EACjD,gDAAgD;EAChD,mDAAmD;EACnD,iDAAiD;EACjD,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,uDAAuD;EACvD,8CAA8C;EAC9C,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,6CAA6C;EAC7C,+CAA+C;EAC/C,kDAAkD;EAClD,oDAAoD;EACpD,kDAAkD;EAClD,kDAAkD;EAClD,mDAAmD;EACnD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,oDAAoD;EACpD,qDAAqD;EACrD,6CAA6C;EAC7C,kDAAkD;EAClD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,gDAAgD;EAChD,kDAAkD;EAClD,mDAAmD;EACnD,+CAA+C;EAC/C,iDAAiD;EACjD,2CAA2C;EAC3C,gDAAgD;EAChD,iDAAiD;EACjD,sDAAsD;EACtD,wDAAwD;EACxD,mDAAmD;EACnD,uDAAuD;EACvD,wDAAwD;EACxD,0DAA0D;EAC1D,wDAAwD;EACxD,qDAAqD;EACrD,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,2CAA2C;EAC3C,4CAA4C;EAC5C,uDAAuD;EACvD,qDAAqD;EACrD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,8CAA8C;EAC9C,gDAAgD;EAChD,oDAAoD;EACpD,oDAAoD;EACpD,kDAAkD;EAClD,qDAAqD;EACrD,oDAAoD;EACpD,mDAAmD;EACnD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,sDAAsD;EACtD,sDAAsD;EACtD,oDAAoD;EACpD,mDAAmD;EACnD,mDAAmD;EACnD,iDAAiD;EACjD,sDAAsD;EACtD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,uDAAuD;EACvD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,qDAAqD;EACrD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,oDAAoD;EACpD,mDAAmD;EACnD,mDAAmD;EACnD,mDAAmD;EACnD,mDAAmD;EACnD,mDAAmD;EACnD,mDAAmD;EACnD,mDAAmD;EACnD,mDAAmD;EACnD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,qDAAqD;EACrD,wDAAwD;EACxD,yDAAyD;EACzD,yDAAyD;EACzD,yDAAyD;EACzD,yDAAyD;EACzD,yDAAyD;EACzD,yDAAyD;EACzD,yDAAyD;EACzD,4DAA4D;EAC5D,4DAA4D;EAC5D,4DAA4D;EAC5D,4DAA4D;EAC5D,4DAA4D;EAC5D,4DAA4D;EAC5D,4DAA4D;EAC5D,4DAA4D;EAC5D,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,sDAAsD;EACtD,wDAAwD;EACxD,4CAA4C;EAC5C,4CAA4C;EAC5C,4CAA4C;EAC5C,4CAA4C;EAC5C,gDAAgD;EAChD,gDAAgD;EAChD,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,gDAAgD;EAChD,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,+CAA+C;EAC/C,iDAAiD;EACjD,iDAAiD;EACjD,iDAAiD;EACjD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,kDAAkD;EAClD,iDAAiD;EACjD,iDAAiD;EACjD,iDAAiD;EACjD,iDAAiD;EACjD,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,6DAA6D;EAC7D,uEAAuE;EACvE,gEAAgE;EAChE,iEAAiE;EACjE,mEAAmE;EACnE,iEAAiE;EACjE,0DAA0D;EAC1D,2DAA2D;EAC3D,kEAAkE;EAClE,6EAA6E;EAC7E,2EAA2E;EAC3E,4EAA4E;EAC5E,+EAA+E;EAC/E,oEAAoE;EACpE,kEAAkE;EAClE,mEAAmE;EACnE,iEAAiE;EACjE,2EAA2E;EAC3E,wEAAwE;EACxE,wEAAwE;EACxE,uEAAuE;EACvE,qEAAqE;EACrE,kEAAkE;EAClE,kEAAkE;EAClE,sEAAsE;EACtE,4DAA4D;EAC5D,0DAA0D;EAC1D,2DAA2D;EAC3D,4DAA4D;EAC5D,sEAAsE;EACtE,gEAAgE;EAChE,iEAAiE;EACjE,kEAAkE;EAClE,gEAAgE;EAChE,0DAA0D;EAC1D,2DAA2D;EAC3D,iEAAiE;EACjE,mDAAmD;EACnD,iDAAiD;EACjD,kDAAkD;EAClD,oDAAoD;EACpD,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,6DAA6D;EAC7D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,yCAAyC;EACzC,wCAAwC;EACxC,8CAA8C;EAC9C,8CAA8C;EAC9C,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,6CAA6C;EAC7C,gDAAgD;EAChD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,kDAAkD;EAClD,+CAA+C;EAC/C,gDAAgD;EAChD,iDAAiD;EACjD,iDAAiD;EACjD,gDAAgD;EAChD,iDAAiD;EACjD,kDAAkD;EAClD,mDAAmD;EACnD,mDAAmD;EACnD,gDAAgD;EAChD,kDAAkD;EC5VlD,sDAAsD;EACtD,kDAAkD;EAClD,wDAAwD;EACxD,0DAA0D;EAC1D,gEAAgE;EAChE,0DAA0D;EAC1D,0DAA0D;EAC1D,0DAA0D;EAC1D,4DAA4D;EAC5D,8DAA8D;EAC9D,8DAA8D;EAC9D,0DAA0D;EAC1D,8DAA8D;EAC9D,mDAAmD;EACnD,yDAAyD;EACzD,6CAA6C;EAC7C,gDAAgD;EAChD,+CAA+C;EAC/C,4CAA4C;EAC5C,kFAAkF;EAClF,iFAAiF;EACjF,+EAA+E;EAC/E,8EAA8E;EAC9E,8EAA8E;EAC9E,gFAAgF;EAChF,iFAAiF;EACjF,kFAAkF;EAClF,iFAAiF;EACjF,+EAA+E;EAC/E,8EAA8E;EAC9E,8EAA8E;EAC9E,gFAAgF;EAChF,iFAAiF;EACjF,kFAAkF;EAClF,iFAAiF;EACjF,+EAA+E;EAC/E,8EAA8E;EAC9E,8EAA8E;EAC9E,gFAAgF;EAChF,iFAAiF;EACjF,8EAA8E;EAC9E,6EAA6E;EAC7E,2EAA2E;EAC3E,0EAA0E;EAC1E,0EAA0E;EAC1E,4EAA4E;EAC5E,6EAA6E;EAC7E,8EAA8E;EAC9E,6EAA6E;EAC7E,2EAA2E;EAC3E,0EAA0E;EAC1E,0EAA0E;EAC1E,4EAA4E;EAC5E,6EAA6E;EAC7E,0EAA0E;EAC1E,yEAAyE;EACzE,uEAAuE;EACvE,sEAAsE;EACtE,sEAAsE;EACtE,wEAAwE;EACxE,yEAAyE;EACzE,8EAA8E;EAC9E,6EAA6E;EAC7E,2EAA2E;EAC3E,0EAA0E;EAC1E,0EAA0E;EAC1E,4EAA4E;EAC5E,6EAA6E;EAC7E,sFAAsF;EACtF,qFAAqF;EACrF,mFAAmF;EACnF,kFAAkF;EAClF,kFAAkF;EAClF,oFAAoF;EACpF,qFAAqF;EACrF,4FAA4F;EAC5F,2FAA2F;EAC3F,yFAAyF;EACzF,wFAAwF;EACxF,wFAAwF;EACxF,0FAA0F;EAC1F,2FAA2F;EAC3F,kFAAkF;EAClF,iFAAiF;EACjF,+EAA+E;EAC/E,8EAA8E;EAC9E,8EAA8E;EAC9E,gFAAgF;EAChF,iFAAiF;EACjF,gEAAgE;EAChE,gEAAgE;EAChE,gEAAgE;EAChE,gEAAgE;EAChE,kEAAkE;EAClE,oEAAoE;EACpE,oEAAoE;EACpE,gEAAgE;EAChE,oEAAoE;EACpE,sEAAsE;EACtE,sEAAsE;EACtE,sEAAsE;EACtE,sEAAsE;EACtE,sEAAsE;EACtE,wEAAwE;EACxE,0EAA0E;EAC1E,0EAA0E;EAC1E,sEAAsE;EACtE,0EAA0E;EAC1E,4EAA4E;EAC5E,8DAA8D;EAC9D,8DAA8D;EAC9D,8DAA8D;EAC9D,8DAA8D;EAC9D,gEAAgE;EAChE,kEAAkE;EAClE,kEAAkE;EAClE,8DAA8D;EAC9D,kEAAkE;EAClE,oEAAoE;EACpE,oEAAoE;EACpE,oEAAoE;EACpE,oEAAoE;EACpE,oEAAoE;EACpE,sEAAsE;EACtE,wEAAwE;EACxE,wEAAwE;EACxE,oEAAoE;EACpE,wEAAwE;EACxE,0EAA0E;EAC1E,yEAAyE;EACzE,mEAAmE;EACnE,qEAAqE;EACrE,mEAAmE;EACnE,oEAAoE;EACpE,kEAAkE;EAClE,iEAAiE;EACjE,yEAAyE;EACzE,yEAAyE;EACzE,kEAAkE;EAClE,2DAA2D;EAC3D,mEAAmE;EACnE,mEAAmE;EACnE,4DAA4D;EAC5D,6DAA6D;EAC7D,2DAA2D;EAC3D,4DAA4D;EAC5D,4DAA4D;EAC5D,qDAAqD;EACrD,2DAA2D;EAC3D,4DAA4D;EAC5D,sDAAsD;ADuMxD;;AClWA;;EAEE;;AFFF;EACE;IACE,aAAa;EACf;AACF;;AAEA;EACE;IACE,+DAA+D;IAC/D;;;OAGG;IACH,8DAA8D;IAC9D,sEAAsE;IACtE,+CAA+C;IAC/C,+CAA+C;IAC/C;;;;OAIG;IACH;;;;;OAKG;IACH,wDAAwD;IACxD,wDAAwD;IACxD,qEAAqE;IACrE;;;OAGG;IACH,0CAA0C;;IAE1C;;;OAGG;IACH;;;OAGG;;IAEH,2EAA2E;IAC3E;;;OAGG;IACH;;;OAGG;;IAEH;;;OAGG;IACH;;;OAGG;;IAEH;;;OAGG;IACH;;;OAGG;IACH;;;OAGG;;IAEH;;;OAGG;IACH;;;OAGG;IACH;;;OAGG;IACH;;;OAGG;EACL;;;EAGA;IACE;MACE,+CAA+C;MAC/C,6CAA6C;MAC7C,wDAAwD;MACxD,4CAA4C;MAC5C,uEAAuE;MACvE;;;SAGG;IACL;EACF;AACF;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,uBAAuB;EACvB,6CAA6C;EAC7C,mCAAmC;EACnC,yDAAyD;EACzD,2DAA2D;AAC7D;;AAEA;EACE,gDAAgD;AAClD;;AAEA;EACE,kEAAkE;AACpE;;AAEA;EACE,aAAa;EACb,sBAAsB;EACtB,6CAA6C;EAC7C,uBAAuB;EACvB,8BAA8B;EAC9B,2CAA2C;AAC7C;;AAEA;EACE,mBAAmB;AACrB;;AAEA;EACE,cAAc;EACd,WAAW;AACb;;AAEA;EACE,SAAS;EACT,iCAAiC;EACjC,wCAAwC;EACxC,iBAAiB;EACjB,4CAA4C;AAC9C;;AAEA;;EAEE,aAAa;EACb,mBAAmB;EACnB,6CAA6C;EAC7C,uBAAuB;EACvB,2BAA2B;AAC7B;;AAEA;;;;EAIE,aAAa;EACb,0BAA0B;EAC1B,+CAA+C;EAC/C,gBAAgB;EAChB,cAAc;EACd,gBAAgB;EAChB,iDAAiD;AACnD;;AAEA;;;;EAIE,oBAAoB;EACpB;;6CAE2C;EAC3C,gCAAgC;EAChC,4CAA4C;EAC5C,mBAAmB;EACnB,qBAAqB;EACrB,wBAAgB;KAAhB,qBAAgB;UAAhB,gBAAgB;EAChB,eAAe;EACf,oBAAoB;EACpB,kEAAkE;EAClE;;gDAE8C;EAC9C,4EAA4E;EAC5E,sEAAsE;AACxE;;AAEA;;;;EAIE;;;KAGG;EACH;;;KAGG;EACH;;;KAGG;EACH;;;KAGG;AACL;;AAEA;;;;EAIE,6EAA6E;EAC7E;;;KAGG;EACH;;;KAGG;AACL;;AAEA;;;;EAIE,yEAAyE;AAC3E;;AAEA;;;;EAIE,qDAAqD;EACrD,mBAAmB;EACnB,2EAA2E;EAC3E,UAAU;AACZ;;AAEA;EACE;;IAEE,mBAAmB;IACnB,uBAAuB;EACzB;;EAEA;IACE,WAAW;EACb;;EAEA;;IAEE,iBAAiB;EACnB;;EAEA;;IAEE,mBAAmB;IACnB,iCAAiC;EACnC;AACF;;;EAnRE;;AADF;IAEI,gCAAgC;AAEpC;EADE;;AAGF;EACE;IACE,0BAA0B;IAC1B,2BAA2B;;IAE3B,kFAAkF;;IAElF,uFAAuF;IACvF,yFAAyF;IACzF,2FAA2F;;IAE3F,uEAAuE;IACvE,6EAA6E;IAC7E,kFAAkF;;IAElF,oEAAoE;IACpE,2EAA2E;EAC7E;;EAEA;;IAEE,oEAAoE;IACpE,qEAAqE;IACrE,uEAAuE;IACvE,6EAA6E;IAC7E,gFAAgF;EAClF;AACF;;AAGE;IACE,aAAa;EACf;;AAEA;IACE,sBAAsB;IACtB,0BAA0B;IAC1B,WAAW;EACb;;AAGF;EACE,WAAW;EACX,UAAU;EACV,SAAS;EACT,gBAAgB;AAClB;;AAEA;EACE,gCAAgC;EAChC,gCAAgC;EAChC,0CAA0C;EAC1C,4CAA4C;EAC5C,yBAAyB;AAK3B;;AAHE;IACE,aAAa;EACf;;AAGF;;EAEE,WAAW;EACX,UAAU;EACV,SAAS;AACX;;AAGE;IACE,kBAAkB;IAClB,aAAa;IACb,SAAS;IACT,mBAAmB;IACnB,WAAW;IACX,aAAa;IACb,gBAAgB;IAChB,gCAAgC;IAChC,iBAAiB;IACjB,2CAA2C;IAC3C,mBAAmB;IACnB,qBAAqB;IACrB,wBAAgB;OAAhB,qBAAgB;YAAhB,gBAAgB;IAChB,eAAe;IACf,iEAAiE;IACjE,SAAS;IACT,6CAA6C;IAC7C,8CAA8C;EA8ChD;;AA5CE;MAEE,cAAc;MACd,OAAO;MACP,gBAAgB;MAChB,uBAAuB;MACvB,gBAAgB;MAChB,mBAAmB;IACrB;;AAGA;MAEE,uEAAuE;MACvE,2CAA2C;MAC3C,qBAAqB;IACvB;;AAEA;MACE,wEAAwE;IAC1E;;AAGA;MACE,gBAAgB;MAChB,yCAAyC;IAQ3C;;AANE;QAEE,cAAc;QACd,+BAA+B;QAC/B,gCAAgC;MAClC;;AAGF;MACE,0BAA0B;IAC5B;;AAEA;MACE,mBAAmB;MACnB,gBAAgB;MAChB,UAAU;IACZ;;AAGF;IACE,iDAAiD;IACjD,0EAA0E;IAC1E,0EAA0E;IAC1E,gBAAgB;EAClB;;AAEA;IACE,2BAA2B;IAC3B,MAAM;EAaR;;AAXE;MACE,kBAAkB;MAClB,aAAa;MACb,gBAAgB;MAChB,UAAU;MACV,8EAA8E;IAChF;;AAEA;MACE,2BAA2B;IAC7B;;AAIA;MACE,YAAY;MACZ,kBAAkB;MAClB,iHAAiH;MACjH,cAAc;MACd,6BAA6B;IA6B/B;;AA3BE;QACE,kBAAkB;QAClB,MAAM;QACN,SAAS;QACT,qEAAqE;QACrE,UAAU;QACV,WAAW;QACX,6DAA6D;QAC7D,8CAA8C;MAChD;;AAEA;QACE,kBAAkB;QAClB,4EAA4E;QAC5E,WAAW;QACX,YAAY;QACZ,WAAW;QACX,oDAAoD;QACpD,gFAAgF;QAChF,8CAA8C;MAChD;;AAEA;QAEE,yFAAyF;QACzF,uEAAuE;MACzE;;AAGF;MACE,4FAA4F;IAC9F;;AAIJ;EACE,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;AAgCb;;AA9BE;IACE,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,QAAQ;IACR,kCAAkC;IAClC,+BAA+B;IAC/B,wEAAwE;IACxE,sDAAsD;IACtD,wCAAwC;EAW1C;;AATE;MAGE,sEAAsE;IACxE;;AAEA;MACE,uEAAuE;IACzE;;AAGF;IACE,OAAO;IACP,QAAQ;IACR,SAAS;IACT,gCAAgC;IAChC,wCAAwC;IACxC,2CAA2C;EAC7C;;AAGF;EACE;IACE,kBAAkB;IAClB,cAAc;IACd,aAAa;IACb,yCAAyC;IACzC,UAAU;IACV,cAAc;IACd,gBAAgB;IAChB,UAAU;IACV,uCAAuC;IACvC,SAAS;IACT,kBAAkB;IAClB,2CAA2C;IAC3C,sBAAsB;IACtB,gCAAgC;EAClC;;EAEA;;IAEE,aAAa;EACf;;EAEA;IACE,kCAAkC;IAClC,cAAc;IACd,WAAW;IACX,wBAAmB;IAAnB,mBAAmB;IACnB,2BAA2B;IAC3B,gBAAgB;EAClB;;EAEA;IACE,aAAa;EACf;AACF;;AAEA;EACE;IACE,aAAa;EACf;AACF;;AAMI;MACE,aAAa;IACf;;AAEA;MACE,cAAc;IAChB;;AAMA;MACE,aAAa;MACb,sBAAsB;IACxB","file":"index.css","sourcesContent":[":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 .2s cubic-bezier(.19, .91, .38, 1);\n\n    --tds-sidenav-item-background-hover: var(--t-fill-color-button-interaction-ghost-hover);\n    --tds-sidenav-item-background-active: var(--t-fill-color-button-interaction-ghost-active);\n    --tds-sidenav-item-background-selected: var(--t-fill-color-button-interaction-ghost-active);\n\n    --tds-sidenav-item-nested-border-color: var(--t-fill-color-neutral-050);\n    --tds-sidenav-item-nested-border-color-hover: var(--t-fill-color-neutral-050);\n    --tds-sidenav-item-nested-border-color-selected: var(--t-border-color-status-info);\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(--t-fill-color-neutral-050);\n    --tds-sidenav-item-nested-border-color-selected: var(--t-fill-color-neutral-010);\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  margin: var(--t-spacing-2) 0 0 0;\n  font-size: var(--t-font-size-sm);\n  font-weight: var(--t-font-weight-semibold);\n  color: var(--t-text-color-default-secondary);\n  text-transform: uppercase;\n\n  .tds-sidenav-section:first-of-type & {\n    margin-top: 0;\n  }\n}\n\n.tds-sidenav-section-list,\n.tds-sidenav-item {\n  width: 100%;\n  padding: 0;\n  margin: 0;\n}\n\n.tds-sidenav-item {\n  :is(a, button) {\n    position: relative;\n    display: flex;\n    gap: 12px;\n    align-items: center;\n    width: 100%;\n    padding: 12px;\n    overflow: hidden;\n    font-size: var(--t-font-size-sm);\n    line-height: 18px;\n    color: var(--t-text-color-default-headline);\n    white-space: nowrap;\n    text-decoration: none;\n    appearance: none;\n    cursor: pointer;\n    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\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\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: content-visibility .2s allow-discrete, opacity .2s, block-size .2s;\n    }\n\n    .tds-sidenav-section-list {\n      --tds-sidenav-item-depth: 2;\n    }\n  }\n\n  .tds-sidenav-section-list .tds-sidenav-section-list & {\n    :is(a, button) {\n      height: 32px;\n      padding-block: 9px;\n      padding-left: calc((var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth)) + var(--tds-sidenav-indent) + 2px);\n      line-height: 1;\n      background-color: transparent;\n\n      &::before {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        left: calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n        width: 2px;\n        content: \"\";\n        background-color: var(--tds-sidenav-item-nested-border-color);\n        transition: var(--tds-sidenav-item-transition);\n      }\n\n      &::after {\n        position: absolute;\n        inset: 0 0 0 calc(var(--tds-sidenav-indent) * var(--tds-sidenav-item-depth));\n        z-index: -1;\n        height: 100%;\n        content: \"\";\n        background-color: var(--tds-sidenav-item-background);\n        border-radius: 0 var(--t-border-radius-default) 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(--tds-sidenav-item-nested-border-color-hover);\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(--tds-sidenav-item-nested-border-color-selected);\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, .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-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"]}

package/dist/tapestry-wc/dist/components/{p-BVcGBUOP.js → p-BWgN-8iw.js}

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-DUAwwEEc.js';
+import { p as proxyCustomElement, H, h, c as Host } from './p-DtyvejtQ.js';
 
 /*!
  * Planning Center Tapestry Web Components
@@ -671,6 +671,7 @@ const TdsPopoverContainer = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCon
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         /**
          * Automatically position the popover above or below the trigger element based on the available space.
          * The area beneath the trigger element is given a 48px bias towards positioning below.
@@ -683,6 +684,37 @@ const TdsPopoverContainer = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCon
             this.updatePosition();
         };
         this.browserDoesNotSupportAnchorPositioning = !("anchorName" in document.documentElement.style);
+        this.handleCloseOnLinkClicks = (event) => {
+            const target = event.target;
+            if (!(target instanceof H))
+                return;
+            const popoverTarget = target.tagName === "A" && target.getAttribute("popovertarget");
+            if (popoverTarget === this.el.id)
+                this.el.togglePopover(false);
+        };
+        // --------------------------------------------------------------------------
+        //
+        //  Breakpoint Toggle Observer
+        //
+        // --------------------------------------------------------------------------
+        this.removePopoverBreakpointToggleObserver = () => {
+            var _a;
+            (_a = this.breakpointMediaQuery) === null || _a === void 0 ? void 0 : _a.removeEventListener("change", this.handlePopoverToggle);
+        };
+        this.addPopoverBreakpointToggleObserver = () => {
+            if (!this.breakpoint)
+                return;
+            this.breakpointMediaQuery = window.matchMedia(`(max-width: ${this.breakpoint}px)`);
+            this.breakpointMediaQuery.addEventListener("change", this.handlePopoverToggle);
+        };
+        this.handlePopoverToggle = ({ matches }) => {
+            if (matches) {
+                this.el.setAttribute("popover", "auto");
+            }
+            else {
+                this.el.removeAttribute("popover");
+            }
+        };
     }
     // --------------------------------------------------------------------------
     //
@@ -694,9 +726,15 @@ const TdsPopoverContainer = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCon
             apply();
         }
         this.initializeRelatedTdsTarget();
+        this.el.addEventListener("click", this.handleCloseOnLinkClicks);
+    }
+    componentDidLoad() {
+        this.addPopoverBreakpointToggleObserver();
     }
     disconnectedCallback() {
         this.cleanupPositioningListeners();
+        this.removePopoverBreakpointToggleObserver();
+        this.el.removeEventListener("click", this.handleCloseOnLinkClicks);
     }
     /**
      * Stores the related tds target, which is the trigger element for the popover. (Which we'll display the popover relative to)
@@ -778,17 +816,24 @@ const TdsPopoverContainer = /*@__PURE__*/ proxyCustomElement(class TdsPopoverCon
             this.el.style.transform = null;
         }
     }
+    get popoverAttribute() {
+        if (!this.breakpoint)
+            return "auto";
+        const isBelowBreakpoint = window.innerWidth < this.breakpoint;
+        return isBelowBreakpoint ? "auto" : null;
+    }
     // --------------------------------------------------------------------------
     //
     //  Render Methods
     //
     // --------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '8a4b9b98d62360d8d5951292033a5e7ae62b9a87', popover: "auto", onBeforeToggle: (e) => this.handleBeforeToggle(e) }, h("slot", { key: 'be5d891ddcd39b7a0e1ca57353cd22be36099946' })));
+        return (h(Host, { key: '2113d995a5e24d9c64af414f77b4eef4a6c301ad', popover: this.popoverAttribute, onBeforeToggle: (e) => this.handleBeforeToggle(e) }, h("slot", { key: '7ff0e4641c9b0c9b69fc9ef4b4b741716718bd69' })));
     }
     get el() { return this; }
-}, [4, "tds-popover-container", {
+}, [1, "tds-popover-container", {
         "autoPosition": [4, "auto-position"],
+        "breakpoint": [2],
         "relatedTdsTarget": [32]
     }]);
 function defineCustomElement() {
@@ -806,4 +851,4 @@ function defineCustomElement() {
 }
 
 export { TdsPopoverContainer as T, defineCustomElement as d };
-//# sourceMappingURL=p-BVcGBUOP.js.map
+//# sourceMappingURL=p-BWgN-8iw.js.map