@tylertech/forge-ai 0.9.1 → 0.10.1

package/dist/ai-suggestions/ai-suggestions.scss.mjs

@@ -1,4 +1,904 @@
-const styles = '/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/**\n * @license\n * Copyright Tyler Technologies, Inc. \n * License: Apache-2.0\n */\n/* prettier-ignore */\n.forge-button {\n  --_button-primary-color: var(--forge-button-primary-color, var(--forge-theme-primary, #3f51b5));\n  --_button-text-color: var(--forge-button-text-color, var(--_button-primary-color));\n  --_button-disabled-color: var(--forge-button-disabled-color, var(--forge-theme-surface-container, #e0e0e0));\n  --_button-padding: var(--forge-button-padding, var(--forge-spacing-medium, 16px));\n  --_button-display: var(--forge-button-display, inline-grid);\n  --_button-justify: var(--forge-button-justify, center);\n  --_button-shape: var(--forge-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));\n  --_button-height: var(--forge-button-height, 36px);\n  --_button-min-width: var(--forge-button-min-width, 64px);\n  --_button-spacing: var(--forge-button-spacing, var(--forge-spacing-xsmall, 8px));\n  --_button-border-width: var(--forge-button-border-width, medium);\n  --_button-border-style: var(--forge-button-border-style, none);\n  --_button-border-color: var(--forge-button-border-color, currentColor);\n  --_button-shape-start-start-radius: var(--forge-button-shape-start-start-radius, var(--_button-shape));\n  --_button-shape-start-end-radius: var(--forge-button-shape-start-end-radius, var(--_button-shape));\n  --_button-shape-end-start-radius: var(--forge-button-shape-end-start-radius, var(--_button-shape));\n  --_button-shape-end-end-radius: var(--forge-button-shape-end-end-radius, var(--_button-shape));\n  --_button-padding-block: var(--forge-button-padding-block, var(--_button-0));\n  --_button-padding-inline: var(--forge-button-padding-inline, var(--_button-padding));\n  --_button-background: var(--forge-button-background, transparent);\n  --_button-hover-background: var(--forge-button-hover-background, var(--_button-background));\n  --_button-active-background: var(--forge-button-active-background, var(--_button-background));\n  --_button-color: var(--forge-button-color, var(--_button-text-color));\n  --_button-icon-size: var(--forge-button-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1.125));\n  --_button-shadow: var(--forge-button-shadow, none);\n  --_button-hover-shadow: var(--forge-button-hover-shadow, none);\n  --_button-active-shadow: var(--forge-button-active-shadow, none);\n  --_button-cursor: var(--forge-button-cursor, pointer);\n  --_button-transition-duration: var(--forge-button-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-transition-timing: var(--forge-button-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-text-padding-inline: var(--forge-button-text-padding-inline, var(--forge-spacing-xsmall, 8px));\n  --_button-outlined-background: var(--forge-button-outlined-background, transparent);\n  --_button-outlined-color: var(--forge-button-outlined-color, var(--_button-primary-color));\n  --_button-outlined-border-width: var(--forge-button-outlined-border-width, var(--forge-border-thin, 1px));\n  --_button-outlined-border-style: var(--forge-button-outlined-border-style, solid);\n  --_button-outlined-border-color: var(--forge-button-outlined-border-color, var(--_button-primary-color));\n  --_button-tonal-background: var(--forge-button-tonal-background, var(--forge-theme-primary-container, #d1d5ed));\n  --_button-tonal-disabled-background: var(--forge-button-tonal-disabled-background, var(--_button-disabled-color));\n  --_button-tonal-color: var(--forge-button-tonal-color, var(--forge-theme-on-primary-container, #222c62));\n  --_button-tonal-disabled-color: var(--forge-button-tonal-disabled-color, var(--_button-disabled-text-color));\n  --_button-filled-background: var(--forge-button-filled-background, var(--_button-primary-color));\n  --_button-filled-disabled-background: var(--forge-button-filled-disabled-background, var(--_button-disabled-color));\n  --_button-filled-color: var(--forge-button-filled-color, var(--forge-theme-on-primary, #ffffff));\n  --_button-filled-disabled-color: var(--forge-button-filled-disabled-color, var(--_button-disabled-text-color));\n  --_button-raised-background: var(--forge-button-raised-background, var(--_button-primary-color));\n  --_button-raised-disabled-background: var(--forge-button-raised-disabled-background, var(--_button-disabled-color));\n  --_button-raised-color: var(--forge-button-raised-color, var(--forge-theme-on-primary, #ffffff));\n  --_button-raised-disabled-color: var(--forge-button-raised-disabled-color, var(--_button-disabled-text-color));\n  --_button-raised-shadow: var(--forge-button-raised-shadow, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12));\n  --_button-raised-hover-shadow: var(--forge-button-raised-hover-shadow, 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12));\n  --_button-raised-active-shadow: var(--forge-button-raised-active-shadow, 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12));\n  --_button-raised-disabled-shadow: var(--forge-button-raised-disabled-shadow, none);\n  --_button-link-color: var(--forge-button-link-color, var(--_button-primary-color));\n  --_button-link-text-decoration: var(--forge-button-link-text-decoration, underline);\n  --_button-link-height: var(--forge-button-link-height, auto);\n  --_button-link-padding: var(--forge-button-link-padding, 0);\n  --_button-link-line-height: var(--forge-button-link-line-height, normal);\n  --_button-link-width: var(--forge-button-link-width, auto);\n  --_button-link-hover-text-decoration: var(--forge-button-link-hover-text-decoration, none);\n  --_button-link-active-opacity: var(--forge-button-link-active-opacity, 0.65);\n  --_button-link-transition-duration: var(--forge-button-link-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-link-transition-timing: var(--forge-button-link-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-disabled-cursor: var(--forge-button-disabled-cursor, not-allowed);\n  --_button-disabled-text-color: var(--forge-button-disabled-text-color, var(--forge-theme-text-low, rgba(0, 0, 0, 0.38)));\n  --_button-disabled-background: var(--forge-button-disabled-background, transparent);\n  --_button-disabled-border-color: var(--forge-button-disabled-border-color, var(--_button-disabled-color));\n  --_button-disabled-shadow: var(--forge-button-disabled-shadow, none);\n  --_button-dense-height: var(--forge-button-dense-height, 24px);\n  --_button-pill-shape: var(--forge-button-pill-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));\n  --_button-pill-padding-inline: var(--forge-button-pill-padding-inline, var(--forge-spacing-small, 12px));\n  --_button-focus-indicator-offset: var(--forge-button-focus-indicator-offset, 4px);\n  --_button-text-focus-indicator-offset: var(--forge-button-text-focus-indicator-offset, 0px);\n  --_button-link-focus-indicator-offset: var(--forge-button-link-focus-indicator-offset, 2px);\n  --_button-popover-icon-transition-duration: var(--forge-button-popover-icon-transition-duration, var(--forge-animation-duration-short3, 150ms));\n  --_button-popover-icon-transition-timing: var(--forge-button-popover-icon-transition-timing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));\n  --_button-popover-icon-open-rotation: var(--forge-button-popover-icon-open-rotation, 180deg);\n}\n\n.forge-button {\n  display: var(--_button-display);\n  position: relative;\n  outline: none;\n  vertical-align: middle;\n  -webkit-tap-highlight-color: transparent;\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-family: var(--forge-typography-button-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));\n  font-size: var(--forge-typography-button-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-button-font-size-scale, 0.875)));\n  font-weight: var(--forge-typography-button-font-weight, 500);\n  line-height: var(--forge-typography-button-line-height, normal);\n  letter-spacing: var(--forge-typography-button-letter-spacing, 0.0714285714em);\n  text-transform: var(--forge-typography-button-text-transform, inherit);\n  text-decoration: var(--forge-typography-button-text-decoration, inherit);\n  position: relative;\n  display: var(--_button-display);\n  grid-auto-flow: column;\n  align-items: center;\n  justify-content: var(--_button-justify);\n  gap: var(--_button-spacing);\n  z-index: 0;\n  box-sizing: border-box;\n  min-inline-size: var(--_button-min-width);\n  height: var(--_button-height);\n  inline-size: 100%;\n  border-width: var(--_button-border-width);\n  border-style: var(--_button-border-style);\n  border-color: var(--_button-border-color);\n  border-start-start-radius: var(--_button-shape-start-start-radius);\n  border-start-end-radius: var(--_button-shape-start-end-radius);\n  border-end-start-radius: var(--_button-shape-end-start-radius);\n  border-end-end-radius: var(--_button-shape-end-end-radius);\n  padding-block: var(--_button-padding-block);\n  padding-inline: var(--_button-padding-inline);\n  box-shadow: var(--_button-shadow);\n  outline: none;\n  user-select: none;\n  -webkit-appearance: none;\n  vertical-align: middle;\n  text-decoration: none;\n  white-space: nowrap;\n  background: var(--_button-background);\n  color: var(--_button-color);\n  cursor: var(--_button-cursor);\n  transition-property: box-shadow, background;\n  transition-duration: var(--_button-transition-duration);\n  transition-timing-function: var(--_button-transition-timing);\n}\n\n.forge-button::-moz-focus-inner {\n  padding: 0;\n  border: 0;\n}\n\n.forge-button:hover {\n  --_button-shadow: var(--_button-hover-shadow);\n  background: var(--_button-hover-background);\n}\n\n.forge-button:active {\n  --_button-shadow: var(--_button-active-shadow);\n  background: var(--_button-active-background);\n}\n\n.forge-button {\n  position: relative;\n  inline-size: auto;\n}\n\n.forge-button:not(:disabled):not(.forge-button--link) {\n  --_state-layer-display: var(--forge-state-layer-display, flex);\n  --_state-layer-color: var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));\n  --_state-layer-hover-color: var(--forge-state-layer-hover-color, var(--_state-layer-color));\n  --_state-layer-hover-opacity: var(--forge-state-layer-hover-opacity, 0.08);\n  --_state-layer-pressed-color: var(--forge-state-layer-pressed-color, var(--_state-layer-color));\n  --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.12);\n  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 15ms);\n  --_state-layer-pressed-duration: var(--forge-state-layer-pressed-duration, 105ms);\n  --_state-layer-animation-duration: var(--forge-state-layer-animation-duration, 375ms);\n}\n\n.forge-button:not(:disabled):not(.forge-button--link)::before {\n  opacity: 0;\n  position: absolute;\n  backface-visibility: hidden;\n  transform: translateZ(0);\n  background-color: var(--_state-layer-hover-color);\n  inset: 0;\n  transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;\n  --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 100ms);\n  content: "";\n  opacity: 0;\n  border-radius: inherit;\n}\n\n.forge-button:not(:disabled):not(.forge-button--link):hover::before {\n  background-color: var(--_state-layer-hover-color);\n  opacity: var(--_state-layer-hover-opacity);\n}\n\n.forge-button:not(:disabled):not(.forge-button--link):active::before {\n  opacity: var(--_state-layer-pressed-opacity);\n  transition-duration: var(--_state-layer-pressed-duration);\n  --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.18);\n}\n\n@keyframes forge-focus-indicator-outward-grow {\n  from {\n    outline-width: 0;\n  }\n  to {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-outward-shrink {\n  from {\n    outline-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-grow {\n  from {\n    border-width: 0;\n  }\n  to {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n@keyframes forge-focus-indicator-inward-shrink {\n  from {\n    border-width: var(--_focus-indicator-active-width);\n  }\n}\n.forge-button:not(:disabled) {\n  outline: none;\n}\n\n.forge-button:not(:disabled):focus-visible::after {\n  --_focus-indicator-display: var(--forge-focus-indicator-display, flex);\n  --_focus-indicator-width: var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));\n  --_focus-indicator-active-width: var(--forge-focus-indicator-active-width, 6px);\n  --_focus-indicator-color: var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));\n  --_focus-indicator-shape: var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));\n  --_focus-indicator-duration: var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));\n  --_focus-indicator-easing: var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));\n  --_focus-indicator-shape-start-start: var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-start-end: var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-end: var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));\n  --_focus-indicator-shape-end-start: var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));\n  --_focus-indicator-outward-offset: var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));\n  --_focus-indicator-inward-offset: var(--forge-focus-indicator-inward-offset, 0px);\n  --_focus-indicator-offset-block: var(--forge-focus-indicator-offset-block, 0);\n  --_focus-indicator-offset-inline: var(--forge-focus-indicator-offset-inline, 0);\n}\n\n.forge-button:not(:disabled):focus-visible::after {\n  animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);\n  animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);\n  animation-timing-function: var(--_focus-indicator-easing);\n  box-sizing: border-box;\n  color: var(--_focus-indicator-color);\n  display: none;\n  pointer-events: none;\n  position: absolute;\n  margin-block: var(--_focus-indicator-offset-block);\n  margin-inline: var(--_focus-indicator-offset-inline);\n  animation-name: forge-focus-indicator-outward-grow, forge-focus-indicator-outward-shrink;\n  border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) + var(--_focus-indicator-outward-offset));\n  border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) + var(--_focus-indicator-outward-offset));\n  border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) + var(--_focus-indicator-outward-offset));\n  border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) + var(--_focus-indicator-outward-offset));\n  inset: calc(-1 * var(--_focus-indicator-outward-offset));\n  outline: var(--_focus-indicator-width) solid currentColor;\n  content: "";\n  display: block;\n}\n\n.forge-button:not(:disabled) {\n  --forge-focus-indicator-color: var(--_button-primary-color);\n}\n\n.forge-button:disabled {\n  cursor: var(--_button-disabled-cursor);\n  --_button-background: var(--_button-disabled-background);\n  --_button-color: var(--_button-disabled-text-color);\n  --_button-shadow: var(--_button-disabled-shadow);\n  pointer-events: none;\n  pointer-events: initial;\n}\n\n.forge-button:where(:not(.forge-button--outlined, .forge-button--tonal, .forge-button--filled, .forge-button--raised, .forge-button--link)), .forge-button--text {\n  --_button-padding-inline: var(--_button-text-padding-inline);\n}\n\n.forge-button--outlined {\n  --_button-background: var(--_button-outlined-background);\n  --_button-color: var(--_button-outlined-color);\n  --_button-border-width: var(--_button-outlined-border-width);\n  --_button-border-style: var(--_button-outlined-border-style);\n  --_button-border-color: var(--_button-outlined-border-color);\n}\n\n.forge-button--outlined:disabled {\n  --_button-border-color: var(--_button-disabled-border-color);\n}\n\n.forge-button--tonal {\n  --_button-background: var(--_button-tonal-background);\n  --_button-color: var(--_button-tonal-color);\n}\n\n.forge-button--tonal:disabled {\n  --_button-background: var(--_button-tonal-disabled-background);\n  --_button-color: var(--_button-tonal-disabled-color);\n}\n\n.forge-button--filled, .forge-button--raised {\n  --_button-background: var(--_button-filled-background);\n  --_button-color: var(--_button-filled-color);\n  --forge-state-layer-color: var(--_button-filled-color);\n}\n\n.forge-button--filled:disabled, .forge-button--raised:disabled {\n  --_button-background: var(--_button-filled-disabled-background);\n  --_button-color: var(--_button-filled-disabled-color);\n}\n\n.forge-button--raised {\n  --_button-background: var(--_button-raised-background);\n  --_button-color: var(--_button-raised-color);\n  --_button-shadow: var(--_button-raised-shadow);\n}\n\n.forge-button--raised:hover {\n  --_button-shadow: var(--_button-raised-hover-shadow);\n}\n\n.forge-button--raised:active {\n  --_button-shadow: var(--_button-raised-active-shadow);\n}\n\n.forge-button--raised:disabled {\n  --_button-background: var(--_button-raised-disabled-background);\n  --_button-color: var(--_button-raised-disabled-color);\n  --_button-shadow: var(--_button-raised-disabled-shadow);\n}\n\n.forge-button--link {\n  --_button-color: var(--_button-link-color);\n  --_button-height: var(--_button-link-height);\n  --_button-padding: var(--_button-link-padding);\n  --_button-focus-indicator-offset: var(--_button-link-focus-indicator-offset);\n  text-decoration: var(--_button-link-text-decoration);\n  line-height: var(--_button-link-line-height);\n  transition: opacity var(--_button-link-transition-duration) var(--_button-link-transition-timing);\n  inline-size: var(--_button-link-width);\n}\n\n.forge-button--link:hover {\n  text-decoration: var(--_button-link-hover-text-decoration);\n}\n\n.forge-button--link:active {\n  opacity: var(--_button-link-active-opacity);\n}\n\n.forge-button--pill {\n  --_button-shape: var(--_button-pill-shape);\n  --_button-padding-inline: var(--_button-pill-padding-inline);\n  --forge-focus-indicator-shape: var(--_button-pill-shape);\n}\n\n.forge-button {\n  --forge-icon-font-size: var(--_button-icon-size);\n}\n\n.forge-button--dense {\n  --_button-height: var(--_button-dense-height);\n}\n\n:host {\n  display: block;\n  width: 100%;\n  max-inline-size: var(--forge-ai-suggestions-inline-size, 768px);\n}\n\n.scroll-container {\n  overflow: scroll;\n  scrollbar-width: none;\n  -webkit-overflow-scrolling: touch;\n  width: 100%;\n  height: 100%;\n}\n\n.suggestions-container {\n  min-width: 100%;\n  display: table;\n}\n\n.suggestions-inline {\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  width: max-content;\n  gap: var(--forge-spacing-small, 12px);\n}\n\n.suggestions-block {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: var(--forge-spacing-small, 12px);\n}\n.suggestions-block > .container,\n.suggestions-block .container > button {\n  width: 100%;\n}\n\n.suggestion {\n  --forge-button-shape: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));\n  --forge-button-tonal-background: var(\n    --forge-ai-chatbot-suggestion-background,\n    var(--forge-theme-tertiary-container, #d0d7ff)\n  );\n  --forge-button-tonal-color: var(\n    --forge-ai-chatbot-suggestion-foreground,\n    var(--forge-theme-on-tertiary-container, #213189)\n  );\n  --forge-button-height: 32px;\n  max-inline-size: var(--forge-ai-suggestion-max-width, 82.5%);\n}\n.suggestion .suggestion-text {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.suggestion-tooltip {\n  --forge-tooltip-content-align: start;\n}';
+const styles = `/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/* prettier-ignore */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/* prettier-ignore */
+.forge-icon {
+  --_icon-color: var(--forge-icon-color, currentColor);
+  --_icon-size: var(--forge-icon-size, 1em);
+  --_icon-width: var(--forge-icon-width, var(--_icon-size));
+  --_icon-height: var(--forge-icon-height, var(--_icon-size));
+  --_icon-font-size: var(--forge-icon-font-size, calc(var(--forge-typography-font-size, 1rem) * 1.5));
+}
+
+img.forge-icon,
+svg.forge-icon {
+  display: inline-block;
+  box-sizing: content-box;
+  contain: content;
+  font-size: var(--_icon-font-size);
+  display: inline-block;
+}
+
+img.forge-icon {
+  width: var(--_icon-width);
+  height: var(--_icon-height);
+}
+
+svg {
+  width: var(--_icon-width);
+  height: var(--_icon-height);
+  display: block;
+  fill: var(--_icon-color);
+  stroke: var(--_icon-color);
+  stroke-width: 0;
+}
+
+/**
+ * @license
+ * Copyright Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+/* prettier-ignore */
+@layer list, list-item, navlist, with-start-end, two-line, three-line, dense, wrap, selected, indented, disabled;
+@layer list {
+  .forge-list {
+    --_list-spacing: var(--forge-list-spacing, 0);
+    --_list-container-color: var(--forge-list-container-color, transparent);
+    --_list-navlist-spacing: var(--forge-list-navlist-spacing, var(--forge-spacing-xxsmall, 4px));
+    --_list-navlist-margin: var(--forge-list-navlist-margin, var(--forge-spacing-xxsmall, 4px) var(--forge-spacing-xsmall, 8px));
+    --_list-navlist-height: var(--forge-list-navlist-height, 40px);
+    --_list-navlist-padding: var(--forge-list-navlist-padding, 0 var(--forge-spacing-xsmall, 8px));
+    --_list-navlist-shape: var(--forge-list-navlist-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));
+    --_list-navlist-font-size: var(--forge-list-navlist-font-size, calc(var(--forge-typography-font-size, 1rem) * 0.875));
+    --_list-navlist-font-weight: var(--forge-list-navlist-font-weight, 500);
+  }
+  .forge-list {
+    outline: none;
+    background-color: var(--_list-container-color);
+    margin: 0;
+    border-radius: inherit;
+    min-width: inherit;
+  }
+  .forge-list--dense .forge-list-item {
+    --_list-item-gap: var(--_list-item-dense-gap);
+    height: var(--_list-item-dense-one-line-height);
+    min-height: var(--_list-item-dense-one-line-height);
+  }
+  .forge-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+}
+@layer navlist {
+  .forge-list--navlist {
+    margin-block: var(--_list-navlist-spacing);
+  }
+  .forge-list--navlist .forge-list-item {
+    --forge-list-item-height: var(--_list-navlist-height);
+    --forge-list-item-margin: var(--_list-navlist-margin);
+    --forge-list-item-padding: var(--_list-navlist-padding);
+    --forge-list-item-shape: var(--_list-navlist-shape);
+    --forge-list-item-text-font-size: var(--_list-navlist-font-size);
+    --forge-list-item-text-font-weight: var(--_list-navlist-font-weight);
+  }
+}
+@layer with-start-end {
+  .forge-list-item:has(.forge-list-item__start, .forge-list-item__end) {
+    display: grid;
+    grid-template-columns: 1fr;
+    align-items: center;
+  }
+  .forge-list-item:has(.forge-list-item__start):not(:has(.forge-list-item__end)) {
+    grid-template-columns: auto 1fr;
+  }
+  .forge-list-item:has(.forge-list-item__end):not(:has(.forge-list-item__start)) {
+    grid-template-columns: 1fr auto;
+  }
+  .forge-list-item:has(.forge-list-item__start ~ .forge-list-item__end) {
+    grid-template-columns: auto 1fr auto;
+  }
+  .forge-list-item__start,
+  .forge-list-item__end {
+    color: var(--_list-item-text-color);
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    fill: currentColor;
+  }
+}
+@layer list-item {
+  .forge-list-item {
+    --_list-item-background: var(--forge-list-item-background, transparent);
+    --_list-item-shape: var(--forge-list-item-shape, 0);
+    --_list-item-padding: var(--forge-list-item-padding, 0 var(--forge-spacing-medium, 16px));
+    --_list-item-margin: var(--forge-list-item-margin, 0);
+    --_list-item-height: var(--forge-list-item-height, 48px);
+    --_list-item-dense-height: var(--forge-list-item-dense-height, 32px);
+    --_list-item-indent: var(--forge-list-item-indent, var(--forge-spacing-xxlarge, 48px));
+    --_list-item-cursor: var(--forge-list-item-cursor, pointer);
+    --_list-item-gap: var(--forge-list-item-gap, var(--forge-spacing-large, 24px));
+    --_list-item-text-color: var(--forge-list-item-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));
+    --_list-item-text-font-size: var(--forge-list-item-text-font-size, var(--forge-typography-body2-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 1))));
+    --_list-item-text-font-weight: var(--forge-list-item-text-font-weight, var(--forge-typography-body2-font-weight, 400));
+    --_list-item-text-line-height: var(--forge-list-item-text-line-height, 1.5rem);
+    --_list-item-selected-color: var(--forge-list-item-selected-color, var(--forge-theme-primary, #3f51b5));
+    --_list-item-selected-background: var(--forge-list-item-selected-background, var(--_list-item-selected-color));
+    --_list-item-selected-opacity: var(--forge-list-item-selected-opacity, 0.08);
+    --_list-item-selected-start-color: var(--forge-list-item-selected-start-color, var(--_list-item-selected-color));
+    --_list-item-selected-end-color: var(--forge-list-item-selected-end-color, var(--_list-item-selected-color));
+    --_list-item-selected-text-color: var(--forge-list-item-selected-text-color, var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6)));
+    --_list-item-disabled-opacity: var(--forge-list-item-disabled-opacity, 0.38);
+    --_list-item-disabled-cursor: var(--forge-list-item-disabled-cursor, not-allowed);
+    --_list-item-one-line-height: var(--forge-list-item-one-line-height, var(--_list-item-height));
+    --_list-item-two-line-height: var(--forge-list-item-two-line-height, var(--forge-list-item-height, 72px));
+    --_list-item-three-line-height: var(--forge-list-item-three-line-height, var(--forge-list-item-height, 88px));
+    --_list-item-dense-one-line-height: var(--forge-list-item-dense-one-line-height, var(--_list-item-dense-height));
+    --_list-item-dense-two-line-height: var(--forge-list-item-dense-two-line-height, var(--forge-list-item-dense-height, 56px));
+    --_list-item-dense-three-line-height: var(--forge-list-item-dense-three-line-height, var(--forge-list-item-dense-height, 72px));
+    --_list-item-dense-font-size: var(--forge-list-item-dense-font-size, 0.875rem);
+    --_list-item-dense-indent: var(--forge-list-item-dense-indent, var(--forge-spacing-xxlarge, 48px));
+    --_list-item-dense-gap: var(--forge-list-item-dense-gap, var(--forge-spacing-xsmall, 8px));
+    --_list-item-start-selected-color: var(--forge-list-item-start-selected-color, var(--_list-item-selected-color));
+    --_list-item-end-selected-color: var(--forge-list-item-end-selected-color, var(--_list-item-selected-color));
+    --_list-item-wrap-padding: var(--forge-list-item-wrap-padding, var(--forge-spacing-xsmall, 8px) var(--forge-spacing-medium, 16px));
+  }
+  .forge-list-item {
+    position: relative;
+    display: flex;
+    gap: var(--_list-item-gap);
+    align-items: center;
+    box-sizing: border-box;
+    outline: none;
+    text-decoration: none;
+    border-radius: var(--_list-item-shape);
+    -webkit-tap-highlight-color: transparent;
+    background-color: var(--_list-item-background);
+    height: var(--_list-item-height);
+    min-height: var(--_list-item-height);
+    padding: var(--_list-item-padding);
+    margin: var(--_list-item-margin);
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-family: var(--forge-typography-body2-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
+    letter-spacing: var(--forge-typography-body2-letter-spacing, 0.015625em);
+    text-transform: var(--forge-typography-body2-text-transform, inherit);
+    text-decoration: var(--forge-typography-body2-text-decoration, inherit);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    box-sizing: border-box;
+    isolation: isolate;
+    font-size: var(--_list-item-text-font-size);
+    font-weight: var(--_list-item-text-font-weight);
+    line-height: var(--_list-item-text-line-height);
+    flex: 1;
+    contain: layout;
+    display: block;
+    align-content: center;
+  }
+  .forge-list-item button {
+    appearance: none;
+    cursor: var(--_list-item-cursor);
+    border: none;
+    padding-block: 0;
+    padding-inline: 0;
+    margin: 0;
+    box-sizing: border-box;
+    width: 100%;
+    background: transparent;
+    color: inherit;
+    outline: none;
+    font: inherit;
+    user-select: auto;
+    text-align: inherit;
+    letter-spacing: inherit;
+    word-spacing: inherit;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    display: block;
+  }
+  .forge-list-item a {
+    outline: none;
+    color: inherit !important;
+    text-decoration: none !important;
+  }
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  .forge-list-item button:not(:disabled),
+  .forge-list-item a,
+  .forge-list-item label {
+    --_state-layer-display: var(--forge-state-layer-display, flex);
+    --_state-layer-color: var(--forge-state-layer-color, var(--forge-theme-on-surface, #000000));
+    --_state-layer-hover-color: var(--forge-state-layer-hover-color, var(--_state-layer-color));
+    --_state-layer-hover-opacity: var(--forge-state-layer-hover-opacity, 0.08);
+    --_state-layer-pressed-color: var(--forge-state-layer-pressed-color, var(--_state-layer-color));
+    --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.12);
+    --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 15ms);
+    --_state-layer-pressed-duration: var(--forge-state-layer-pressed-duration, 105ms);
+    --_state-layer-animation-duration: var(--forge-state-layer-animation-duration, 375ms);
+  }
+  .forge-list-item--interactive:not(.forge-list-item--disabled)::before,
+  .forge-list-item button:not(:disabled)::before,
+  .forge-list-item a::before,
+  .forge-list-item label::before {
+    opacity: 0;
+    position: absolute;
+    backface-visibility: hidden;
+    transform: translateZ(0);
+    background-color: var(--_state-layer-hover-color);
+    inset: 0;
+    transition: opacity var(--_state-layer-hover-duration) linear, background-color var(--_state-layer-hover-duration) linear;
+    --_state-layer-hover-duration: var(--forge-state-layer-hover-duration, 100ms);
+    content: "";
+    opacity: 0;
+    border-radius: inherit;
+  }
+  .forge-list-item--interactive:not(.forge-list-item--disabled):hover::before,
+  .forge-list-item button:not(:disabled):hover::before,
+  .forge-list-item a:hover::before,
+  .forge-list-item label:hover::before {
+    background-color: var(--_state-layer-hover-color);
+    opacity: var(--_state-layer-hover-opacity);
+  }
+  .forge-list-item--interactive:not(.forge-list-item--disabled):active::before,
+  .forge-list-item button:not(:disabled):active::before,
+  .forge-list-item a:active::before,
+  .forge-list-item label:active::before {
+    opacity: var(--_state-layer-pressed-opacity);
+    transition-duration: var(--_state-layer-pressed-duration);
+    --_state-layer-pressed-opacity: var(--forge-state-layer-pressed-opacity, 0.18);
+  }
+  .forge-list-item :is(forge-checkbox, forge-radio, forge-switch, input):is(.forge-list-item__start, .forge-list-item__end):not([forge-ignore]) {
+    --forge-focus-indicator-display: none;
+    --forge-state-layer-display: none;
+  }
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]),
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
+    cursor: pointer;
+  }
+  @keyframes forge-focus-indicator-outward-grow {
+    from {
+      outline-width: 0;
+    }
+    to {
+      outline-width: var(--_focus-indicator-active-width);
+    }
+  }
+  @keyframes forge-focus-indicator-outward-shrink {
+    from {
+      outline-width: var(--_focus-indicator-active-width);
+    }
+  }
+  @keyframes forge-focus-indicator-inward-grow {
+    from {
+      border-width: 0;
+    }
+    to {
+      border-width: var(--_focus-indicator-active-width);
+    }
+  }
+  @keyframes forge-focus-indicator-inward-shrink {
+    from {
+      border-width: var(--_focus-indicator-active-width);
+    }
+  }
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]),
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
+    outline: none;
+  }
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a:focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button:focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label:focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]):focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive:focus-visible::after {
+    --_focus-indicator-display: var(--forge-focus-indicator-display, flex);
+    --_focus-indicator-width: var(--forge-focus-indicator-width, var(--forge-border-medium, 2px));
+    --_focus-indicator-active-width: var(--forge-focus-indicator-active-width, 6px);
+    --_focus-indicator-color: var(--forge-focus-indicator-color, var(--forge-theme-primary, #3f51b5));
+    --_focus-indicator-shape: var(--forge-focus-indicator-shape, calc(var(--forge-shape-extra-small, 1px) * var(--forge-shape-factor, 1)));
+    --_focus-indicator-duration: var(--forge-focus-indicator-duration, var(--forge-animation-duration-long4, 600ms));
+    --_focus-indicator-easing: var(--forge-focus-indicator-easing, var(--forge-animation-easing-emphasized, cubic-bezier(0.2, 0, 0, 1)));
+    --_focus-indicator-shape-start-start: var(--forge-focus-indicator-shape-start-start, var(--_focus-indicator-shape));
+    --_focus-indicator-shape-start-end: var(--forge-focus-indicator-shape-start-end, var(--_focus-indicator-shape));
+    --_focus-indicator-shape-end-end: var(--forge-focus-indicator-shape-end-end, var(--_focus-indicator-shape));
+    --_focus-indicator-shape-end-start: var(--forge-focus-indicator-shape-end-start, var(--_focus-indicator-shape));
+    --_focus-indicator-outward-offset: var(--forge-focus-indicator-outward-offset, var(--forge-spacing-xxsmall, 4px));
+    --_focus-indicator-inward-offset: var(--forge-focus-indicator-inward-offset, 0px);
+    --_focus-indicator-offset-block: var(--forge-focus-indicator-offset-block, 0);
+    --_focus-indicator-offset-inline: var(--forge-focus-indicator-offset-inline, 0);
+  }
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a:focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button:focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label:focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]):focus-visible::after,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive:focus-visible::after {
+    animation-delay: 0s, calc(var(--_focus-indicator-duration) * 0.25);
+    animation-duration: calc(var(--_focus-indicator-duration) * 0.25), calc(var(--_focus-indicator-duration) * 0.75);
+    animation-timing-function: var(--_focus-indicator-easing);
+    box-sizing: border-box;
+    color: var(--_focus-indicator-color);
+    display: none;
+    pointer-events: none;
+    position: absolute;
+    margin-block: var(--_focus-indicator-offset-block);
+    margin-inline: var(--_focus-indicator-offset-inline);
+    animation-name: forge-focus-indicator-inward-grow, forge-focus-indicator-inward-shrink;
+    border-end-end-radius: calc(var(--_focus-indicator-shape-end-end) - var(--_focus-indicator-inward-offset));
+    border-end-start-radius: calc(var(--_focus-indicator-shape-end-start) - var(--_focus-indicator-inward-offset));
+    border-start-end-radius: calc(var(--_focus-indicator-shape-start-end) - var(--_focus-indicator-inward-offset));
+    border-start-start-radius: calc(var(--_focus-indicator-shape-start-start) - var(--_focus-indicator-inward-offset));
+    border: var(--_focus-indicator-width) solid currentColor;
+    inset: var(--_focus-indicator-inward-offset);
+    content: "";
+    display: block;
+  }
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) a,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) button,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) label,
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled]),
+  .forge-list-item:has(button:not(:disabled),
+  a,
+  label,
+  .forge-list-item--interactive:not(.forge-list-item--disabled),
+  :is(forge-checkbox, forge-radio, forge-switch, input):not([disabled])) .forge-list-item--interactive {
+    --forge-focus-indicator-shape: calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1));
+  }
+  .forge-list-item__text {
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
+    font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));
+    font-weight: var(--forge-typography-body1-font-weight, 400);
+    line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));
+    letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);
+    text-transform: var(--forge-typography-body1-text-transform, inherit);
+    text-decoration: var(--forge-typography-body1-text-decoration, inherit);
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: var(--_list-item-text-color);
+    display: block;
+  }
+}
+@layer two-line {
+  .forge-list--two-line .forge-list-item,
+  .forge-list-item--two-line {
+    height: var(--_list-item-two-line-height);
+    min-height: var(--_list-item-two-line-height);
+  }
+  .forge-list--three-line .forge-list-item,
+  .forge-list-item--three-line {
+    height: var(--_list-item-three-line-height);
+    min-height: var(--_list-item-three-line-height);
+  }
+}
+@layer dense {
+  .forge-list--dense .forge-list-item,
+  .forge-list-item--dense {
+    --_list-item-gap: var(--_list-item-dense-gap);
+    height: var(--_list-item-dense-one-line-height);
+    min-height: var(--_list-item-dense-one-line-height);
+    font-size: var(--_list-item-dense-font-size);
+  }
+  .forge-list--dense.forge-list--two-line .forge-list-item,
+  .forge-list--dense .forge-list-item--two-line,
+  .forge-list-item--dense.forge-list-item--two-line {
+    height: var(--_list-item-dense-two-line-height);
+    min-height: var(--_list-item-dense-two-line-height);
+  }
+  .forge-list--dense.forge-list--three-line .forge-list-item,
+  .forge-list--dense .forge-list-item--three-line,
+  .forge-list-item--dense.forge-list-item--three-line {
+    height: var(--_list-item-dense-three-line-height);
+    min-height: var(--_list-item-dense-three-line-height);
+  }
+  .forge-list-dense.forge-list--indented .forge-list-item,
+  .forge-list--dense .forge-list-item--indented,
+  .forge-list-item--dense.forge-list-item--indented {
+    margin-inline-start: var(--_list-item-dense-indent);
+  }
+}
+@layer wrap {
+  .forge-list--wrap .forge-list-item,
+  .forge-list-item--wrap {
+    --_list-item-padding: var(--_list-item-wrap-padding);
+    height: auto;
+    white-space: normal;
+    overflow: visible;
+    text-overflow: clip;
+    line-height: normal;
+  }
+  .forge-list--wrap .forge-list-item .forge-list-item__text,
+  .forge-list-item--wrap .forge-list-item__text {
+    white-space: normal;
+    overflow: visible;
+    text-overflow: clip;
+    line-height: normal;
+  }
+}
+@layer selected {
+  .forge-list-item--selected {
+    color: var(--_list-item-selected-color);
+  }
+  .forge-list-item--selected::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    opacity: var(--_list-item-selected-opacity);
+    background-color: var(--_list-item-selected-background);
+    pointer-events: none;
+  }
+  .forge-list-item--selected {
+    --forge-state-layer-color: var(--_list-item-selected-color);
+  }
+  .forge-list-item--selected .forge-list-item__start {
+    color: var(--_list-item-start-selected-color);
+  }
+  .forge-list-item--selected .forge-list-item__end {
+    color: var(--_list-item-end-selected-color);
+  }
+}
+@layer indented {
+  .forge-list--indented .forge-list-item,
+  .forge-list-item--indented {
+    margin-inline-start: var(--_list-item-indent);
+  }
+}
+@layer disabled {
+  .forge-list--disabled .forge-list-item,
+  .forge-list-item--disabled,
+  .forge-list-item button:disabled {
+    cursor: var(--_list-item-disabled-cursor);
+    opacity: var(--_list-item-disabled-opacity);
+  }
+}
+:host {
+  display: block;
+  width: 100%;
+  max-inline-size: var(--forge-ai-suggestions-inline-size, 768px);
+}
+
+.custom-list-item {
+  --forge-list-item-height: 32px;
+  --forge-list-item-padding: var(--forge-spacing-xxsmall, 4px);
+  --forge-list-item-shape: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));
+  --forge-icon-color: var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));
+  display: flex;
+  align-items: center;
+  justify-content: start;
+  gap: var(--forge-spacing-medium, 16px);
+  margin-inline: calc(var(--forge-spacing-xxsmall, 4px) * -1) 0;
+  margin-block: 0;
+  width: 100%;
+}
+.custom-list-item button {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: var(--forge-typography-body1-font-family, var(--forge-typography-font-family, "Roboto", sans-serif));
+  font-size: var(--forge-typography-body1-font-size, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-font-size-scale, 0.875)));
+  font-weight: var(--forge-typography-body1-font-weight, 400);
+  line-height: var(--forge-typography-body1-line-height, calc(var(--forge-typography-font-size, 1rem) * var(--forge-typography-body-line-height-scale, 1.125)));
+  letter-spacing: var(--forge-typography-body1-letter-spacing, 0.0357142857em);
+  text-transform: var(--forge-typography-body1-text-transform, inherit);
+  text-decoration: var(--forge-typography-body1-text-decoration, inherit);
+  display: flex;
+  justify-content: start;
+  text-box-trim: both;
+  text-wrap: wrap;
+}
+.custom-list-item button:hover, .custom-list-item button:focus-within, .custom-list-item button::after {
+  border-radius: calc(var(--forge-shape-large, 8px) * var(--forge-shape-factor, 1));
+}
+
+:host(:state(inline)) .custom-list-item {
+  flex: 0 0 auto; /* === don't grow, don't shrink, size to content */
+  width: fit-content; /* optional, just makes intent explicit */
+}
+
+:host(:state(block)) .forge-list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--forge-spacing-xxsmall, 4px);
+}
+
+.block-layout-container {
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll-container {
+  overflow: scroll;
+  scrollbar-width: none;
+  -webkit-overflow-scrolling: touch;
+  width: 100%;
+  height: 100%;
+}
+
+.suggestions-inline {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  width: max-content;
+  gap: var(--forge-spacing-small, 12px);
+}
+
+.suggestion-tooltip {
+  --forge-tooltip-content-align: start;
+}`;
 export {
   styles as default
 };