export declare const componentCSS = "/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:first-child .modus-wc-collapse,\n[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:first-child .modus-wc-collapse {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:not(:first-child):not(:last-child) .modus-wc-collapse,\n[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:not(:first-child):not(:last-child) .modus-wc-collapse {\n  border-radius: 0;\n}\n[data-theme=modus-classic-light] modus-wc-accordion modus-wc-collapse:last-child .modus-wc-collapse,\n[data-theme=modus-classic-dark] modus-wc-accordion modus-wc-collapse:last-child .modus-wc-collapse {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n\n[data-theme=modus-classic-light] modus-wc-accordion .modus-wc-collapse {\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-gray-2);\n}\n\n[data-theme=modus-classic-dark] modus-wc-accordion .modus-wc-collapse {\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-gray-8);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-alert .modus-wc-alert {\n  align-content: center;\n  align-items: center;\n  backdrop-filter: blur(var(--modus-wc-spacing-lg));\n  background-color: var(--modus-wc-color-base-page);\n  border-color: var(--modus-wc-color-base-200);\n  border-width: var(--alert-border-width);\n  border-left-width: var(--alert-border-left-width);\n  border-radius: var(--alert-border-radius);\n  color: var(--modus-wc-color-base-content);\n  display: flex;\n  text-align: start;\n}\nmodus-wc-alert .modus-wc-alert .modus-wc-alert-content {\n  flex: auto;\n}\nmodus-wc-alert .modus-wc-alert .title {\n  font-size: var(--modus-wc-font-size-md);\n  font-weight: var(--modus-wc-font-weight-bold);\n}\nmodus-wc-alert .modus-wc-alert .description {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-alert .modus-wc-alert.modus-wc-alert-info {\n  background-color: var(--modus-wc-color-blue-pale);\n  border-color: var(--modus-wc-color-info-blue);\n  color: var(--modus-wc-color-gray-10);\n}\nmodus-wc-alert .modus-wc-alert.modus-wc-alert-error {\n  background-color: rgba(251, 212, 215, 0.8);\n  border-color: var(--modus-wc-color-red-dark);\n  color: var(--modus-wc-color-gray-10);\n}\n@supports (background-color: color-mix(in sRGB, red 50%, blue)) {\n  modus-wc-alert .modus-wc-alert.modus-wc-alert-error {\n    background-color: color-mix(in sRGB, var(--modus-wc-color-red-pale) 80%, transparent);\n  }\n}\nmodus-wc-alert .modus-wc-alert.modus-wc-alert-success {\n  background-color: rgba(224, 236, 207, 0.8);\n  border-color: var(--modus-wc-color-green-dark);\n  color: var(--modus-wc-color-gray-10);\n}\n@supports (background-color: color-mix(in sRGB, red 50%, blue)) {\n  modus-wc-alert .modus-wc-alert.modus-wc-alert-success {\n    background-color: color-mix(in sRGB, var(--modus-wc-color-success-pale) 80%, transparent);\n  }\n}\nmodus-wc-alert .modus-wc-alert.modus-wc-alert-warning {\n  background-color: rgba(255, 245, 228, 0.6);\n  border-color: var(--modus-wc-color-yellow-dark);\n  color: var(--modus-wc-color-black);\n}\n@supports (background-color: color-mix(in sRGB, red 50%, blue)) {\n  modus-wc-alert .modus-wc-alert.modus-wc-alert-warning {\n    background-color: color-mix(in sRGB, var(--modus-wc-color-yellow-pale) 60%, transparent);\n  }\n}\n\n[data-theme=modus-classic-light] modus-wc-alert .modus-wc-alert .modus-wc-alert-icon {\n  color: var(--modus-wc-color-gray-5);\n}\n[data-theme=modus-classic-light] modus-wc-alert .modus-wc-alert.modus-wc-alert-info .modus-wc-alert-icon {\n  color: var(--modus-wc-color-info-blue);\n}\n[data-theme=modus-classic-light] modus-wc-alert .modus-wc-alert.modus-wc-alert-error .modus-wc-alert-icon {\n  color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-light] modus-wc-alert .modus-wc-alert.modus-wc-alert-success .modus-wc-alert-icon {\n  color: var(--modus-wc-color-green-dark);\n}\n[data-theme=modus-classic-light] modus-wc-alert .modus-wc-alert.modus-wc-alert-warning .modus-wc-alert-icon {\n  color: var(--modus-wc-color-yellow-dark);\n}\n\n[data-theme=modus-classic-light] modus-wc-alert .modus-wc-alert,\n[data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert {\n  border-left-width: 12px;\n  border-radius: var(--modus-wc-border-radius-md);\n  gap: var(--modus-wc-spacing-sm);\n  min-height: 56px;\n  padding-bottom: var(--modus-wc-spacing-sm);\n  padding-top: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=connect-dark] modus-wc-alert .modus-wc-alert,\n[data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert,\n[data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert {\n  background-color: var(--modus-wc-color-gray-10);\n  border-color: var(--modus-wc-color-gray-9);\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-info,\n[data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-info,\n[data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-info {\n  background-color: rgba(1, 154, 235, 0.3);\n  border-color: var(--modus-wc-color-highlight-blue);\n}\n@supports (background-color: color-mix(in sRGB, red 50%, blue)) {\n  [data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-info,\n  [data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-info,\n  [data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-info {\n    background-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 30%, transparent);\n  }\n}\n[data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-error,\n[data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-error,\n[data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-error {\n  background-color: rgba(218, 33, 44, 0.5);\n  border-color: var(--modus-wc-color-red-light);\n}\n@supports (background-color: color-mix(in sRGB, red 50%, blue)) {\n  [data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-error,\n  [data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-error,\n  [data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-error {\n    background-color: color-mix(in sRGB, var(--modus-wc-color-red) 50%, transparent);\n  }\n}\n[data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-success,\n[data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-success,\n[data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-success {\n  background-color: rgba(30, 138, 68, 0.5);\n  border-color: var(--modus-wc-color-green-light);\n}\n@supports (background-color: color-mix(in sRGB, red 50%, blue)) {\n  [data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-success,\n  [data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-success,\n  [data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-success {\n    background-color: color-mix(in sRGB, var(--modus-wc-color-green) 50%, transparent);\n  }\n}\n[data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-warning,\n[data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-warning,\n[data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-warning {\n  background-color: rgba(251, 173, 38, 0.5);\n  border-color: var(--modus-wc-color-yellow-light);\n}\n@supports (background-color: color-mix(in sRGB, red 50%, blue)) {\n  [data-theme=connect-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-warning,\n  [data-theme=modus-classic-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-warning,\n  [data-theme=modus-modern-dark] modus-wc-alert .modus-wc-alert.modus-wc-alert-warning {\n    background-color: color-mix(in sRGB, var(--modus-wc-color-yellow) 50%, transparent);\n  }\n}\nmodus-wc-app-menu.modus-wc-app-menu {\n  box-sizing: border-box;\n  display: block;\n  min-width: 0;\n  text-align: start;\n  width: fit-content;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel {\n  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n  gap: var(--modus-wc-spacing-lg);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel [slot=body] {\n  display: flex;\n  flex-direction: column;\n  gap: var(--modus-wc-spacing-lg);\n  overflow-y: auto;\n  padding: var(--modus-wc-spacing-lg);\n  padding-inline-end: 0;\n  scrollbar-gutter: stable;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-header {\n  align-content: center;\n  align-items: center;\n  align-self: stretch;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--modus-wc-spacing-sm);\n  min-height: var(--modus-wc-size-sm);\n  padding: 0 var(--modus-wc-spacing-lg);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-header .modus-wc-app-menu-header-title {\n  align-content: flex-start;\n  align-items: flex-start;\n  display: flex;\n  flex: 1 0 0;\n  flex-wrap: wrap;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-header .modus-wc-app-menu-header-end-content {\n  align-items: center;\n  display: flex;\n  gap: var(--modus-wc-spacing-sm);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-menu {\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-lg);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items {\n  padding: 0 var(--modus-wc-spacing-xs);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items li.modus-wc-menu-item-active,\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button:active {\n  background-color: transparent;\n  color: inherit;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items {\n  /* Keyboard focus lives on `.modus-wc-app-menu-item-row` (the row owns the tab\n     stop and key handling). The inner menu-item paints its hover\n     background on top of any outline placed on the row, so we paint\n     the focus outline on the inner menu-item element instead. The\n     second selector overrides the global menu-item hover rule\n     (`outline: none`) so the ring stays visible while hovering. */\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row:focus-visible {\n  outline: none;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row:focus-visible modus-wc-menu-item .modus-wc-menu-item,\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row:focus-visible modus-wc-menu-item .modus-wc-menu-item:hover {\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row {\n  align-items: center;\n  display: flex;\n  margin-inline: calc(-1 * var(--modus-wc-spacing-xs));\n  max-width: 256px;\n  position: relative;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row .modus-wc-app-menu-drag-icon {\n  color: var(--modus-wc-color-base-content);\n  position: absolute;\n  transform: translateX(-10%);\n  z-index: 1;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row > modus-wc-menu-item {\n  flex: 1;\n  min-width: 0;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item {\n  cursor: grab;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item .modus-wc-app-menu-drag-icon {\n  cursor: grab;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item {\n  /* Row is draggable; inner menu button would otherwise use pointer/default and shrink the grab hit visually. */\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item modus-wc-menu-item .modus-wc-menu-item button,\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item modus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content,\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item modus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content * {\n  cursor: grab;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item modus-wc-menu-item .modus-wc-menu-item button:active,\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item modus-wc-menu-item .modus-wc-menu-item button:active .modus-wc-menu-item-content,\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-app-menu-item-row.modus-wc-app-menu-draggable-item modus-wc-menu-item .modus-wc-menu-item button:active .modus-wc-menu-item-content * {\n  cursor: grabbing;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items {\n  /* No explicit width here: the menu item naturally fills its row,\n     which is constrained by the surrounding `modus-wc-panel` width\n     and its body padding. */\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button {\n  min-width: 0;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-content {\n  gap: var(--modus-wc-spacing-lg);\n  min-width: 0;\n  width: 100%;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-labels {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  padding-inline-start: 0;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-labels > div:not(.modus-wc-menu-item-sublabel) {\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-labels > modus-wc-tooltip {\n  display: block;\n  flex: 1;\n  max-width: 100%;\n  min-width: 0;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-labels > modus-wc-tooltip > div {\n  max-width: 100%;\n  min-width: 0;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-labels > modus-wc-tooltip > div > div:first-child {\n  max-width: 100%;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-content [slot=start-icon] {\n  align-items: center;\n  display: inline-flex;\n  flex-shrink: 0;\n  padding-inline-end: 0;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-items .modus-wc-menu-item button .modus-wc-menu-item-content [slot=start-icon] .modus-wc-app-menu-app-logo {\n  height: var(--modus-wc-input-height-sm);\n  width: var(--modus-wc-input-height-sm);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid {\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  gap: var(--modus-wc-spacing-sm);\n  margin-inline: auto;\n  width: fit-content;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-row {\n  align-self: stretch;\n  display: grid;\n  gap: 0 var(--modus-wc-spacing-sm);\n  /* minmax(0, 1fr) prevents a long label from making its column wider\n     than the others, so all three items share equal space per row. */\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  justify-items: stretch;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-item {\n  align-items: center;\n  border-radius: var(--modus-wc-border-radius-sm);\n  display: flex;\n  flex-direction: column;\n  padding: var(--modus-wc-spacing-lg) var(--modus-wc-spacing-xs);\n  position: relative;\n  width: var(--modus-wc-spacing-20);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-item > modus-wc-icon {\n  align-items: center;\n  display: inline-flex;\n  inset-inline-end: 0;\n  justify-content: center;\n  position: absolute;\n  top: 0;\n  width: var(--modus-wc-size-xs);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-item:hover {\n  background-color: var(--modus-wc-color-base-100);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-item {\n  /* Focus outline that persists alongside the hover background. */\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-item:focus-visible {\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-emblem {\n  aspect-ratio: 1/1;\n  flex: 1 0 0;\n  min-height: var(--modus-wc-size-xs);\n  min-width: var(--modus-wc-size-xs);\n  width: var(--modus-wc-line-height-h0);\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grid-item-label {\n  align-self: stretch;\n  -webkit-box-orient: vertical;\n  color: var(--modus-wc-color-base-content);\n  display: -webkit-box;\n  -webkit-line-clamp: 1;\n  line-height: var(--modus-wc-font-size-2xl);\n  overflow: hidden;\n  text-align: center;\n  text-overflow: ellipsis;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-draggable-item {\n  cursor: grab;\n  transition: box-shadow 0.2s ease;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-draggable-item:active {\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  cursor: grabbing;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-grabbed-item {\n  background-color: var(--modus-wc-color-base-200);\n  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-drag-source {\n  opacity: 0.3;\n}\nmodus-wc-app-menu.modus-wc-app-menu .modus-wc-panel .modus-wc-app-menu-drop-target {\n  border-radius: var(--modus-wc-border-radius-sm);\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-autocomplete.modus-wc-autocomplete {\n  display: inline-block;\n  position: relative;\n  width: 100%;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete modus-wc-loader {\n  display: flex;\n  justify-content: center;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select {\n  align-items: flex-start;\n  background-color: transparent;\n  display: flex;\n  height: auto;\n  min-height: fit-content;\n  padding: var(--modus-wc-spacing-xs);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--error {\n  border-color: var(--modus-wc-color-error) !important;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--info {\n  border-color: var(--modus-wc-color-info) !important;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--success {\n  border-color: var(--modus-wc-color-success) !important;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--warning {\n  border-color: var(--modus-wc-color-warning) !important;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-search-icon {\n  align-self: center;\n  flex-shrink: 0;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select.modus-wc-input-sm .modus-wc-autocomplete-search-icon {\n  height: var(--modus-wc-line-height-sm);\n  width: var(--modus-wc-line-height-sm);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select.modus-wc-input-md .modus-wc-autocomplete-search-icon {\n  height: var(--modus-wc-line-height-md);\n  width: var(--modus-wc-line-height-md);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select.modus-wc-input-lg .modus-wc-autocomplete-search-icon {\n  height: var(--modus-wc-line-height-lg);\n  width: var(--modus-wc-line-height-lg);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select:focus, modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select:focus-within {\n  box-shadow: none !important;\n  outline: none !important;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content {\n  align-content: flex-start;\n  align-items: center;\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: 0.25rem;\n  min-height: fit-content;\n  min-width: 0;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content .modus-wc-text-input:focus-within {\n  border: none !important;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-button-container {\n  align-items: center;\n  align-self: center;\n  display: none;\n  flex-shrink: 0;\n  justify-content: center;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-button-container:not(:empty) {\n  display: flex;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-button-container modus-wc-button {\n  align-self: center;\n  display: flex;\n  margin: 0;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content modus-wc-chip {\n  align-self: center;\n  flex-shrink: 0;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content modus-wc-text-input {\n  align-self: center;\n  flex: 1 1 var(--modus-autocomplete-min-input-width, 60px);\n  max-width: 100%;\n  min-width: var(--modus-autocomplete-min-input-width, 60px);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content modus-wc-text-input input {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  width: 100%;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content modus-wc-text-input:only-child {\n  flex: 1 1 100%;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content .modus-wc-autocomplete-more-indicator {\n  align-items: center;\n  align-self: center;\n  display: flex;\n  flex-shrink: 0;\n  height: 32px;\n  justify-content: center;\n  padding: 0 8px;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content .modus-wc-autocomplete-more-indicator .modus-wc-autocomplete-more-text {\n  background-color: var(--modus-wc-color-base-100);\n  border-radius: var(--modus-wc-border-radius-sm);\n  color: var(--modus-wc-color-base-content);\n  font-size: var(--modus-wc-font-size-sm);\n  font-weight: var(--modus-wc-font-weight-medium);\n  padding: 4px 8px;\n  text-align: center;\n  white-space: nowrap;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-menu {\n  border-radius: 0 0 var(--modus-wc-border-radius-md) var(--modus-wc-border-radius-md);\n  display: block;\n  left: 0;\n  margin-top: var(--modus-wc-spacing-2xs);\n  max-height: 320px;\n  overflow: auto;\n  position: absolute;\n  top: 100%;\n  z-index: 99;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .menu-hidden {\n  display: none;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .menu-visible {\n  display: block;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-no-results {\n  padding: var(--modus-wc-spacing-md);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-no-results .icon-label {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-no-results .icon-label .modus-wc-autocomplete-search-icon {\n  color: var(--modus-wc-color-base-content-low-contrast);\n  height: 1.5rem;\n  width: 1.5rem;\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-no-results .icon-label .label {\n  font-size: var(--modus-wc-font-size-md);\n  font-weight: var(--modus-wc-font-weight-bold);\n  margin-inline-start: var(--modus-wc-spacing-xs);\n}\nmodus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-no-results .sub-label {\n  color: var(--modus-wc-color-base-content-low-contrast);\n  font-size: var(--modus-wc-font-size-sm);\n  text-align: center;\n}\n\n[data-theme=modus-modern-light] modus-wc-autocomplete .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-autocomplete .modus-wc-input-label,\n[data-theme=modus-classic-light] modus-wc-autocomplete .modus-wc-input-label,\n[data-theme=modus-classic-dark] modus-wc-autocomplete .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--bordered,\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--bordered {\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-gray-6);\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--bordered:focus-within,\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--bordered:focus-within {\n  border-color: var(--modus-wc-color-highlight-blue);\n  border-width: var(--modus-wc-border-width-sm);\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete ul.modus-wc-menu,\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete ul.modus-wc-menu {\n  box-shadow: 0 0 4px 0 rgba(54, 53, 69, 0.3);\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-text-input-readonly,\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-text-input-readonly {\n  background-color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--disabled,\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  user-select: none;\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--readonly .modus-wc-text-input-readonly,\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--readonly .modus-wc-text-input-readonly {\n  border: none;\n}\n\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select {\n  background-color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--disabled,\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--readonly,\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-text-input-readonly {\n  background-color: var(--modus-wc-color-gray-0);\n  border: none;\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select--readonly:focus-within {\n  border: var(--modus-wc-border-width-sm) solid var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-menu {\n  background-color: var(--modus-wc-color-white);\n}\n\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select {\n  background-color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-no-results .sub-label {\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-menu {\n  background-color: var(--modus-wc-color-gray-10);\n}\n\n[data-theme=modus-modern-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-menu {\n  background-color: var(--modus-wc-color-base-page);\n}\n[data-theme=modus-modern-light] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content .modus-wc-text-input:focus-within {\n  outline: unset;\n}\n\n[data-theme=modus-modern-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-menu {\n  background-color: var(--modus-wc-color-base-page);\n}\n[data-theme=modus-modern-dark] modus-wc-autocomplete.modus-wc-autocomplete .modus-wc-autocomplete-multi-select .modus-wc-autocomplete-content .modus-wc-text-input:focus-within {\n  outline: unset;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-avatar {\n  display: inline-flex;\n}\n\nmodus-wc-avatar .modus-wc-avatar .initials {\n  align-items: center;\n  background-color: var(--modus-wc-color-neutral);\n  color: var(--modus-wc-color-neutral-content);\n  display: flex;\n  font-weight: 600;\n  height: 100%;\n  justify-content: center;\n  text-transform: uppercase;\n  width: 100%;\n}\nmodus-wc-avatar .modus-wc-avatar .no-image {\n  align-items: center;\n  background-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-base-content);\n  display: flex;\n  justify-content: center;\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-8 {\n  height: var(--modus-wc-size-xs);\n  width: var(--modus-wc-size-xs);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-8 .initials {\n  font-size: var(--modus-wc-font-size-sm);\n  line-height: var(--modus-wc-font-size-2xl);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-8 .modus-wc-icon {\n  font-size: var(--modus-wc-font-size-md);\n  line-height: 1;\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-12 {\n  height: var(--modus-wc-size-sm);\n  width: var(--modus-wc-size-sm);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-12 .initials {\n  font-size: var(--modus-wc-font-size-lg);\n  line-height: var(--modus-wc-line-height-md);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-12 .modus-wc-icon {\n  font-size: var(--modus-wc-font-size-lg);\n  line-height: 1;\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-16 {\n  height: var(--modus-wc-size-md);\n  width: var(--modus-wc-size-md);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-16 .initials {\n  font-size: var(--modus-wc-font-size-xl);\n  line-height: var(--modus-wc-line-height-lg);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-16 .modus-wc-icon {\n  font-size: var(--modus-wc-font-size-xl);\n  line-height: 1;\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-20 {\n  height: var(--modus-wc-size-lg);\n  width: var(--modus-wc-size-lg);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-20 .initials {\n  font-size: var(--modus-wc-font-size-xl);\n  line-height: var(--modus-wc-line-height-lg);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-20 .modus-wc-icon {\n  font-size: var(--modus-wc-font-size-3xl);\n  line-height: 1;\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-24 {\n  height: var(--modus-wc-size-xl);\n  width: var(--modus-wc-size-xl);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-24 .initials {\n  font-size: var(--modus-wc-font-size-2xl);\n  line-height: var(--modus-wc-line-height-lg);\n}\nmodus-wc-avatar .modus-wc-avatar .modus-wc-w-24 .modus-wc-icon {\n  font-size: var(--modus-wc-line-height-h1);\n  line-height: 1;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-badge .modus-wc-badge {\n  display: flex;\n  font-weight: var(--modus-wc-font-weight-semibold);\n  height: fit-content;\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-sm {\n  font-size: var(--modus-wc-font-size-xs);\n  max-height: var(--modus-wc-size-xs);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-md {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-high-contrast {\n  background-color: var(--modus-wc-color-black);\n  border-color: var(--modus-wc-color-base-content);\n  color: var(--modus-wc-color-white);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-counter {\n  border-radius: 1rem;\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text {\n  background-color: transparent;\n  border: none;\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-primary {\n  color: var(--modus-wc-color-trimble-blue);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-secondary {\n  color: var(--modus-wc-color-secondary);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-neutral {\n  color: var(--modus-wc-color-gray-1);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-high-contrast {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-success {\n  color: var(--modus-wc-color-green-dark);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-warning {\n  color: var(--modus-wc-color-warning);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-error {\n  color: var(--modus-wc-color-error);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined {\n  background-color: transparent;\n  border-radius: 1rem;\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined.modus-wc-badge-primary {\n  border-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined.modus-wc-badge-secondary {\n  border-color: var(--modus-wc-color-secondary);\n  color: var(--modus-wc-color-secondary);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined.modus-wc-badge-neutral {\n  border-color: var(--modus-wc-color-gray-1);\n  color: var(--modus-wc-color-gray-1);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined.modus-wc-badge-high-contrast {\n  border-color: var(--modus-wc-color-base-content);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined.modus-wc-badge-success {\n  border-color: var(--modus-wc-color-success);\n  color: var(--modus-wc-color-success);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined.modus-wc-badge-warning {\n  border-color: var(--modus-wc-color-warning);\n  color: var(--modus-wc-color-warning);\n}\nmodus-wc-badge .modus-wc-badge.modus-wc-badge-outlined.modus-wc-badge-error {\n  border-color: var(--modus-wc-color-error);\n  color: var(--modus-wc-color-error);\n}\n\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge,\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge {\n  border: unset;\n  font-weight: var(--modus-wc-font-weight-bold);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge.modus-wc-badge-secondary,\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-secondary {\n  color: var(--modus-wc-color-gray-6);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge.modus-wc-badge-secondary:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined),\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-secondary:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined) {\n  background-color: var(--modus-wc-color-gray-6);\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge:not(.modus-wc-badge-counter),\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge:not(.modus-wc-badge-counter) {\n  border-radius: var(--modus-wc-border-radius-md);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge.modus-wc-badge-success:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined),\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-success:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined) {\n  background-color: var(--modus-wc-color-green-dark);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge.modus-wc-badge-sm,\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-sm {\n  border-radius: var(--modus-wc-border-radius-sm);\n  font-size: var(--modus-wc-font-size-xs);\n  height: 14px;\n  padding: var(--modus-wc-spacing-2xs) var(--modus-wc-spacing-xs);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge.modus-wc-badge-md,\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-md {\n  font-size: var(--modus-wc-font-size-sm);\n  height: 20px;\n  padding: var(--modus-wc-spacing-xs) var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge.modus-wc-badge-lg,\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-lg {\n  font-size: var(--modus-wc-font-size-md);\n  height: 28px;\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-md);\n}\n[data-theme=modus-classic-light] modus-wc-badge .modus-wc-badge.modus-wc-badge-outlined,\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-outlined {\n  background-color: transparent;\n  border: 1px solid;\n  border-radius: 1rem;\n}\n\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined).modus-wc-badge-primary {\n  background-color: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined).modus-wc-badge-success {\n  background-color: var(--modus-wc-color-success);\n}\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined).modus-wc-badge-secondary {\n  background-color: var(--modus-wc-color-gray-6);\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined).modus-wc-badge-neutral {\n  background-color: var(--modus-wc-color-gray-1);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge:not(.modus-wc-badge-text):not(.modus-wc-badge-outlined).modus-wc-badge-high-contrast {\n  background-color: var(--modus-wc-color-gray-light);\n  color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-primary {\n  color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-high-contrast {\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=modus-classic-dark] modus-wc-badge .modus-wc-badge.modus-wc-badge-text.modus-wc-badge-success {\n  color: var(--modus-wc-color-success);\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet {\n  border-radius: var(--rounded-box) var(--rounded-box) 0 0;\n  bottom: 0;\n  box-shadow: 0 -20px 50px -8px color-mix(in sRGB, var(--modus-wc-color-base-content) 22%, transparent), 0 -6px 16px color-mix(in sRGB, var(--modus-wc-color-base-content) 12%, transparent);\n  left: 50%;\n  max-width: 100vw;\n  min-width: 25vw;\n  position: fixed;\n  transform: translateX(-50%);\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0s linear 0.3s;\n  z-index: 999;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet[aria-hidden=true] {\n  box-shadow: none;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet[aria-hidden=false] {\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0s linear 0s;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet:focus, modus-wc-bottom-sheet.modus-wc-bottom-sheet:focus-visible {\n  outline: none;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet.modus-wc-bottom-sheet-minimized .modus-wc-panel .modus-wc-bottom-sheet-header,\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet.modus-wc-bottom-sheet-minimized .modus-wc-panel .modus-wc-bottom-sheet-content,\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet.modus-wc-bottom-sheet-minimized .modus-wc-panel .modus-wc-bottom-sheet-footer {\n  display: none;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel {\n  border-radius: var(--rounded-box) var(--rounded-box) 0 0;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-handle {\n  cursor: grab;\n  min-height: var(--modus-wc-font-size-2xl);\n  touch-action: none;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-handle:active {\n  cursor: grabbing;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header {\n  padding: var(--modus-wc-spacing-md);\n  width: 100%;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header-top {\n  align-items: center;\n  display: flex;\n  gap: var(--modus-wc-spacing-lg);\n  justify-content: space-between;\n  width: 100%;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header-start {\n  align-items: center;\n  display: flex;\n  flex: 1 1 0;\n  gap: var(--modus-wc-spacing-xs);\n  min-width: 0;\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-header-title {\n  line-height: var(--modus-wc-font-size-2xl);\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-content {\n  padding: 0 var(--modus-wc-spacing-md) var(--modus-wc-spacing-md) var(--modus-wc-spacing-md);\n}\nmodus-wc-bottom-sheet.modus-wc-bottom-sheet .modus-wc-panel .modus-wc-bottom-sheet-footer {\n  padding: var(--modus-wc-spacing-md);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-breadcrumbs .modus-wc-breadcrumbs ol {\n  list-style: none;\n}\nmodus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {\n  background: none;\n  border: 0;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  padding: 0;\n}\nmodus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-xs {\n  font-size: var(--modus-wc-font-size-xs);\n}\nmodus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-sm {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-md {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-breadcrumbs .modus-wc-breadcrumbs.modus-wc-text-lg {\n  font-size: var(--modus-wc-font-size-lg);\n}\n\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button,\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {\n  text-decoration: none;\n}\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover,\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover {\n  text-decoration: underline;\n}\n\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {\n  color: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:active {\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs span {\n  color: var(--modus-wc-color-trimble-gray);\n}\n\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {\n  color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:active {\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs span {\n  color: var(--modus-wc-color-white);\n}\n\n[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,\n[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button,\n[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a,\n[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button {\n  color: var(--modus-wc-color-base-content);\n  opacity: 0.5;\n  text-decoration: none;\n}\n[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,\n[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:active,\n[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:active,\n[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:active {\n  color: var(--modus-wc-color-white);\n}\n[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,\n[data-theme=connect-light] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover,\n[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs a:hover,\n[data-theme=connect-dark] modus-wc-breadcrumbs .modus-wc-breadcrumbs .modus-wc-breadcrumb-button:hover {\n  text-decoration: none;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-button .modus-wc-btn-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\nmodus-wc-button .modus-wc-btn-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\nmodus-wc-button .modus-wc-btn-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\nmodus-wc-button .modus-wc-btn-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\nmodus-wc-button .modus-wc-btn-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\nmodus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled) {\n  background-color: var(--modus-wc-color-base-100);\n  border-color: var(--modus-wc-color-base-100);\n}\nmodus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled):hover, modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled).modus-wc-btn-active, modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-neutral:not(.modus-wc-btn-disabled)[aria-pressed=true] {\n  background-color: var(--modus-wc-color-base-200);\n  border-color: var(--modus-wc-color-base-200);\n}\n\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-primary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-primary);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-primary:hover {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-secondary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-secondary);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-secondary-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-secondary:hover {\n  background-color: var(--modus-wc-color-secondary-pale);\n  color: var(--modus-wc-color-secondary);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-accent[aria-pressed=true] {\n  background-color: var(--modus-wc-color-accent);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-accent-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-accent:hover {\n  background-color: var(--modus-wc-color-accent-pale);\n  color: var(--modus-wc-color-accent);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-neutral[aria-pressed=true] {\n  background-color: var(--modus-wc-color-neutral);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-neutral:hover {\n  background-color: var(--modus-wc-color-neutral-pale);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-warning[aria-pressed=true] {\n  background-color: var(--modus-wc-color-warning);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-warning-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-warning:hover {\n  background-color: var(--modus-wc-color-warning-pale);\n  color: var(--modus-wc-color-warning);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-error[aria-pressed=true] {\n  background-color: var(--modus-wc-color-error);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-error-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-error:hover {\n  background-color: var(--modus-wc-color-error-pale);\n  color: var(--modus-wc-color-error);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-base-inverted[aria-pressed=true] {\n  background-color: var(--modus-wc-color-trimble-neutral);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-trimble-neutral-content);\n}\nmodus-wc-button .modus-wc-btn-outline.modus-wc-btn-base-inverted:hover {\n  background-color: color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 12%, transparent);\n  color: var(--modus-wc-color-trimble-neutral);\n}\n\nmodus-wc-button .modus-wc-btn-xl:not(.modus-wc-btn-circle):not(.modus-wc-btn-square) {\n  font-size: var(--modus-wc-font-size-2xl);\n  padding-left: var(--modus-wc-spacing-2xl);\n  padding-right: var(--modus-wc-spacing-2xl);\n}\n\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-primary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-primary);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-primary:hover {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-secondary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-secondary);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-secondary-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-secondary:hover {\n  background-color: var(--modus-wc-color-secondary-pale);\n  color: var(--modus-wc-color-secondary);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-accent[aria-pressed=true] {\n  background-color: var(--modus-wc-color-accent);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-accent-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-accent:hover {\n  background-color: var(--modus-wc-color-accent-pale);\n  color: var(--modus-wc-color-accent);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-neutral[aria-pressed=true] {\n  background-color: var(--modus-wc-color-neutral);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-neutral:hover {\n  background-color: var(--modus-wc-color-neutral-pale);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-warning[aria-pressed=true] {\n  background-color: var(--modus-wc-color-warning);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-warning-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-warning:hover {\n  background-color: var(--modus-wc-color-warning-pale);\n  color: var(--modus-wc-color-warning);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-error[aria-pressed=true] {\n  background-color: var(--modus-wc-color-error);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-error-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-error:hover {\n  background-color: var(--modus-wc-color-error-pale);\n  color: var(--modus-wc-color-error);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-base-inverted[aria-pressed=true] {\n  background-color: var(--modus-wc-color-trimble-neutral);\n  border: 1px solid transparent;\n  color: var(--modus-wc-color-trimble-neutral-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-base-inverted:hover {\n  background-color: color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 12%, transparent);\n  color: var(--modus-wc-color-trimble-neutral);\n}\nmodus-wc-button .modus-wc-btn-borderless {\n  background-color: transparent;\n  border: none;\n  box-shadow: none;\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-primary {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-secondary {\n  color: var(--modus-wc-color-secondary);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-neutral {\n  color: var(--modus-wc-color-content);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-warning {\n  color: var(--modus-wc-color-warning);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-error {\n  color: var(--modus-wc-color-error);\n}\nmodus-wc-button .modus-wc-btn-borderless.modus-wc-btn-base-inverted {\n  color: var(--modus-wc-color-trimble-neutral);\n}\n\nmodus-wc-button .modus-wc-btn.modus-wc-btn-ellipse {\n  border-radius: var(--modus-wc-border-radius-rounded);\n}\n\nmodus-wc-button .modus-wc-btn-circle.modus-wc-btn-md,\nmodus-wc-button .modus-wc-btn-square.modus-wc-btn-md {\n  width: var(--modus-wc-size-md);\n}\n\nmodus-wc-button .modus-wc-btn-circle.modus-wc-btn-lg,\nmodus-wc-button .modus-wc-btn-square.modus-wc-btn-lg {\n  width: var(--modus-wc-size-lg);\n}\n\nmodus-wc-button .modus-wc-btn-circle.modus-wc-btn-xl,\nmodus-wc-button .modus-wc-btn-square.modus-wc-btn-xl {\n  width: var(--modus-wc-size-xl);\n}\n\nmodus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled) {\n  background-color: var(--modus-wc-color-trimble-neutral);\n  border-color: var(--modus-wc-color-trimble-neutral);\n  color: var(--modus-wc-color-base-page);\n}\nmodus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled):hover {\n  background-color: color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 90%, var(--modus-wc-color-black));\n  border-color: color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 90%, var(--modus-wc-color-black));\n}\nmodus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled):active, modus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-filled:not(.modus-wc-btn-disabled)[aria-pressed=true] {\n  background-color: color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 80%, var(--modus-wc-color-black));\n  border-color: color-mix(in oklab, var(--modus-wc-color-trimble-neutral) 80%, var(--modus-wc-color-black));\n}\nmodus-wc-button .modus-wc-btn.modus-wc-btn-base-inverted.modus-wc-btn-outline:not(:hover):not(:active):not([aria-pressed=true]):not(.modus-wc-btn-disabled) {\n  background-color: transparent;\n  border-color: var(--modus-wc-color-trimble-neutral);\n  color: var(--modus-wc-color-trimble-neutral);\n}\n\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted),\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted) {\n  --rounded-btn: var(--modus-wc-border-radius-md);\n  border: none;\n  outline: none;\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs {\n  font-size: var(--modus-wc-font-size-xs);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xs:not(.modus-wc-btn-circle):not(.modus-wc-btn-square) {\n  padding: var(--modus-wc-spacing-2xs) var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm {\n  font-size: var(--modus-wc-font-size-sm);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-sm:not(.modus-wc-btn-circle):not(.modus-wc-btn-square) {\n  padding: var(--modus-wc-spacing-xs) var(--modus-wc-spacing-md);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md {\n  font-size: var(--modus-wc-font-size-md);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-md:not(.modus-wc-btn-circle):not(.modus-wc-btn-square) {\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-lg);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg {\n  font-size: var(--modus-wc-font-size-lg);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-lg:not(.modus-wc-btn-circle):not(.modus-wc-btn-square) {\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-xl);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl {\n  font-size: var(--modus-wc-font-size-xl);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl:not(.modus-wc-btn-circle):not(.modus-wc-btn-square),\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-xl:not(.modus-wc-btn-circle):not(.modus-wc-btn-square) {\n  padding: var(--modus-wc-spacing-lg) var(--modus-wc-spacing-2xl);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless {\n  background-color: transparent;\n  box-shadow: none;\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless[aria-pressed=true],\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:active,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless[aria-pressed=true] {\n  background-color: transparent;\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:hover,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:hover {\n  background-color: transparent;\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline {\n  background-color: transparent;\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline[aria-pressed=true],\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:active,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline[aria-pressed=true] {\n  background-color: transparent;\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:hover,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline:hover {\n  background-color: transparent;\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:focus-visible, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:focus-visible {\n  box-shadow: 0 0 0 0.25rem rgba(38, 122, 177, 0.5);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:focus-visible, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:focus-visible {\n  box-shadow: 0 0 0 0.25rem rgba(98, 102, 108, 0.5);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:focus-visible, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:focus-visible {\n  box-shadow: 0 0 0 0.25rem rgba(98, 102, 108, 0.5);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:focus-visible, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:focus-visible {\n  box-shadow: 0 0 0 0.25rem rgba(194, 125, 31, 0.5);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:focus-visible, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:focus-visible,\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:focus-visible {\n  box-shadow: 0 0 0 0.25rem rgba(224, 66, 76, 0.5);\n}\n\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-disabled {\n  opacity: 0.3;\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:focus-visible {\n  border: var(--modus-wc-border-width-sm) solid var(--modus-wc-color-black);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-primary {\n  color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-secondary {\n  color: var(--modus-wc-color-gray-6);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-neutral {\n  color: var(--modus-wc-color-gray-6);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-warning {\n  color: var(--modus-wc-color-yellow);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-error {\n  color: var(--modus-wc-color-red);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary {\n  background-color: var(--modus-wc-color-trimble-blue);\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:hover {\n  background-color: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-blue-dark);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary {\n  background-color: var(--modus-wc-color-gray-6);\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:hover {\n  background-color: var(--modus-wc-color-gray-5);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-gray-7);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral {\n  background-color: var(--modus-wc-color-gray-1);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:hover {\n  background-color: var(--modus-wc-color-gray-0);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral[aria-pressed=true] {\n  background-color: var(--modus-wc-color-gray-2);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning {\n  background-color: var(--modus-wc-color-yellow);\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-red);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:hover {\n  background-color: var(--modus-wc-color-yellow-light);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning[aria-pressed=true] {\n  background-color: var(--modus-wc-color-yellow-dark);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error {\n  background-color: var(--modus-wc-color-red);\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:hover {\n  background-color: var(--modus-wc-color-red-light);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error[aria-pressed=true] {\n  background-color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary {\n  border-color: var(--modus-wc-color-trimble-blue);\n  color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:hover {\n  background-color: var(--modus-wc-color-blue-pale);\n  border-color: var(--modus-wc-color-blue-light);\n  color: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary[aria-pressed=true] {\n  background-color: rgba(0, 99, 163, 0.18);\n  border-color: var(--modus-wc-color-blue-dark);\n  color: var(--modus-wc-color-blue-dark);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary {\n  border-color: var(--modus-wc-color-trimble-gray);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:hover {\n  background-color: var(--modus-wc-color-gray-0);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral {\n  border-color: var(--modus-wc-color-trimble-gray);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:hover {\n  background-color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral[aria-pressed=true] {\n  background-color: var(--modus-wc-color-gray-2);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning {\n  border-color: var(--modus-wc-color-yellow);\n  color: var(--modus-wc-color-yellow);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:hover {\n  border-color: var(--modus-wc-color-yellow-light);\n  color: var(--modus-wc-color-yellow-light);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning[aria-pressed=true] {\n  border-color: var(--modus-wc-color-yellow-dark);\n  color: var(--modus-wc-color-yellow-dark);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error {\n  border-color: var(--modus-wc-color-red);\n  color: var(--modus-wc-color-red);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:hover {\n  border-color: var(--modus-wc-color-red-light);\n  color: var(--modus-wc-color-red-light);\n}\n[data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:active, [data-theme=modus-classic-light] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error[aria-pressed=true] {\n  border-color: var(--modus-wc-color-red-dark);\n  color: var(--modus-wc-color-red-dark);\n}\n\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-disabled {\n  opacity: 0.4;\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless:focus-visible {\n  border: var(--modus-wc-border-width-sm) solid var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-primary {\n  color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-secondary {\n  color: var(--modus-wc-color-gray-6);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-neutral {\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-warning {\n  color: var(--modus-wc-color-yellow);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-borderless.modus-wc-btn-error {\n  color: var(--modus-wc-color-red);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary {\n  background-color: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:hover {\n  background-color: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-primary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-blue-dark);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary {\n  background-color: var(--modus-wc-color-gray-6);\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:hover {\n  background-color: var(--modus-wc-color-gray-5);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-secondary[aria-pressed=true] {\n  background-color: var(--modus-wc-color-gray-7);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral {\n  background-color: var(--modus-wc-color-gray-1);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:hover {\n  background-color: var(--modus-wc-color-gray-0);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-neutral[aria-pressed=true] {\n  background-color: var(--modus-wc-color-gray-4);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning {\n  background-color: var(--modus-wc-color-yellow);\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-red);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:hover {\n  background-color: var(--modus-wc-color-yellow-light);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-warning[aria-pressed=true] {\n  background-color: var(--modus-wc-color-yellow-dark);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error {\n  background-color: var(--modus-wc-color-red);\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:hover {\n  background-color: var(--modus-wc-color-red-light);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-filled.modus-wc-btn-error[aria-pressed=true] {\n  background-color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary {\n  border-color: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:hover {\n  background-color: rgba(1, 154, 235, 0.12);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-primary[aria-pressed=true] {\n  background-color: rgba(1, 154, 235, 0.3);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary {\n  border-color: var(--modus-wc-color-gray-1);\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:hover {\n  background-color: rgba(203, 205, 214, 0.12);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-secondary[aria-pressed=true] {\n  background-color: rgba(203, 205, 214, 0.3);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral {\n  border-color: var(--modus-wc-color-gray-2);\n  color: var(--modus-wc-color-gray-2);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:hover {\n  background-color: rgba(203, 205, 214, 0.12);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-neutral[aria-pressed=true] {\n  background-color: rgba(203, 205, 214, 0.3);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning {\n  border-color: var(--modus-wc-color-yellow);\n  color: var(--modus-wc-color-yellow);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:hover {\n  border-color: var(--modus-wc-color-yellow-light);\n  color: var(--modus-wc-color-yellow-light);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-warning[aria-pressed=true] {\n  border-color: var(--modus-wc-color-yellow-dark);\n  color: var(--modus-wc-color-yellow-dark);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error {\n  border-color: var(--modus-wc-color-red);\n  color: var(--modus-wc-color-red);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:hover {\n  border-color: var(--modus-wc-color-red-light);\n  color: var(--modus-wc-color-red-light);\n}\n[data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error:active, [data-theme=modus-classic-dark] modus-wc-button .modus-wc-btn:not(.modus-wc-btn-base-inverted).modus-wc-btn-outline.modus-wc-btn-error[aria-pressed=true] {\n  border-color: var(--modus-wc-color-red-dark);\n  color: var(--modus-wc-color-red-dark);\n}\n\n[data-theme=connect-light] modus-wc-button .modus-wc-btn.modus-wc-btn-filled.modus-wc-btn-secondary {\n  color: var(--modus-wc-color-white);\n}\nmodus-wc-button-group.modus-wc-button-group {\n  align-items: stretch;\n  display: inline-flex;\n}\nmodus-wc-button-group.modus-wc-button-group > * {\n  border-radius: 0;\n}\nmodus-wc-button-group.modus-wc-button-group > * .modus-wc-btn {\n  border-radius: 0;\n}\nmodus-wc-button-group.modus-wc-button-group > *:first-child .modus-wc-btn {\n  border-end-start-radius: var(--modus-wc-rounded-btn, 0.5rem);\n  border-start-start-radius: var(--modus-wc-rounded-btn, 0.5rem);\n}\nmodus-wc-button-group.modus-wc-button-group > *:last-child .modus-wc-btn {\n  border-end-end-radius: var(--modus-wc-rounded-btn, 0.5rem);\n  border-start-end-radius: var(--modus-wc-rounded-btn, 0.5rem);\n}\nmodus-wc-button-group.modus-wc-button-group > *:not(:last-child) .modus-wc-btn {\n  border-inline-end-width: 0;\n}\nmodus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical {\n  align-items: stretch;\n  flex-direction: column;\n}\nmodus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > * .modus-wc-btn {\n  border-inline-end-width: 1px;\n  border-radius: 0;\n}\nmodus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > *:first-child .modus-wc-btn {\n  border-end-end-radius: 0;\n  border-end-start-radius: 0;\n  border-start-end-radius: var(--modus-wc-rounded-btn, 0.5rem);\n  border-start-start-radius: var(--modus-wc-rounded-btn, 0.5rem);\n}\nmodus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > *:last-child .modus-wc-btn {\n  border-end-end-radius: var(--modus-wc-rounded-btn, 0.5rem);\n  border-end-start-radius: var(--modus-wc-rounded-btn, 0.5rem);\n  border-start-end-radius: 0;\n  border-start-start-radius: 0;\n}\nmodus-wc-button-group.modus-wc-button-group.modus-wc-join-vertical > *:not(:last-child) .modus-wc-btn {\n  border-block-end-width: 0;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-card .modus-wc-card:not(.modus-wc-card-bordered) {\n  background-color: var(--modus-wc-color-base-100);\n}\nmodus-wc-card .modus-wc-card .modus-wc-card-title {\n  margin-bottom: 0;\n}\nmodus-wc-card .modus-wc-card.modus-wc-card-bordered {\n  background-color: var(--modus-wc-color-base-page);\n}\nmodus-wc-card .modus-wc-card {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-card .modus-wc-card figure {\n  margin-bottom: unset;\n}\nmodus-wc-card .modus-wc-card .modus-wc-card-body {\n  gap: unset;\n}\nmodus-wc-card .modus-wc-card .modus-wc-card-actions {\n  margin-bottom: var(--modus-wc-spacing-xs);\n}\nmodus-wc-card .modus-wc-card > modus-wc-collapse .modus-wc-collapse {\n  background-color: var(--modus-wc-color-base-page);\n}\n\n[data-theme=modus-classic-light] modus-wc-card .modus-wc-card,\n[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card {\n  --rounded-box: 0.5rem;\n  box-shadow: 0 0 2px 0 rgba(54, 53, 69, 0.3);\n}\n[data-theme=modus-classic-light] modus-wc-card .modus-wc-card:hover,\n[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card:hover {\n  box-shadow: 0 0 8px 0 rgba(54, 53, 69, 0.3);\n}\n[data-theme=modus-classic-light] modus-wc-card .modus-wc-card .modus-wc-card-subtitle,\n[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card .modus-wc-card-subtitle {\n  font-weight: var(--modus-wc-font-weight-bold);\n}\n\n[data-theme=modus-classic-light] modus-wc-card .modus-wc-card .modus-wc-card-title {\n  --fallback-bc: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-card .modus-wc-card .modus-wc-card-subtitle {\n  color: var(--modus-wc-color-gray-8);\n}\n\n[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card .modus-wc-card-title {\n  --fallback-bc: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-card .modus-wc-card .modus-wc-card-subtitle {\n  color: var(--modus-wc-color-gray-1);\n}\n\n[data-theme=connect-light] modus-wc-card .modus-wc-card,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card {\n  box-shadow: 0 0 0.25rem var(--modus-wc-color-base-200);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card:hover,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card:hover {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card:focus,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card:focus {\n  background-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card:active,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card:active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card-selected,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card-selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card-active,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card-active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card-open,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card-open {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card.selected,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card.selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card.active,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card.active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card-disabled:hover,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card-disabled:hover {\n  background-color: inherit;\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card--active,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card--active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card--selected,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card--selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card:checked,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card:checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card.checked,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card.checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card-checked,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card-checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card.pressed,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card.pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card-pressed,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card-pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card[aria-pressed=true],\n[data-theme=connect-dark] modus-wc-card .modus-wc-card[aria-pressed=true] {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-card .modus-wc-card:hover,\n[data-theme=connect-dark] modus-wc-card .modus-wc-card:hover {\n  box-shadow: 0 0 0.375rem var(--modus-wc-color-base-100);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-checkbox.modus-wc-checkbox-host {\n  align-items: center;\n  display: flex;\n}\nmodus-wc-checkbox.modus-wc-checkbox-host .modus-wc-input-label {\n  font-weight: var(--modus-wc-font-weight-normal);\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\nmodus-wc-checkbox.modus-wc-checkbox-host [type=checkbox].modus-wc-checkbox:checked {\n  --fallback-bc: var(--modus-wc-color-primary);\n}\nmodus-wc-checkbox.modus-wc-checkbox-host [type=checkbox].modus-wc-checkbox:focus {\n  outline-color: var(--modus-wc-color-primary);\n}\nmodus-wc-checkbox.modus-wc-checkbox-host [type=checkbox].modus-wc-checkbox:hover {\n  --fallback-bc: var(--modus-wc-color-primary);\n}\n\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox {\n  --check-bg: var(--modus-wc-color-highlight-blue);\n  --fallback-bc: var(--modus-wc-color-gray-4);\n  --check-content: var(--modus-wc-color-white);\n  border-radius: var(--modus-wc-border-radius-sm);\n  border-width: var(--modus-wc-border-width-sm);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-sm,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-sm {\n  height: 0.75rem;\n  width: 0.75rem;\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-md,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-md {\n  height: 1rem;\n  width: 1rem;\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-lg,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-lg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:checked,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:checked {\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:checked:hover,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:checked:hover {\n  --check-bg: var(--modus-wc-color-blue-light);\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:indeterminate,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:indeterminate {\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:disabled,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:disabled {\n  opacity: 0.3;\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:disabled:not(:checked),\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:disabled:not(:checked) {\n  background-color: unset;\n  border: var(--modus-wc-border-width-sm) solid var(--modus-wc-color-gray-4);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:focus,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:focus {\n  outline-color: rgba(1, 154, 235, 0.75);\n}\n@supports (outline-color: color-mix(in sRGB, red 50%, blue)) {\n  [data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:focus,\n  [data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:focus {\n    outline-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 75%, transparent);\n  }\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:hover,\n[data-theme=modus-classic-dark] modus-wc-checkbox .modus-wc-checkbox:hover {\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox {\n  --check-bg: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:checked {\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:checked:hover {\n  --check-bg: var(--modus-wc-color-trimble-blue);\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:indeterminate {\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:focus {\n  outline-color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-light] modus-wc-checkbox .modus-wc-checkbox:hover {\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox {\n  --check-bg: var(--modus-wc-color-highlight-blue);\n  --fallback-bc: var(--modus-wc-color-gray-4);\n  --check-content: var(--modus-wc-color-white);\n  border-radius: var(--modus-wc-border-radius-sm);\n  border-width: var(--modus-wc-border-width-sm);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-sm,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-sm {\n  height: 0.75rem;\n  width: 0.75rem;\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-md,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-md {\n  height: 1rem;\n  width: 1rem;\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-lg,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox.modus-wc-checkbox-lg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:checked,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:checked {\n  --fallback-bc: var(--modus-wc-color-primary-color);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:checked:hover,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:checked:hover {\n  --check-bg: var(--modus-wc-color-blue-light);\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:indeterminate,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:indeterminate {\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:disabled,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:disabled {\n  opacity: 0.3;\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:disabled:not(:checked),\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:disabled:not(:checked) {\n  background-color: unset;\n  border: var(--modus-wc-border-width-sm) solid var(--modus-wc-color-gray-4);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:focus,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:focus {\n  outline-color: rgba(1, 154, 235, 0.75);\n}\n@supports (outline-color: color-mix(in sRGB, red 50%, blue)) {\n  [data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:focus,\n  [data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:focus {\n    outline-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 75%, transparent);\n  }\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:hover,\n[data-theme=connect-dark] modus-wc-checkbox .modus-wc-checkbox:hover {\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox {\n  --check-bg: var(--modus-wc-color-primary-color);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:checked {\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:checked:hover {\n  --check-bg: var(--modus-wc-color-trimble-blue);\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:indeterminate {\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:focus {\n  outline-color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=connect-light] modus-wc-checkbox .modus-wc-checkbox:hover {\n  --fallback-bc: var(--modus-wc-color-blue-light);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-chip .modus-wc-chip.modus-wc-btn {\n  background-color: var(--modus-wc-color-base-100);\n  border-color: transparent;\n  box-sizing: border-box;\n  --rounded-btn: var(--modus-wc-border-radius-chip);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--circle {\n  --rounded-btn: var(--modus-wc-border-radius-3xl);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:hover {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:focus {\n  background-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-open {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-disabled:hover {\n  background-color: inherit;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn--active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn--selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn[aria-pressed=true] {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm {\n  height: var(--modus-wc-spacing-xl);\n  min-height: var(--modus-wc-spacing-xl);\n  padding: var(--modus-wc-spacing-xs) var(--modus-wc-spacing-sm);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm modus-wc-avatar .modus-wc-avatar > div {\n  height: 14px;\n  width: 14px;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm .modus-wc-chip-remove-icon {\n  font-size: var(--modus-wc-font-size-md);\n  /* Constrains icon height to its font-size, preventing it from stretching to match the inherited line-height */\n  line-height: 1;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md {\n  height: var(--modus-wc-spacing-2xl);\n  min-height: var(--modus-wc-spacing-2xl);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-sm);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md modus-wc-avatar .modus-wc-avatar > div {\n  height: var(--modus-wc-spacing-lg);\n  width: var(--modus-wc-spacing-lg);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md .modus-wc-chip-remove-icon {\n  font-size: var(--modus-wc-font-size-lg);\n  /* Constrains icon height to its font-size, preventing it from stretching to match the inherited line-height */\n  line-height: 1;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg {\n  height: var(--modus-wc-spacing-3xl);\n  min-height: var(--modus-wc-spacing-3xl);\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-md);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg modus-wc-avatar .modus-wc-avatar > div {\n  height: 18px;\n  width: 18px;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg .modus-wc-chip-remove-icon {\n  font-size: var(--modus-wc-font-size-xl);\n  /* Constrains icon height to its font-size, preventing it from stretching to match the inherited line-height */\n  line-height: 1;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip-multiline {\n  height: auto;\n  line-height: var(--modus-wc-line-height-md);\n  text-align: start;\n  white-space: normal;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active {\n  background-color: var(--modus-wc-color-primary-pale);\n  border-color: transparent;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline {\n  background-color: var(--modus-wc-color-primary-pale);\n  border-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline .modus-wc-chip-label {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error {\n  background-color: var(--modus-wc-color-red-pale);\n  border-color: transparent;\n  color: var(--modus-wc-color-red-dark);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error.modus-wc-chip--outline {\n  background-color: var(--modus-wc-color-red-pale);\n  border-color: var(--modus-wc-color-red-dark);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--outline {\n  background-color: var(--modus-wc-color-base-page);\n  border-color: var(--modus-wc-color-base-100);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error) {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error).modus-wc-chip--outline {\n  border-color: var(--modus-wc-color-base-200);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active) {\n  border-color: transparent;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline {\n  background-color: transparent;\n  border-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline .modus-wc-chip-label {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-btn:focus {\n  outline-offset: 0;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-chip--disabled {\n  opacity: 0.3;\n  --tw-text-opacity: 1;\n}\nmodus-wc-chip .modus-wc-chip.modus-wc-chip--disabled .modus-wc-avatar {\n  filter: grayscale(100%);\n}\n\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn {\n  background-color: var(--modus-wc-color-gray-1);\n  border-color: transparent;\n  box-sizing: border-box;\n  color: var(--modus-wc-color-base-content);\n  font-size: var(--modus-wc-font-size-md);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-spacing-xl);\n  min-height: var(--modus-wc-spacing-xl);\n  padding: var(--modus-wc-spacing-xs) var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm modus-wc-avatar .modus-wc-avatar > div,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm modus-wc-avatar .modus-wc-avatar > div {\n  height: var(--modus-wc-spacing-lg);\n  width: var(--modus-wc-font-size-lg);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm .modus-wc-chip-remove-icon,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-sm .modus-wc-chip-remove-icon {\n  font-size: var(--modus-wc-font-size-md);\n  /* Constrains icon height to its font-size, preventing it from stretching to match the inherited line-height */\n  line-height: 1;\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-spacing-2xl);\n  min-height: var(--modus-wc-spacing-2xl);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-md);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md modus-wc-avatar .modus-wc-avatar > div,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md modus-wc-avatar .modus-wc-avatar > div {\n  height: var(--modus-wc-spacing-lg);\n  width: var(--modus-wc-spacing-lg);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md .modus-wc-chip-remove-icon,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-md .modus-wc-chip-remove-icon {\n  font-size: var(--modus-wc-font-size-lg);\n  /* Constrains icon height to its font-size, preventing it from stretching to match the inherited line-height */\n  line-height: 1;\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg {\n  font-size: var(--modus-wc-font-size-xl);\n  height: var(--modus-wc-spacing-3xl);\n  min-height: var(--modus-wc-spacing-3xl);\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-lg);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg modus-wc-avatar .modus-wc-avatar > div,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg modus-wc-avatar .modus-wc-avatar > div {\n  height: 18px;\n  width: 18px;\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg .modus-wc-chip-remove-icon,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-btn-lg .modus-wc-chip-remove-icon {\n  font-size: var(--modus-wc-font-size-xl);\n  /* Constrains icon height to its font-size, preventing it from stretching to match the inherited line-height */\n  line-height: 1;\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip-multiline,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip-multiline {\n  height: auto;\n  line-height: var(--modus-wc-line-height-md);\n  text-align: start;\n  white-space: normal;\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 15%, transparent);\n  border-color: transparent;\n  color: var(--modus-wc-color-base-content);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline {\n  background-color: var(--modus-wc-color-primary);\n  border-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline .modus-wc-chip-label,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline .modus-wc-chip-label {\n  color: var(--modus-wc-color-base-content);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error {\n  background-color: var(--modus-wc-color-red-pale);\n  border-color: transparent;\n  color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error.modus-wc-chip--outline,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error.modus-wc-chip--outline {\n  background-color: var(--modus-wc-color-red-pale);\n  border-color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--outline,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--outline {\n  background-color: transparent;\n  border-color: var(--modus-wc-color-base-100);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error),\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error) {\n  background-color: var(--modus-wc-color-base-100);\n  border-color: transparent;\n  color: var(--modus-wc-color-base-content);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error).modus-wc-chip--outline,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error).modus-wc-chip--outline {\n  background-color: var(--modus-wc-color-base-100);\n  border-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-base-content);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active),\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active) {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 15%, transparent);\n  border-color: transparent;\n  color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 15%, transparent);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline .modus-wc-chip-label,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline .modus-wc-chip-label {\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-btn:focus,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:focus {\n  outline-offset: 0;\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-chip--disabled,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-chip--disabled {\n  opacity: 0.3;\n  --tw-text-opacity: 1;\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip.modus-wc-chip--disabled .modus-wc-avatar,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-chip--disabled .modus-wc-avatar {\n  filter: grayscale(100%);\n}\n[data-theme=modus-classic-light] modus-wc-chip .modus-wc-chip .modus-wc-avatar,\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip .modus-wc-avatar {\n  display: flex;\n}\n\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn {\n  background-color: var(--modus-wc-color-gray-1);\n  border-color: var(--modus-wc-color-gray-1);\n  color: var(--modus-wc-color-gray-9);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active {\n  background-color: var(--modus-wc-color-highlight-blue);\n  border-color: transparent;\n  color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-blue-dark) 50%, transparent);\n  border-color: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--active.modus-wc-chip--outline .modus-wc-chip-label {\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error {\n  background-color: var(--modus-wc-color-red-pale);\n  border-color: transparent;\n  color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--error.modus-wc-chip--outline {\n  background-color: var(--modus-wc-color-red-pale);\n  border-color: var(--modus-wc-color-red-dark);\n  color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn.modus-wc-chip--outline {\n  background-color: transparent;\n  border-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error) {\n  background-color: var(--modus-wc-color-gray-0);\n  border-color: transparent;\n  color: var(--modus-wc-color-gray-9);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:hover:not(.modus-wc-chip--active):not(.modus-wc-chip--error).modus-wc-chip--outline {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-gray-1) 12%, transparent);\n  border-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active) {\n  background-color: var(--modus-wc-color-highlight-blue);\n  border-color: transparent;\n  color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-blue-dark) 50%, transparent);\n  border-color: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-btn:active:not(.modus-wc-chip--error):not(.modus-wc-chip--active).modus-wc-chip--outline .modus-wc-chip-label {\n  color: var(--modus-wc-color-gray-1);\n}\n[data-theme=modus-classic-dark] modus-wc-chip .modus-wc-chip.modus-wc-chip--disabled {\n  opacity: 0.6;\n  --tw-text-opacity: 1;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-collapse details.modus-wc-collapse > summary {\n  display: inline-flex;\n}\n\nmodus-wc-collapse .modus-wc-collapse {\n  background-color: var(--modus-wc-color-base-100);\n  border-radius: 0;\n  box-sizing: border-box;\n  color: var(--modus-wc-color-base-content);\n  margin-bottom: var(--modus-wc-spacing-md);\n  transition: none;\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title {\n  cursor: pointer;\n  font-size: var(--modus-wc-font-size-md);\n  font-weight: var(--modus-wc-font-weight-semibold);\n  min-height: unset;\n  padding: var(--modus-wc-spacing-lg) var(--modus-wc-spacing-3xl) var(--modus-wc-spacing-lg) var(--modus-wc-spacing-3xl);\n  position: relative;\n  width: auto;\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:hover {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:focus {\n  background-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-open {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-disabled:hover {\n  background-color: inherit;\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title--active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title--selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title.pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title-pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title[aria-pressed=true] {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:hover, modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:active, modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title:focus {\n  background-color: transparent;\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-collapse .modus-wc-collapse .description {\n  font-size: var(--modus-wc-font-size-md);\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-collapse-content {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-title-main-content {\n  display: inline-flex;\n  flex: 1;\n  flex-direction: column;\n  min-width: 0;\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-summary-main-content {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  min-height: 1rem;\n  width: 100%;\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-title-main-row > modus-wc-icon {\n  height: 24px;\n  margin-inline-end: var(--modus-wc-spacing-sm);\n}\nmodus-wc-collapse .modus-wc-collapse .modus-wc-title-end-content {\n  align-items: center;\n  display: inline-flex;\n}\nmodus-wc-collapse .modus-wc-collapse .title-end-icon {\n  height: 24px;\n  margin-inline-start: var(--modus-wc-spacing-sm);\n  pointer-events: none;\n  position: relative;\n  top: 2px;\n}\nmodus-wc-collapse .modus-wc-collapse .title-start-icon {\n  height: 24px;\n  inset-inline-start: var(--modus-wc-spacing-lg);\n  pointer-events: none;\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n}\nmodus-wc-collapse .modus-wc-collapse.modus-wc-border {\n  background-color: var(--modus-wc-color-base-page);\n  border: none;\n  border-bottom: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\nmodus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-content {\n  padding: var(--modus-wc-spacing-md);\n  padding-top: var(--modus-wc-spacing-sm);\n}\nmodus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-collapse .modus-wc-collapse.has-start-icon > .modus-wc-collapse-title {\n  padding-inline-start: var(--modus-wc-size-xxl);\n}\nmodus-wc-collapse .modus-wc-collapse.has-start-icon > .modus-wc-collapse-title::before {\n  inset-inline-start: 49px;\n}\nmodus-wc-collapse .modus-wc-collapse.modus-wc-chevron-left > .modus-wc-collapse-title {\n  padding-inline-end: 16px;\n}\nmodus-wc-collapse .modus-wc-collapse.no-leading-icons > .modus-wc-collapse-title {\n  padding-inline-start: 16px;\n}\nmodus-wc-collapse .modus-wc-collapse.no-leading-icons > .modus-wc-collapse-description {\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\n\n.modus-wc-collapse-arrow.modus-wc-chevron-left > .modus-wc-collapse-title::before {\n  box-shadow: 2px 2px;\n  content: \"\";\n  display: block;\n  height: 0.5rem;\n  inset-inline-start: var(--modus-wc-spacing-lg);\n  pointer-events: none;\n  position: absolute;\n  top: 44%;\n  transform: translateY(-50%) rotate(45deg);\n  transform-origin: 75% 75%;\n  transition-duration: 0.2s;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n  width: 0.5rem;\n}\n\n.modus-wc-collapse-arrow.modus-wc-chevron-left.modus-wc-collapse-open > .modus-wc-collapse-title::before {\n  top: 50%;\n  transform: translateY(-50%) rotate(225deg);\n}\n\n.modus-wc-collapse-arrow.modus-wc-chevron-left > .modus-wc-collapse-title::after {\n  display: none;\n}\n\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse,\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse {\n  border-radius: var(--modus-wc-border-radius-md);\n  margin-bottom: 0;\n  margin-bottom: -1px;\n}\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title,\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title {\n  font-weight: var(--modus-wc-font-weight-normal);\n  min-height: unset;\n  width: auto;\n}\n\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse {\n  background-color: var(--modus-wc-color-white);\n  color: inherit;\n}\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-border {\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse .description {\n  color: var(--modus-wc-color-gray-6);\n}\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open {\n  border-left: var(--modus-wc-spacing-xs) solid var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title {\n  background-color: var(--modus-wc-color-blue-pale);\n  font-weight: var(--modus-wc-font-weight-normal);\n}\n[data-theme=modus-classic-light] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open.no-leading-icons .modus-wc-collapse-description {\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\n\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse {\n  background-color: var(--modus-wc-color-trimble-gray);\n  color: inherit;\n}\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-border {\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse .description {\n  color: var(--modus-wc-color-base-inverted);\n}\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open {\n  border-left: var(--modus-wc-spacing-xs) solid var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 30%, transparent);\n}\n[data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open.no-leading-icons .modus-wc-collapse-title, [data-theme=modus-classic-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open.no-leading-icons .modus-wc-collapse-description {\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\n\n[data-theme=connect-light] modus-wc-collapse .modus-wc-collapse,\n[data-theme=connect-dark] modus-wc-collapse .modus-wc-collapse {\n  background-color: var(--modus-wc-color-base-page);\n  border: 1px solid var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-base-content);\n}\n[data-theme=connect-light] modus-wc-collapse .modus-wc-collapse.modus-wc-border,\n[data-theme=connect-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-border {\n  border-radius: var(--modus-wc-border-radius-box);\n}\n\n[data-theme=modus-modern-light] modus-wc-collapse .modus-wc-collapse:not(.modus-wc-border) {\n  border-radius: var(--modus-wc-border-radius-box);\n}\n\n[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse:not(.modus-wc-border) {\n  border-radius: var(--modus-wc-border-radius-box);\n}\n[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse {\n  color: var(--modus-wc-color-base-inverted);\n}\n[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-title,\n[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse .description,\n[data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse .modus-wc-collapse-content, [data-theme=modus-modern-dark] modus-wc-collapse .modus-wc-collapse.modus-wc-collapse-arrow.modus-wc-collapse-open .modus-wc-collapse-title {\n  color: var(--modus-wc-color-base-inverted);\n}\n.modus-wc-input--error {\n  border-color: var(--modus-wc-color-error) !important;\n}\n.modus-wc-input--info {\n  border-color: var(--modus-wc-color-info) !important;\n}\n.modus-wc-input--success {\n  border-color: var(--modus-wc-color-success) !important;\n}\n.modus-wc-input--warning {\n  border-color: var(--modus-wc-color-warning) !important;\n}\n.modus-wc-input-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\n.modus-wc-input-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\n.modus-wc-input-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\n.modus-wc-input-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\n.modus-wc-input-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\n\nmodus-wc-date .modus-wc-date-input {\n  background-color: var(--modus-wc-color-base-page);\n}\nmodus-wc-date .modus-wc-date-input .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\nmodus-wc-date .modus-wc-date-input--readonly {\n  background-color: var(--modus-wc-color-base-200);\n}\n\nmodus-wc-date {\n  --calendar-grid-columns: repeat(7, 1fr);\n  --calendar-grid-columns-with-week-numbers: auto repeat(7, 1fr);\n  position: relative;\n}\nmodus-wc-date.modus-wc-date-input {\n  background-color: var(--modus-wc-color-base-page);\n  border-radius: var(--modus-wc-border-radius-input);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-date .date-input-container {\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n  width: 100%;\n}\nmodus-wc-date .date-input-container .calendar-icon-button {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  position: absolute;\n  right: var(--modus-wc-spacing-md);\n}\nmodus-wc-date .date-input-container .calendar-icon-button :hover {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-date .date-input-container .calendar-icon-button :disabled {\n  background-color: transparent;\n  cursor: not-allowed;\n}\nmodus-wc-date .calendar-container {\n  background: var(--modus-wc-color-base-page);\n  border: 1px solid var(--modus-wc-color-base-200);\n  border-radius: var(--rounded-box);\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  height: 327px;\n  overflow: hidden;\n  position: fixed;\n  width: 272px;\n  z-index: 9999;\n}\nmodus-wc-date .calendar-container.has-week-numbers {\n  width: 320px;\n}\nmodus-wc-date .calendar-container .calendar-header {\n  align-items: center;\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-base-page);\n  display: flex;\n  gap: var(--modus-wc-spacing-sm);\n  justify-content: center;\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-xl);\n}\nmodus-wc-date .calendar-container .calendar-header .nav-btn i {\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-date .calendar-container .calendar-header .nav-btn:hover i {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-date .calendar-container .calendar-header .calendar-selects {\n  align-items: center;\n  display: flex;\n  gap: var(--modus-wc-spacing-xs);\n}\nmodus-wc-date .calendar-container .calendar-header .calendar-selects select {\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-date .calendar-container .calendar-header .calendar-selects .month-select {\n  border-radius: var(--modus-wc-border-radius-input);\n}\nmodus-wc-date .calendar-container .calendar-header .calendar-selects .year-select {\n  border-radius: var(--modus-wc-border-radius-input);\n}\nmodus-wc-date .calendar-container .calendar-header .calendar-selects select option {\n  background-color: var(--modus-wc-color-base-page);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-date .calendar-container .calendar-body {\n  background-color: var(--modus-wc-color-base-page);\n  font-size: var(--modus-wc-font-size-md);\n  height: 272px;\n  padding: var(--modus-wc-spacing-xl);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-days-week {\n  display: grid;\n  gap: var(--modus-wc-spacing-xs);\n  grid-template-columns: var(--calendar-grid-columns);\n  margin-bottom: var(--modus-wc-spacing-sm);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-days-week.has-week-numbers {\n  grid-template-columns: var(--calendar-grid-columns-with-week-numbers);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-days-week .week-number-header {\n  margin-inline-end: var(--modus-wc-spacing-md);\n  padding: var(--modus-wc-spacing-xs);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-days-week .day-header {\n  color: var(--modus-wc-color-base-content-high-contrast);\n  font-weight: var(--modus-wc-font-weight-bold);\n  padding: var(--modus-wc-spacing-xs);\n  text-align: center;\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates {\n  display: grid;\n  grid-template-columns: var(--calendar-grid-columns);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates.has-week-numbers {\n  grid-template-columns: var(--calendar-grid-columns-with-week-numbers);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .week-number {\n  align-items: center;\n  border-inline-end: 1px solid color-mix(in sRGB, var(--modus-wc-color-base-inverted) 10%, transparent);\n  display: flex;\n  font-size: var(--modus-wc-font-size-sm);\n  font-weight: var(--modus-wc-font-weight-bold);\n  justify-content: center;\n  padding-inline-end: var(--modus-wc-spacing-sm);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day {\n  align-items: center;\n  background: none;\n  border: none;\n  border-radius: 50%;\n  color: var(--modus-wc-color-base-content-high-contrast);\n  cursor: pointer;\n  display: flex;\n  height: 32px;\n  justify-content: center;\n  width: 32px;\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day:hover {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-white);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day:focus {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-white);\n  outline: none;\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day.current-day {\n  border: 2px solid var(--modus-wc-color-primary);\n  outline: none;\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day.selected {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n  font-weight: var(--modus-wc-font-weight-semibold);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day.other-month {\n  color: var(--modus-wc-color-base-content-high-contrast);\n  opacity: 0.5;\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day.other-month:hover {\n  background-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day.disabled {\n  color: var(--modus-wc-color-gray-4);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day.disabled:hover {\n  background-color: transparent;\n  color: var(--modus-wc-color-gray-4);\n}\nmodus-wc-date .calendar-container .calendar-body .calendar-dates .calendar-day.disabled:focus {\n  border: none;\n}\n\n[data-theme=modus-modern-light] modus-wc-date .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-date .modus-wc-input-label,\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-input-label,\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-date-input.modus-wc-input,\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input.modus-wc-input {\n  border-radius: var(--modus-wc-border-radius-md);\n  color: var(--modus-wc-color-base-content);\n}\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-input-sm {\n  font-size: var(--modus-wc-font-size-sm);\n  height: var(--modus-wc-input-height-sm);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-xs);\n}\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-input-md,\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-input-md {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-input-height-md);\n  padding: var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-input-lg,\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-input-lg {\n  font-size: var(--modus-wc-font-size-lg);\n  height: var(--modus-wc-input-height-lg);\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-date-input.modus-wc-input:focus,\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input.modus-wc-input:focus {\n  border-color: var(--modus-wc-color-blue-light);\n  border-width: var(--modus-wc-border-width-sm);\n}\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-date-input--readonly,\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-date-input--readonly {\n  background-color: var(--modus-wc-color-base-100);\n}\n\n[data-theme=modus-classic-light] modus-wc-date .modus-wc-date-input.modus-wc-input.modus-wc-input-bordered:not(:disabled):not(:focus) {\n  border-color: var(--modus-wc-color-gray-6);\n}\n\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input {\n  color-scheme: dark;\n}\n[data-theme=modus-classic-dark] modus-wc-date .modus-wc-date-input.modus-wc-input:focus {\n  border-color: var(--modus-wc-color-highlight-blue);\n}\n\n[data-theme=connect-light] modus-wc-date .modus-wc-date-input,\n[data-theme=connect-dark] modus-wc-date .modus-wc-date-input {\n  border-bottom-width: var(--input-bottom-border-width);\n  outline-width: 0 !important;\n}\n[data-theme=connect-light] modus-wc-date .modus-wc-date-input:not(.modus-wc-select, .modus-wc-number-input),\n[data-theme=connect-dark] modus-wc-date .modus-wc-date-input:not(.modus-wc-select, .modus-wc-number-input) {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\n[data-theme=connect-light] modus-wc-date .modus-wc-date-input:hover,\n[data-theme=connect-dark] modus-wc-date .modus-wc-date-input:hover {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-date .modus-wc-date-input:active,\n[data-theme=connect-dark] modus-wc-date .modus-wc-date-input:active {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-date .modus-wc-date-input:focus,\n[data-theme=connect-dark] modus-wc-date .modus-wc-date-input:focus {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-date .modus-wc-date-input:focus-within,\n[data-theme=connect-dark] modus-wc-date .modus-wc-date-input:focus-within {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n\n[data-theme=modus-modern-dark] modus-wc-date .calendar-container .calendar-header .nav-btn i,\n[data-theme=modus-classic-dark] modus-wc-date .calendar-container .calendar-header .nav-btn i {\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=modus-modern-dark] modus-wc-date .calendar-container .calendar-header .calendar-selects select,\n[data-theme=modus-classic-dark] modus-wc-date .calendar-container .calendar-header .calendar-selects select {\n  background-color: unset;\n  color: var(--modus-wc-color-base-content);\n  font-weight: 600;\n}\n[data-theme=modus-modern-dark] modus-wc-date .calendar-container .calendar-header .calendar-selects select option,\n[data-theme=modus-classic-dark] modus-wc-date .calendar-container .calendar-header .calendar-selects select option {\n  background-color: var(--modus-wc-color-black);\n  color: var(--modus-wc-color-white);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-divider .modus-wc-divider.modus-wc-divider-primary::before, modus-wc-divider .modus-wc-divider.modus-wc-divider-primary::after {\n  background-color: var(--modus-wc-color-primary);\n}\nmodus-wc-divider .modus-wc-divider.modus-wc-divider-accent::before, modus-wc-divider .modus-wc-divider.modus-wc-divider-accent::after {\n  background-color: var(--modus-wc-color-info-blue);\n}\n\n[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-gray-10) 10%, transparent);\n}\n[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after {\n  background-color: var(--modus-wc-color-green-dark);\n}\n[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after {\n  background-color: var(--modus-wc-color-red-dark);\n}\n[data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before, [data-theme=modus-classic-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,\n[data-theme=modus-modern-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,\n[data-theme=connect-light] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after {\n  background-color: var(--modus-wc-color-yellow-dark);\n}\n\n[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::before,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-neutral::after {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-gray-light) 10%, transparent);\n}\n[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::before,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-success::after {\n  background-color: var(--modus-wc-color-green-light);\n}\n[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::before,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-error::after {\n  background-color: var(--modus-wc-color-red-light);\n}\n[data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before, [data-theme=modus-classic-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,\n[data-theme=modus-modern-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::before,\n[data-theme=connect-dark] modus-wc-divider .modus-wc-divider.modus-wc-divider-warning::after {\n  background-color: var(--modus-wc-color-yellow-light);\n}\n@charset \"UTF-8\";\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-dropdown-menu.modus-wc-dropdown-menu {\n  background-color: var(--modus-wc-color-base-page);\n}\nmodus-wc-dropdown-menu.modus-wc-dropdown-menu .menu-wrapper {\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: max-content;\n}\nmodus-wc-dropdown-menu.modus-wc-dropdown-menu {\n  /* Popover menu \u2014 not a nested collapsible submenu. Suppress DaisyUI's\n     :where(li ul) indent and ::before indicator when placed inside a menu li. */\n}\nmodus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu .modus-wc-menu {\n  margin-inline-start: 0;\n  padding-inline-start: 0;\n}\nmodus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu .modus-wc-menu::before {\n  content: none;\n}\nmodus-wc-dropdown-menu.modus-wc-dropdown-menu .modus-wc-menu-item > button:hover {\n  border-radius: 0;\n}\n\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu .modus-wc-menu,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu .modus-wc-menu {\n  border-radius: var(--modus-wc-border-radius-sm);\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu .menu-wrapper,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu .menu-wrapper {\n  border-radius: var(--modus-wc-border-radius-sm);\n  box-shadow: 0 0 0.375rem #aeaeb6;\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu {\n  /* Connect: paint hover/active on the inner button, not the li row. */\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active {\n  background-color: transparent;\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active > button,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active > button {\n  background-color: #e5f0f8;\n  color: var(--modus-wc-color-primary);\n  font-weight: var(--modus-wc-font-weight-semibold);\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active > button:hover, [data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active > button:focus,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active > button:hover,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active > button:focus {\n  background-color: #e5f0f8;\n  color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: transparent;\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-active):not(:has(.modus-wc-menu-dropdown)):hover,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-active):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: transparent;\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled) > button:hover,\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled) > button:focus,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled) > button:hover,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled) > button:focus {\n  background-color: var(--modus-wc-color-base-100);\n}\n[data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):focus:not(:focus-visible), [data-theme=connect-light] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled).modus-wc-arrow-focused,\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):focus:not(:focus-visible),\n[data-theme=connect-dark] modus-wc-dropdown-menu.modus-wc-dropdown-menu modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled).modus-wc-arrow-focused {\n  background-color: var(--modus-wc-color-base-100);\n  outline: none;\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone .modus-wc-file-input {\n  display: none;\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content {\n  align-items: center;\n  background-color: var(--modus-wc-color-base-page);\n  border: 0.125rem dashed var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-base-content);\n  cursor: pointer;\n  display: flex;\n  flex-direction: column;\n  font-weight: 600;\n  height: 201px;\n  justify-content: center;\n  padding: 0.75rem 1rem;\n  transition: background-color 0.2s ease;\n  width: 431px;\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.dragging-over {\n  background-color: var(--modus-wc-color-primary-pale);\n  border-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.invalid-file-type {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-error-pale) 80%, transparent);\n  border-color: var(--modus-wc-color-error);\n  color: var(--modus-wc-color-error);\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.upload-success {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-success-pale) 80%, transparent);\n  border-color: var(--modus-wc-color-success);\n  color: var(--modus-wc-color-success);\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content .default-content {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content .default-content span {\n  text-align: center;\n}\nmodus-wc-file-dropzone .modus-wc-file-dropzone:has(input:disabled) .dropzone-content {\n  background-color: var(--modus-wc-color-base-100);\n  border-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-base-200);\n  cursor: not-allowed;\n}\n\n[data-theme=modus-classic-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content,\n[data-theme=connect-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content {\n  background-color: var(--modus-wc-color-gray-10);\n  color: var(--modus-wc-color-gray-3);\n}\n[data-theme=modus-classic-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.dragging-over,\n[data-theme=connect-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.dragging-over {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-highlight-blue) 30%, transparent);\n  border-color: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=modus-classic-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.invalid-file-type,\n[data-theme=connect-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.invalid-file-type {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-red) 50%, transparent);\n  border-color: var(--modus-wc-color-red);\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=modus-classic-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.upload-success,\n[data-theme=connect-dark] modus-wc-file-dropzone .modus-wc-file-dropzone .dropzone-content.upload-success {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-green) 50%, transparent);\n  border-color: var(--modus-wc-color-green);\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=modus-classic-dark] modus-wc-file-dropzone .modus-wc-file-dropzone:has(input:disabled) .dropzone-content,\n[data-theme=connect-dark] modus-wc-file-dropzone .modus-wc-file-dropzone:has(input:disabled) .dropzone-content {\n  background-color: var(--modus-wc-color-gray-9);\n  border-color: var(--modus-wc-color-gray-3);\n  color: var(--modus-wc-color-gray-3);\n  cursor: not-allowed;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n.modus-wc-handle-container {\n  align-items: center;\n  background-color: transparent;\n  display: flex;\n  justify-content: center;\n  outline: none;\n  padding: 0;\n  position: relative;\n}\n.modus-wc-handle-container:focus {\n  outline: var(--modus-wc-border-width-sm) solid var(--modus-wc-color-primary);\n  outline-offset: var(--modus-wc-border-width-sm);\n}\n.modus-wc-handle-container:hover {\n  cursor: row-resize;\n}\n.modus-wc-handle-container:hover.modus-wc-handle-vertical {\n  cursor: col-resize;\n}\n\n.modus-wc-handle-horizontal {\n  flex-direction: column;\n}\n.modus-wc-handle-horizontal.modus-wc-handle-compact {\n  height: var(--modus-wc-spacing-sm);\n}\n.modus-wc-handle-horizontal.modus-wc-handle-comfortable {\n  height: var(--modus-wc-spacing-md);\n}\n.modus-wc-handle-horizontal.modus-wc-handle-relaxed {\n  height: var(--modus-wc-spacing-lg);\n}\n.modus-wc-handle-horizontal.modus-wc-handle-type-button {\n  height: var(--modus-wc-spacing-xs);\n}\n\n.modus-wc-handle-vertical {\n  flex-direction: row;\n  height: 100%;\n}\n.modus-wc-handle-vertical.modus-wc-handle-compact {\n  width: var(--modus-wc-spacing-sm);\n}\n.modus-wc-handle-vertical.modus-wc-handle-comfortable {\n  width: var(--modus-wc-spacing-md);\n}\n.modus-wc-handle-vertical.modus-wc-handle-relaxed {\n  width: var(--modus-wc-spacing-lg);\n}\n.modus-wc-handle-vertical.modus-wc-handle-type-button {\n  width: var(--modus-wc-spacing-xs);\n}\n\n.modus-wc-handle-bar {\n  background-color: var(--modus-wc-color-base-200);\n  border-radius: var(--modus-wc-border-radius-md);\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\n\n.modus-wc-handle-horizontal .modus-wc-handle-bar {\n  height: var(--modus-wc-spacing-xs);\n}\n\n.modus-wc-handle-vertical .modus-wc-handle-bar {\n  width: var(--modus-wc-spacing-xs);\n}\n\n.modus-wc-handle-horizontal.modus-wc-handle-default .modus-wc-handle-bar {\n  width: 44px;\n}\n\n.modus-wc-handle-horizontal.modus-wc-handle-lg .modus-wc-handle-bar {\n  width: 80px;\n}\n\n.modus-wc-handle-horizontal.modus-wc-handle-xl .modus-wc-handle-bar {\n  width: 144px;\n}\n\n.modus-wc-handle-horizontal.modus-wc-handle-2xl .modus-wc-handle-bar {\n  width: 224px;\n}\n\n.modus-wc-handle-vertical.modus-wc-handle-default .modus-wc-handle-bar {\n  height: 44px;\n}\n\n.modus-wc-handle-vertical.modus-wc-handle-lg .modus-wc-handle-bar {\n  height: 80px;\n}\n\n.modus-wc-handle-vertical.modus-wc-handle-xl .modus-wc-handle-bar {\n  height: 144px;\n}\n\n.modus-wc-handle-vertical.modus-wc-handle-2xl .modus-wc-handle-bar {\n  height: 224px;\n}\n\n.modus-wc-handle-type-button .modus-wc-handle-button-wrapper {\n  left: 50%;\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n}\nmodus-wc-icon .modus-icons.modus-wc-icon--xs,\nmodus-wc-icon .modus-icons-outlined.modus-wc-icon--xs,\nmodus-wc-icon .modus-icons-solid.modus-wc-icon--xs {\n  font-size: 1rem;\n}\nmodus-wc-icon .modus-icons.modus-wc-icon--sm,\nmodus-wc-icon .modus-icons-outlined.modus-wc-icon--sm,\nmodus-wc-icon .modus-icons-solid.modus-wc-icon--sm {\n  font-size: 1.25rem;\n}\nmodus-wc-icon .modus-icons.modus-wc-icon--md,\nmodus-wc-icon .modus-icons-outlined.modus-wc-icon--md,\nmodus-wc-icon .modus-icons-solid.modus-wc-icon--md {\n  font-size: 1.5rem;\n}\nmodus-wc-icon .modus-icons.modus-wc-icon--lg,\nmodus-wc-icon .modus-icons-outlined.modus-wc-icon--lg,\nmodus-wc-icon .modus-icons-solid.modus-wc-icon--lg {\n  font-size: 2rem;\n}\nmodus-wc-icon .modus-icons.modus-wc-icon--xl,\nmodus-wc-icon .modus-icons-outlined.modus-wc-icon--xl,\nmodus-wc-icon .modus-icons-solid.modus-wc-icon--xl {\n  font-size: 4rem;\n}\n\nmodus-wc-icon i::before,\nmodus-wc-icon i::after {\n  font-family: inherit !important;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-input-feedback .modus-wc-input-feedback {\n  align-items: center;\n  border-radius: 0 0 var(--modus-wc-border-radius-sm) var(--modus-wc-border-radius-sm);\n  display: flex;\n  font-weight: var(--modus-wc-font-weight-semibold);\n  gap: var(--modus-wc-spacing-sm);\n  margin-top: var(--modus-wc-spacing-sm);\n  padding: var(--modus-wc-spacing-xs) 0;\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--sm {\n  font-size: var(--modus-wc-font-size-xs);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--sm .modus-wc-input-feedback-icon {\n  height: var(--modus-wc-font-size-lg);\n  width: var(--modus-wc-font-size-lg);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--md {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--md .modus-wc-input-feedback-icon {\n  height: var(--modus-wc-font-size-xl);\n  width: var(--modus-wc-font-size-xl);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--lg {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--lg .modus-wc-input-feedback-icon {\n  height: var(--modus-wc-font-size-2xl);\n  width: var(--modus-wc-font-size-2xl);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback {\n  background-color: var(--modus-wc-color-base-100);\n  border-radius: var(--modus-wc-border-radius-lg);\n  padding: var(--modus-wc-spacing-sm);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--error {\n  color: var(--modus-wc-color-error);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--info {\n  color: var(--modus-wc-color-info);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--success {\n  color: var(--modus-wc-color-success);\n}\nmodus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--warning {\n  color: var(--modus-wc-color-warning);\n}\n\n[data-theme=modus-classic-light] modus-wc-input-feedback .modus-wc-input-feedback {\n  border-radius: 0;\n  margin-top: 0;\n  padding: var(--modus-wc-spacing-xs) 0;\n}\n[data-theme=modus-classic-light] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--error {\n  background-color: transparent;\n  color: var(--modus-wc-color-red);\n}\n[data-theme=modus-classic-light] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--info {\n  background-color: transparent;\n  color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--success {\n  background-color: transparent;\n  color: var(--modus-wc-color-green-dark);\n}\n[data-theme=modus-classic-light] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--warning {\n  background-color: transparent;\n  color: var(--modus-wc-color-yellow-dark);\n}\n\n[data-theme=modus-classic-dark] modus-wc-input-feedback .modus-wc-input-feedback {\n  border-radius: 0;\n  color: var(--modus-wc-color-white);\n  margin-top: 0;\n  padding: var(--modus-wc-spacing-xs) 0;\n}\n[data-theme=modus-classic-dark] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--error {\n  background-color: var(--modus-wc-color-red);\n}\n[data-theme=modus-classic-dark] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--info {\n  background-color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--success {\n  background-color: var(--modus-wc-color-green-dark);\n}\n[data-theme=modus-classic-dark] modus-wc-input-feedback .modus-wc-input-feedback.modus-wc-input-feedback--warning {\n  background-color: var(--modus-wc-color-yellow-dark);\n  color: var(--modus-wc-color-black);\n}\nmodus-wc-input-label.modus-wc-input-label-host {\n  align-items: center;\n  display: flex;\n}\n\nmodus-wc-input-label .modus-wc-input-label {\n  font-weight: var(--modus-wc-font-weight-bold);\n}\nmodus-wc-input-label .modus-wc-input-label.modus-wc-input-label-size-sm {\n  font-size: var(--modus-wc-font-size-xs);\n}\nmodus-wc-input-label .modus-wc-input-label.modus-wc-input-label-size-sm .modus-wc-input-label-sublabel {\n  font-size: var(--modus-wc-font-size-2xs);\n}\nmodus-wc-input-label .modus-wc-input-label.modus-wc-input-label-size-md {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-input-label .modus-wc-input-label.modus-wc-input-label-size-md .modus-wc-input-label-sublabel {\n  font-size: var(--modus-wc-font-size-xs);\n}\nmodus-wc-input-label .modus-wc-input-label.modus-wc-input-label-size-lg {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-input-label .modus-wc-input-label.modus-wc-input-label-size-lg .modus-wc-input-label-sublabel {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-input-label .modus-wc-input-label .required-indicator {\n  color: var(--modus-wc-color-error);\n}\n\n[data-theme=modus-classic-light] modus-wc-input-label .modus-wc-input-label {\n  color: var(--modus-wc-color-gray-8);\n}\n\n[data-theme=modus-classic-dark] modus-wc-input-label .modus-wc-input-label {\n  color: var(--modus-wc-color-gray-2);\n}\n\n[data-theme=connect-light] modus-wc-input-label .modus-wc-input-label {\n  color: oklch(var(--s));\n  font-weight: var(--modus-wc-font-weight-normal);\n  margin-bottom: 0;\n  min-height: var(--modus-wc-line-height-md);\n}\n\n[data-theme=connect-dark] modus-wc-input-label .modus-wc-input-label {\n  color: var(--modus-wc-color-white);\n  font-weight: var(--modus-wc-font-weight-normal);\n  margin-bottom: 0;\n  min-height: var(--modus-wc-line-height-md);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-primary {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-secondary {\n  color: var(--modus-wc-color-secondary);\n}\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-tertiary {\n  color: var(--modus-wc-color-base-inverted);\n}\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-success {\n  color: var(--modus-wc-color-success);\n}\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-info {\n  color: var(--modus-wc-color-info);\n}\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-warning {\n  color: var(--modus-wc-color-warning);\n}\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-danger {\n  color: var(--modus-wc-color-error);\n}\nmodus-wc-link a.modus-wc-link.modus-wc-link-color-inherit {\n  color: inherit;\n}\n/**\n* This component uses styles adapted from DaisyUI's loading component.\n*   https://github.com/saadeghi/daisyui/blob/master/src/components/styled/loading.css\n*\n* We found that 'loading' classes from DaisyUI will break styles in the Modus Web Components during\n* the build process so we define all styles here for this component.\n*\n* Note: do not use the 'loading' classes from DaisyUI in this component.\n*/\nmodus-wc-loader .modus-wc-loader {\n  aspect-ratio: 1/1;\n  background-color: currentColor;\n  display: inline-block;\n  mask-position: center;\n  mask-repeat: no-repeat;\n  mask-size: 100%;\n  pointer-events: none;\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-xs {\n  width: 1rem;\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-sm {\n  width: 1.25rem;\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-md {\n  width: 1.5rem;\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-lg {\n  width: 2.5rem;\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-ball {\n  mask-image: url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E\");\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-bars {\n  mask-image: url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E\");\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-dots {\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E\");\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-infinity {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E\");\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-ring {\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\");\n}\nmodus-wc-loader .modus-wc-loader.modus-wc-loader-spinner {\n  mask-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n.modus-wc-logo {\n  display: block;\n}\n.modus-wc-logo svg {\n  display: block;\n  height: 100%;\n  width: 100%;\n}\n.modus-wc-logo .logo-emblem-trimble {\n  fill: var(--modus-wc-color-info-blue-on-dark);\n}\n.modus-wc-logo .logo-accent {\n  fill: var(--modus-wc-color-primary);\n}\n.modus-wc-logo .logo-text {\n  fill: var(--modus-wc-color-base-inverted);\n}\n.modus-wc-logo .logo-secondary {\n  fill: var(--modus-wc-color-secondary);\n}\n.modus-wc-logo.logo-combined {\n  align-items: center;\n  display: flex;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-menu.modus-wc-menu-submenu {\n  display: contents;\n}\n\nmodus-wc-menu .modus-wc-menu {\n  background-color: var(--modus-wc-color-base-page);\n  border-radius: var(--modus-wc-border-radius-md);\n  /* Enforce Tailwind CSS reset */\n  list-style: none;\n  margin: 0;\n  overflow: hidden;\n  padding: 0;\n  padding-inline-start: 0;\n}\nmodus-wc-menu .modus-wc-menu.modus-wc-menu--bordered {\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\n\nmodus-wc-menu .modus-wc-menu-dropdown {\n  display: none;\n  list-style: none;\n}\nmodus-wc-menu .modus-wc-menu-dropdown-show {\n  display: block;\n}\n\n[data-theme=modus-classic-light] modus-wc-menu .modus-wc-menu {\n  background-color: var(--modus-wc-color-white);\n  border-color: var(--modus-wc-color-gray-0);\n}\n\n[data-theme=modus-classic-dark] modus-wc-menu .modus-wc-menu {\n  background-color: var(--modus-wc-color-black);\n  border-color: var(--modus-wc-color-gray-8);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-menu-item .modus-wc-menu-item button {\n  align-items: center;\n  border-radius: inherit;\n  display: flex;\n  width: 100%;\n}\nmodus-wc-menu-item .modus-wc-menu-item button:hover {\n  background-color: transparent;\n}\nmodus-wc-menu-item .modus-wc-menu-item button:focus {\n  background-color: transparent;\n}\nmodus-wc-menu-item .modus-wc-menu-item button.modus-wc-menu-dropdown-toggle::after {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content {\n  align-items: center;\n  display: flex;\n  width: 100%;\n}\nmodus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content [slot=start-icon] {\n  padding-inline-end: var(--modus-wc-spacing-sm);\n}\nmodus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content modus-wc-checkbox {\n  padding-inline-end: var(--modus-wc-spacing-sm);\n}\nmodus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content .modus-wc-menu-item-labels {\n  padding-inline-end: var(--modus-wc-spacing-xs);\n  padding-inline-start: var(--modus-wc-spacing-md);\n  white-space: nowrap;\n}\nmodus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-sm);\n  white-space: nowrap;\n}\nmodus-wc-menu-item .modus-wc-menu-item button .modus-wc-menu-item-content .modus-wc-menu-item-selected-icon {\n  margin-left: auto;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-sm button {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-sm button .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-xs);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-md button {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-md button .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-lg button {\n  font-size: var(--modus-wc-font-size-lg);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-lg button .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-bordered {\n  border-bottom: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n  border-radius: 0;\n  border-top: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\nmodus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-selected) {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-selected {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n  border-radius: inherit;\n  color: var(--modus-wc-base-content);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-selected:focus {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-selected button {\n  background-color: transparent;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-selected button:hover, modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-selected button:focus {\n  background-color: transparent;\n  border-radius: inherit;\n  box-shadow: none;\n  color: inherit;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n  border-radius: inherit;\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active:focus {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button {\n  background-color: transparent;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:hover, modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:focus {\n  background-color: transparent;\n  border-radius: inherit;\n  box-shadow: none;\n  color: inherit;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-disabled {\n  opacity: 0.4;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-disabled button {\n  pointer-events: none;\n}\nmodus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: var(--modus-wc-color-base-100);\n  outline: none;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: var(--modus-wc-color-base-100);\n}\nmodus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible), modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-primary);\n  outline: none;\n}\nmodus-wc-menu-item .modus-wc-menu-item:focus-visible {\n  background-color: transparent;\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\nmodus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused {\n  border-radius: inherit;\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\n\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active),\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active) {\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item button.modus-wc-menu-dropdown-toggle::after,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item button.modus-wc-menu-dropdown-toggle::after {\n  color: var(--modus-wc-color-gray-3);\n}\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: var(--modus-wc-color-gray-9);\n  color: inherit;\n  outline: none;\n}\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):hover,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: var(--modus-wc-color-gray-9);\n  color: inherit;\n}\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active, [data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)),\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)) {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary) 30%, transparent);\n}\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button, [data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)) button,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)) button {\n  background-color: transparent;\n}\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:hover, [data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:focus, [data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)) button:hover, [data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)) button:focus,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:hover,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:focus,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)) button:hover,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)) button:focus {\n  background-color: transparent;\n  box-shadow: none;\n  color: inherit;\n}\n[data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible), [data-theme=modus-classic-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible),\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused {\n  background-color: var(--modus-wc-color-gray-9);\n}\n\n[data-theme=connect-light] modus-wc-menu-item .modus-wc-menu-item > button.modus-wc-menu-dropdown-toggle::after,\n[data-theme=connect-dark] modus-wc-menu-item .modus-wc-menu-item > button.modus-wc-menu-dropdown-toggle::after {\n  color: var(--modus-wc-color-white);\n}\n\n/* Connect side nav: never paint li with base-100 on hover (white flash on blue panel). */\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu .modus-wc-menu li.modus-wc-menu-item:not(.modus-wc-menu-item-active):hover {\n  background-color: transparent;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: transparent;\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):hover {\n  background-color: transparent;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible), [data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused {\n  background-color: transparent;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item:not(.modus-wc-menu-item-active) > button:hover {\n  background-color: var(--modus-wc-color-trimble-blue);\n  color: var(--modus-wc-color-white);\n}\nmodus-wc-modal .modus-wc-modal {\n  box-sizing: border-box;\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-modal .modus-wc-modal .modus-wc-modal-box {\n  display: flex;\n  flex-direction: column;\n}\nmodus-wc-modal .modus-wc-modal .modus-wc-modal-box .modus-wc-modal-header {\n  align-items: center;\n  display: flex;\n}\nmodus-wc-modal .modus-wc-modal .modus-wc-modal-box .modus-wc-modal-header > span {\n  border-radius: var(--rounded-box);\n  display: block;\n}\nmodus-wc-modal .modus-wc-modal .modus-wc-modal-box .modus-wc-modal-header .modus-wc-modal-top-icon-buttons {\n  display: flex;\n  margin-inline-start: auto;\n}\nmodus-wc-modal .modus-wc-modal .modus-wc-modal-box .modus-wc-modal-header .modus-wc-modal-top-icon-buttons svg {\n  height: 24px;\n  width: 24px;\n}\nmodus-wc-modal .modus-wc-modal .modus-wc-modal-box.modus-wc-modal-fullscreen {\n  border-radius: 0;\n  height: 100dvh;\n  max-height: none;\n  max-width: none;\n  width: 100dvw;\n}\nmodus-wc-modal .modus-wc-modal .modus-wc-modal-box .modus-wc-modal-action {\n  margin-top: auto;\n}\n\n.modus-wc-modal-content {\n  height: 100%;\n}\n.modus-wc-modal-content > span {\n  border-radius: var(--rounded-box);\n  display: block;\n  height: 100%;\n}\n\n[data-theme^=modus-modern] .modus-wc-modal-content > span,\n[data-theme^=connect] .modus-wc-modal-content > span {\n  display: flex;\n  flex-direction: column;\n  gap: var(--modus-wc-spacing-sm);\n}\n[data-theme^=modus-modern] .modus-wc-modal-action,\n[data-theme^=connect] .modus-wc-modal-action {\n  display: flex;\n  gap: var(--modus-wc-spacing-sm);\n  justify-content: flex-end;\n  padding-inline: 0;\n  padding-top: var(--modus-wc-spacing-lg);\n}\n[data-theme^=modus-modern] .modus-wc-modal-action > :not([hidden]) ~ :not([hidden]),\n[data-theme^=connect] .modus-wc-modal-action > :not([hidden]) ~ :not([hidden]) {\n  margin: 0;\n}\n\n[data-theme=modus-classic-dark] .modus-wc-modal-box,\n[data-theme=modus-classic-light] .modus-wc-modal-box {\n  --rounded-box: var(--modus-wc-border-radius-md);\n}\n[data-theme=modus-classic-dark] .modus-wc-modal-header span,\n[data-theme=modus-classic-light] .modus-wc-modal-header span {\n  background: transparent;\n  border-radius: 0;\n  display: block;\n  padding: 0;\n}\n[data-theme=modus-classic-dark] .modus-wc-modal-content,\n[data-theme=modus-classic-light] .modus-wc-modal-content {\n  height: 100%;\n}\n[data-theme=modus-classic-dark] .modus-wc-modal-content > span,\n[data-theme=modus-classic-light] .modus-wc-modal-content > span {\n  background: transparent;\n  border-radius: 0;\n  display: block;\n  height: 100%;\n  padding: 0;\n}\n\n[data-theme=modus-classic-light] .modus-wc-modal-box {\n  background-color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-light] .modus-wc-modal-box .modus-wc-modal-top-icon-buttons svg {\n  fill: var(--modus-wc-color-trimble-gray);\n}\n\n[data-theme=modus-classic-dark] modus-wc-modal .modus-wc-modal-box {\n  background-color: var(--modus-wc-color-gray-9);\n}\n[data-theme=modus-classic-dark] modus-wc-modal .modus-wc-modal-box .modus-wc-modal-top-icon-buttons svg {\n  fill: var(--modus-wc-color-white);\n}\nmodus-wc-navbar .modus-wc-navbar {\n  background-color: var(--modus-wc-color-base-page);\n  border-radius: 0;\n  box-shadow: none;\n  height: 56px;\n  min-height: 0;\n  padding: 0 var(--modus-wc-spacing-md);\n}\nmodus-wc-navbar .modus-wc-navbar modus-wc-button {\n  display: inline-flex;\n}\nmodus-wc-navbar .modus-wc-navbar modus-wc-button svg {\n  height: 24px;\n}\nmodus-wc-navbar .modus-wc-navbar:not(.logo) .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary {\n  background: var(--modus-wc-color-base-100);\n  border: 0;\n  box-shadow: none;\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-navbar .modus-wc-navbar .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary.logo {\n  background: transparent;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user, modus-wc-navbar .modus-wc-navbar [slot=end] .apps, modus-wc-navbar .modus-wc-navbar [slot=end] .notifications, modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu, modus-wc-navbar .modus-wc-navbar [slot=start] .main-menu {\n  position: absolute;\n  top: 45px;\n  z-index: 99;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .hidden.user, modus-wc-navbar .modus-wc-navbar [slot=end] .hidden.apps, modus-wc-navbar .modus-wc-navbar [slot=end] .hidden.notifications, modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu.hidden, modus-wc-navbar .modus-wc-navbar [slot=start] .hidden.main-menu {\n  display: none;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .visible.user, modus-wc-navbar .modus-wc-navbar [slot=end] .visible.apps, modus-wc-navbar .modus-wc-navbar [slot=end] .visible.notifications, modus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu.visible, modus-wc-navbar .modus-wc-navbar [slot=start] .visible.main-menu {\n  display: block;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end], modus-wc-navbar .modus-wc-navbar [slot=center], modus-wc-navbar .modus-wc-navbar [slot=start] {\n  align-items: center;\n  display: flex;\n  position: relative;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=start] modus-wc-button {\n  padding-inline-end: var(--modus-wc-spacing-sm);\n  padding-inline-start: var(--modus-wc-spacing-xs);\n}\nmodus-wc-navbar .modus-wc-navbar [slot=start] .main-menu {\n  height: calc(100dvh - 56px);\n  left: calc(-1 * var(--modus-wc-spacing-md));\n  min-width: 256px;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=start] .logo.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary {\n  padding: 0;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=start] .logo.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary .modus-wc-logo svg {\n  height: 32px;\n  max-width: 260px;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-button,\nmodus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-text-input {\n  padding-inline-start: var(--modus-wc-spacing-sm);\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] button.ai svg {\n  padding: 3px 0 3px 3px;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] modus-wc-menu {\n  right: var(--modus-wc-spacing-2xl);\n  z-index: 99;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .notifications {\n  right: 100px;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .apps {\n  right: var(--modus-wc-spacing-2xl);\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user {\n  right: 0;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card {\n  align-items: center;\n  padding: var(--modus-wc-spacing-xl);\n  width: max-content;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card .initials {\n  background-color: var(--modus-wc-color-black);\n  border-radius: 50%;\n  color: var(--modus-wc-color-white);\n  font-weight: var(--modus-wc-font-weight-semibold);\n  padding: var(--modus-wc-spacing-sm);\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card .modus-wc-card-body {\n  align-items: center;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card modus-wc-button {\n  padding: 0;\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user modus-wc-card article.modus-wc-card .sign-out.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-navbar .modus-wc-navbar [slot=end] .user-button.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary {\n  background-color: var(--modus-wc-color-black);\n  color: var(--modus-wc-color-white);\n}\n\n[data-theme=modus-modern-light] modus-wc-navbar .modus-wc-navbar {\n  background-size: cover;\n}\n\n[data-theme=modus-modern-dark] modus-wc-navbar .modus-wc-navbar {\n  background-size: cover;\n}\n\n[data-theme=modus-classic-light] modus-wc-navbar .modus-wc-navbar svg,\n[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar svg {\n  height: 32px;\n}\n[data-theme=modus-classic-light] modus-wc-navbar .modus-wc-navbar modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-input-height-md);\n  line-height: var(--modus-wc-line-height-md);\n  padding: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar {\n  background-color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar:not(.logo) .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary {\n  background: transparent;\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar .logo.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary path {\n  fill: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-navbar .modus-wc-navbar .user modus-wc-card article.modus-wc-card .sign-out.modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary {\n  color: var(--modus-wc-color-white);\n}\n\n[data-theme=connect-light] modus-wc-navbar .modus-wc-navbar,\n[data-theme=connect-dark] modus-wc-navbar .modus-wc-navbar {\n  border-bottom: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\n[data-theme=connect-light] modus-wc-navbar .modus-wc-navbar :not(.logo) .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary,\n[data-theme=connect-dark] modus-wc-navbar .modus-wc-navbar :not(.logo) .modus-wc-btn.modus-wc-btn-borderless.modus-wc-btn-primary {\n  background: transparent;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-number-input .modus-wc-input--error {\n  border-color: var(--modus-wc-color-error) !important;\n}\nmodus-wc-number-input .modus-wc-input--info {\n  border-color: var(--modus-wc-color-info) !important;\n}\nmodus-wc-number-input .modus-wc-input--success {\n  border-color: var(--modus-wc-color-success) !important;\n}\nmodus-wc-number-input .modus-wc-input--warning {\n  border-color: var(--modus-wc-color-warning) !important;\n}\nmodus-wc-number-input .modus-wc-input-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\nmodus-wc-number-input .modus-wc-input-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\nmodus-wc-number-input .modus-wc-input-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\nmodus-wc-number-input .modus-wc-input-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\nmodus-wc-number-input .modus-wc-input-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\n\nmodus-wc-number-input .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\nmodus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency {\n  background-color: var(--modus-wc-color-base-page);\n  border: var(--modus-wc-border-width-xs) solid transparent;\n  color: var(--modus-wc-color-base-content);\n  white-space: nowrap;\n}\nmodus-wc-number-input .modus-wc-number-input,\nmodus-wc-number-input modus-wc-select {\n  background-color: var(--modus-wc-color-base-page);\n}\n\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency {\n  background-color: var(--modus-wc-color-base-page);\n  border: var(--modus-wc-border-width-xs) solid transparent;\n  color: var(--modus-wc-color-base-content);\n  white-space: nowrap;\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm {\n  padding: 0 var(--modus-wc-spacing-xs);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg {\n  padding: 0 var(--modus-wc-spacing-md);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-sm {\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-xs);\n  padding-inline-end: 0;\n}\n@supports (-moz-appearance: none) {\n  [data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-sm,\n  [data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-sm {\n    padding-inline-end: unset;\n  }\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-md,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-md {\n  padding: var(--modus-wc-spacing-sm);\n  padding-inline-end: var(--modus-wc-spacing-lg);\n}\n@supports (-moz-appearance: none) {\n  [data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-md,\n  [data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-md {\n    padding-inline-end: unset;\n  }\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-lg,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-lg {\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-sm);\n  padding-inline-end: var(--modus-wc-spacing-xl);\n}\n@supports (-moz-appearance: none) {\n  [data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-lg,\n  [data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-input-lg {\n    padding-inline-end: unset;\n  }\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input:focus,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input:focus {\n  border-color: var(--modus-wc-color-highlight-blue);\n  border-width: var(--modus-wc-border-width-sm);\n  box-shadow: none;\n  outline: none;\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-number-input--readonly,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input.modus-wc-number-input--readonly {\n  background-color: var(--modus-wc-color-base-100);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input::-webkit-inner-spin-button, [data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input::-webkit-outer-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency::-webkit-inner-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency::-webkit-outer-spin-button {\n  margin-bottom: auto;\n  margin-top: auto;\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-sm,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm {\n  font-size: var(--modus-wc-font-size-sm);\n  height: var(--modus-wc-input-height-sm);\n  line-height: var(--modus-wc-line-height-sm);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-sm::-webkit-inner-spin-button, [data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-sm::-webkit-outer-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm::-webkit-inner-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-sm::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-sm::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-sm::-webkit-outer-spin-button {\n  font-size: var(--modus-wc-font-size-sm);\n  height: var(--modus-wc-input-height-sm);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-md,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-md,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-input-height-md);\n  line-height: var(--modus-wc-line-height-md);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-md::-webkit-inner-spin-button, [data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-md::-webkit-outer-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md::-webkit-inner-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-md::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-md::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-md::-webkit-outer-spin-button {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-input-height-md);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-lg,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-lg,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg {\n  font-size: var(--modus-wc-font-size-lg);\n  height: var(--modus-wc-input-height-lg);\n  line-height: var(--modus-wc-line-height-xl);\n}\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-lg::-webkit-inner-spin-button, [data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-lg::-webkit-outer-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg::-webkit-inner-spin-button,\n[data-theme=modus-classic-light] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-lg::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-number-input.modus-wc-input-lg::-webkit-outer-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg::-webkit-inner-spin-button,\n[data-theme=modus-classic-dark] modus-wc-number-input .modus-wc-number-input-container .modus-wc-input-currency.modus-wc-input-lg::-webkit-outer-spin-button {\n  font-size: var(--modus-wc-font-size-lg);\n  height: 3rem;\n}\n\n[data-theme=connect-light] modus-wc-number-input .modus-wc-number-input,\n[data-theme=connect-dark] modus-wc-number-input .modus-wc-number-input {\n  border-bottom-width: var(--input-bottom-border-width);\n  outline-width: 0 !important;\n}\n[data-theme=connect-light] modus-wc-number-input .modus-wc-number-input:not(.modus-wc-select, .modus-wc-number-input),\n[data-theme=connect-dark] modus-wc-number-input .modus-wc-number-input:not(.modus-wc-select, .modus-wc-number-input) {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\n[data-theme=connect-light] modus-wc-number-input .modus-wc-number-input:hover,\n[data-theme=connect-dark] modus-wc-number-input .modus-wc-number-input:hover {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-number-input .modus-wc-number-input:active,\n[data-theme=connect-dark] modus-wc-number-input .modus-wc-number-input:active {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-number-input .modus-wc-number-input:focus,\n[data-theme=connect-dark] modus-wc-number-input .modus-wc-number-input:focus {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-number-input .modus-wc-number-input:focus-within,\n[data-theme=connect-dark] modus-wc-number-input .modus-wc-number-input:focus-within {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-pagination .modus-wc-pagination {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn {\n  background-color: var(--modus-wc-color-base-100);\n  border-color: transparent;\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:hover {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:focus {\n  background-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn-selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn-active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn-open {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn-disabled:hover {\n  background-color: inherit;\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn--active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn--selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn-checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn-pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn[aria-pressed=true] {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-sm .modus-wc-pagination-icon {\n  height: var(--modus-wc-line-height-sm);\n  width: var(--modus-wc-line-height-sm);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-md .modus-wc-pagination-icon {\n  height: var(--modus-wc-ling-height-md);\n  width: var(--modus-wc-line-height-md);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-lg .modus-wc-pagination-icon {\n  height: var(--modus-wc-line-height-lg);\n  width: var(--modus-wc-line-height-lg);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-button-text {\n  padding: calc(var(--modus-wc-spacing-sm) - 2px);\n  width: auto !important;\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled) {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled).modus-wc-btn-active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled):hover:not(.modus-wc-btn-active) {\n  background-color: var(--modus-wc-color-base-300);\n  border-color: transparent;\n}\n\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination,\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination {\n  background-color: transparent;\n}\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn,\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn {\n  background-color: transparent;\n  border: none;\n  border-radius: var(--modus-wc-border-radius-md) !important;\n  box-shadow: none;\n}\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-sm,\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-sm {\n  height: var(--modus-wc-line-height-md);\n  max-height: var(--modus-wc-line-height-md);\n  min-height: var(--modus-wc-line-height-md);\n  width: var(--modus-wc-line-height-md);\n}\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-md,\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-md {\n  height: var(--modus-wc-line-height-lg);\n  max-height: var(--modus-wc-line-height-lg);\n  min-height: var(--modus-wc-line-height-lg);\n  width: var(--modus-wc-line-height-lg);\n}\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-lg,\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn.modus-wc-btn-lg {\n  height: var(--modus-wc-line-height-xl);\n  max-height: var(--modus-wc-line-height-xl);\n  min-height: var(--modus-wc-line-height-xl);\n  width: var(--modus-wc-line-height-xl);\n}\n\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled) {\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled).modus-wc-btn-active {\n  background-color: var(--modus-wc-color-blue-pale);\n  color: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled):hover:not(.modus-wc-btn-active) {\n  background-color: var(--modus-wc-color-gray-0);\n}\n\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled) {\n  color: var(--modus-wc-color-gray-2);\n}\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled).modus-wc-btn-active {\n  background-color: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-trimble-gray);\n}\n[data-theme=modus-classic-dark] modus-wc-pagination .modus-wc-pagination .modus-wc-pagination-btn:not(:disabled):hover:not(.modus-wc-btn-active) {\n  background-color: var(--modus-wc-color-gray-8);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n.modus-wc-panel {\n  background-color: var(--modus-wc-color-base-page);\n  border: 1px solid var(--modus-wc-color-base-200);\n  border-radius: var(--rounded-box);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.modus-wc-panel-floating {\n  box-shadow: rgba(36, 35, 45, 0.3) 1px 0 4px;\n}\n\n.modus-wc-panel-header,\n.modus-wc-panel-body,\n.modus-wc-panel-footer {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.modus-wc-panel-header {\n  flex-shrink: 0;\n}\n\n.modus-wc-panel-header:empty {\n  display: none;\n}\n\n.modus-wc-panel-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n.modus-wc-panel-footer {\n  flex-shrink: 0;\n}\n\n.modus-wc-panel-footer:empty {\n  display: none;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-profile-menu {\n  background-color: var(--modus-wc-color-base-page);\n  border-radius: var(--modus-wc-border-radius-box);\n}\nmodus-wc-profile-menu .modus-wc-panel {\n  background-color: var(--modus-wc-color-base-page);\n  border: 1px solid var(--modus-wc-color-base-200);\n  border-radius: var(--rounded-box);\n  box-shadow: 0 4px 6px -4px var(--modus-wc-color-base-200), 0 10px 15px -3px var(--modus-wc-color-base-200);\n  display: block;\n  height: auto;\n  padding: 0 var(--modus-wc-spacing-sm);\n}\nmodus-wc-profile-menu .profile-menu-header {\n  align-items: center;\n  align-self: center;\n  border-bottom: 1px solid var(--modus-wc-color-base-200);\n  display: flex;\n  flex-direction: column;\n  margin-inline: auto;\n  padding: var(--modus-wc-spacing-lg);\n  width: 244px;\n}\nmodus-wc-profile-menu .profile-menu-header .header-content {\n  align-items: center;\n  align-self: stretch;\n  display: flex;\n  flex-direction: column;\n  gap: var(--modus-wc-spacing-md);\n}\nmodus-wc-profile-menu .profile-menu-header .header-content .text-container {\n  align-self: stretch;\n  display: flex;\n  flex-direction: column;\n  gap: var(--modus-wc-spacing-2xs);\n  justify-content: center;\n  text-align: center;\n}\nmodus-wc-profile-menu .profile-menu-header .header-content .text-container .header-text,\nmodus-wc-profile-menu .profile-menu-header .header-content .text-container .user-name-text,\nmodus-wc-profile-menu .profile-menu-header .header-content .text-container .email-text {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nmodus-wc-profile-menu .profile-menu-header .header-content .text-container .header-text {\n  color: var(--modus-wc-color-base-content);\n  line-height: 16px;\n  opacity: var(--modus-wc-opacity-overlay);\n}\nmodus-wc-profile-menu .profile-menu-header .header-content .text-container .user-name-text {\n  color: var(--modus-wc-color-base-content);\n  line-height: 24px;\n}\nmodus-wc-profile-menu .profile-menu-header .header-content .text-container .email-text {\n  color: var(--modus-wc-color-base-content);\n  line-height: 16px;\n  opacity: var(--modus-wc-opacity-overlay);\n}\nmodus-wc-profile-menu .profile-menu-header .header-content .manage-link {\n  color: var(--modus-wc-color-primary);\n  line-height: 20px;\n  text-decoration: underline;\n}\nmodus-wc-profile-menu .profile-menu-footer {\n  align-items: center;\n  border-top: 1px solid var(--modus-wc-color-base-200);\n  display: flex;\n  flex-direction: column;\n  gap: var(--modus-wc-spacing-2xs);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-lg);\n}\nmodus-wc-profile-menu .profile-menu-footer .footer-text {\n  color: var(--modus-wc-color-accent);\n  line-height: var(--modus-wc-font-size-2xl);\n}\nmodus-wc-profile-menu .submenu-section .submenu-title-container {\n  align-items: flex-end;\n  border-bottom: 1px solid var(--modus-wc-color-base-200);\n  display: flex;\n  height: var(--modus-wc-line-height-h0);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-lg);\n}\nmodus-wc-profile-menu .submenu-section .submenu-title {\n  color: var(--modus-wc-color-base-content-low-contrast);\n  line-height: var(--modus-wc-font-size-2xl);\n}\nmodus-wc-profile-menu [slot=body] modus-wc-menu .modus-wc-menu-item {\n  color: var(--modus-wc-color-base-content);\n  padding: var(--modus-wc-spacing-2xs) var(--modus-wc-spacing-xs);\n}\nmodus-wc-profile-menu [slot=body] modus-wc-menu .modus-wc-menu-item .modus-wc-menu-item-labels {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-profile-menu [slot=body] modus-wc-menu li.modus-wc-menu-item-active {\n  background-color: transparent;\n  color: inherit;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-progress.modus-wc-progress-container .modus-wc-radial-progress-label {\n  font-size: var(--modus-wc-font-size-md);\n  margin: 0 var(--modus-wc-spacing-lg);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nmodus-wc-progress.modus-wc-progress-container .modus-wc-progress {\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-progress.modus-wc-progress-container .modus-wc-radial-progress {\n  color: var(--modus-wc-color-trimble-blue);\n}\nmodus-wc-progress.modus-wc-progress-container .modus-wc-radial-progress.modus-wc-radial-progress--indeterminate {\n  /* stylelint-disable-next-line custom-property-pattern */\n  --value: var(--_value) !important;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: grow;\n  animation-timing-function: ease-in-out;\n}\n\n[data-theme=modus-classic-light] modus-wc-progress .modus-wc-progress,\n[data-theme=modus-classic-dark] modus-wc-progress .modus-wc-progress {\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid var(--modus-wc-color-gray-6);\n  border-radius: var(--modus-wc-border-radius-sm);\n  height: var(--modus-wc-line-height-sm);\n  overflow: hidden;\n  /* Override default progress element styling */\n  width: 100%;\n}\n[data-theme=modus-classic-light] modus-wc-progress .modus-wc-progress::-webkit-progress-value,\n[data-theme=modus-classic-dark] modus-wc-progress .modus-wc-progress::-webkit-progress-value {\n  border-radius: var(--modus-wc-border-radius-sm);\n}\n[data-theme=modus-classic-light] modus-wc-progress .modus-wc-progress::-moz-progress-bar,\n[data-theme=modus-classic-dark] modus-wc-progress .modus-wc-progress::-moz-progress-bar {\n  border-radius: var(--modus-wc-border-radius-sm);\n}\n[data-theme=modus-classic-light] modus-wc-progress .modus-wc-progress .modus-wc-progress-label,\n[data-theme=modus-classic-dark] modus-wc-progress .modus-wc-progress .modus-wc-progress-label {\n  color: var(--modus-wc-color-white);\n}\n\n[data-theme=modus-classic-light] modus-wc-progress .modus-wc-progress::-webkit-progress-value {\n  background-color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-progress .modus-wc-progress::-moz-progress-bar {\n  background-color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-progress .modus-wc-progress:indeterminate {\n  background-color: transparent;\n  --progress-color: var(--modus-wc-color-trimble-blue);\n}\n\n[data-theme=modus-classic-dark] modus-wc-progress .modus-wc-progress::-webkit-progress-value {\n  background-color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-progress .modus-wc-progress::-moz-progress-bar {\n  background-color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-progress .modus-wc-progress:indeterminate {\n  background-color: transparent;\n  --progress-color: var(--modus-wc-color-highlight-blue);\n}\n\n.modus-wc-radial-progress.modus-wc-radial-progress--indeterminate {\n  /* stylelint-disable-next-line custom-property-pattern */\n  --value: var(--_value) !important;\n  animation-duration: 5s;\n  animation-iteration-count: infinite;\n  animation-name: grow;\n  animation-timing-function: ease-in-out;\n}\n\n[data-theme=modus-classic-light] .modus-wc-radial-progress {\n  color: var(--modus-wc-color-primary);\n}\n\n[data-theme=modus-classic-dark] .modus-wc-radial-progress {\n  color: var(--modus-wc-color-highlight-blue);\n}\n\n/* stylelint-disable-next-line custom-property-pattern */\n@property --_value {\n  inherits: true;\n  initial-value: 0;\n  syntax: \"<number>\";\n}\n@keyframes grow {\n  0% {\n    /* stylelint-disable-next-line custom-property-pattern */\n    --_value: 0;\n  }\n  50% {\n    /* stylelint-disable-next-line custom-property-pattern */\n    --_value: 100;\n  }\n  100% {\n    /* stylelint-disable-next-line custom-property-pattern */\n    --_value: 0;\n  }\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-radio.modus-wc-radio-host {\n  align-items: center;\n  display: flex;\n}\nmodus-wc-radio.modus-wc-radio-host .modus-wc-input-label {\n  font-weight: var(--modus-wc-font-weight-normal);\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\nmodus-wc-radio.modus-wc-radio-host [type=radio].modus-wc-radio:checked {\n  --fallback-bc: var(--modus-wc-color-primary);\n}\nmodus-wc-radio.modus-wc-radio-host [type=radio].modus-wc-radio:focus {\n  outline-color: var(--modus-wc-color-primary);\n}\nmodus-wc-radio.modus-wc-radio-host [type=radio].modus-wc-radio:hover {\n  --fallback-bc: var(--modus-wc-color-primary);\n}\n\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio,\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio {\n  --fallback-bc: var(--modus-wc-color-gray-4);\n  border-width: var(--modus-wc-border-width-sm);\n}\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs,\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs {\n  height: 0.875rem;\n  width: 0.875rem;\n}\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm,\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm {\n  height: 1rem;\n  width: 1rem;\n}\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-md,\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-md {\n  height: 1.125rem;\n  width: 1.125rem;\n}\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg,\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio:checked {\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio:focus {\n  outline-color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-radio .modus-wc-radio:hover {\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio:checked {\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio:focus {\n  outline-color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-radio .modus-wc-radio:hover {\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio,\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio {\n  --fallback-bc: var(--modus-wc-color-gray-4);\n  border-width: var(--modus-wc-border-width-sm);\n}\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs,\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-xs {\n  height: 0.875rem;\n  width: 0.875rem;\n}\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm,\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-sm {\n  height: 1rem;\n  width: 1rem;\n}\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-md,\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-md {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg,\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio.modus-wc-radio-lg {\n  height: 1.75rem;\n  width: 1.75rem;\n}\n\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio:checked {\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio:focus {\n  outline-color: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=connect-light] modus-wc-radio .modus-wc-radio:hover {\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio:checked {\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio:focus {\n  outline-color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=connect-dark] modus-wc-radio .modus-wc-radio:hover {\n  --fallback-bc: var(--modus-wc-color-trimble-blue);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-rating.modus-wc-rating-container {\n  display: flex;\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating {\n  --modus-wc-rating-item-color: ;\n  margin-inline-end: var(--modus-wc-spacing-sm);\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item {\n  background-color: var(--modus-wc-rating-item-color, currentColor);\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb):not(:disabled) {\n  opacity: 0.2;\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb):not(:disabled):checked, modus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb):not(:disabled)[aria-checked=true], modus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb):not(:disabled)[aria-current=true], modus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb):not(:disabled):has(~ *:checked, ~ *[aria-checked=true], ~ *[aria-current=true]) {\n  opacity: 1;\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:disabled:not(.modus-wc-mask-star-2):not(.modus-wc-mask-heart) {\n  opacity: 0.3;\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:disabled:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb) {\n  opacity: 0.1;\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:disabled:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb):checked, modus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:disabled:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb)[aria-checked=true], modus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:disabled:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb)[aria-current=true], modus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:disabled:not(.modus-wc-mask-smiley):not(.modus-wc-mask-thumb):has(~ *:checked,\n~ *[aria-checked=true],\n~ *[aria-current=true]) {\n  opacity: 0.3;\n}\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-hidden:not(.modus-wc-mask-half-1),\nmodus-wc-rating.modus-wc-rating-container .modus-wc-rating .modus-wc-rating-item:not(.modus-wc-mask-half-1) {\n  margin-inline-end: var(--modus-wc-spacing-xs);\n}\n\n[data-theme=modus-classic-light] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-smiley, [data-theme=modus-classic-light] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-thumb {\n  background-color: var(--modus-wc-rating-item-color, var(--modus-wc-color-trimble-gray));\n}\n[data-theme=modus-classic-light] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-smiley:hover:not(:disabled), [data-theme=modus-classic-light] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-smiley:checked:not(:disabled), [data-theme=modus-classic-light] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-thumb:hover:not(:disabled), [data-theme=modus-classic-light] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-thumb:checked:not(:disabled) {\n  background-color: var(--modus-wc-rating-item-color, var(--modus-wc-color-trimble-blue));\n}\n\n[data-theme=modus-classic-dark] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-smiley, [data-theme=modus-classic-dark] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-thumb {\n  background-color: var(--modus-wc-rating-item-color, var(--modus-wc-color-gray-4));\n}\n[data-theme=modus-classic-dark] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-smiley:hover, [data-theme=modus-classic-dark] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-smiley:checked:not(:disabled), [data-theme=modus-classic-dark] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-thumb:hover, [data-theme=modus-classic-dark] modus-wc-rating .modus-wc-rating-item.modus-wc-mask.modus-wc-mask-thumb:checked:not(:disabled) {\n  background-color: var(--modus-wc-rating-item-color, var(--modus-wc-color-highlight-blue));\n}\n\nmodus-wc-rating .modus-wc-mask-smiley-1 {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.49 10 10-4.49 10-10 10m0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8M8.5 8C7.67 8 7 8.67 7 9.5S7.67 11 8.5 11s1.5-.67 1.5-1.5S9.33 8 8.5 8m7 0c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5S16.33 8 15.5 8m1 8.99c.27-.06.44-.33.38-.6-.52-2.29-2.53-3.89-4.88-3.89s-4.36 1.6-4.88 3.89a.503.503 0 0 0 .98.22c.42-1.83 2.02-3.11 3.9-3.11s3.49 1.28 3.9 3.11c.05.23.26.39.49.39.04 0 .07 0 .11-.01'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-1:checked {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8m8 8.99s-.07.01-.11.01a.51.51 0 0 1-.49-.39c-.42-1.83-2.02-3.11-3.9-3.11s-3.49 1.28-3.9 3.11a.503.503 0 0 1-.98-.22C7.64 14.1 9.65 12.5 12 12.5s4.36 1.6 4.88 3.89c.06.27-.11.54-.38.6m-1-5.99c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-2 {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.49 10 10-4.49 10-10 10m0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8M8.5 8C7.67 8 7 8.67 7 9.5S7.67 11 8.5 11s1.5-.67 1.5-1.5S9.33 8 8.5 8m7 0c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5S16.33 8 15.5 8m.21 8.88c.21-.18.23-.5.05-.71-.95-1.08-2.32-1.71-3.76-1.71s-2.81.62-3.76 1.71c-.18.21-.16.52.05.71.21.18.52.16.71-.05.76-.87 1.86-1.36 3.01-1.36s2.25.5 3.01 1.36c.1.11.24.17.38.17q.18 0 .33-.12Z'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-2:checked {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M7 9.5C7 8.67 7.67 8 8.5 8s1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5m8.71 7.38c-.09.08-.21.12-.33.12-.14 0-.28-.06-.38-.17-.76-.87-1.86-1.36-3.01-1.36s-2.25.5-3.01 1.36c-.18.21-.5.23-.71.05a.505.505 0 0 1-.05-.71c.95-1.08 2.32-1.71 3.76-1.71s2.81.62 3.76 1.71c.18.21.16.52-.05.71ZM15.5 11c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-3 {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.49 10 10-4.49 10-10 10m0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8M8.5 8C7.67 8 7 8.67 7 9.5S7.67 11 8.5 11s1.5-.67 1.5-1.5S9.33 8 8.5 8m7 0c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5S16.33 8 15.5 8m.5 7.5c0-.28-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5h7c.28 0 .5-.22.5-.5'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-3:checked {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M7 9.5C7 8.67 7.67 8 8.5 8s1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5m8.5 6.5h-7c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h7c.28 0 .5.22.5.5s-.22.5-.5.5m0-5c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-4 {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.49 10 10-4.49 10-10 10m0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8M8.5 8C7.67 8 7 8.67 7 9.5S7.67 11 8.5 11s1.5-.67 1.5-1.5S9.33 8 8.5 8m7 0c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5S16.33 8 15.5 8m.26 8.29c.18-.21.16-.52-.05-.71a.506.506 0 0 0-.71.05c-.76.87-1.86 1.36-3.01 1.36s-2.25-.5-3.01-1.36a.505.505 0 0 0-.71-.05c-.21.18-.23.5-.05.71.95 1.08 2.32 1.71 3.76 1.71s2.81-.62 3.76-1.71Z'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-4:checked {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M7 9.5C7 8.67 7.67 8 8.5 8s1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5m8.76 6.79C14.81 17.37 13.44 18 12 18s-2.81-.62-3.76-1.71a.506.506 0 0 1 .05-.71c.21-.18.52-.16.71.05.76.87 1.86 1.36 3.01 1.36s2.25-.5 3.01-1.36c.18-.21.5-.23.71-.05s.23.5.05.71ZM15.5 11c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-5 {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 22C6.49 22 2 17.51 2 12S6.49 2 12 2s10 4.49 10 10-4.49 10-10 10m0-18c-4.41 0-8 3.59-8 8s3.59 8 8 8 8-3.59 8-8-3.59-8-8-8M8.5 8C7.67 8 7 8.67 7 9.5S7.67 11 8.5 11s1.5-.67 1.5-1.5S9.33 8 8.5 8m7 0c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5S16.33 8 15.5 8m1.38 6.11a.503.503 0 0 0-.98-.22C15.48 15.72 13.88 17 12 17s-3.49-1.28-3.9-3.11a.503.503 0 0 0-.98.22C7.64 16.4 9.65 18 12 18s4.36-1.6 4.88-3.89'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-smiley-5:checked {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2M8.5 8c.83 0 1.5.67 1.5 1.5S9.33 11 8.5 11 7 10.33 7 9.5 7.67 8 8.5 8m8.38 6.11C16.36 16.4 14.35 18 12 18s-4.36-1.6-4.88-3.89a.503.503 0 0 1 .98-.22C8.52 15.72 10.12 17 12 17s3.49-1.28 3.9-3.11a.503.503 0 0 1 .98.22M15.5 11c-.83 0-1.5-.67-1.5-1.5S14.67 8 15.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-thumb-1 {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.99 12.23c0-1.85-1.5-3.35-3.35-3.35h-3.69c.21-1.88.16-4.52-2.64-5.65-.38-.15-.76-.23-1.13-.23-.76 0-1.44.32-1.93.9-.92 1.1-.73 2.61-.65 3 .09.56-.31 1.06-1.16 2.01-.16.18-.32.35-.47.53a2.48 2.48 0 0 0-1.63-.6h-.83a2.5 2.5 0 0 0-2.5 2.5v7.51a2.5 2.5 0 0 0 2.5 2.5h.83c.76 0 1.45-.34 1.91-.88.6.56 1.4.9 2.28.9h7.06c1.99 0 2.8-1.08 3.49-2.91.6-1.44 1.59-3.81 1.69-4.03s.28-.62.22-2.21ZM6.17 18.86c0 .46-.38.83-.83.83h-.83c-.46 0-.83-.37-.83-.83v-7.51c0-.46.37-.83.83-.83h.83c.46 0 .83.38.83.83zm14.07-5.11c-.12.26-1.71 4.08-1.71 4.08-.63 1.65-1.02 1.88-1.95 1.88H9.52c-.93 0-1.68-.75-1.68-1.68V11.5s-.01-.45.1-.61c.99-1.27 2.59-2.42 2.31-4.23-.18-.99.14-2.38 1.45-1.87 2.29.93 1.64 3.46 1.39 5.35.03.22.32.33.72.38h.04c.18.02.37.03.58.03h4.2c.93 0 1.68.75 1.68 1.68 0 0 .05 1.26-.07 1.52'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-thumb-1:checked {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 9H3c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-9c0-.55-.45-1-1-1m17.95 2.06c0-1.11-.9-2.01-2.01-2.01h-5.03c-.25 0-.48 0-.69-.03h-.05c-.48-.06-.82-.19-.87-.46.3-2.27 1.08-5.3-1.67-6.42-1.56-.62-1.95 1.05-1.73 2.24.34 2.17-1.58 3.55-2.77 5.07-.13.2-.12.73-.12.73V18c0 1.11.91 2.01 2.02 2.01h8.46c1.11 0 1.58-.28 2.33-2.25 0 0 1.91-4.57 2.05-4.89s.09-1.82.09-1.82Z'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-thumb-2 {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M21.99 12.15c0 1.85-1.5 3.35-3.35 3.35h-3.69c.21 1.88.16 4.52-2.64 5.65-.38.15-.76.23-1.13.23-.76 0-1.44-.32-1.93-.9-.92-1.1-.73-2.61-.65-3 .09-.56-.31-1.06-1.16-2.01-.16-.18-.32-.35-.47-.53-.44.38-1.01.6-1.63.6h-.83a2.5 2.5 0 0 1-2.5-2.5V5.53a2.5 2.5 0 0 1 2.5-2.5h.83c.76 0 1.45.34 1.91.88.6-.56 1.4-.9 2.28-.9h7.06c1.99 0 2.8 1.08 3.49 2.91.6 1.44 1.59 3.81 1.69 4.03s.28.62.22 2.21ZM6.17 5.52c0-.46-.38-.83-.83-.83h-.83c-.46 0-.83.37-.83.83v7.51c0 .46.37.83.83.83h.83c.46 0 .83-.38.83-.83zm14.07 5.11c-.12-.26-1.71-4.08-1.71-4.08-.63-1.65-1.02-1.88-1.95-1.88H9.52c-.93 0-1.68.75-1.68 1.68v6.53s-.01.45.1.61c.99 1.27 2.59 2.42 2.31 4.23-.18.99.14 2.38 1.45 1.87 2.29-.93 1.64-3.46 1.39-5.35.03-.22.32-.33.72-.38h.04c.18-.02.37-.03.58-.03h4.2c.93 0 1.68-.75 1.68-1.68 0 0 .05-1.26-.07-1.52'/%3E%3C/svg%3E\");\n}\nmodus-wc-rating .modus-wc-mask-thumb-2:checked {\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M4 15.02H3c-.55 0-1-.45-1-1v-9c0-.55.45-1 1-1h1c.55 0 1 .45 1 1v9c0 .55-.45 1-1 1m17.95-2.06c0 1.11-.9 2.01-2.01 2.01h-5.03c-.25 0-.48 0-.69.03h-.05c-.48.06-.82.19-.87.46.3 2.27 1.08 5.3-1.67 6.42-1.56.62-1.95-1.05-1.73-2.24.34-2.17-1.58-3.55-2.77-5.07-.13-.2-.12-.73-.12-.73V6.02c0-1.11.91-2.01 2.02-2.01h8.46c1.11 0 1.58.28 2.33 2.25 0 0 1.91 4.57 2.05 4.89s.09 1.82.09 1.82Z'/%3E%3C/svg%3E\");\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-select .modus-wc-select {\n  background-color: var(--modus-wc-color-base-page);\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-select .modus-wc-select-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\nmodus-wc-select .modus-wc-select-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\nmodus-wc-select .modus-wc-select-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\nmodus-wc-select .modus-wc-select-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\nmodus-wc-select .modus-wc-select-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\nmodus-wc-select .modus-wc-select--error {\n  border-color: var(--modus-wc-color-error) !important;\n}\nmodus-wc-select .modus-wc-select--info {\n  border-color: var(--modus-wc-color-info) !important;\n}\nmodus-wc-select .modus-wc-select--success {\n  border-color: var(--modus-wc-color-success) !important;\n}\nmodus-wc-select .modus-wc-select--warning {\n  border-color: var(--modus-wc-color-warning) !important;\n}\n\n[data-theme=modus-modern-light] modus-wc-select .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-select .modus-wc-input-label,\n[data-theme=modus-classic-light] modus-wc-select .modus-wc-input-label,\n[data-theme=modus-classic-dark] modus-wc-select .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=modus-classic-light] modus-wc-select .modus-wc-select.modus-wc-select-sm,\n[data-theme=modus-classic-dark] modus-wc-select .modus-wc-select.modus-wc-select-sm {\n  font-size: var(--modus-wc-font-size-sm);\n  height: var(--modus-wc-input-height-sm);\n  line-height: var(--modus-wc-input-height-sm);\n  min-height: var(--modus-wc-input-height-sm);\n}\n[data-theme=modus-classic-light] modus-wc-select .modus-wc-select.modus-wc-select-md,\n[data-theme=modus-classic-dark] modus-wc-select .modus-wc-select.modus-wc-select-md {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-input-height-md);\n  line-height: var(--modus-wc-input-height-md);\n  min-height: var(--modus-wc-input-height-md);\n}\n[data-theme=modus-classic-light] modus-wc-select .modus-wc-select.modus-wc-select-lg,\n[data-theme=modus-classic-dark] modus-wc-select .modus-wc-select.modus-wc-select-lg {\n  font-size: var(--modus-wc-font-size-lg);\n  height: var(--modus-wc-input-height-lg);\n  line-height: var(--modus-wc-font-size-lg);\n  min-height: var(--modus-wc-font-size-lg);\n}\n[data-theme=modus-classic-light] modus-wc-select .modus-wc-select:focus,\n[data-theme=modus-classic-dark] modus-wc-select .modus-wc-select:focus {\n  border-color: var(--modus-wc-color-blue-light);\n  border-width: var(--modus-wc-border-width-sm);\n  box-shadow: none;\n  outline: none;\n}\n\n[data-theme=modus-classic-light] modus-wc-select .modus-wc-select.modus-wc-select-bordered:not(:disabled):not(:focus) {\n  border-color: var(--modus-wc-color-gray-6);\n}\n\n[data-theme=modus-classic-dark] modus-wc-select .modus-wc-select:focus {\n  border-color: var(--modus-wc-color-highlight-blue);\n}\n\n[data-theme=modus-classic-dark] modus-wc-select .modus-wc-select,\n[data-theme=connect-dark] modus-wc-select .modus-wc-select {\n  background-color: var(--modus-wc-color-gray-10);\n}\n\n[data-theme=connect-light] modus-wc-select .modus-wc-select,\n[data-theme=connect-dark] modus-wc-select .modus-wc-select {\n  border-bottom-width: var(--input-bottom-border-width);\n  outline-width: 0 !important;\n}\n[data-theme=connect-light] modus-wc-select .modus-wc-select:not(.modus-wc-select, .modus-wc-number-input),\n[data-theme=connect-dark] modus-wc-select .modus-wc-select:not(.modus-wc-select, .modus-wc-number-input) {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\n[data-theme=connect-light] modus-wc-select .modus-wc-select:hover,\n[data-theme=connect-dark] modus-wc-select .modus-wc-select:hover {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-select .modus-wc-select:active,\n[data-theme=connect-dark] modus-wc-select .modus-wc-select:active {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-select .modus-wc-select:focus,\n[data-theme=connect-dark] modus-wc-select .modus-wc-select:focus {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-select .modus-wc-select:focus-within,\n[data-theme=connect-dark] modus-wc-select .modus-wc-select:focus-within {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n@charset \"UTF-8\";\nmodus-wc-side-navigation {\n  display: block;\n  height: 100vh;\n  position: relative;\n}\nmodus-wc-side-navigation .modus-wc-side-navigation {\n  background: var(--modus-wc-color-base-page);\n  color: var(--modus-wc-color-base-content);\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  height: 100%;\n  max-height: 100vh;\n  min-height: 0;\n  overflow: hidden;\n  overflow-y: auto;\n  position: absolute;\n  transition: width 0.2s ease-out;\n  z-index: 999;\n}\nmodus-wc-side-navigation .side-navigation-content {\n  flex: 1 1 auto;\n  max-width: 100%;\n}\nmodus-wc-side-navigation modus-wc-menu .modus-wc-menu {\n  background-color: transparent;\n  border-radius: 0;\n}\nmodus-wc-side-navigation modus-wc-menu .modus-wc-menu > li {\n  max-width: 100%;\n}\nmodus-wc-side-navigation modus-wc-menu-item {\n  max-width: 100%;\n}\nmodus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button {\n  background-color: transparent;\n  padding-inline-end: var(--modus-wc-spacing-xs);\n  padding-inline-start: var(--modus-wc-spacing-xs);\n}\nmodus-wc-side-navigation .side-navigation-content > modus-wc-menu modus-wc-menu-item .modus-wc-menu-item button {\n  max-height: 32px;\n}\n\n[data-theme=modus-modern-light] modus-wc-side-navigation .modus-wc-side-navigation-expanded modus-wc-menu-item .modus-wc-menu-item > button .modus-wc-menu-item-content .modus-wc-menu-item-labels,\n[data-theme=modus-modern-dark] modus-wc-side-navigation .modus-wc-side-navigation-expanded modus-wc-menu-item .modus-wc-menu-item > button .modus-wc-menu-item-content .modus-wc-menu-item-labels {\n  display: block;\n  padding-inline-end: 0;\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\n[data-theme=modus-modern-light] modus-wc-side-navigation .modus-wc-side-navigation,\n[data-theme=modus-modern-dark] modus-wc-side-navigation .modus-wc-side-navigation {\n  background-size: cover;\n  box-shadow: none;\n}\n[data-theme=modus-modern-light] modus-wc-side-navigation .side-navigation-content,\n[data-theme=modus-modern-dark] modus-wc-side-navigation .side-navigation-content {\n  color: var(--modus-wc-color-base-page);\n  padding: 0 var(--modus-wc-spacing-lg);\n}\n[data-theme=modus-modern-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item,\n[data-theme=modus-modern-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item {\n  border-radius: var(--modus-wc-border-radius-btn);\n  margin-bottom: var(--modus-wc-spacing-xs);\n}\n[data-theme=modus-modern-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item > button,\n[data-theme=modus-modern-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item > button {\n  padding-inline-end: var(--modus-wc-spacing-md);\n}\n[data-theme=modus-modern-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item > button .modus-wc-menu-item-content .modus-wc-menu-item-labels,\n[data-theme=modus-modern-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item > button .modus-wc-menu-item-content .modus-wc-menu-item-labels {\n  display: none;\n  padding: 0;\n  padding-inline-end: var(--modus-wc-spacing-md);\n}\n[data-theme=modus-modern-light] modus-wc-side-navigation .side-navigation-content:has(modus-wc-tree-menu),\n[data-theme=modus-modern-dark] modus-wc-side-navigation .side-navigation-content:has(modus-wc-tree-menu) {\n  padding: 0;\n}\n\n[data-theme=modus-classic-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button,\n[data-theme=modus-classic-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button {\n  background-color: transparent;\n  padding: var(--modus-wc-spacing-md) 1.25rem;\n  padding-inline-end: var(--modus-wc-spacing-lg);\n  padding-inline-start: calc(var(--modus-wc-spacing-lg) + 0.25rem);\n}\n\n[data-theme=modus-classic-dark] modus-wc-side-navigation .modus-wc-side-navigation {\n  background: var(--modus-wc-color-gray-10);\n  background-size: cover;\n  box-shadow: none;\n}\n[data-theme=modus-classic-dark] modus-wc-side-navigation .side-navigation-content {\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-side-navigation modus-wc-menu .modus-wc-menu {\n  background: transparent;\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-classic-dark] modus-wc-side-navigation modus-wc-menu .modus-wc-menu button:hover {\n  background: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\n\n[data-theme=connect-light] modus-wc-side-navigation .modus-wc-side-navigation,\n[data-theme=connect-dark] modus-wc-side-navigation .modus-wc-side-navigation {\n  background: transparent;\n  box-shadow: none;\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-side-navigation .modus-wc-side-navigation:hover,\n[data-theme=connect-dark] modus-wc-side-navigation .modus-wc-side-navigation:hover {\n  background: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-side-navigation,\n[data-theme=connect-dark] modus-wc-side-navigation {\n  /* Flat menu only \u2014 tree-menu rows use story tree-item styles. */\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu > modus-wc-menu-item .modus-wc-menu-item,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu > modus-wc-menu-item .modus-wc-menu-item {\n  background: transparent;\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-side-navigation,\n[data-theme=connect-dark] modus-wc-side-navigation {\n  /* Suppress component li:hover base-100 and DaisyUI menu li>*:hover (white flash). */\n}\n[data-theme=connect-light] modus-wc-side-navigation .modus-wc-menu li.modus-wc-menu-item:hover,\n[data-theme=connect-dark] modus-wc-side-navigation .modus-wc-menu li.modus-wc-menu-item:hover {\n  background-color: transparent !important;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-menu .modus-wc-menu li.modus-wc-menu-item:hover,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-tree-menu .modus-wc-menu li.modus-wc-menu-item:hover {\n  background-color: transparent !important;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu > modus-wc-menu-item .modus-wc-menu-item:hover,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu > modus-wc-menu-item .modus-wc-menu-item:hover {\n  background-color: transparent !important;\n  color: var(--modus-wc-color-primary-content);\n}\n[data-theme=connect-light] modus-wc-side-navigation .side-navigation-content,\n[data-theme=connect-dark] modus-wc-side-navigation .side-navigation-content {\n  background: var(--modus-wc-color-connect-blue);\n  color: var(--modus-wc-color-base-content);\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu .modus-wc-menu,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu .modus-wc-menu {\n  background: transparent;\n  color: var(--modus-wc-color-white);\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu .modus-wc-menu button:hover,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu .modus-wc-menu button:hover {\n  background: var(--modus-wc-color-trimble-blue) !important;\n  color: var(--modus-wc-color-white) !important;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item > li.modus-wc-menu-item:not(.modus-wc-menu-item-active) > .modus-wc-menu-item-interactive:hover,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-tree-item > li.modus-wc-menu-item:not(.modus-wc-menu-item-active) > .modus-wc-menu-item-interactive:hover {\n  background: var(--modus-wc-color-trimble-blue) !important;\n  color: var(--modus-wc-color-white) !important;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item {\n  color: var(--modus-wc-color-white);\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button {\n  padding: var(--modus-wc-spacing-xs) 1.25rem;\n  padding-inline-end: var(--modus-wc-spacing-lg);\n  padding-inline-start: calc(var(--modus-wc-spacing-lg) + 0.25rem);\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button:hover,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button:hover {\n  background: var(--modus-wc-color-trimble-blue) !important;\n  color: var(--modus-wc-color-white) !important;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button:focus,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item button:focus {\n  color: var(--modus-wc-color-white);\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button {\n  background: var(--modus-wc-color-blue-light);\n  color: var(--modus-wc-color-white);\n  font-weight: var(--modus-wc-font-weight-semibold);\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:hover,\n[data-theme=connect-dark] modus-wc-side-navigation modus-wc-menu-item .modus-wc-menu-item.modus-wc-menu-item-active button:hover {\n  background: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-white);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-slider .modus-wc-range {\n  --rounded-box: 200px;\n  --range-shadow: var(--modus-wc-color-trimble-blue);\n}\n\n[data-theme=modus-modern-light] modus-wc-slider .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-slider .modus-wc-input-label,\n[data-theme=modus-classic-light] modus-wc-slider .modus-wc-input-label,\n[data-theme=modus-classic-dark] modus-wc-slider .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=modus-classic-light] modus-wc-slider .modus-wc-range,\n[data-theme=modus-classic-dark] modus-wc-slider .modus-wc-range {\n  --rounded-box: 200px;\n  --range-shadow: var(--modus-wc-color-trimble-blue);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-stepper .modus-wc-steps .modus-wc-step {\n  --fallback-b3: var(--modus-wc-color-base-200);\n}\n\nmodus-wc-stepper .modus-wc-stepper-interactive .modus-wc-step::before,\nmodus-wc-stepper .modus-wc-stepper-interactive .modus-wc-step::after {\n  pointer-events: none;\n}\n\nmodus-wc-stepper .modus-wc-stepper-step-button {\n  appearance: none;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  grid-column-start: 1;\n  grid-row-start: 1;\n  height: 44px;\n  margin: 0;\n  padding: 0;\n  place-self: center;\n  position: relative;\n  width: 44px;\n  z-index: 2;\n}\n\nmodus-wc-stepper .modus-wc-stepper-step-button:focus-visible {\n  outline: none;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-switch.modus-wc-switch-host {\n  --rounded-badge: 32px;\n  align-items: center;\n  display: flex;\n}\nmodus-wc-switch.modus-wc-switch-host .modus-wc-input-label {\n  font-weight: var(--modus-wc-font-weight-normal);\n  padding-inline-start: var(--modus-wc-spacing-md);\n}\n\nmodus-wc-switch .modus-wc-toggle {\n  border-radius: var(--rounded-badge);\n}\nmodus-wc-switch .modus-wc-toggle:focus {\n  border-color: var(--modus-wc-color-base-200);\n}\n\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle {\n  background-color: var(--modus-wc-color-white);\n  border: none;\n  color: var(--modus-wc-color-gray-4);\n  outline-color: var(--modus-wc-color-highlight-blue);\n  --fallback-b1: var(--modus-wc-color-gray-4);\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs {\n  --handleoffset: var(--modus-wc-spacing-sm);\n  height: var(--modus-wc-spacing-lg);\n  width: var(--modus-wc-spacing-xl);\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs ~ modus-wc-input-label .modus-wc-input-label,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs ~ modus-wc-input-label .modus-wc-input-label {\n  font-size: var(--modus-wc-font-size-sm);\n  line-height: var(--modus-wc-font-size-2xl);\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm {\n  --handleoffset: 1rem;\n  height: 1rem;\n  width: 2rem;\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md {\n  --handleoffset: 1.25rem;\n  height: 1.25rem;\n  width: 2.5rem;\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg {\n  --handleoffset: 1.5rem;\n  height: 1.5rem;\n  width: 3rem;\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:checked,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:checked {\n  --fallback-b1: var(--modus-wc-color-blue-light);\n  color: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked),\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked) {\n  background-color: var(--modus-wc-color-white);\n  outline: 2px solid var(--modus-wc-color-blue-light);\n  outline-offset: -2px;\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked {\n  background-color: var(--modus-wc-color-white);\n  --fallback-b1: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible {\n  outline: 2px solid var(--modus-wc-color-highlight-blue);\n  outline-offset: 2px;\n}\n[data-theme=modus-classic-light] modus-wc-switch .modus-wc-toggle:disabled,\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:disabled {\n  background-color: var(--modus-wc-color-white);\n}\n\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:checked {\n  --fallback-b1: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked) {\n  background-color: var(--modus-wc-color-white);\n  outline: 2px solid var(--modus-wc-color-highlight-blue);\n  outline-offset: -2px;\n}\n[data-theme=modus-classic-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked {\n  background-color: var(--modus-wc-color-white);\n  --fallback-b1: var(--modus-wc-color-blue-light);\n}\n\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle {\n  background-color: var(--modus-wc-color-white);\n  border: none;\n  color: var(--modus-wc-color-gray-4);\n  outline-color: var(--modus-wc-color-highlight-blue);\n  --fallback-b1: var(--modus-wc-color-gray-4);\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs {\n  --handleoffset: var(--modus-wc-spacing-sm);\n  height: var(--modus-wc-spacing-lg);\n  width: var(--modus-wc-spacing-xl);\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs ~ modus-wc-input-label .modus-wc-input-label,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs ~ modus-wc-input-label .modus-wc-input-label {\n  font-size: var(--modus-wc-font-size-sm);\n  line-height: var(--modus-wc-font-size-2xl);\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm {\n  --handleoffset: 1rem;\n  height: 1rem;\n  width: 2rem;\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md {\n  --handleoffset: 1.25rem;\n  height: 1.25rem;\n  width: 2.5rem;\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg {\n  --handleoffset: 1.5rem;\n  height: 1.5rem;\n  width: 3rem;\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:checked,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:checked {\n  --fallback-b1: var(--modus-wc-color-blue-light);\n  color: var(--modus-wc-color-blue-light);\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked),\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked) {\n  background-color: var(--modus-wc-color-white);\n  outline: 2px solid var(--modus-wc-color-blue-light);\n  outline-offset: -2px;\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked {\n  background-color: var(--modus-wc-color-white);\n  --fallback-b1: var(--modus-wc-color-trimble-blue);\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):focus-visible {\n  outline: 2px solid var(--modus-wc-color-highlight-blue);\n  outline-offset: 2px;\n}\n[data-theme=connect-light] modus-wc-switch .modus-wc-toggle:disabled,\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:disabled {\n  background-color: var(--modus-wc-color-white);\n}\n\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:checked {\n  --fallback-b1: var(--modus-wc-color-highlight-blue);\n  color: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:not(:checked) {\n  background-color: var(--modus-wc-color-white);\n  outline: 2px solid var(--modus-wc-color-highlight-blue);\n  outline-offset: -2px;\n}\n[data-theme=connect-dark] modus-wc-switch .modus-wc-toggle:not(:disabled):hover:checked {\n  background-color: var(--modus-wc-color-white);\n  --fallback-b1: var(--modus-wc-color-blue-light);\n}\n\n[data-theme=modus-modern-light] modus-wc-switch modus-wc-input-label .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-switch modus-wc-input-label .modus-wc-input-label {\n  color: var(--modus-wc-color-gray-10);\n  padding-inline-start: var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle {\n  --fallback-b1: var(--modus-wc-color-gray-0);\n  border: none;\n  box-shadow: var(--handleoffsetcalculator) 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset, 0 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset;\n  color: var(--modus-wc-color-white);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle:indeterminate,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle:indeterminate {\n  box-shadow: calc(var(--handleoffset) / 2) 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset, calc(var(--handleoffset) / -2) 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset, 0 0 0 var(--modus-wc-border-width-md) var(--fallback-b1) inset;\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle:checked,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle:checked {\n  --fallback-b1: var(--modus-wc-color-primary);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle:focus-visible,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle:focus-visible {\n  outline: var(--modus-wc-border-width-sm) solid var(--modus-wc-color-primary);\n  outline-offset: var(--modus-wc-border-width-sm);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs {\n  --handleoffset: var(--modus-wc-spacing-sm);\n  height: var(--modus-wc-spacing-lg);\n  width: var(--modus-wc-spacing-xl);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs ~ modus-wc-input-label .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-xs ~ modus-wc-input-label .modus-wc-input-label {\n  font-size: var(--modus-wc-font-size-sm);\n  line-height: var(--modus-wc-font-size-2xl);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm {\n  --handleoffset: var(--modus-wc-spacing-md);\n  height: var(--modus-wc-font-size-2xl);\n  width: var(--modus-wc-spacing-2xl);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm ~ modus-wc-input-label .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-sm ~ modus-wc-input-label .modus-wc-input-label {\n  font-size: var(--modus-wc-font-size-md);\n  line-height: var(--modus-wc-line-height-md);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md {\n  --handleoffset: var(--modus-wc-spacing-lg);\n  height: var(--modus-wc-spacing-xl);\n  width: var(--modus-wc-size-md);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md ~ modus-wc-input-label .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-md ~ modus-wc-input-label .modus-wc-input-label {\n  font-size: var(--modus-wc-font-size-lg);\n  line-height: var(--modus-wc-line-height-md);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg {\n  --handleoffset: var(--modus-wc-spacing-xl);\n  height: var(--modus-wc-spacing-2xl);\n  width: var(--modus-wc-size-xl);\n}\n[data-theme=modus-modern-light] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg ~ modus-wc-input-label .modus-wc-input-label,\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle.modus-wc-toggle-lg ~ modus-wc-input-label .modus-wc-input-label {\n  font-size: var(--modus-wc-font-size-xl);\n  line-height: var(--modus-wc-line-height-lg);\n}\n\n[data-theme=modus-modern-dark] modus-wc-switch modus-wc-input-label .modus-wc-input-label {\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=modus-modern-dark] modus-wc-switch .modus-wc-toggle {\n  --fallback-b1: var(--modus-wc-color-gray-9);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-tabs .modus-wc-tab modus-wc-icon + span,\nmodus-wc-tabs .modus-wc-tab span + modus-wc-icon {\n  padding-inline-start: var(--modus-wc-spacing-xs);\n}\n\nmodus-wc-tabs .modus-wc-tabs {\n  align-items: center;\n  display: inline-flex;\n  font-weight: var(--modus-wc-font-weight-bold);\n}\nmodus-wc-tabs .modus-wc-tabs-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\nmodus-wc-tabs .modus-wc-tabs-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\nmodus-wc-tabs .modus-wc-tabs-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\nmodus-wc-tabs .modus-wc-tabs-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\nmodus-wc-tabs .modus-wc-tabs-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\nmodus-wc-tabs .modus-wc-tabs modus-wc-icon .modus-wc-icon--xs {\n  line-height: calc(var(--modus-wc-line-height-xs) + 0.25rem);\n}\nmodus-wc-tabs .modus-wc-tabs modus-wc-icon .modus-wc-icon--sm {\n  line-height: calc(var(--modus-wc-line-height-sm) + 0.25rem);\n}\nmodus-wc-tabs .modus-wc-tabs modus-wc-icon .modus-wc-icon--md {\n  line-height: calc(var(--modus-wc-line-height-md) + 0.25rem);\n}\nmodus-wc-tabs .modus-wc-tabs modus-wc-icon .modus-wc-icon--lg {\n  line-height: calc(var(--modus-wc-line-height-lg) + 0.25rem);\n}\nmodus-wc-tabs .modus-wc-tabs.modus-wc-tabs-bordered .modus-wc-tab:is(.modus-wc-tab-active, [aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]) {\n  background-color: var(--modus-wc-color-base-page);\n  border-bottom-color: var(--modus-wc-color-primary);\n  border-bottom-width: var(--modus-wc-border-width-lg);\n}\nmodus-wc-tabs .modus-wc-tabs.modus-wc-tabs-boxed {\n  background: var(--modus-wc-color-base-100);\n  border-radius: var(--modus-wc-border-radius-tab);\n}\nmodus-wc-tabs .modus-wc-tabs.modus-wc-tabs-boxed.modus-wc-tabs {\n  height: inherit;\n}\nmodus-wc-tabs .modus-wc-tabs.modus-wc-tabs-boxed > .modus-wc-tab {\n  border-radius: var(--modus-wc-border-radius-tab);\n  height: inherit;\n  min-height: var(--modus-wc-input-height-sm);\n}\nmodus-wc-tabs .modus-wc-tabs.modus-wc-tabs-boxed > .modus-wc-tab:is(.modus-wc-tab-active, [aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]) {\n  background: var(--modus-wc-color-primary);\n  border-radius: var(--modus-wc-border-radius-tab);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-tabs .modus-wc-tabs.modus-wc-tabs-lifted > .modus-wc-tab {\n  border-top-left-radius: var(--modus-wc-border-radius-tab);\n  border-top-right-radius: var(--modus-wc-border-radius-tab);\n}\n\n[data-theme=modus-modern-light] modus-wc-tabs .modus-wc-tabs,\n[data-theme=modus-modern-dark] modus-wc-tabs .modus-wc-tabs {\n  font-weight: var(--modus-wc-font-weight-semibold);\n}\n\n[data-theme=modus-modern-light] modus-wc-tabs .modus-wc-tab-active,\n[data-theme=modus-modern-dark] modus-wc-tabs .modus-wc-tab-active,\n[data-theme=connect-light] modus-wc-tabs .modus-wc-tab-active,\n[data-theme=connect-dark] modus-wc-tabs .modus-wc-tab-active {\n  background-color: transparent;\n}\n\n[data-theme=modus-modern-light] modus-wc-tabs .modus-wc-tabs.modus-wc-tabs-lifted > .modus-wc-tab:is(.modus-wc-tab-active, [aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]),\n[data-theme=connect-light] modus-wc-tabs .modus-wc-tabs.modus-wc-tabs-lifted > .modus-wc-tab:is(.modus-wc-tab-active, [aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]),\n[data-theme=connect-dark] modus-wc-tabs .modus-wc-tabs.modus-wc-tabs-lifted > .modus-wc-tab:is(.modus-wc-tab-active, [aria-selected=true]):not(.modus-wc-tab-disabled):not([disabled]) {\n  --tab-bg: var(--modus-wc-color-base-page);\n  color: var(--modus-wc-color-primary);\n}\n\nmodus-wc-tabs .modus-wc-tab {\n  border-radius: var(--tab-radius) var(--tab-radius) 0 0;\n  height: inherit;\n  min-height: var(--modus-wc-input-height-sm);\n}\nmodus-wc-tabs .modus-wc-tab:hover {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab:focus {\n  background-color: var(--modus-wc-color-base-200);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab:active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab-selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab-active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab-open {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab.selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab.active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab-disabled:hover {\n  background-color: inherit;\n}\nmodus-wc-tabs .modus-wc-tab--active {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab--selected {\n  background-color: var(--modus-wc-color-primary-pale);\n  color: var(--modus-wc-color-primary);\n}\nmodus-wc-tabs .modus-wc-tab:checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-tabs .modus-wc-tab.checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-tabs .modus-wc-tab-checked {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-tabs .modus-wc-tab.pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-tabs .modus-wc-tab-pressed {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-tabs .modus-wc-tab[aria-pressed=true] {\n  background-color: var(--modus-wc-color-primary);\n  color: var(--modus-wc-color-primary-content);\n}\nmodus-wc-tabs .modus-wc-tab-active {\n  background-color: var(--modus-wc-color-base-page);\n  color: inherit;\n}\nmodus-wc-tabs .modus-wc-tab:disabled {\n  pointer-events: none;\n}\n\n[data-theme=modus-classic-light] modus-wc-tabs .modus-wc-tab {\n  --tab-color: var(--modus-wc-color-trimble-gray);\n  --tab-bg: var(--modus-wc-color-white);\n  --fallback-bc: var(--modus-wc-color-gray-2);\n}\n[data-theme=modus-classic-light] modus-wc-tabs .modus-wc-tab:not(.modus-wc-tab-active):not(.modus-wc-tab-disabled):hover {\n  background-color: var(--modus-wc-color-blue-pale);\n}\n[data-theme=modus-classic-light] modus-wc-tabs .modus-wc-tab:not(.modus-wc-tab-disabled):active {\n  --tab-color: var(--modus-wc-color-gray-10);\n  --tab-border: var(\n    --modus-wc-border-width-xs\n  );\n  --tab-bg: var(--modus-wc-color-white);\n  background-color: var(--modus-wc-color-trimble-blue-pale) !important;\n}\n[data-theme=modus-classic-light] modus-wc-tabs .modus-wc-tab.modus-wc-tab-active {\n  --tab-color: var(--modus-wc-color-gray-10);\n  --tab-bg: var(--modus-wc-color-blue-light);\n  background-color: var(--modus-wc-color-white);\n  --fallback-p: var(--modus-wc-color-blue-light);\n  --fallback-bc: transparent;\n}\n\n[data-theme=modus-classic-dark] modus-wc-tabs .modus-wc-tab {\n  --tab-color: var(--modus-wc-color-white);\n  --tab-bg: var(--modus-wc-color-gray-8);\n  --fallback-bc: var(--modus-wc-color-gray-8);\n}\n[data-theme=modus-classic-dark] modus-wc-tabs .modus-wc-tab:not(.modus-wc-tab-active):not(.modus-wc-tab-disabled):hover {\n  background-color: var(--modus-wc-color-highlight-blue-pale);\n  color: var(--modus-wc-color-gray-10);\n}\n[data-theme=modus-classic-dark] modus-wc-tabs .modus-wc-tab:not(.modus-wc-tab-disabled):active {\n  background-color: var(--modus-wc-color-highlight-blue-pale) !important;\n}\n[data-theme=modus-classic-dark] modus-wc-tabs .modus-wc-tab.modus-wc-tab-active {\n  --tab-color: var(--modus-wc-color-white);\n  --tab-bg: var(--modus-wc-color-blue-light);\n  border-bottom-width: var(--modus-wc-border-width-xs);\n  --fallback-p: var(--modus-wc-color-blue-light);\n  --fallback-bc: var(--modus-wc-color-highlight-blue);\n}\n[data-theme=modus-classic-dark] modus-wc-tabs .modus-wc-tab.modus-wc-tab-disabled {\n  --tab-color: var(--modus-wc-color-gray-2);\n  background-color: var(--modus-wc-color-gray-9);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-text-input .modus-wc-input {\n  border-bottom-width: var(--input-bottom-border-width);\n}\nmodus-wc-text-input .modus-wc-input--error {\n  border-color: var(--modus-wc-color-error) !important;\n}\nmodus-wc-text-input .modus-wc-input--info {\n  border-color: var(--modus-wc-color-info) !important;\n}\nmodus-wc-text-input .modus-wc-input--success {\n  border-color: var(--modus-wc-color-success) !important;\n}\nmodus-wc-text-input .modus-wc-input--warning {\n  border-color: var(--modus-wc-color-warning) !important;\n}\nmodus-wc-text-input .modus-wc-input-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\nmodus-wc-text-input .modus-wc-input-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\nmodus-wc-text-input .modus-wc-input-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\nmodus-wc-text-input .modus-wc-input-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\nmodus-wc-text-input .modus-wc-input-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\nmodus-wc-text-input .modus-wc-input input {\n  background-color: var(--modus-wc-color-base-page);\n}\nmodus-wc-text-input .modus-wc-input:has(> input[disabled]) > input[disabled] {\n  background-color: var(--modus-wc-color-base-200);\n}\n\nmodus-wc-text-input .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input {\n  background-color: var(--modus-wc-color-base-page);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm input {\n  max-height: var(--modus-wc-size-xs);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm .modus-wc-text-input-icon:not(.modus-wc-text-input-icon-custom) {\n  height: var(--modus-wc-line-height-sm);\n  width: var(--modus-wc-line-height-sm);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-md {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-md .modus-wc-text-input-icon:not(.modus-wc-text-input-icon-custom) {\n  height: var(--modus-wc-line-height-md);\n  width: var(--modus-wc-line-height-md);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-lg {\n  font-size: var(--modus-wc-font-size-lg);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-lg .modus-wc-text-input-icon:not(.modus-wc-text-input-icon-custom) {\n  height: var(--modus-wc-line-height-lg);\n  width: var(--modus-wc-line-height-lg);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-text-input-icon.modus-wc-text-input-icon-clear {\n  cursor: pointer;\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-text-input-icon.modus-wc-text-input-icon-custom {\n  align-items: center;\n  display: flex;\n  flex-shrink: 0;\n  justify-content: center;\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-clear-icon-container {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  min-width: var(--modus-wc-line-height-md);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-clear-icon-container.modus-wc-clear-icon-hidden {\n  pointer-events: none;\n  visibility: hidden;\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-clear-icon-container.modus-wc-clear-icon-visible {\n  visibility: visible;\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm .modus-wc-clear-icon-container {\n  min-width: var(--modus-wc-line-height-sm);\n}\nmodus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-lg .modus-wc-clear-icon-container {\n  min-width: var(--modus-wc-line-height-lg);\n}\n\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input,\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input {\n  border-radius: var(--modus-wc-border-radius-md);\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-sm {\n  font-size: var(--modus-wc-font-size-sm);\n  height: var(--modus-wc-input-height-sm);\n  line-height: var(--modus-wc-line-height-sm);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-xs);\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-md,\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-md {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-input-height-md);\n  line-height: var(--modus-wc-line-height-md);\n  padding: var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-lg,\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-lg {\n  font-size: var(--modus-wc-font-size-lg);\n  height: var(--modus-wc-input-height-lg);\n  line-height: var(--modus-wc-line-height-xl);\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input:focus-within,\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input:focus-within {\n  border-width: var(--modus-wc-border-width-sm);\n  box-shadow: none;\n  outline: none;\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-text-input-icon.modus-wc-text-input-icon-clear:focus:not(:focus-visible),\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-text-input-icon.modus-wc-text-input-icon-clear:focus:not(:focus-visible) {\n  outline: none;\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-text-input--readonly,\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-text-input--readonly {\n  background-color: var(--modus-wc-color-base-100);\n}\n\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-bordered:not(:disabled) {\n  border-color: var(--modus-wc-color-accent);\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input.modus-wc-input-bordered:not(:disabled):focus-within {\n  border-color: var(--modus-wc-color-blue-light);\n}\n[data-theme=modus-classic-light] modus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-text-input-icon {\n  color: var(--modus-wc-color-gray-8);\n}\n\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input .modus-wc-text-input-icon {\n  color: var(--modus-wc-color-gray-2);\n}\n[data-theme=modus-classic-dark] modus-wc-text-input .modus-wc-text-input.modus-wc-input:focus-within {\n  border-color: var(--modus-wc-color-highlight-blue);\n}\n\n[data-theme=connect-light] modus-wc-text-input input,\n[data-theme=connect-dark] modus-wc-text-input input {\n  font-weight: var(--modus-wc-font-weight-normal);\n}\n[data-theme=connect-light] modus-wc-text-input input::placeholder,\n[data-theme=connect-dark] modus-wc-text-input input::placeholder {\n  color: #9d9da6;\n  font-style: italic;\n  font-weight: var(--modus-wc-font-weight-normal);\n  opacity: 1;\n}\n[data-theme=connect-light] modus-wc-text-input .modus-wc-text-input,\n[data-theme=connect-dark] modus-wc-text-input .modus-wc-text-input {\n  border-bottom-width: var(--input-bottom-border-width);\n  outline-width: 0 !important;\n}\n[data-theme=connect-light] modus-wc-text-input .modus-wc-text-input:not(.modus-wc-select, .modus-wc-number-input),\n[data-theme=connect-dark] modus-wc-text-input .modus-wc-text-input:not(.modus-wc-select, .modus-wc-number-input) {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\n[data-theme=connect-light] modus-wc-text-input .modus-wc-text-input:hover,\n[data-theme=connect-dark] modus-wc-text-input .modus-wc-text-input:hover {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-text-input .modus-wc-text-input:active,\n[data-theme=connect-dark] modus-wc-text-input .modus-wc-text-input:active {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-text-input .modus-wc-text-input:focus,\n[data-theme=connect-dark] modus-wc-text-input .modus-wc-text-input:focus {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-text-input .modus-wc-text-input:focus-within,\n[data-theme=connect-dark] modus-wc-text-input .modus-wc-text-input:focus-within {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n.modus-wc-input--error {\n  border-color: var(--modus-wc-color-error) !important;\n}\n.modus-wc-input--info {\n  border-color: var(--modus-wc-color-info) !important;\n}\n.modus-wc-input--success {\n  border-color: var(--modus-wc-color-success) !important;\n}\n.modus-wc-input--warning {\n  border-color: var(--modus-wc-color-warning) !important;\n}\n\nmodus-wc-textarea .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=modus-classic-light] modus-wc-textarea .modus-wc-textarea,\n[data-theme=modus-classic-dark] modus-wc-textarea .modus-wc-textarea {\n  border-radius: var(--modus-wc-border-radius-md);\n}\n[data-theme=modus-classic-light] modus-wc-textarea .modus-wc-textarea.modus-wc-textarea-sm,\n[data-theme=modus-classic-dark] modus-wc-textarea .modus-wc-textarea.modus-wc-textarea-sm {\n  font-size: var(--modus-wc-font-size-sm);\n  padding: var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-textarea .modus-wc-textarea.modus-wc-textarea-md,\n[data-theme=modus-classic-dark] modus-wc-textarea .modus-wc-textarea.modus-wc-textarea-md {\n  font-size: var(--modus-wc-font-size-md);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-sm) var(--modus-wc-spacing-md) var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-textarea .modus-wc-textarea.modus-wc-textarea-lg,\n[data-theme=modus-classic-dark] modus-wc-textarea .modus-wc-textarea.modus-wc-textarea-lg {\n  font-size: var(--modus-wc-font-size-lg);\n  padding: var(--modus-wc-spacing-md);\n}\n[data-theme=modus-classic-light] modus-wc-textarea .modus-wc-textarea:focus,\n[data-theme=modus-classic-dark] modus-wc-textarea .modus-wc-textarea:focus {\n  border-color: var(--modus-wc-color-blue-light);\n  border-width: var(--modus-wc-border-width-sm);\n  box-shadow: none;\n  outline: none;\n}\n[data-theme=modus-classic-light] modus-wc-textarea .modus-wc-textarea:read-only,\n[data-theme=modus-classic-dark] modus-wc-textarea .modus-wc-textarea:read-only {\n  background-color: var(--modus-wc-color-base-100);\n}\n\n[data-theme=modus-classic-light] modus-wc-textarea .modus-wc-textarea.modus-wc-textarea-bordered:not(:disabled):not(:focus) {\n  border-color: var(--modus-wc-color-gray-6);\n}\n\n[data-theme=modus-classic-dark] modus-wc-textarea .modus-wc-textarea:focus {\n  border-color: var(--modus-wc-color-highlight-blue);\n}\n\n[data-theme=connect-light] modus-wc-textarea .modus-wc-textarea,\n[data-theme=connect-dark] modus-wc-textarea .modus-wc-textarea {\n  border-bottom-width: var(--input-bottom-border-width);\n  outline-width: 0 !important;\n}\n[data-theme=connect-light] modus-wc-textarea .modus-wc-textarea:not(.modus-wc-select, .modus-wc-number-input),\n[data-theme=connect-dark] modus-wc-textarea .modus-wc-textarea:not(.modus-wc-select, .modus-wc-number-input) {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\n[data-theme=connect-light] modus-wc-textarea .modus-wc-textarea:hover,\n[data-theme=connect-dark] modus-wc-textarea .modus-wc-textarea:hover {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-textarea .modus-wc-textarea:active,\n[data-theme=connect-dark] modus-wc-textarea .modus-wc-textarea:active {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-textarea .modus-wc-textarea:focus,\n[data-theme=connect-dark] modus-wc-textarea .modus-wc-textarea:focus {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-textarea .modus-wc-textarea:focus-within,\n[data-theme=connect-dark] modus-wc-textarea .modus-wc-textarea:focus-within {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-theme-switcher {\n  display: grid;\n}\n\n[data-theme=modus-modern-dark] .modus-wc-toggle {\n  --tglbg: var(--modus-wc-color-gray-9);\n  border-color: var(--modus-wc-color-black);\n}\n[data-theme=modus-modern-dark] .modus-wc-stroke-base-100 {\n  stroke: var(--modus-wc-color-white);\n}\n[data-theme=modus-modern-dark] .modus-wc-fill-base-100 {\n  fill: var(--modus-wc-color-gray-9);\n}\n[data-theme=modus-modern-dark] .modus-wc-bg-base-content {\n  background-color: var(--modus-wc-color-black);\n}\n\n[data-theme=modus-modern-light] .modus-wc-toggle {\n  --tglbg: var(--modus-wc-color-gray-0);\n  border-color: var(--modus-wc-white);\n}\n[data-theme=modus-modern-light] .modus-wc-stroke-base-100 {\n  stroke: var(--modus-wc-color-black);\n}\n[data-theme=modus-modern-light] .modus-wc-fill-base-100 {\n  fill: var(--modus-wc-color-gray-0);\n}\n[data-theme=modus-modern-light] .modus-wc-bg-base-content {\n  background-color: var(--modus-wc-color-white);\n}\n\n.modus-wc-toggle.modus-wc-stroke-base-100 {\n  stroke: var(--modus-wc-color-base-300);\n}\n.modus-wc-toggle.modus-wc-fill-base-100 {\n  fill: var(--modus-wc-color-base-300);\n}\n\n.modus-wc-toggle:checked.modus-wc-stroke-base-100 {\n  stroke: var(--modus-wc-color-base-100);\n}\n.modus-wc-toggle:checked.modus-wc-fill-base-100 {\n  fill: var(--modus-wc-color-base-100);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n.modus-wc-input--error {\n  border-color: var(--modus-wc-color-error) !important;\n}\n.modus-wc-input--info {\n  border-color: var(--modus-wc-color-info) !important;\n}\n.modus-wc-input--success {\n  border-color: var(--modus-wc-color-success) !important;\n}\n.modus-wc-input--warning {\n  border-color: var(--modus-wc-color-warning) !important;\n}\n.modus-wc-input-xs {\n  height: var(--modus-wc-size-xs);\n  min-height: var(--modus-wc-size-xs);\n}\n.modus-wc-input-sm {\n  height: var(--modus-wc-size-sm);\n  min-height: var(--modus-wc-size-sm);\n}\n.modus-wc-input-md {\n  height: var(--modus-wc-size-md);\n  min-height: var(--modus-wc-size-md);\n}\n.modus-wc-input-lg {\n  height: var(--modus-wc-size-lg);\n  min-height: var(--modus-wc-size-lg);\n}\n.modus-wc-input-xl {\n  height: var(--modus-wc-size-xl);\n  min-height: var(--modus-wc-size-xl);\n}\n\nmodus-wc-time-input .modus-wc-input-label {\n  padding-bottom: var(--modus-wc-spacing-sm);\n}\n\n[data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input,\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input {\n  border-radius: var(--modus-wc-border-radius-md);\n}\n[data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-input-sm,\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-input-sm {\n  font-size: var(--modus-wc-font-size-sm);\n  height: var(--modus-wc-input-height-sm);\n  padding: var(--modus-wc-spacing-sm) var(--modus-wc-spacing-xs);\n}\n[data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-input-md,\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-input-md {\n  font-size: var(--modus-wc-font-size-md);\n  height: var(--modus-wc-input-height-md);\n  padding: var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-input-lg,\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-input-lg {\n  font-size: var(--modus-wc-font-size-lg);\n  height: var(--modus-wc-input-height-lg);\n  padding: var(--modus-wc-spacing-md) var(--modus-wc-spacing-sm);\n}\n[data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input:focus, [data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input:focus-within,\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input:focus,\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input:focus-within {\n  border-color: var(--modus-wc-color-blue-light);\n  border-width: var(--modus-wc-border-width-sm);\n  box-shadow: none;\n  outline: none;\n}\n[data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-time-input--readonly,\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-time-input--readonly {\n  background-color: var(--modus-wc-color-base-100);\n}\n\n[data-theme=modus-classic-light] modus-wc-time-input .modus-wc-time-input.modus-wc-input.modus-wc-input-bordered:not(:disabled):not(:focus) {\n  border-color: var(--modus-wc-color-gray-6);\n}\n\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input {\n  color-scheme: dark;\n}\n[data-theme=modus-classic-dark] modus-wc-time-input .modus-wc-time-input.modus-wc-input:focus {\n  border-color: var(--modus-wc-color-highlight-blue);\n}\n\n[data-theme=connect-light] modus-wc-time-input .modus-wc-time-input,\n[data-theme=connect-dark] modus-wc-time-input .modus-wc-time-input {\n  border-bottom-width: var(--input-bottom-border-width);\n  outline-width: 0 !important;\n}\n[data-theme=connect-light] modus-wc-time-input .modus-wc-time-input:not(.modus-wc-select, .modus-wc-number-input),\n[data-theme=connect-dark] modus-wc-time-input .modus-wc-time-input:not(.modus-wc-select, .modus-wc-number-input) {\n  padding: 0 var(--modus-wc-spacing-sm);\n}\n[data-theme=connect-light] modus-wc-time-input .modus-wc-time-input:hover,\n[data-theme=connect-dark] modus-wc-time-input .modus-wc-time-input:hover {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-time-input .modus-wc-time-input:active,\n[data-theme=connect-dark] modus-wc-time-input .modus-wc-time-input:active {\n  border-bottom-color: var(--modus-wc-color-primary);\n}\n[data-theme=connect-light] modus-wc-time-input .modus-wc-time-input:focus,\n[data-theme=connect-dark] modus-wc-time-input .modus-wc-time-input:focus {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-time-input .modus-wc-time-input:focus-within,\n[data-theme=connect-dark] modus-wc-time-input .modus-wc-time-input:focus-within {\n  border-bottom-color: var(--modus-wc-color-primary);\n  outline: none;\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\n.modus-wc-navbar {\n  background: var(--modus-wc-color-base-page);\n  border-radius: var(--modus-wc-border-radius-box);\n  box-shadow: 0 1px 2px -1px color-mix(in sRGB, var(--modus-wc-color-black) 10%, transparent), 0 1px 3px 0 color-mix(in sRGB, var(--modus-wc-color-black) 10%, transparent);\n}\n/**\n* This component uses custom styling with PopperJS.\n* Only add styles here that should not be applied by Tailwind or the theme.\n*/\n/* Reset popover UA styles so they don't interfere with Popper positioning */\n.modus-wc-tooltip-content[popover] {\n  overflow: visible;\n}\n\n/* Tooltip content styling for PopperJS */\n.modus-wc-tooltip-content {\n  background-color: var(--modus-wc-color-neutral-content);\n  border-radius: 0.25rem;\n  color: var(--modus-wc-color-neutral);\n  font-size: 0.875rem;\n  font-weight: var(--modus-wc-font-weight-regular);\n  max-width: 20rem;\n  overflow-wrap: break-word;\n  padding: 0.25rem 0.5rem;\n  pointer-events: none;\n  position: relative;\n  text-align: center;\n  white-space: normal;\n  width: max-content;\n  z-index: 1000;\n}\n\n/* Arrow styling */\n.modus-wc-tooltip-arrow,\n.modus-wc-tooltip-arrow::before {\n  background: inherit;\n  height: 8px;\n  position: absolute;\n  width: 8px;\n}\n\n.modus-wc-tooltip-arrow {\n  text-align: initial;\n  visibility: hidden;\n}\n\n.modus-wc-tooltip-arrow::before {\n  background-color: var(--modus-wc-color-neutral-content);\n  content: \"\";\n  transform: rotate(45deg);\n  visibility: visible;\n}\n\n/* Arrow placement based on tooltip position */\n.modus-wc-tooltip-content[data-popper-placement^=top] .modus-wc-tooltip-arrow {\n  bottom: -4px;\n}\n\n.modus-wc-tooltip-content[data-popper-placement^=bottom] .modus-wc-tooltip-arrow {\n  top: -4px;\n}\n\n.modus-wc-tooltip-content[data-popper-placement^=left] .modus-wc-tooltip-arrow {\n  right: -4px;\n}\n\n.modus-wc-tooltip-content[data-popper-placement^=right] .modus-wc-tooltip-arrow {\n  left: -4px;\n}\n\n[data-theme=modus-classic-light] .modus-wc-tooltip-content {\n  background-color: var(--modus-wc-color-gray-7);\n  color: var(--modus-wc-color-white);\n}\n\n[data-theme=modus-classic-light] .modus-wc-tooltip-arrow::before {\n  background-color: var(--modus-wc-color-gray-7);\n}\n\n[data-theme=modus-classic-dark] .modus-wc-tooltip-content {\n  background-color: var(--modus-wc-color-gray-0);\n  color: var(--modus-wc-color-trimble-gray);\n}\n\n[data-theme=modus-classic-dark] .modus-wc-tooltip-arrow::before {\n  background-color: var(--modus-wc-color-gray-0);\n}\n\n[data-theme=connect-light] .modus-wc-tooltip-content,\n[data-theme=connect-dark] .modus-wc-tooltip-content {\n  background-color: var(--modus-wc-color-base-content);\n  color: var(--modus-wc-color-base-page);\n}\n\n[data-theme=connect-light] .modus-wc-tooltip-arrow::before,\n[data-theme=connect-dark] .modus-wc-tooltip-arrow::before {\n  background-color: var(--modus-wc-color-base-content);\n}\n/**\n* Only add styles here that should not be applied by Tailwind or the theme.\n*/\nmodus-wc-tree-item .modus-wc-menu-item {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive {\n  align-items: center;\n  border-radius: inherit;\n  display: flex;\n  width: 100%;\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:focus {\n  background-color: transparent;\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive.modus-wc-menu-dropdown-toggle::after {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content {\n  align-items: center;\n  display: flex;\n  width: 100%;\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content [slot=start] {\n  padding-inline-end: var(--modus-wc-spacing-sm);\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content [slot=end] {\n  margin-inline-start: auto;\n  padding-inline-start: var(--modus-wc-spacing-sm);\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content [slot=end]:is(modus-wc-dropdown-menu) {\n  background-color: transparent;\n  padding-inline-start: 0;\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content modus-wc-checkbox {\n  padding-inline-end: var(--modus-wc-spacing-sm);\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content .modus-wc-menu-item-labels {\n  padding-inline-end: var(--modus-wc-spacing-xs);\n  padding-inline-start: var(--modus-wc-spacing-md);\n  white-space: nowrap;\n}\nmodus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-sm);\n  white-space: nowrap;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-sm .modus-wc-menu-item-interactive {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-sm .modus-wc-menu-item-interactive .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-xs);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-lg .modus-wc-menu-item-interactive {\n  font-size: var(--modus-wc-font-size-lg);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-lg .modus-wc-menu-item-interactive .modus-wc-menu-item-sublabel {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-bordered {\n  border-bottom: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n  border-radius: 0;\n  border-top: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-bordered.modus-wc-menu-item-selected, modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-bordered.modus-wc-menu-item-active {\n  border-color: transparent;\n}\nmodus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-selected) {\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n  border-radius: inherit;\n  color: var(--modus-wc-base-content);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected:focus {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected .modus-wc-menu-item-interactive {\n  background-color: transparent;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected .modus-wc-menu-item-interactive:hover, modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-selected .modus-wc-menu-item-interactive:focus {\n  background-color: transparent;\n  border-radius: inherit;\n  box-shadow: none;\n  color: inherit;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n  border-radius: inherit;\n  color: var(--modus-wc-color-base-content);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active:focus {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary-pale) 50%, transparent);\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive {\n  background-color: transparent;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:hover, modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:focus {\n  background-color: transparent;\n  border-radius: inherit;\n  box-shadow: none;\n  color: inherit;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-disabled {\n  opacity: 0.4;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-disabled .modus-wc-menu-item-interactive {\n  pointer-events: none;\n}\nmodus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover {\n  background-color: var(--modus-wc-color-base-100);\n  outline: none;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover {\n  background-color: var(--modus-wc-color-base-100);\n}\nmodus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible), modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused {\n  background-color: var(--modus-wc-color-base-100);\n  color: var(--modus-wc-color-primary);\n  outline: none;\n}\nmodus-wc-tree-item .modus-wc-menu-item:focus-visible {\n  background-color: transparent;\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\nmodus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused {\n  border-radius: inherit;\n  outline: 2px solid var(--modus-wc-color-primary);\n  outline-offset: -2px;\n}\n\n[data-theme=modus-modern-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover,\n[data-theme=modus-modern-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover,\n[data-theme=modus-classic-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover,\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive:hover {\n  background-color: transparent;\n}\n\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active),\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active) {\n  color: var(--modus-wc-color-gray-light);\n}\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive.modus-wc-menu-dropdown-toggle::after,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive.modus-wc-menu-dropdown-toggle::after {\n  color: var(--modus-wc-color-gray-3);\n}\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover {\n  background-color: var(--modus-wc-color-gray-9);\n  color: inherit;\n  outline: none;\n}\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover {\n  background-color: var(--modus-wc-color-gray-9);\n  color: inherit;\n}\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active, [data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)),\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) {\n  background-color: color-mix(in sRGB, var(--modus-wc-color-primary) 30%, transparent);\n}\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive, [data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive {\n  background-color: transparent;\n}\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:hover, [data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:focus, [data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:hover, [data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:focus,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:hover,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive:focus,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:hover,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:active:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :active)):not(:has([slot=start] :active)) .modus-wc-menu-item-interactive:focus {\n  background-color: transparent;\n  box-shadow: none;\n  color: inherit;\n}\n[data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible), [data-theme=modus-classic-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):focus:not(:focus-visible),\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)).modus-wc-arrow-focused {\n  background-color: var(--modus-wc-color-gray-9);\n}\n\n[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=start])) .modus-wc-menu-item-labels,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=start])) .modus-wc-menu-item-labels {\n  padding-inline-start: 0;\n}\n[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=end])) .modus-wc-menu-item-labels,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-content:not(:has([slot=end])) .modus-wc-menu-item-labels {\n  padding-inline-end: 0;\n}\n[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-labels,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item .modus-wc-menu-item-interactive .modus-wc-menu-item-labels {\n  font-weight: var(--modus-wc-font-weight-normal);\n}\n[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive .modus-wc-menu-item-labels,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-active .modus-wc-menu-item-interactive .modus-wc-menu-item-labels {\n  font-weight: var(--modus-wc-font-weight-semibold);\n}\n[data-theme=connect-light] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive .modus-wc-menu-item-labels,\n[data-theme=connect-dark] modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-md .modus-wc-menu-item-interactive .modus-wc-menu-item-labels {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n/* Connect light side nav: suppress base-100 li hover; paint row on interactive. */\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-menu .modus-wc-menu li.modus-wc-menu-item:hover,\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item:hover {\n  background-color: transparent;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active) > .modus-wc-menu-item-interactive:hover {\n  background-color: var(--modus-wc-color-trimble-blue) !important;\n  color: var(--modus-wc-color-white) !important;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-disabled):not(.modus-wc-menu-item-focused):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover {\n  background-color: transparent;\n  outline: none;\n}\n[data-theme=connect-light] modus-wc-side-navigation modus-wc-tree-item .modus-wc-menu-item.modus-wc-menu-item-focused:not(.modus-wc-menu-item-disabled):not(:has(.modus-wc-menu-dropdown)):not(:has([slot=end] :hover)):not(:has([slot=end] :active)):not(:has([slot=start] :hover)):not(:has([slot=start] :active)):hover {\n  background-color: transparent;\n}\n\nmodus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):has([slot=end] :active) {\n  background-color: transparent;\n  color: inherit;\n}\n\nmodus-wc-tree-item .modus-wc-menu-item:has([slot=end] :active) > .modus-wc-menu-item-interactive {\n  background-color: transparent;\n  color: inherit;\n}\n\nmodus-wc-tree-item .modus-wc-menu-item:not(.modus-wc-menu-item-active):has([slot=start] :active) {\n  background-color: transparent;\n  color: inherit;\n}\n\nmodus-wc-tree-item .modus-wc-menu-item:has([slot=start] :active) > .modus-wc-menu-item-interactive {\n  background-color: transparent;\n  color: inherit;\n}\n/**\n* Only add styles here that should not be applied by Tailwind or the theme.\n*/\nmodus-wc-tree-menu.modus-wc-menu-submenu {\n  display: contents;\n}\n\nmodus-wc-tree-menu .modus-wc-menu {\n  background-color: var(--modus-wc-color-base-page);\n  border-radius: var(--modus-wc-border-radius-md);\n  /* Enforce Tailwind CSS reset */\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  padding-inline-start: 0;\n}\nmodus-wc-tree-menu .modus-wc-menu.modus-wc-menu--bordered {\n  border: var(--modus-wc-border-width-xs) solid var(--modus-wc-color-base-200);\n}\n\nmodus-wc-tree-menu .modus-wc-menu-dropdown {\n  display: none;\n  list-style: none;\n}\nmodus-wc-tree-menu .modus-wc-menu-dropdown-show {\n  display: block;\n}\n\n[data-theme=modus-classic-light] modus-wc-tree-menu .modus-wc-menu {\n  background-color: var(--modus-wc-color-white);\n  border-color: var(--modus-wc-color-gray-0);\n}\n\n[data-theme=modus-classic-dark] modus-wc-tree-menu .modus-wc-menu {\n  background-color: var(--modus-wc-color-black);\n  border-color: var(--modus-wc-color-gray-8);\n}\n/**\n* This component uses Tailwind CSS and DaisyUI.\n* Only add styles here that should not be applied by Tailwind, Daisy, or the theme.\n*/\nmodus-wc-typography h1.modus-wc-typography:not(.modus-wc-typography-override) {\n  font-size: var(--modus-wc-font-size-3xl);\n  font-weight: var(--modus-wc-font-weight-normal);\n  letter-spacing: 0.5px;\n  line-height: 36px;\n}\nmodus-wc-typography h2.modus-wc-typography:not(.modus-wc-typography-override) {\n  font-size: var(--modus-wc-font-size-2xl);\n  font-weight: var(--modus-wc-font-weight-normal);\n  letter-spacing: 0.15px;\n  line-height: 30px;\n}\nmodus-wc-typography h3.modus-wc-typography:not(.modus-wc-typography-override) {\n  font-size: var(--modus-wc-font-size-xl);\n  font-weight: var(--modus-wc-font-weight-semibold);\n  letter-spacing: 0.15px;\n  line-height: 27px;\n}\nmodus-wc-typography h4.modus-wc-typography:not(.modus-wc-typography-override) {\n  font-size: var(--modus-wc-font-size-lg);\n  font-weight: var(--modus-wc-font-weight-semibold);\n  letter-spacing: 0.15px;\n  line-height: 24px;\n}\nmodus-wc-typography h5.modus-wc-typography:not(.modus-wc-typography-override) {\n  font-size: var(--modus-wc-font-size-md);\n  font-weight: var(--modus-wc-font-weight-bold);\n  letter-spacing: 0.45px;\n  line-height: 24px;\n}\nmodus-wc-typography h6.modus-wc-typography:not(.modus-wc-typography-override) {\n  font-size: var(--modus-wc-font-size-sm);\n  font-weight: var(--modus-wc-font-weight-bold);\n  letter-spacing: 0.45px;\n  line-height: 18px;\n}\nmodus-wc-typography .modus-wc-typography-weight-light {\n  font-weight: var(--modus-wc-font-weight-light);\n}\nmodus-wc-typography .modus-wc-typography-weight-normal {\n  font-weight: var(--modus-wc-font-weight-normal);\n}\nmodus-wc-typography .modus-wc-typography-weight-semibold {\n  font-weight: var(--modus-wc-font-weight-semibold);\n}\nmodus-wc-typography .modus-wc-typography-weight-bold {\n  font-weight: var(--modus-wc-font-weight-bold);\n}\nmodus-wc-typography .modus-wc-text-xs {\n  font-size: var(--modus-wc-font-size-xs);\n}\nmodus-wc-typography .modus-wc-text-sm {\n  font-size: var(--modus-wc-font-size-sm);\n}\nmodus-wc-typography .modus-wc-text-md {\n  font-size: var(--modus-wc-font-size-md);\n}\nmodus-wc-typography .modus-wc-text-lg {\n  font-size: var(--modus-wc-font-size-lg);\n}\nmodus-wc-typography .modus-wc-text-xl {\n  font-size: var(--modus-wc-font-size-xl);\n}\nmodus-wc-typography .modus-wc-text-2xl {\n  font-size: var(--modus-wc-font-size-2xl);\n}\nmodus-wc-typography .modus-wc-text-3xl {\n  font-size: var(--modus-wc-font-size-3xl);\n}\n\n[data-theme=connect-light] modus-wc-typography :not(a),\n[data-theme=connect-dark] modus-wc-typography :not(a) {\n  color: var(--modus-wc-color-base-content-low-contrast);\n}\n[data-theme=connect-light] modus-wc-typography h1.modus-wc-typography,\n[data-theme=connect-dark] modus-wc-typography h1.modus-wc-typography {\n  font-size: var(--modus-wc-font-size-4xl);\n  font-weight: var(--modus-wc-font-weight-normal);\n  letter-spacing: 0.5px;\n  line-height: 30px;\n}\n[data-theme=connect-light] modus-wc-typography h2.modus-wc-typography,\n[data-theme=connect-dark] modus-wc-typography h2.modus-wc-typography {\n  font-size: var(--modus-wc-font-size-3xl);\n  font-weight: var(--modus-wc-font-weight-semibold);\n  letter-spacing: 0.15px;\n  line-height: 24px;\n}\n[data-theme=connect-light] modus-wc-typography h3.modus-wc-typography,\n[data-theme=connect-dark] modus-wc-typography h3.modus-wc-typography {\n  font-size: var(--modus-wc-font-size-xl);\n  font-weight: var(--modus-wc-font-weight-semibold);\n  letter-spacing: 0.15px;\n  line-height: 18px;\n}\n[data-theme=connect-light] modus-wc-typography h4.modus-wc-typography,\n[data-theme=connect-dark] modus-wc-typography h4.modus-wc-typography {\n  font-size: var(--modus-wc-font-size-lg);\n  letter-spacing: 0.15px;\n  line-height: 24px;\n}\n[data-theme=connect-light] modus-wc-typography h5.modus-wc-typography,\n[data-theme=connect-dark] modus-wc-typography h5.modus-wc-typography {\n  font-size: var(--modus-wc-font-size-md);\n  font-weight: var(--modus-wc-font-weight-bold);\n  letter-spacing: 0.45px;\n  line-height: 24px;\n}\n[data-theme=connect-light] modus-wc-typography h6.modus-wc-typography,\n[data-theme=connect-dark] modus-wc-typography h6.modus-wc-typography {\n  font-size: var(--modus-wc-font-size-xs);\n  font-weight: var(--modus-wc-font-weight-bold);\n  letter-spacing: 0.45px;\n  line-height: 18px;\n  text-transform: uppercase;\n}\nmodus-wc-utility-panel {\n  --modus-wc-utility-panel-padding: 1rem;\n  --modus-wc-utility-panel-width: 312px;\n  --modus-wc-utility-panel-header-height: 50px;\n  --modus-wc-utility-panel-border-color: var(--modus-wc-color-base-200);\n  --modus-wc-utility-panel-box-shadow: -2px 0 4px rgb(0, 0, 0, 0.1);\n  --modus-wc-utility-panel-transition-duration: 0.3s;\n}\n\n.modus-wc-utility-panel {\n  background-color: var(--modus-wc-color-base-page);\n  box-shadow: var(--modus-wc-utility-panel-box-shadow);\n  color: var(--modus-wc-utility-panel-color);\n  height: 100%;\n  position: absolute;\n  right: calc(var(--modus-wc-utility-panel-width) * -1 - 12px);\n  top: 0;\n  transition: right var(--modus-wc-utility-panel-transition-duration) ease-out;\n  width: var(--modus-wc-utility-panel-width);\n  z-index: 1000;\n}\n.modus-wc-utility-panel.open {\n  background: var(--modus-wc-color-base-page);\n  right: 0;\n  transition: right var(--modus-wc-utility-panel-transition-duration) ease-out;\n}\n.modus-wc-utility-panel .modus-wc-utility-panel-content {\n  background: var(--modus-wc-color-base-page);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n.modus-wc-utility-panel .modus-wc-utility-panel-content .modus-wc-utility-panel-header,\n.modus-wc-utility-panel .modus-wc-utility-panel-content .modus-wc-utility-panel-footer {\n  align-items: center;\n  background: var(--modus-wc-color-base-page);\n  display: flex;\n  height: var(--modus-wc-utility-panel-header-height);\n  padding: 0 var(--modus-wc-utility-panel-padding);\n}\n.modus-wc-utility-panel .modus-wc-utility-panel-content .modus-wc-utility-panel-body {\n  background: var(--modus-wc-color-base-page);\n  flex: 1;\n  overflow: auto;\n  padding: var(--modus-wc-utility-panel-padding);\n}\n.modus-wc-utility-panel .modus-wc-utility-panel-content hr {\n  border: none;\n  border-top: 1px solid var(--modus-wc-utility-panel-border-color);\n  margin: 0;\n}\n";