@carbon/web-components 2.51.1 → 2.52.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/custom-elements.json +477 -0
  2. package/es/components/checkbox/checkbox.js +8 -2
  3. package/es/components/checkbox/checkbox.js.map +1 -1
  4. package/es/components/contained-list/contained-list-item.d.ts +1 -1
  5. package/es/components/contained-list/contained-list-item.d.ts.map +1 -1
  6. package/es/components/contained-list/contained-list-item.js +3 -11
  7. package/es/components/contained-list/contained-list-item.js.map +1 -1
  8. package/es/components/contained-list/contained-list.scss.js +1 -1
  9. package/es/components/contained-list/contained-list.scss.js.map +1 -1
  10. package/es/components/dropdown/dropdown.d.ts +4 -0
  11. package/es/components/dropdown/dropdown.d.ts.map +1 -1
  12. package/es/components/dropdown/dropdown.js +3 -0
  13. package/es/components/dropdown/dropdown.js.map +1 -1
  14. package/es/components/fluid-dropdown/fluid-dropdown-skeleton.d.ts +18 -0
  15. package/es/components/fluid-dropdown/fluid-dropdown-skeleton.d.ts.map +1 -0
  16. package/es/components/fluid-dropdown/fluid-dropdown-skeleton.js +47 -0
  17. package/es/components/fluid-dropdown/fluid-dropdown-skeleton.js.map +1 -0
  18. package/es/components/fluid-dropdown/fluid-dropdown.d.ts +21 -0
  19. package/es/components/fluid-dropdown/fluid-dropdown.d.ts.map +1 -0
  20. package/es/components/fluid-dropdown/fluid-dropdown.js +58 -0
  21. package/es/components/fluid-dropdown/fluid-dropdown.js.map +1 -0
  22. package/es/components/fluid-dropdown/fluid-dropdown.scss.js +15 -0
  23. package/es/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -0
  24. package/es/components/fluid-dropdown/index.d.ts +9 -0
  25. package/es/components/fluid-dropdown/index.d.ts.map +1 -0
  26. package/es/components/fluid-dropdown/index.js +9 -0
  27. package/es/components/list/list.scss.js +1 -1
  28. package/es-custom/components/checkbox/checkbox.js +8 -2
  29. package/es-custom/components/checkbox/checkbox.js.map +1 -1
  30. package/es-custom/components/contained-list/contained-list-item.d.ts +1 -1
  31. package/es-custom/components/contained-list/contained-list-item.d.ts.map +1 -1
  32. package/es-custom/components/contained-list/contained-list-item.js +3 -11
  33. package/es-custom/components/contained-list/contained-list-item.js.map +1 -1
  34. package/es-custom/components/contained-list/contained-list.scss.js +1 -1
  35. package/es-custom/components/contained-list/contained-list.scss.js.map +1 -1
  36. package/es-custom/components/dropdown/dropdown.d.ts +4 -0
  37. package/es-custom/components/dropdown/dropdown.d.ts.map +1 -1
  38. package/es-custom/components/dropdown/dropdown.js +3 -0
  39. package/es-custom/components/dropdown/dropdown.js.map +1 -1
  40. package/es-custom/components/fluid-dropdown/fluid-dropdown-skeleton.d.ts +18 -0
  41. package/es-custom/components/fluid-dropdown/fluid-dropdown-skeleton.d.ts.map +1 -0
  42. package/es-custom/components/fluid-dropdown/fluid-dropdown-skeleton.js +47 -0
  43. package/es-custom/components/fluid-dropdown/fluid-dropdown-skeleton.js.map +1 -0
  44. package/es-custom/components/fluid-dropdown/fluid-dropdown.d.ts +21 -0
  45. package/es-custom/components/fluid-dropdown/fluid-dropdown.d.ts.map +1 -0
  46. package/es-custom/components/fluid-dropdown/fluid-dropdown.js +58 -0
  47. package/es-custom/components/fluid-dropdown/fluid-dropdown.js.map +1 -0
  48. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +15 -0
  49. package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js.map +1 -0
  50. package/es-custom/components/fluid-dropdown/index.d.ts +9 -0
  51. package/es-custom/components/fluid-dropdown/index.d.ts.map +1 -0
  52. package/es-custom/components/fluid-dropdown/index.js +9 -0
  53. package/es-custom/components/list/list.scss.js +1 -1
  54. package/lib/components/contained-list/contained-list-item.d.ts +1 -1
  55. package/lib/components/contained-list/contained-list-item.d.ts.map +1 -1
  56. package/lib/components/dropdown/dropdown.d.ts +4 -0
  57. package/lib/components/dropdown/dropdown.d.ts.map +1 -1
  58. package/lib/components/fluid-dropdown/fluid-dropdown-skeleton.d.ts +18 -0
  59. package/lib/components/fluid-dropdown/fluid-dropdown-skeleton.d.ts.map +1 -0
  60. package/lib/components/fluid-dropdown/fluid-dropdown.d.ts +21 -0
  61. package/lib/components/fluid-dropdown/fluid-dropdown.d.ts.map +1 -0
  62. package/lib/components/fluid-dropdown/index.d.ts +9 -0
  63. package/lib/components/fluid-dropdown/index.d.ts.map +1 -0
  64. package/package.json +6 -6
  65. package/scss/components/contained-list/contained-list.scss +13 -1
  66. package/scss/components/fluid-dropdown/fluid-dropdown.scss +234 -0
  67. package/telemetry.yml +2 -0
package/es/components/fluid-dropdown/fluid-dropdown.scss.js ADDED
@@ -0,0 +1,15 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import { css } from "lit";
9
+
10
+ //#region src/components/fluid-dropdown/fluid-dropdown.scss?lit
11
+ var fluid_dropdown_default = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}@keyframes cds--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{box-shadow:0 0 0 1000px var(--cds-field) inset;-webkit-text-fill-color:var(--cds-text-primary,#161616)}.cds--fieldset{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--fieldset *,.cds--fieldset :after,.cds--fieldset :before{box-sizing:inherit}.cds--form-item{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--label html{font-size:100%}.cds--label body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--label code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--label strong{font-weight:600}.cds--label{color:var(--cds-text-secondary,#525252);display:inline-block;font-weight:var(--cds-label-01-font-weight,400);font-weight:400;line-height:var(--cds-label-01-line-height,1.33333);line-height:1rem;margin-block-end:.5rem;vertical-align:baseline}.cds--label,.cds--label .cds--toggletip-label{font-size:var(--cds-label-01-font-size,.75rem);letter-spacing:var(--cds-label-01-letter-spacing,.32px)}.cds--label .cds--toggletip-label{font-weight:var(--cds-label-01-font-weight,400);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label--no-margin{margin-block-end:0}.cds--label+.cds--tooltip{inset-block-start:.2rem;inset-inline-start:.5rem;position:relative}.cds--label+.cds--tooltip .cds--tooltip__trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--label+.cds--tooltip .cds--tooltip__trigger *,.cds--label+.cds--tooltip .cds--tooltip__trigger :after,.cds--label+.cds--tooltip .cds--tooltip__trigger :before{box-sizing:inherit}.cds--label+.cds--tooltip .cds--tooltip__trigger::-moz-focus-inner{border:0}.cds--label+.cds--tooltip .cds--tooltip__trigger{align-items:center;display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);justify-content:center;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--label+.cds--tooltip .cds--tooltip__trigger:focus{outline:1px solid var(--cds-focus,#0f62fe)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg{fill:var(--cds-icon-secondary,#525252)}.cds--label+.cds--tooltip .cds--tooltip__trigger svg :hover{fill:var(--cds-icon-primary,#161616)}.cds--label+.cds--toggletip{inset-block-start:.2rem;inset-inline-start:.5rem}.cds--label.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--label.cds--skeleton:active,.cds--label.cds--skeleton:focus,.cds--label.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--label.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--label.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--label.cds--skeleton{background:CanvasText}.cds--label.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--label.cds--skeleton{block-size:.875rem;inline-size:4.6875rem}input[type=number],input[type=text].cds--number{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif}.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--combo-box[data-invalid]:not(.cds--multi-select--selected) .cds--text-input:not(:focus),.cds--list-box[data-invalid]:not(.cds--multi-select--invalid--focused,.cds--combo-box--invalid--focused),.cds--number[data-invalid] input[type=number]:not(:focus),.cds--number[data-invalid] input[type=text]:not(:focus),.cds--select-input__wrapper[data-invalid] .cds--select-input:not(:focus),.cds--text-area__wrapper[data-invalid]>.cds--text-area--invalid:not(:focus),.cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:not(:focus),input[data-invalid]:not(:focus){outline-style:dotted}}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper--warn~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box--warning~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--number__input-wrapper--warning~.cds--form-requirement,.cds--select--warning .cds--select-input__wrapper~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper--warn~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper--warning>.cds--text-input~.cds--form-requirement,.cds--text-input__field-wrapper--warning~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker--warning~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--select--inline.cds--select--warning .cds--select-input--inline__wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement{display:inline-flex;inline-size:100%;margin:0;margin-block-end:0;max-block-size:100%;overflow:visible;padding-inline-start:.5rem}.cds--date-picker-input__wrapper--invalid~.cds--form-requirement,.cds--date-picker-input__wrapper~.cds--form-requirement,.cds--list-box[data-invalid]~.cds--form-requirement,.cds--number[data-invalid] .cds--number__input-wrapper~.cds--form-requirement,.cds--select-input--inline__wrapper[data-invalid]~.cds--form-requirement,.cds--select-input__wrapper[data-invalid]~.cds--form-requirement,.cds--text-area__wrapper[data-invalid]~.cds--form-requirement,.cds--text-input__field-wrapper[data-invalid]~.cds--form-requirement,.cds--time-picker--invalid~.cds--form-requirement,.cds--time-picker[data-invalid]~.cds--form-requirement,input[data-invalid]~.cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input__field-wrapper--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]{display:block}.cds--form--fluid input[data-invalid]{outline:none}.cds--form--fluid .cds--form-requirement{margin:0;padding:.5rem 2.5rem .5rem 1rem}input:not(output,[data-invalid]):-moz-ui-invalid{box-shadow:none}.cds--form-requirement html{font-size:100%}.cds--form-requirement body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--form-requirement code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--form-requirement strong{font-weight:600}.cds--form-requirement{display:none;font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin:.25rem 0 0;max-block-size:0;overflow:hidden}.cds--select--inline .cds--form__helper-text{margin-block-start:0}.cds--form__helper-text{color:var(--cds-text-helper,#6f6f6f);font-size:var(--cds-helper-text-01-font-size,.75rem);inline-size:100%;letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.25rem;opacity:1;z-index:0}.cds--form__helper-text--disabled,.cds--label--disabled,fieldset[disabled] .cds--form__helper-text,fieldset[disabled] .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--text-input{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max));border:0;box-sizing:border-box;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--text-input *,.cds--text-input :after,.cds--text-input :before{box-sizing:inherit}.cds--text-input{background-color:var(--cds-field);block-size:var(--cds-layout-size-height-local);border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);font-family:inherit;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);outline:2px solid transparent;outline-offset:-2px;padding:0 var(--cds-layout-density-padding-inline-local);transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input:active,.cds--text-input:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input:active,.cds--text-input:focus{outline-style:dotted}}.cds--text-input-wrapper svg[hidden]{display:none}.cds--password-input{padding-inline-end:2.5rem}.cds--text-input--sm.cds--password-input{padding-inline-end:2rem}.cds--text-input--lg.cds--password-input{padding-inline-end:3rem}.cds--text-input::-moz-placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input::placeholder{color:var(--cds-text-placeholder,hsla(0,0%,9%,.4));opacity:1}.cds--text-input--light{background-color:var(--cds-field-02,#fff)}.cds--text-input__field-wrapper{display:flex;inline-size:100%;position:relative}.cds--text-input__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--text-input__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:1}.cds--text-input--password__visibility{align-items:center;display:inline-flex;overflow:visible;position:relative}.cds--text-input--password__visibility:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus{outline-style:dotted}}.cds--text-input--password__visibility{cursor:pointer}.cds--text-input--password__visibility:focus{outline:1px solid transparent}.cds--text-input--password__visibility:focus svg{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--text-input--password__visibility:focus svg{outline-style:dotted}}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{align-items:center;display:flex;opacity:0;pointer-events:none;position:absolute;z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{display:inline-block}}.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:opacity 70ms cubic-bezier(.2,0,.38,.9)}@media screen and (prefers-reduced-motion:reduce){.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{transition:none}}.cds--text-input--password__visibility.cds--tooltip--a11y:after,.cds--text-input--password__visibility.cds--tooltip--a11y:before{transition:none}.cds--text-input--password__visibility:before{block-size:0;border-style:solid;content:\"\";inline-size:0}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text{box-sizing:content-box;color:inherit;opacity:1;white-space:normal;word-break:break-word}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{background-color:var(--cds-background-inverse,#393939);block-size:auto;border-radius:.125rem;box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));color:var(--cds-text-inverse,#fff);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:400;font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:-moz-max-content;inline-size:max-content;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);max-inline-size:13rem;min-inline-size:1.5rem;padding:.1875rem 1rem;text-align:start;transform:translateX(-50%);z-index:6000}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-accelerator:true){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@supports (-ms-ime-align:auto){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inline-size:auto}}@media screen and (-ms-high-contrast:active),screen and (prefers-contrast){.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{border:1px solid transparent}}.cds--text-input--password__visibility:after{content:attr(aria-label)}.cds--text-input--password__visibility.cds--tooltip--a11y:after{content:none}.cds--text-input--password__visibility.cds--tooltip--visible:after,.cds--text-input--password__visibility.cds--tooltip--visible:before,.cds--text-input--password__visibility:focus:after,.cds--text-input--password__visibility:focus:before,.cds--text-input--password__visibility:hover:after,.cds--text-input--password__visibility:hover:before{opacity:1}@keyframes cds--tooltip-fade{0%{opacity:0}to{opacity:1}}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text{margin:auto;overflow:visible;clip:auto}.cds--text-input--password__visibility.cds--tooltip--visible .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible+.cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--visible.cds--tooltip--a11y:before,.cds--text-input--password__visibility:focus .cds--assistive-text,.cds--text-input--password__visibility:focus+.cds--assistive-text,.cds--text-input--password__visibility:focus.cds--tooltip--a11y:before,.cds--text-input--password__visibility:hover .cds--assistive-text,.cds--text-input--password__visibility:hover+.cds--assistive-text,.cds--text-input--password__visibility:hover.cds--tooltip--a11y:before{animation:cds--tooltip-fade 70ms cubic-bezier(.2,0,.38,.9)}.cds--text-input--password__visibility.cds--tooltip--hidden .cds--assistive-text,.cds--text-input--password__visibility.cds--tooltip--hidden+.cds--assistive-text{margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.cds--text-input--password__visibility.cds--tooltip--hidden.cds--tooltip--a11y:before{animation:none;opacity:0}.cds--text-input--password__visibility .cds--assistive-text:after{block-size:.75rem;content:\"\";display:block;inline-size:100%;inset-block-start:-.75rem;inset-inline-start:0;position:absolute}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after,.cds--text-input--password__visibility:before{inset-block-end:0;inset-inline-start:50%}.cds--text-input--password__visibility:before{border-color:transparent transparent var(--cds-background-inverse,#393939);border-width:0 .25rem .3125rem;inset-block-end:-.5rem;transform:translate(-50%,100%)}.cds--text-input--password__visibility .cds--assistive-text,.cds--text-input--password__visibility+.cds--assistive-text,.cds--text-input--password__visibility:after{inset-block-end:-.8125rem;transform:translate(-50%,100%)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{align-items:center;background:none;block-size:100%;border:0;cursor:pointer;display:flex;inline-size:2.5rem;inset-inline-end:0;justify-content:center;min-block-size:auto;outline:2px solid transparent;outline-offset:-2px;padding:0;position:absolute;transition:outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--toggle-password-tooltip .cds--popover{inset-inline-start:-2.5rem}.cds--toggle-password-tooltip .cds--popover-content{min-inline-size:2.5rem}.cds--text-input--sm+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:2rem}.cds--text-input--lg+.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{inline-size:3rem}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg{fill:var(--cds-icon-primary,#161616)}.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--btn.cds--text-input--password__visibility__toggle.cds--tooltip__trigger:focus{outline-style:dotted}}.cds--text-input--invalid,.cds--text-input--warning{padding-inline-end:2.5rem}.cds--text-input--invalid.cds--password-input{padding-inline-end:4rem}.cds--text-input--invalid+.cds--text-input--password__visibility__toggle{inset-inline-end:1rem}.cds--password-input-wrapper .cds--text-input__invalid-icon{inset-inline-end:2.5rem}.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger{cursor:not-allowed}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg,.cds--text-input:disabled~.cds--text-input--password__visibility__toggle.cds--tooltip__trigger svg:hover{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger{cursor:default}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--text-input--password__visibility__toggle:disabled.cds--tooltip__trigger:hover{cursor:default}.cds--text-input__counter-alert{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px}.cds--text-input:disabled{background-color:var(--cds-field);border-block-end:1px solid transparent;color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:2px solid transparent;outline-offset:-2px;-webkit-text-fill-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--text-input--light:disabled{background-color:var(--cds-field-02,#fff)}.cds--text-input:disabled::-moz-placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input:disabled::placeholder{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));opacity:1}.cds--text-input--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--text-input--invalid{outline-style:dotted}}.cds--text-input--invalid{box-shadow:none}.cds--text-input--invalid .cds--text-input--password__visibility__toggle{inset-inline-end:2.5rem}.cds--skeleton.cds--text-input{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--skeleton.cds--text-input:active,.cds--skeleton.cds--text-input:focus,.cds--skeleton.cds--text-input:hover{border:none;cursor:default;outline:none}.cds--skeleton.cds--text-input:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--skeleton.cds--text-input:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--skeleton.cds--text-input{background:CanvasText}.cds--skeleton.cds--text-input:before{background:Canvas;forced-color-adjust:none}}.cds--form--fluid .cds--text-input-wrapper{background:var(--cds-field);position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--form--fluid .cds--label{align-items:center;block-size:1rem;display:flex;inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--form--fluid .cds--form__helper-text{display:none}.cds--form--fluid .cds--text-input{min-block-size:4rem;padding:2rem 1rem .8125rem}.cds--form--fluid .cds--text-input__divider,.cds--text-input__divider{display:none}.cds--form--fluid .cds--text-input--invalid,.cds--form--fluid .cds--text-input--warning{border-block-end:none}.cds--form--fluid .cds--text-input--invalid+.cds--text-input__divider,.cds--form--fluid .cds--text-input--warning+.cds--text-input__divider{border-color:var(--cds-border-subtle);border-style:solid;border-block-end:none;display:block;margin:0 1rem}.cds--form--fluid .cds--text-input__invalid-icon{inset-block-start:5rem}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid{outline:none}.cds--form--fluid .cds--text-input__field-wrapper--warning{border-block-end:1px solid var(--cds-border-strong)}.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:not(:focus){outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--form--fluid .cds--text-input__field-wrapper--warning:focus-within,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]:focus-within{outline-style:dotted}}.cds--form--fluid .cds--text-input__field-wrapper--warning>.cds--text-input--warning:focus,.cds--form--fluid .cds--text-input__field-wrapper[data-invalid]>.cds--text-input--invalid:focus{outline:none}.cds--text-input-wrapper.cds--text-input-wrapper--inline{flex-flow:row wrap}.cds--text-input-wrapper .cds--label--inline{flex:1;margin:.8125rem 0 0;overflow-wrap:break-word;word-break:break-word}.cds--text-input-wrapper .cds--label--inline--sm{margin-block-start:.5625rem}.cds--text-input-wrapper .cds--label--inline--lg{margin-block-start:1.0625rem}.cds--text-input__label-helper-wrapper{flex:2;flex-direction:column;margin-inline-end:1.5rem;max-inline-size:8rem;overflow-wrap:break-word}.cds--text-input-wrapper .cds--form__helper-text--inline{margin-block-start:.125rem}.cds--text-input__field-outer-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;inline-size:100%}.cds--text-input__field-outer-wrapper--inline{flex:8;flex-direction:column}.cds--text-input-wrapper--inline .cds--form-requirement{display:block;font-weight:400;max-block-size:12.5rem;overflow:visible}.cds--text-input-wrapper--inline--invalid .cds--form-requirement{color:var(--cds-text-error,#da1e28)}.cds--form--fluid .cds--text-input-wrapper--readonly,.cds--text-input-wrapper--readonly .cds--text-input{background:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--text-input__field-wrapper .cds--ai-label,.cds--text-input__field-wrapper .cds--slug,.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator>*{inset-block-start:50%;inset-inline-end:1rem;position:absolute;transform:translateY(-50%)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label):not(:has(~.cds--text-input__field-inner-wrapper--decorator .cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label):not(:has(~.cds--ai-label--revert)),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug):not(:has(~.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--text-input__field-wrapper--decorator .cds--text-input:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--ai-label),.cds--text-input__field-wrapper--slug .cds--text-input:has(~.cds--slug){padding-inline-end:2.5rem}.cds--text-input--invalid:has(~.cds--ai-label),.cds--text-input--invalid:has(~.cds--slug),.cds--text-input--invalid:has(~.cds--text-input__field-inner-wrapper--decorator>*),.cds--text-input--warning:has(~.cds--ai-label),.cds--text-input--warning:has(~.cds--slug),.cds--text-input--warning:has(~.cds--text-input__field-inner-wrapper--decorator>*){padding-inline-end:4rem}.cds--text-input--invalid~.cds--ai-label,.cds--text-input--invalid~.cds--slug,.cds--text-input--invalid~.cds--text-input__field-inner-wrapper--decorator>*,.cds--text-input--warning~.cds--ai-label,.cds--text-input--warning~.cds--slug,.cds--text-input--warning~.cds--text-input__field-inner-wrapper--decorator>*{inset-inline-end:2.5rem}.cds--text-input__field-wrapper--decorator .cds--text-input__field-inner-wrapper--decorator:not(:has(.cds--ai-label))>*{block-size:1rem}.cds--text-input__label-wrapper{display:flex;inline-size:100%;justify-content:space-between}.cds--tag{--cds-layout-size-height-xs:1.125rem}.cds--layout--size-xs :where(.cds--tag),.cds--tag.cds--layout--size-xs{--cds-layout-size-height:var(--cds-layout-size-height-xs)}.cds--tag{--cds-layout-size-height-sm:1.125rem}.cds--layout--size-sm :where(.cds--tag),.cds--tag.cds--layout--size-sm{--cds-layout-size-height:var(--cds-layout-size-height-sm)}.cds--tag{--cds-layout-size-height-md:1.5rem}.cds--layout--size-md :where(.cds--tag),.cds--tag.cds--layout--size-md{--cds-layout-size-height:var(--cds-layout-size-height-md)}.cds--tag{--cds-layout-size-height-lg:2rem}.cds--layout--size-lg :where(.cds--tag),.cds--tag.cds--layout--size-lg{--cds-layout-size-height:var(--cds-layout-size-height-lg)}.cds--tag{--cds-layout-size-height-local:clamp(max(var(--cds-layout-size-height-min),var(--cds-layout-size-height-sm)),var(--cds-layout-size-height,var(--cds-layout-size-height-md)),min(var(--cds-layout-size-height-max),var(--cds-layout-size-height-lg)));background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616);font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333)}.cds--tag.cds--tag--operational{border:1px solid var(--cds-tag-background-gray,#e0e0e0)}.cds--tag .cds--tag__close-icon:hover,.cds--tag.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds--tag{align-items:center;border-radius:1rem;cursor:default;display:inline-flex;justify-content:center;max-inline-size:13rem;min-block-size:var(--cds-layout-size-height-local);min-inline-size:2rem;padding-inline:.5rem;vertical-align:middle;word-break:break-word}.cds--tag.cds--tag--lg{padding-inline-start:.75rem}.cds--tag:has(.cds--tag__custom-icon){padding-inline-start:.25rem}.cds--tag.cds--tag--lg:not(.cds--tag--filter){padding-inline:.75rem}.cds--tag.cds--tag--lg:has(.cds--tag__custom-icon){padding-inline-start:.5rem}.cds--tag:not(.cds--tag--selectable){border:0}.cds--tag:not(:first-child){margin-inline-start:0}.cds--tag--operational>span,.cds--tag--selectable>span,.cds--tag__label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--tag--interactive:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--filter{padding-block:0;padding-inline-end:0}.cds--tag--filter:hover{outline:none}.cds--tag--selectable{background-color:var(--cds-layer);border:1px solid var(--cds-border-inverse,#161616);color:var(--cds-text-primary,#161616);cursor:pointer}.cds--tag--selectable:hover{background-color:var(--cds-layer-hover);outline:none}.cds--tag--selectable:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--selectable-selected{color:var(--cds-text-inverse,#fff)}.cds--tag--selectable-selected,.cds--tag--selectable-selected:hover{background-color:var(--cds-layer-selected-inverse,#161616)}.cds--tag--operational{background-color:var(--cds-tag-background-gray,#e0e0e0);border:1px solid var(--cds-tag-border-gray,#a8a8a8);color:var(--cds-tag-color-gray,#161616);cursor:pointer}.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1);outline:none}.cds--tag--operational:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:1px}.cds--tag--red{background-color:var(--cds-tag-background-red,#ffd7d9);color:var(--cds-tag-color-red,#a2191f)}.cds--tag--red.cds--tag--operational{border:1px solid var(--cds-tag-border-red,#ff8389)}.cds--tag--red .cds--tag__close-icon:hover,.cds--tag--red.cds--tag--operational:hover{background-color:var(--cds-tag-hover-red,#ffc2c5)}.cds--tag--red .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-red,#a2191f)}.cds--tag--magenta{background-color:var(--cds-tag-background-magenta,#ffd6e8);color:var(--cds-tag-color-magenta,#9f1853)}.cds--tag--magenta.cds--tag--operational{border:1px solid var(--cds-tag-border-magenta,#ff7eb6)}.cds--tag--magenta .cds--tag__close-icon:hover,.cds--tag--magenta.cds--tag--operational:hover{background-color:var(--cds-tag-hover-magenta,#ffbdda)}.cds--tag--magenta .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-magenta,#9f1853)}.cds--tag--purple{background-color:var(--cds-tag-background-purple,#e8daff);color:var(--cds-tag-color-purple,#6929c4)}.cds--tag--purple.cds--tag--operational{border:1px solid var(--cds-tag-border-purple,#be95ff)}.cds--tag--purple .cds--tag__close-icon:hover,.cds--tag--purple.cds--tag--operational:hover{background-color:var(--cds-tag-hover-purple,#dcc7ff)}.cds--tag--purple .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-purple,#6929c4)}.cds--tag--blue{background-color:var(--cds-tag-background-blue,#d0e2ff);color:var(--cds-tag-color-blue,#0043ce)}.cds--tag--blue.cds--tag--operational{border:1px solid var(--cds-tag-border-blue,#78a9ff)}.cds--tag--blue .cds--tag__close-icon:hover,.cds--tag--blue.cds--tag--operational:hover{background-color:var(--cds-tag-hover-blue,#b8d3ff)}.cds--tag--blue .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-blue,#0043ce)}.cds--tag--cyan{background-color:var(--cds-tag-background-cyan,#bae6ff);color:var(--cds-tag-color-cyan,#00539a)}.cds--tag--cyan.cds--tag--operational{border:1px solid var(--cds-tag-border-cyan,#33b1ff)}.cds--tag--cyan .cds--tag__close-icon:hover,.cds--tag--cyan.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cyan,#99daff)}.cds--tag--cyan .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-cyan,#00539a)}.cds--tag--teal{background-color:var(--cds-tag-background-teal,#9ef0f0);color:var(--cds-tag-color-teal,#005d5d)}.cds--tag--teal.cds--tag--operational{border:1px solid var(--cds-tag-border-teal,#08bdba)}.cds--tag--teal .cds--tag__close-icon:hover,.cds--tag--teal.cds--tag--operational:hover{background-color:var(--cds-tag-hover-teal,#57e5e5)}.cds--tag--teal .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-teal,#005d5d)}.cds--tag--green{background-color:var(--cds-tag-background-green,#a7f0ba);color:var(--cds-tag-color-green,#0e6027)}.cds--tag--green.cds--tag--operational{border:1px solid var(--cds-tag-border-green,#42be65)}.cds--tag--green .cds--tag__close-icon:hover,.cds--tag--green.cds--tag--operational:hover{background-color:var(--cds-tag-hover-green,#74e792)}.cds--tag--green .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-green,#0e6027)}.cds--tag--gray{background-color:var(--cds-tag-background-gray,#e0e0e0);color:var(--cds-tag-color-gray,#161616)}.cds--tag--gray.cds--tag--operational{border:1px solid var(--cds-tag-border-gray,#a8a8a8)}.cds--tag--gray .cds--tag__close-icon:hover,.cds--tag--gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-gray,#d1d1d1)}.cds--tag--gray .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-gray,#161616)}.cds--tag--cool-gray{background-color:var(--cds-tag-background-cool-gray,#dde1e6);color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--cool-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-cool-gray,#a2a9b0)}.cds--tag--cool-gray .cds--tag__close-icon:hover,.cds--tag--cool-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-cool-gray,#cdd3da)}.cds--tag--cool-gray .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-cool-gray,#121619)}.cds--tag--warm-gray{background-color:var(--cds-tag-background-warm-gray,#e5e0df);color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--warm-gray.cds--tag--operational{border:1px solid var(--cds-tag-border-warm-gray,#ada8a8)}.cds--tag--warm-gray .cds--tag__close-icon:hover,.cds--tag--warm-gray.cds--tag--operational:hover{background-color:var(--cds-tag-hover-warm-gray,#d8d0cf)}.cds--tag--warm-gray .cds--definition-term .cds--tag__label{color:var(--cds-tag-color-warm-gray,#171414)}.cds--tag--high-contrast:not(.cds--tag--operational){background-color:var(--cds-background-inverse,#393939);color:var(--cds-text-inverse,#fff)}.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational{border:1px solid var(--cds-background-inverse,#393939)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--high-contrast:not(.cds--tag--operational).cds--tag--operational:hover{background-color:var(--cds-background-inverse-hover,#474747)}.cds--tag--high-contrast:not(.cds--tag--operational) .cds--definition-term .cds--tag__label{color:var(--cds-text-inverse,#fff)}.cds--multi-select--readonly .cds--tag--high-contrast:not(.cds--tag--operational) .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){background-color:var(--cds-background,#fff);color:var(--cds-text-primary,#161616)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational{border:1px solid var(--cds-background,#fff)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--tag__close-icon:hover,.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]).cds--tag--operational:hover{background-color:var(--cds-layer-hover)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]) .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}.cds--tag--outline:not(.cds--tag--operational):not(span):not([disabled]){outline:1px solid var(--cds-background-inverse,#393939);outline-offset:-1px}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational,.cds--tag--filter.cds--tag--disabled.cds--tag--operational,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational{border:1px solid var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__close-icon:hover,.cds--tag--disabled:not(.cds--tag--operational).cds--tag--operational:hover,.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--filter.cds--tag--disabled.cds--tag--operational:hover,.cds--tag--interactive.cds--tag--disabled .cds--tag__close-icon:hover,.cds--tag--interactive.cds--tag--disabled.cds--tag--operational:hover{background-color:var(--cds-layer)}.cds--tag--disabled:not(.cds--tag--operational) .cds--definition-term .cds--tag__label,.cds--tag--filter.cds--tag--disabled .cds--definition-term .cds--tag__label,.cds--tag--interactive.cds--tag--disabled .cds--definition-term .cds--tag__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--disabled:not(.cds--tag--operational),.cds--tag--filter.cds--tag--disabled,.cds--tag--interactive.cds--tag--disabled{box-shadow:none;outline:none}.cds--tag--disabled:not(.cds--tag--operational):hover,.cds--tag--filter.cds--tag--disabled:hover,.cds--tag--interactive.cds--tag--disabled:hover{cursor:not-allowed}.cds--tag--disabled:not(.cds--tag--operational) .cds--tag__label,.cds--tag--filter.cds--tag--disabled .cds--tag__label,.cds--tag--interactive.cds--tag--disabled .cds--tag__label{background-color:var(--cds-layer);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--operational.cds--tag--disabled,.cds--tag--selectable.cds--tag--disabled{background-color:var(--cds-layer);border:1px solid var(--cds-border-disabled,#c6c6c6);color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--tag--operational.cds--tag--disabled:hover,.cds--tag--selectable.cds--tag--disabled:hover{background-color:var(--cds-layer);cursor:not-allowed}.cds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9)}.cds--tag__close-icon{align-items:center;background-color:transparent;block-size:var(--cds-layout-size-height-local);border:0;border-radius:50%;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;inline-size:var(--cds-layout-size-height-local);justify-content:center;margin:0 0 0 .125rem;padding:0;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.cds--tag__close-icon svg{fill:currentColor}.cds--tag__custom-icon{background-color:transparent;block-size:1rem;border:0;color:currentColor;flex-shrink:0;inline-size:1rem;margin-inline-end:.25rem;outline:none;padding:0}.cds--tag__custom-icon svg{fill:currentColor}.cds--tag--disabled .cds--tag__close-icon{cursor:not-allowed}.cds--tag__close-icon:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--cds-focus,#0f62fe);outline:none;z-index:99999}.cds--tag--high-contrast .cds--tag__close-icon:focus{box-shadow:inset 0 0 0 1px var(--cds-focus-inverse,#fff)}.cds--tag--filter.cds--tag--disabled .cds--tag__close-icon:hover{background-color:transparent}.cds--tag--filter.cds--tag--disabled svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--tag--sm.cds--tag--filter{padding-inline-end:0}.cds--tag--sm .cds--tag__close-icon{margin-inline-start:.3125rem}.cds--tag.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--tag.cds--skeleton:active,.cds--tag.cds--skeleton:focus,.cds--tag.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--tag.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--tag.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag.cds--skeleton{background:CanvasText}.cds--tag.cds--skeleton:before{background:Canvas;forced-color-adjust:none}}.cds--tag.cds--skeleton{background-color:var(--cds-skeleton-background,#e8e8e8);color:var(--cds-text-primary,#161616)}.cds--tag.cds--skeleton.cds--tag--operational{border:1px solid var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--tag__close-icon:hover,.cds--tag.cds--skeleton.cds--tag--operational:hover{background-color:var(--cds-skeleton-background,#e8e8e8)}.cds--tag.cds--skeleton .cds--definition-term .cds--tag__label{color:var(--cds-text-primary,#161616)}.cds--tag.cds--skeleton{inline-size:3.75rem;overflow:hidden}@supports (hanging-punctuation:first) and (font:-apple-system-body) and (-webkit-appearance:none){.cds--tag.cds--skeleton{transform:translateZ(0)}}.cds--tag .cds--ai-label .cds--ai-label__button--inline,.cds--tag .cds--slug .cds--slug__button--inline{color:currentColor;margin-inline-start:.0625rem}.cds--tag .cds--ai-label .cds--ai-label__button--inline .cds--ai-label__text:before,.cds--tag .cds--slug .cds--slug__button--inline .cds--slug__text:before{background-color:currentColor}.cds--tag .cds--ai-label .cds--ai-label__button--inline:hover,.cds--tag .cds--slug .cds--slug__button--inline:hover{border-color:currentColor}.cds--tag--filter .cds--ai-label,.cds--tag--filter .cds--slug,.cds--tag--filter .cds--tag__decorator>*{min-inline-size:2.00875rem}.cds--tag .cds--tag__decorator:not(:has(.cds--ai-label)){block-size:1rem;text-align:center}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--tag{outline:1px solid transparent}.cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds--tag-label-tooltip{max-inline-size:-webkit-fill-available}.cds--tag__custom-icon+.cds--tag-label-tooltip{max-inline-size:11rem}.cds--tag--filter .cds--tag__custom-icon+.cds--tag-label-tooltip{max-inline-size:9.875rem}.cds--interactive--tag-children{display:inline-flex;max-inline-size:12.5rem;place-items:center}.cds--tag--filter .cds--tag__custom-icon+span>.cds--interactive--tag-children{max-inline-size:11.5rem}.cds--tag .cds--definition-term{border-block-end:none;cursor:default;max-inline-size:12rem}.cds--tag .cds--tag__custom-icon+span>.cds--definition-term{max-inline-size:11rem}.cds--tag>.cds--popover-container{display:flex}.cds--toggletip-button:has(.cds--tag--operational.cds--tag--disabled){pointer-events:none}.cds--list-box__wrapper,:host(cds-fluid-dropdown){display:block}.cds--list-box__wrapper--inline{align-items:center;display:inline-grid;grid-gap:.25rem;grid-template:auto auto/auto auto}.cds--list-box__wrapper--inline .cds--label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--list-box__wrapper--inline .cds--form-requirement,.cds--list-box__wrapper--inline .cds--form__helper-text,.cds--list-box__wrapper--inline .cds--label{margin:0}.cds--list-box__wrapper--inline .cds--form__helper-text{max-inline-size:none}.cds--list-box__wrapper--inline .cds--form-requirement{grid-column:2}.cds--list-box html{font-size:100%}.cds--list-box body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--list-box code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--list-box strong{font-weight:600}.cds--list-box{background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;inline-size:100%;max-block-size:2.5rem;position:relative;transition:all 70ms cubic-bezier(.2,0,.38,.9)}.cds--list-box:hover{background-color:var(--cds-field-hover)}.cds--multi-select.cds--multi-select--readonly.cds--list-box{cursor:default}.cds--list-box--lg{block-size:3rem;max-block-size:3rem}.cds--list-box--sm{block-size:2rem;max-block-size:2rem}.cds--list-box--expanded{border-block-end-color:var(--cds-border-subtle-01,#c6c6c6)}.cds--layer-two .cds--list-box--expanded{border-block-end-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--layer-three .cds--list-box--expanded{border-block-end-color:var(--cds-border-subtle-03,#c6c6c6)}.cds--list-box--expanded:hover{background-color:var(--cds-field)}.cds--list-box--expanded:hover.cds--list-box--light:hover{background-color:var(--cds-field-02,#fff)}.cds--list-box .cds--text-input{block-size:100%}.cds--list-box__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--list-box__invalid-icon--warning{fill:var(--cds-support-warning,#f1c21b)}.cds--list-box__invalid-icon--warning path[fill]{fill:#000;opacity:1}.cds--list-box.cds--list-box--warning .cds--list-box__field,.cds--list-box[data-invalid] .cds--list-box__field{border-block-end:0;padding-inline-end:4rem}.cds--list-box.cds--list-box--warning.cds--list-box--inline .cds--list-box__field,.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field{padding-inline-end:3.5rem}.cds--list-box--light{background-color:var(--cds-field-02,#fff)}.cds--list-box--light:hover{background-color:var(--cds-field-hover)}.cds--list-box--light .cds--list-box__menu{background:var(--cds-layer)}.cds--list-box--light .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle)}.cds--list-box--light.cds--list-box--expanded{border-block-end-color:transparent}.cds--list-box--disabled:hover{background-color:var(--cds-field)}.cds--list-box--light.cds--list-box--disabled{background-color:var(--cds-field-02,#fff)}.cds--list-box--disabled,.cds--list-box--disabled .cds--list-box__field,.cds--list-box--disabled .cds--list-box__field:focus{border-block-end-color:transparent;outline:none}.cds--list-box--disabled .cds--list-box__label,.cds--list-box--disabled.cds--list-box--inline .cds--list-box__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--list-box--disabled .cds--list-box__menu-icon>svg,.cds--list-box--disabled .cds--list-box__selection>svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--list-box--disabled,.cds--list-box--disabled .cds--list-box__field,.cds--list-box--disabled .cds--list-box__menu-icon{cursor:not-allowed}.cds--list-box--disabled .cds--list-box__menu-item,.cds--list-box--disabled .cds--list-box__menu-item--highlighted,.cds--list-box--disabled .cds--list-box__menu-item:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));text-decoration:none}.cds--list-box--disabled .cds--list-box__selection:hover{cursor:not-allowed}.cds--list-box--disabled.cds--list-box[data-invalid] .cds--list-box__field{padding-inline-end:3rem}.cds--list-box--disabled.cds--list-box[data-invalid].cds--list-box--inline .cds--list-box__field{padding-inline-end:2rem}.cds--list-box.cds--list-box--inline{background-color:transparent;border-width:0}.cds--list-box.cds--list-box--inline:hover{background-color:var(--cds-layer-hover)}.cds--list-box.cds--list-box--inline.cds--list-box--expanded{border-block-end-width:0}.cds--list-box.cds--list-box--inline.cds--list-box--expanded .cds--list-box__field[aria-expanded=true]{border-width:0}.cds--list-box.cds--list-box--inline.cds--list-box--disabled:hover,.cds--list-box.cds--list-box--inline.cds--list-box--expanded:hover{background-color:transparent}.cds--list-box.cds--list-box--inline .cds--list-box__field{padding:0 2rem 0 .5rem}.cds--list-box.cds--list-box--inline .cds--list-box__menu-icon{inset-inline-end:.5rem}.cds--list-box.cds--list-box--inline .cds--list-box__invalid-icon{inset-inline-end:2rem}.cds--list-box--inline .cds--list-box__label{color:var(--cds-text-primary,#161616)}.cds--list-box--inline .cds--list-box__field{block-size:100%}.cds--dropdown--inline .cds--list-box__field{max-inline-size:30rem}.cds--dropdown--inline .cds--list-box__menu{max-inline-size:30rem;min-inline-size:18rem}.cds--list-box__field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:100%;inline-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--list-box__field *,.cds--list-box__field :after,.cds--list-box__field :before{box-sizing:inherit}.cds--list-box__field::-moz-focus-inner{border:0}.cds--list-box__field{align-items:center;block-size:calc(100% + 1px);cursor:pointer;display:inline-flex;outline:none;overflow:hidden;padding-block:0;padding-inline:1rem 3rem;position:relative;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.cds--list-box__field:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--list-box__field:focus{outline-style:dotted}}.cds--list-box__field[disabled]{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));outline:none}.cds--list-box__field .cds--text-input{padding-inline-end:4.375rem}.cds--list-box--warning .cds--list-box__field .cds--text-input,.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input{padding-inline-end:6.5625rem}.cds--list-box--warning .cds--list-box__field .cds--text-input+.cds--list-box__invalid-icon,.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input+.cds--list-box__invalid-icon{inset-inline-end:5.125rem}.cds--list-box__field .cds--text-input--empty{padding-inline-end:3rem}.cds--list-box--warning .cds--list-box__field .cds--text-input--empty,.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty{padding-inline-end:4rem}.cds--list-box--warning .cds--list-box__field .cds--text-input--empty+.cds--list-box__invalid-icon,.cds--list-box[data-invalid] .cds--list-box__field .cds--text-input--empty+.cds--list-box__invalid-icon{inset-inline-end:2.5rem}.cds--list-box__label{color:var(--cds-text-primary,#161616);font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.cds--list-box__menu-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--list-box__menu-icon *,.cds--list-box__menu-icon :after,.cds--list-box__menu-icon :before{box-sizing:inherit}.cds--list-box__menu-icon::-moz-focus-inner{border:0}.cds--list-box__menu-icon{align-items:center;block-size:1.5rem;cursor:pointer;display:flex;inline-size:1.5rem;inset-inline-end:.75rem;justify-content:center;outline:none;position:absolute;transition:transform 70ms cubic-bezier(.2,0,.38,.9)}.cds--list-box__menu-icon>svg{fill:var(--cds-icon-primary,#161616)}.cds--list-box__menu-icon--open{inline-size:1.5rem;justify-content:center;transform:rotate(180deg)}.cds--list-box__selection{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;box-sizing:border-box;display:inline-block;font-family:inherit;font-size:100%;margin:0;padding:0;text-align:start;vertical-align:baseline}.cds--list-box__selection *,.cds--list-box__selection :after,.cds--list-box__selection :before{box-sizing:inherit}.cds--list-box__selection::-moz-focus-inner{border:0}.cds--list-box__selection{align-items:center;block-size:1.5rem;cursor:pointer;display:flex;inline-size:1.5rem;inset-block-start:50%;inset-inline-end:2.8125rem;justify-content:center;position:absolute;transform:translateY(-50%);transition:background-color 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--list-box__selection:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--list-box__selection:focus{outline-style:dotted}}.cds--list-box__selection:focus:hover{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--list-box__selection:focus:hover{outline-style:dotted}}.cds--list-box__selection>svg{fill:var(--cds-icon-primary,#161616)}.cds--list-box--disabled .cds--list-box__selection:focus{outline:none}.cds--list-box__selection--multi{align-items:center;background-color:var(--cds-background-inverse,#393939);block-size:1.5rem;border-radius:.75rem;color:var(--cds-text-inverse,#fff);display:flex;font-size:var(--cds-label-01-font-size,.75rem);font-weight:var(--cds-label-01-font-weight,400);inline-size:auto;inset-block-start:auto;justify-content:space-between;letter-spacing:var(--cds-label-01-letter-spacing,.32px);line-height:var(--cds-label-01-line-height,1.33333);line-height:0;margin-inline-end:.625rem;padding:.5rem;padding-inline-end:.125rem;position:static;transform:none}.cds--list-box__selection--multi>svg{block-size:1.25rem;padding:.125rem;fill:var(--cds-icon-inverse,#fff);inline-size:1.25rem;margin-inline-start:.25rem}.cds--list-box__selection--multi>svg:hover{background-color:var(--cds-button-secondary-hover,#474747);border-radius:50%}.cds--list-box--disabled .cds--list-box__selection--multi{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25));color:var(--cds-layer)}.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational{border:1px solid var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--list-box--disabled .cds--list-box__selection--multi .cds--tag__close-icon:hover,.cds--list-box--disabled .cds--list-box__selection--multi.cds--tag--operational:hover{background-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--list-box--disabled .cds--list-box__selection--multi .cds--definition-term .cds--tag__label{color:var(--cds-layer)}.cds--list-box--disabled .cds--list-box__selection--multi>svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--list-box--disabled .cds--list-box__selection--multi>svg:hover{background-color:initial}.cds--list-box__selection--multi:hover{outline:none}.cds--list-box__menu{background-color:var(--cds-layer);box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));display:none;inline-size:100%;inset-inline:0;overflow-y:auto;position:absolute;transition:max-height .11s cubic-bezier(.2,0,.38,.9);z-index:9100}.cds--list-box__menu:focus{outline:1px solid var(--cds-focus,#0f62fe)}@media screen and (prefers-contrast){.cds--list-box__menu:focus{outline-style:dotted}}.cds--autoalign .cds--list-box__menu{inset-inline:auto}.cds--list-box .cds--list-box__field[aria-expanded=false] .cds--list-box__menu{display:none;max-block-size:0;visibility:hidden}.cds--list-box--expanded .cds--list-box__menu{display:block;max-block-size:13.75rem}.cds--list-box--expanded.cds--list-box--lg .cds--list-box__menu{max-block-size:16.5rem}.cds--list-box--expanded.cds--list-box--sm .cds--list-box__menu{max-block-size:11rem}.cds--list-box__menu-item{block-size:2.5rem;color:var(--cds-text-secondary,#525252);cursor:pointer;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);position:relative;transition:background 70ms cubic-bezier(.2,0,.38,.9);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds--list-box__menu-item:hover{background-color:var(--cds-layer-hover)}.cds--list-box__menu-item:active{background-color:var(--cds-layer-selected)}.cds--list-box--light .cds--list-box__menu-item:hover{background-color:var(--cds-layer-hover)}.cds--list-box--sm .cds--list-box__menu-item{block-size:2rem}.cds--list-box--lg .cds--list-box__menu-item{block-size:3rem}.cds--list-box--disabled .cds--list-box__menu-item:hover{background-color:transparent}.cds--list-box--light .cds--list-box__menu-item:active{background-color:var(--cds-layer-selected)}.cds--list-box--disabled .cds--list-box__menu-item__option:hover{border-block-start-color:var(--cds-border-subtle-01,#c6c6c6)}.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item__option:hover{border-block-start-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item__option:hover{border-block-start-color:var(--cds-border-subtle-03,#c6c6c6)}.cds--list-box__menu-item:first-of-type .cds--list-box__menu-item__option{border-block-start-color:transparent}.cds--list-box__menu-item:hover .cds--list-box__menu-item__option{color:var(--cds-text-primary,#161616)}.cds--list-box--disabled .cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-01,#c6c6c6)}.cds--layer-two .cds--list-box--disabled .cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--layer-three .cds--list-box--disabled .cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-03,#c6c6c6)}.cds--layer-two .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--layer-three .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-03,#c6c6c6)}.cds--list-box__menu-item__option{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--list-box__menu-item__option *,.cds--list-box__menu-item__option :after,.cds--list-box__menu-item__option :before{box-sizing:inherit}.cds--list-box__menu-item__option{block-size:2.5rem;border-block-end:1px solid transparent;border-block-start:1px solid transparent;border-block-start-color:var(--cds-border-subtle-01,#c6c6c6);color:var(--cds-text-secondary,#525252);display:block;font-weight:400;line-height:1rem;margin:0 1rem;outline:2px solid transparent;outline-offset:-2px;overflow:hidden;padding:.6875rem 0;padding-inline-end:1.5rem;text-decoration:none;text-overflow:ellipsis;transition:border-color 70ms cubic-bezier(.2,0,.38,.9),color 70ms cubic-bezier(.2,0,.38,.9);white-space:nowrap}.cds--list-box__menu-item__option:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--list-box__menu-item__option:focus{outline-style:dotted}}.cds--list-box__menu-item__option:focus{border-color:transparent;margin:0;padding:.6875rem 1rem}.cds--list-box__menu-item__option:hover{border-color:transparent;color:var(--cds-text-primary,#161616)}.cds--list-box--sm .cds--list-box__menu-item__option{block-size:2rem;padding-block:.4375rem .4375rem}.cds--list-box--lg .cds--list-box__menu-item__option{block-size:3rem;padding-block:.9375rem .9375rem}.cds--list-box--disabled .cds--list-box__menu-item:hover .cds--list-box__menu-item__option,.cds--list-box--disabled .cds--list-box__menu-item__option{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--list-box__menu-item[disabled],.cds--list-box__menu-item[disabled] *,.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,.cds--list-box__menu-item[disabled]:hover{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed;outline:none}.cds--list-box__menu-item[disabled]:hover{background-color:revert}.cds--list-box__menu-item[disabled] .cds--checkbox-label:before{border-color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,.cds--list-box__menu-item[disabled]:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-01,#c6c6c6)}.cds--layer-two .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,.cds--layer-two .cds--list-box__menu-item[disabled]:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--layer-three .cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,.cds--layer-three .cds--list-box__menu-item[disabled]:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:var(--cds-border-subtle-03,#c6c6c6)}.cds--list-box__menu-item--active+.cds--list-box__menu-item[disabled] .cds--list-box__menu-item__option,.cds--list-box__menu-item:hover+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:transparent}.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option{margin:0 .5rem}.cds--list-box.cds--list-box--inline .cds--list-box__menu-item__option:focus{margin:0;padding-inline:.5rem .5rem}.cds--list-box__menu-item--highlighted{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--list-box__menu-item--highlighted{outline-style:dotted}}.cds--list-box__menu-item--highlighted{color:var(--cds-text-primary,#161616)}.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,.cds--list-box__menu-item--highlighted+.cds--list-box__menu-item .cds--list-box__menu-item__option{border-block-start-color:transparent}.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option{color:var(--cds-text-primary,#161616)}.cds--list-box__menu-item--active{color:var(--cds-text-primary,#161616)}.cds--list-box--light .cds--list-box__menu-item--active,.cds--list-box__menu-item--active{background-color:var(--cds-layer-selected);border-block-end-color:var(--cds-layer-selected)}.cds--list-box__menu-item--active:hover{background-color:var(--cds-layer-selected-hover);border-block-end-color:var(--cds-layer-selected-hover)}.cds--list-box__menu-item--active .cds--list-box__menu-item__option{color:var(--cds-text-primary,#161616)}.cds--list-box__menu-item--active+.cds--list-box__menu-item>.cds--list-box__menu-item__option{border-block-start-color:transparent}.cds--list-box__menu-item__selected-icon{display:none;position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:50%;inset-inline-end:1rem;transform:translateY(-50%)}.cds--list-box--inline .cds--list-box__menu-item__selected-icon{inset-inline-end:.5rem}.cds--list-box__menu-item--active .cds--list-box__menu-item__selected-icon{display:block}.cds--list-box__menu-item .cds--checkbox-label{inline-size:100%}.cds--list-box__menu-item .cds--checkbox-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--list-box--up .cds--list-box__menu,:host(cds-fluid-dropdown[direction=top]) .cds--list-box__menu{inset-block-end:2.5rem}.cds--list-box--up .cds--list-box--sm .cds--list-box__menu,.cds--list-box--up.cds--dropdown--sm .cds--list-box__menu,.cds--list-box--up.cds--list-box--sm .cds--list-box__menu,:host(cds-fluid-dropdown[direction=top]) .cds--list-box--sm .cds--list-box__menu{inset-block-end:2rem}.cds--list-box--up .cds--list-box--lg .cds--list-box__menu,.cds--list-box--up.cds--dropdown--lg .cds--list-box__menu,.cds--list-box--up.cds--list-box--lg .cds--list-box__menu,:host(cds-fluid-dropdown[direction=top]) .cds--list-box--lg .cds--list-box__menu{inset-block-end:3rem}.cds--list-box .cds--text-input{background-color:inherit;min-inline-size:0;text-overflow:ellipsis}.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*,.cds--list-box__wrapper--slug .cds--ai-label,.cds--list-box__wrapper--slug .cds--slug,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label,:host(cds-fluid-dropdown[ai-label]) .cds--slug{inset-block-start:50%;inset-inline-end:calc(2.5rem + 9px);margin-block-start:.03125rem;position:absolute;transform:translateY(-50%)}.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>:after,.cds--list-box__wrapper--decorator:has(.cds--list-box__invalid-icon) .cds--list-box__inner-wrapper--decorator>:before,.cds--list-box__wrapper--slug .cds--ai-label:after,.cds--list-box__wrapper--slug .cds--slug:after,.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--ai-label:before,.cds--list-box__wrapper--slug:has(.cds--list-box__invalid-icon) .cds--slug:before,:has(.cds--list-box__invalid-icon):host(cds-fluid-dropdown[ai-label]) .cds--ai-label:before,:has(.cds--list-box__invalid-icon):host(cds-fluid-dropdown[ai-label]) .cds--slug:before,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label:after,:host(cds-fluid-dropdown[ai-label]) .cds--slug:after{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;position:absolute}.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>:before,.cds--list-box__wrapper--slug .cds--ai-label:before,.cds--list-box__wrapper--slug .cds--slug:before,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label:before,:host(cds-fluid-dropdown[ai-label]) .cds--slug:before{display:none;inset-inline-start:-.5625rem}.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert:before,.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>:after,.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>:before,.cds--list-box__wrapper--slug .cds--ai-label--revert:before,.cds--list-box__wrapper--slug .cds--ai-label:after,.cds--list-box__wrapper--slug .cds--ai-label:before,.cds--list-box__wrapper--slug .cds--slug--revert:before,.cds--list-box__wrapper--slug .cds--slug:after,.cds--list-box__wrapper--slug .cds--slug:before,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label--revert:before,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label:after,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label:before,:host(cds-fluid-dropdown[ai-label]) .cds--slug--revert:before,:host(cds-fluid-dropdown[ai-label]) .cds--slug:after,:host(cds-fluid-dropdown[ai-label]) .cds--slug:before{display:block;inset-block-start:.0625rem;inset-inline-end:-.5625rem}.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert:after,.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator .cds--ai-label--revert:before,.cds--list-box__wrapper--slug .cds--ai-label--revert:after,.cds--list-box__wrapper--slug .cds--ai-label--revert:before,.cds--list-box__wrapper--slug .cds--slug--revert:after,.cds--list-box__wrapper--slug .cds--slug--revert:before,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label--revert:after,:host(cds-fluid-dropdown[ai-label]) .cds--ai-label--revert:before,:host(cds-fluid-dropdown[ai-label]) .cds--slug--revert:after,:host(cds-fluid-dropdown[ai-label]) .cds--slug--revert:before{inset-block-start:.5rem;inset-inline-end:-.0625rem}.cds--list-box__wrapper--decorator .cds--list-box:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label):not(:has(.cds--list-box__inner-wrapper--decorator .cds--ai-label--revert)),.cds--list-box__wrapper--slug .cds--list-box:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),.cds--list-box__wrapper--slug .cds--list-box:has(.cds--slug):not(:has(.cds--slug--revert)),:host(cds-fluid-dropdown[ai-label]) .cds--list-box:has(.cds--ai-label):not(:has(.cds--ai-label--revert)),:host(cds-fluid-dropdown[ai-label]) .cds--list-box:has(.cds--slug):not(:has(.cds--slug--revert)){background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}.cds--list-box__wrapper--decorator .cds--list-box input[role=combobox],.cds--list-box__wrapper--slug .cds--list-box input[role=combobox],:host(cds-fluid-dropdown[ai-label]) .cds--list-box input[role=combobox]{border-block-end-color:transparent}.cds--list-box__wrapper--decorator .cds--list-box__field,.cds--list-box__wrapper--decorator .cds--text-input--empty,.cds--list-box__wrapper--slug .cds--list-box__field,.cds--list-box__wrapper--slug .cds--text-input--empty,:host(cds-fluid-dropdown[ai-label]) .cds--list-box__field,:host(cds-fluid-dropdown[ai-label]) .cds--text-input--empty{padding-inline-end:4rem}.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty),:host(cds-fluid-dropdown[ai-label]) .cds--text-input:not(.cds--text-input--empty){padding-inline-end:6.5625rem}.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__field,.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty,.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field,.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input--empty,.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__field,.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input--empty,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--list-box__field,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--text-input--empty,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--list-box__field,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--text-input--empty{padding-inline-end:6rem}.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),:host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--text-input:not(.cds--text-input--empty),:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty){padding-inline-end:8.5625rem}.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--text-input--empty+.cds--list-box__invalid-icon,.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning,.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--text-input--empty+.cds--list-box__invalid-icon,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--list-box__invalid-icon,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--list-box__invalid-icon.cds--list-box__invalid-icon--warning{inset-inline-end:5.0625rem}.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid]>:before,.cds--list-box__wrapper--decorator .cds--list-box--warning>:before,.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label:before,.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug:before,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label:before,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug:before,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--ai-label:before,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--slug:before,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--ai-label:before,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--slug:before{display:block}.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection)~.cds--list-box__inner-wrapper--decorator .cds--ai-label,.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection)~.cds--list-box__inner-wrapper--decorator .cds--ai-label,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection)~.cds--ai-label,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection)~.cds--slug,.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection)~.cds--ai-label,.cds--list-box__wrapper--slug .cds--list-box__field:has(.cds--list-box__selection)~.cds--slug,:host(cds-fluid-dropdown[ai-label]) .cds--list-box__field:has(.cds--list-box__selection)~.cds--ai-label,:host(cds-fluid-dropdown[ai-label]) .cds--list-box__field:has(.cds--list-box__selection)~.cds--slug{inset-inline-end:calc(4rem + 18px)}.cds--list-box__wrapper--decorator .cds--list-box__field:has(.cds--list-box__selection)~.cds--list-box__inner-wrapper--decorator>*{inset-inline-end:calc(4rem + 18px)}.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__selection) .cds--list-box__invalid-icon{inset-inline-end:7.125rem}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--list-box__field,.cds--list-box__menu,.cds--multi-select .cds--tag--filter{outline:1px solid transparent}.cds--list-box__field:focus,.cds--list-box__menu-item--highlighted .cds--list-box__menu-item__option,.cds--multi-select .cds--tag__close-icon:focus{color:Highlight;outline:1px solid Highlight}}.cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:after{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;margin-inline-start:2.0625rem;position:absolute}.cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before,.cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;margin-inline-end:2.0625rem;position:absolute}.cds--list-box__wrapper--decorator:has(.cds--multi-select) .cds--list-box__menu-icon,.cds--list-box__wrapper--slug:has(.cds--multi-select) .cds--list-box__menu-icon,:has(.cds--multi-select):host(cds-fluid-dropdown[ai-label]) .cds--list-box__menu-icon{inset-inline-end:.75rem}.cds--list-box__wrapper--decorator:has(.cds--dropdown) .cds--list-box__menu-icon,.cds--list-box__wrapper--slug:has(.cds--dropdown) .cds--list-box__menu-icon,:has(.cds--dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box__menu-icon{inset-inline-end:.75rem}.cds--dropdown__wrapper--inline{align-items:center;display:inline-grid;grid-gap:0 1.5rem;grid-template:auto/auto min-content}.cds--dropdown__wrapper--inline:has(.cds--label.cds--visually-hidden){grid-template:auto/auto}.cds--dropdown__wrapper--inline .cds--label{font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572)}.cds--dropdown__wrapper--inline .cds--form-requirement,.cds--dropdown__wrapper--inline .cds--form__helper-text,.cds--dropdown__wrapper--inline .cds--label{margin:0}.cds--dropdown__wrapper--inline .cds--form-requirement{grid-column:2}.cds--dropdown html{font-size:100%}.cds--dropdown body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--dropdown code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--dropdown strong{font-weight:600}.cds--dropdown{background-color:var(--cds-field);block-size:2.5rem;border:none;border-block-end:1px solid var(--cds-border-strong);color:var(--cds-text-primary,#161616);cursor:pointer;display:block;inline-size:100%;list-style:none;outline:2px solid transparent;outline-offset:-2px;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--dropdown:hover{background-color:var(--cds-field-hover)}.cds--dropdown .cds--list-box__field{text-align:start}.cds--dropdown--lg{block-size:3rem;max-block-size:3rem}.cds--dropdown--lg .cds--dropdown__arrow{inset-block-start:1rem}.cds--dropdown--sm{block-size:2rem;max-block-size:2rem}.cds--dropdown--sm .cds--dropdown__arrow{inset-block-start:.5rem}.cds--dropdown--open{border-block-end-color:var(--cds-border-subtle)}.cds--dropdown--open .cds--list-box__field{outline:none}.cds--dropdown--focus .cds--list-box__field{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--dropdown--focus .cds--list-box__field{outline-style:dotted}}.cds--dropdown--invalid{outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--dropdown--invalid{outline-style:dotted}}.cds--dropdown--invalid .cds--dropdown-text{padding-inline-end:3.5rem}.cds--dropdown--invalid+.cds--form-requirement{color:var(--cds-text-error,#da1e28);display:inline-block;max-block-size:12.5rem}.cds--dropdown__invalid-icon{position:absolute;fill:var(--cds-support-error,#da1e28);inset-block-start:50%;inset-inline-end:2.5rem;transform:translateY(-50%)}.cds--dropdown--open:hover{background-color:var(--cds-field)}.cds--dropdown--open:focus{outline:1px solid transparent}.cds--dropdown--open .cds--dropdown-list{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));max-block-size:13.75rem;transition:max-height .11s cubic-bezier(0,0,.38,.9)}.cds--dropdown--light{background-color:var(--cds-field-02,#fff)}.cds--dropdown--light:hover{background-color:var(--cds-field-hover)}.cds--dropdown--up .cds--dropdown-list{inset-block-end:2rem}.cds--dropdown__arrow{position:absolute;fill:var(--cds-icon-primary,#161616);inset-block-start:.8125rem;inset-inline-end:1rem;pointer-events:none;transform-origin:50% 45%;transition:transform .11s cubic-bezier(.2,0,.38,.9)}button.cds--dropdown-text{background:none;border:none;color:var(--cds-text-primary,#161616);inline-size:100%;text-align:start}button.cds--dropdown-text:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){button.cds--dropdown-text:focus{outline-style:dotted}}.cds--dropdown-text{block-size:calc(100% + 1px);display:block;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);overflow:hidden;padding-inline:1rem 2.625rem;text-overflow:ellipsis;white-space:nowrap}.cds--dropdown-list html{font-size:100%}.cds--dropdown-list body{font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cds--dropdown-list code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,\\.SFNSText-Regular,monospace}.cds--dropdown-list strong{font-weight:600}.cds--dropdown-list{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3));display:flex;flex-direction:column;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);inline-size:100%;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);list-style:none;max-block-size:0;outline:2px solid transparent;outline-offset:-2px;overflow:hidden auto;position:absolute;transition:max-height .11s cubic-bezier(.2,0,.38,.9);z-index:9100}.cds--dropdown--light .cds--dropdown-list,.cds--dropdown-list{background-color:var(--cds-layer)}.cds--dropdown:not(.cds--dropdown--open) .cds--dropdown-item{visibility:hidden}.cds--dropdown-item{opacity:0;position:relative;transition:visibility 70ms cubic-bezier(.2,0,.38,.9),opacity 70ms cubic-bezier(.2,0,.38,.9),background-color 70ms cubic-bezier(.2,0,.38,.9);visibility:inherit}.cds--dropdown-item:hover{background-color:var(--cds-layer-hover)}.cds--dropdown-item:hover+.cds--dropdown-item .cds--dropdown-link{border-color:transparent}.cds--dropdown-item:active{background-color:var(--cds-layer-selected)}.cds--dropdown-item:first-of-type .cds--dropdown-link{border-block-start-color:transparent}.cds--dropdown-item:last-of-type .cds--dropdown-link{border-block-end:none}.cds--dropdown-link{block-size:2.5rem;border:1px solid transparent;border-block-start-color:var(--cds-border-subtle);color:var(--cds-text-secondary,#525252);display:block;font-weight:400;line-height:1rem;margin:0 1rem;outline:2px solid transparent;outline-offset:-2px;overflow:hidden;padding:.6875rem 0;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.cds--dropdown-link:hover{border-color:transparent;color:var(--cds-text-primary,#161616)}.cds--dropdown--light .cds--dropdown-link{border-block-start-color:var(--cds-border-subtle-02,#e0e0e0)}.cds--dropdown--sm .cds--dropdown-link{block-size:2rem;padding-block:.4375rem .4375rem}.cds--dropdown--focused,.cds--dropdown-link:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--dropdown--focused,.cds--dropdown-link:focus{outline-style:dotted}}.cds--dropdown--focused,.cds--dropdown-link:focus{margin:0;padding:.6875rem 1rem}.cds--dropdown-list[aria-activedescendant] .cds--dropdown-link:focus{margin:0 1rem;outline:none;padding:.6875rem 0}.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus{outline-style:dotted}}.cds--dropdown-list[aria-activedescendant] .cds--dropdown--focused:focus{margin:0;padding:.6875rem 1rem}.cds--dropdown-list[aria-activedescendant] .cds--dropdown-item:active{background-color:inherit}.cds--dropdown-item:hover .cds--dropdown-link{border-block-end-color:var(--cds-layer-hover)}.cds--dropdown--open .cds--dropdown__arrow{transform:rotate(-180deg)}.cds--dropdown--open.cds--dropdown--sm .cds--dropdown-list{max-block-size:11rem}.cds--dropdown--open .cds--dropdown-item{opacity:1}.cds--dropdown--disabled{border-block-end-color:transparent}.cds--dropdown--disabled:hover{background-color:var(--cds-field)}.cds--dropdown--disabled:focus{outline:none}.cds--dropdown--disabled .cds--dropdown-text,.cds--dropdown--disabled .cds--list-box__label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--dropdown--disabled .cds--dropdown__arrow,.cds--dropdown--disabled .cds--list-box__menu-icon svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--dropdown--disabled.cds--dropdown--light:hover{background-color:var(--cds-field-02,#fff)}.cds--dropdown--disabled .cds--list-box__field,.cds--dropdown--disabled .cds--list-box__menu-icon{cursor:not-allowed}.cds--dropdown--auto-width{inline-size:auto;max-inline-size:25rem}.cds--dropdown--inline{background-color:transparent;border-block-end-color:transparent;display:inline-block;inline-size:auto;justify-self:start;transition:background 70ms cubic-bezier(0,0,.38,.9)}.cds--dropdown--inline:hover{background-color:var(--cds-layer-hover)}.cds--dropdown--inline.cds--dropdown--disabled{background-color:transparent}.cds--dropdown--inline .cds--dropdown__arrow{inset-block-start:.5rem;inset-inline-end:.5rem}.cds--dropdown--inline.cds--dropdown--open{background-color:transparent}.cds--dropdown--inline .cds--dropdown-text{block-size:2rem;color:var(--cds-text-primary,#161616);display:inline-block;overflow:visible;padding:.4375rem 2rem .4375rem .75rem}.cds--dropdown--inline.cds--dropdown--disabled .cds--dropdown-text{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--dropdown--inline.cds--dropdown--disabled:focus .cds--dropdown-text{outline:0}.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown__invalid-icon{inset-inline-end:2rem}.cds--dropdown--inline.cds--dropdown--invalid .cds--dropdown-text{padding-inline-end:3.5rem}.cds--dropdown--inline.cds--dropdown--open:focus .cds--dropdown-list{box-shadow:0 2px 6px var(--cds-shadow,rgba(0,0,0,.3))}.cds--dropdown--inline .cds--dropdown-link{font-weight:400}.cds--dropdown--show-selected .cds--dropdown--selected{background-color:var(--cds-layer-selected);color:var(--cds-text-primary,#161616);display:block}.cds--dropdown--show-selected .cds--dropdown--selected:hover{background-color:var(--cds-layer-selected-hover)}.cds--dropdown--show-selected .cds--dropdown--selected .cds--dropdown-link,.cds--dropdown--show-selected .cds--dropdown--selected+.cds--dropdown-item .cds--dropdown-link{border-block-start-color:transparent}.cds--dropdown--show-selected .cds--dropdown--selected .cds--list-box__menu-item__selected-icon{display:block}.cds--dropdown-v2.cds--skeleton,.cds--dropdown.cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--dropdown-v2.cds--skeleton:active,.cds--dropdown-v2.cds--skeleton:focus,.cds--dropdown-v2.cds--skeleton:hover,.cds--dropdown.cds--skeleton:active,.cds--dropdown.cds--skeleton:focus,.cds--dropdown.cds--skeleton:hover{border:none;cursor:default;outline:none}.cds--dropdown-v2.cds--skeleton:before,.cds--dropdown.cds--skeleton:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--dropdown-v2.cds--skeleton:before,.cds--dropdown.cds--skeleton:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--dropdown-v2.cds--skeleton,.cds--dropdown.cds--skeleton{background:CanvasText}.cds--dropdown-v2.cds--skeleton:before,.cds--dropdown.cds--skeleton:before{background:Canvas;forced-color-adjust:none}.cds--dropdown .cds--list-box__field{outline:1px solid transparent}.cds--list-box__menu-item__option{outline:none}}.cds--dropdown--readonly,.cds--dropdown--readonly:hover,:host(cds-fluid-dropdown[read-only]){background-color:transparent;border-block-end-color:var(--cds-border-subtle)}.cds--dropdown--inline.cds--dropdown--readonly{border-block-end-color:transparent}.cds--dropdown--readonly .cds--list-box__field,.cds--dropdown--readonly .cds--list-box__menu-icon,:host(cds-fluid-dropdown[read-only]) .cds--list-box__field,:host(cds-fluid-dropdown[read-only]) .cds--list-box__menu-icon{cursor:default}.cds--dropdown--readonly .cds--list-box__menu-icon svg,:host(cds-fluid-dropdown[read-only]) .cds--list-box__menu-icon svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--list-box__wrapper--fluid.cds--list-box__wrapper,:host(cds-fluid-dropdown){background:var(--cds-field);block-size:100%;position:relative;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.cds--list-box__wrapper--fluid .cds--list-box,:host(cds-fluid-dropdown) .cds--list-box,:host(cds-fluid-dropdown-skeleton) .cds--list-box{min-block-size:4rem;padding:0}.cds--list-box__wrapper--fluid .cds--label,:host(cds-fluid-dropdown) .cds--label,:host(cds-fluid-dropdown-skeleton) .cds--label{align-items:center;block-size:1rem;display:flex;inline-size:calc(100% - 2rem);inset-block-start:.8125rem;inset-inline-start:1rem;margin:0;position:absolute;z-index:1}.cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label::-webkit-scrollbar,.cds--list-box__wrapper--fluid .cds--label::-webkit-scrollbar,:host(cds-fluid-dropdown) .cds--label .cds--toggletip-label::-webkit-scrollbar,:host(cds-fluid-dropdown) .cds--label::-webkit-scrollbar,:host(cds-fluid-dropdown-skeleton) .cds--label .cds--toggletip-label::-webkit-scrollbar,:host(cds-fluid-dropdown-skeleton) .cds--label::-webkit-scrollbar{display:none}.cds--list-box__wrapper--fluid .cds--label .cds--toggletip-label,.cds--list-box__wrapper--fluid .cds--label:not(:has(.cds--toggletip-label)),:host(cds-fluid-dropdown) .cds--label .cds--toggletip-label,:host(cds-fluid-dropdown) .cds--label:not(:has(.cds--toggletip-label)),:host(cds-fluid-dropdown-skeleton) .cds--label .cds--toggletip-label,:host(cds-fluid-dropdown-skeleton) .cds--label:not(:has(.cds--toggletip-label)){-ms-overflow-style:none;overflow-x:scroll;scrollbar-width:none;white-space:nowrap}.cds--list-box__wrapper--fluid .cds--list-box__field,:host(cds-fluid-dropdown) .cds--list-box__field,:host(cds-fluid-dropdown-skeleton) .cds--list-box__field{padding-block:2.0625rem .8125rem;padding-inline-start:1rem}.cds--list-box__wrapper--fluid .cds--list-box__menu-icon,:host(cds-fluid-dropdown) .cds--list-box__menu-icon,:host(cds-fluid-dropdown-skeleton) .cds--list-box__menu-icon{block-size:1rem;inline-size:1rem}.cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item,:not(.cds--list-box__wrapper--fluid--condensed):host(cds-fluid-dropdown) .cds--list-box__menu-item,:not(.cds--list-box__wrapper--fluid--condensed):host(cds-fluid-dropdown-skeleton) .cds--list-box__menu-item{block-size:4rem}.cds--list-box__wrapper--fluid:not(.cds--list-box__wrapper--fluid--condensed) .cds--list-box__menu-item__selected-icon,:not(.cds--list-box__wrapper--fluid--condensed):host(cds-fluid-dropdown) .cds--list-box__menu-item__selected-icon,:not(.cds--list-box__wrapper--fluid--condensed):host(cds-fluid-dropdown-skeleton) .cds--list-box__menu-item__selected-icon{inset-block-start:1.25rem}.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-label,:host(cds-fluid-dropdown) .cds--label--disabled .cds--toggletip-label,:host(cds-fluid-dropdown-skeleton) .cds--label--disabled .cds--toggletip-label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25))}.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button,:host(cds-fluid-dropdown) .cds--label--disabled .cds--toggletip-button,:host(cds-fluid-dropdown-skeleton) .cds--label--disabled .cds--toggletip-button{cursor:not-allowed;pointer-events:none}.cds--list-box__wrapper--fluid .cds--label--disabled .cds--toggletip-button svg,:host(cds-fluid-dropdown) .cds--label--disabled .cds--toggletip-button svg,:host(cds-fluid-dropdown-skeleton) .cds--label--disabled .cds--toggletip-button svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus{outline:2px solid var(--cds-focus,#0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus{outline-style:dotted}}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus{outline-offset:0;z-index:2}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus:has(.cds--list-box--expanded.cds--multi-select--selected){outline-width:.0625rem}.cds--list-box__wrapper--fluid--focus .cds--list-box__field:focus{outline:none;outline-offset:0}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus),:not(.cds--list-box__wrapper--fluid--focus):host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus),:not(.cds--list-box__wrapper--fluid--focus):host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]){outline-style:dotted}}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:not(.cds--list-box__wrapper--fluid--focus),:not(.cds--list-box__wrapper--fluid--focus):host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]){outline-offset:0;z-index:2}.cds--list-box__wrapper--fluid .cds--combo-box.cds--list-box--warning .cds--text-input,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box .cds--text-input,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--focus .cds--list-box:not(.cds--list-box--invalid),.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box .cds--text-input,:host(cds-fluid-dropdown) .cds--combo-box.cds--list-box--warning .cds--text-input,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--list-box .cds--text-input,:host(cds-fluid-dropdown-skeleton) .cds--combo-box.cds--list-box--warning .cds--text-input{border-block-end:1px solid transparent}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--combo-box[data-invalid] .cds--text-input,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box__field:focus,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--combo-box[data-invalid] .cds--text-input,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--list-box,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--list-box__field:focus{outline:none;outline-offset:0}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid:focus-within{outline-offset:0}.cds--list-box__wrapper--fluid .cds--list-box--warning,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box,:host(cds-fluid-dropdown) .cds--list-box--warning,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--list-box,:host(cds-fluid-dropdown-skeleton) .cds--list-box--warning{border-block-end:1px solid transparent}.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--form-requirement,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement,:host(cds-fluid-dropdown) .cds--list-box--warning~.cds--form-requirement,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--form-requirement,:host(cds-fluid-dropdown-skeleton) .cds--list-box--warning~.cds--form-requirement{margin-block-start:0;padding:.5rem 4rem .5rem 1rem}.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--form-requirement,:host(cds-fluid-dropdown) .cds--list-box--warning~.cds--form-requirement,:host(cds-fluid-dropdown-skeleton) .cds--list-box--warning~.cds--form-requirement{border-block-end:1px solid var(--cds-border-strong)}.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--form-requirement:empty,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--form-requirement:empty,:host(cds-fluid-dropdown) .cds--list-box--warning~.cds--form-requirement:empty,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--form-requirement:empty,:host(cds-fluid-dropdown-skeleton) .cds--list-box--warning~.cds--form-requirement:empty{block-size:2rem}.cds--list-box__wrapper--fluid .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid] .cds--list-box__invalid-icon,:host(cds-fluid-dropdown) .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--list-box[data-invalid] .cds--list-box__invalid-icon,:host(cds-fluid-dropdown-skeleton) .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon{inset-block-start:5.0625rem;inset-inline-end:1rem;pointer-events:none}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid]:not(.cds--combo-box) .cds--list-box__field,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--list-box[data-invalid]:not(.cds--combo-box) .cds--list-box__field{padding-inline-end:3rem}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid .cds--list-box[data-invalid].cds--combo-box .cds--text-input,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]) .cds--list-box[data-invalid].cds--combo-box .cds--text-input{padding-inline-end:4rem}.cds--list-box__wrapper--fluid .cds--list-box__divider,:host(cds-fluid-dropdown) .cds--list-box__divider,:host(cds-fluid-dropdown-skeleton) .cds--list-box__divider{display:none;transition:border-color 70ms cubic-bezier(.2,0,.38,.9)}.cds--list-box__wrapper--fluid .cds--list-box--invalid~.cds--list-box__divider,.cds--list-box__wrapper--fluid .cds--list-box--warning~.cds--list-box__divider,:host(cds-fluid-dropdown) .cds--list-box--invalid~.cds--list-box__divider,:host(cds-fluid-dropdown) .cds--list-box--warning~.cds--list-box__divider,:host(cds-fluid-dropdown-skeleton) .cds--list-box--invalid~.cds--list-box__divider,:host(cds-fluid-dropdown-skeleton) .cds--list-box--warning~.cds--list-box__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;margin:0 1rem}.cds--list-box__wrapper--fluid .cds--list-box--invalid:hover:not(.cds--combo-box)~.cds--list-box__divider,.cds--list-box__wrapper--fluid .cds--list-box--warning:hover:not(.cds--combo-box)~.cds--list-box__divider,:host(cds-fluid-dropdown) .cds--list-box--invalid:hover:not(.cds--combo-box)~.cds--list-box__divider,:host(cds-fluid-dropdown) .cds--list-box--warning:hover:not(.cds--combo-box)~.cds--list-box__divider,:host(cds-fluid-dropdown-skeleton) .cds--list-box--invalid:hover:not(.cds--combo-box)~.cds--list-box__divider,:host(cds-fluid-dropdown-skeleton) .cds--list-box--warning:hover:not(.cds--combo-box)~.cds--list-box__divider{border-color:transparent}.cds--list-box__wrapper--fluid.cds--list-box--up .cds--list-box__menu,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[direction=top]) .cds--list-box__menu{inset-block-end:4rem}.cds--list-box__wrapper--fluid .cds--skeleton,:host(cds-fluid-dropdown) .cds--skeleton,:host(cds-fluid-dropdown-skeleton) .cds--skeleton{background:var(--cds-skeleton-background,#e8e8e8);border-block-end:1px solid var(--cds-skeleton-element,#c6c6c6)}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;pointer-events:none;position:relative}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:active,.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:focus,.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:hover,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field:active,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field:focus,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field:hover,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field:active,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field:focus,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field:hover{border:none;cursor:default;outline:none}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:before,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field:before,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:before,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field:before,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field{background:CanvasText}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field:before,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field:before,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field:before{background:Canvas;forced-color-adjust:none}}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__field,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__field,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__field{block-size:.5rem;inline-size:50%;inset-block-start:2.25rem;inset-inline-start:1rem;padding:0;position:absolute}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label{background:var(--cds-skeleton-background,#e8e8e8);border:none;box-shadow:none;padding:0;pointer-events:none;position:relative}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:active,.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:focus,.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:hover,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label:active,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label:focus,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label:hover,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label:active,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label:focus,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label:hover{border:none;cursor:default;outline:none}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:before,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label:before,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label:before{animation:cds--skeleton 3s ease-in-out infinite;background:var(--cds-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:before,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label:before,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label{background:CanvasText}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label:before,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label:before,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label:before{background:Canvas;forced-color-adjust:none}}.cds--list-box__wrapper--fluid .cds--skeleton .cds--list-box__label,:host(cds-fluid-dropdown) .cds--skeleton .cds--list-box__label,:host(cds-fluid-dropdown-skeleton) .cds--skeleton .cds--list-box__label{block-size:.5rem;inline-size:25%;inset-block-start:1rem;inset-inline-start:1rem;position:absolute}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box__inner-wrapper--decorator>*,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--ai-label,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--slug,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--ai-label,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--slug{inset-block-start:2.625rem}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__wrapper--decorator-inner>*,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner>*,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--ai-label,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--slug,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid .cds--ai-label,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid .cds--slug,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--ai-label,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--slug{inset-inline-end:2.5rem}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning button.cds--list-box__field,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] button.cds--list-box__field,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--fluid--invalid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] button.cds--list-box__field,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning button.cds--list-box__field,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning button.cds--list-box__field,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[invalid]):host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] button.cds--list-box__field{padding-inline-end:4rem}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug.cds--list-box__wrapper--fluid--invalid .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty),:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--text-input:not(.cds--text-input--empty),:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]):host(cds-fluid-dropdown[invalid]) .cds--list-box--invalid .cds--text-input:not(.cds--text-input--empty){padding-inline-end:5.5rem}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--list-box__wrapper--decorator-inner>*,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--list-box__wrapper--decorator-inner>*,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--slug,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--slug,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--slug,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--ai-label,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--list-box__field:has(.cds--text-input:not(.cds--text-input--empty))~.cds--slug{inset-inline-end:4rem}.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--text-input:not(.cds--text-input--empty),.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--text-input:not(.cds--text-input--empty),:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--text-input:not(.cds--text-input--empty){padding-inline-end:6rem}.cds--list-box__wrapper--fluid .cds--list-box__selection,:host(cds-fluid-dropdown) .cds--list-box__selection,:host(cds-fluid-dropdown-skeleton) .cds--list-box__selection{inset-inline-end:2.5625rem}.cds--list-box__wrapper--fluid .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before,.cds--list-box__wrapper--fluid .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before,:host(cds-fluid-dropdown) .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before,:host(cds-fluid-dropdown) .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before,:host(cds-fluid-dropdown-skeleton) .cds--list-box--invalid[data-invalid] .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before,:host(cds-fluid-dropdown-skeleton) .cds--list-box--warning .cds--list-box__field:has(.cds--list-box__menu-icon) .cds--list-box__selection:before{background-color:transparent;block-size:1rem;content:\"\";inline-size:.0625rem;margin-inline-end:2.0625rem;position:absolute}.cds--list-box__wrapper--fluid:has(.cds--multi-select) .cds--list-box__menu-icon,:has(.cds--multi-select):host(cds-fluid-dropdown) .cds--list-box__menu-icon,:has(.cds--multi-select):host(cds-fluid-dropdown-skeleton) .cds--list-box__menu-icon{inset-inline-end:.75rem}.cds--list-box__wrapper--fluid:has(.cds--dropdown) .cds--list-box__menu-icon,:has(.cds--dropdown):host(cds-fluid-dropdown) .cds--list-box__menu-icon,:has(.cds--dropdown):host(cds-fluid-dropdown-skeleton) .cds--list-box__menu-icon{inset-inline-end:1rem}.cds--list-box__wrapper--decorator .cds--list-box--warning .cds--list-box__wrapper--decorator-inner>:before,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--decorator .cds--list-box--invalid[data-invalid] .cds--list-box__wrapper--decorator-inner>:before,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--ai-label:before,.cds--list-box__wrapper--fluid.cds--list-box__wrapper--slug .cds--list-box--invalid[data-invalid] .cds--slug:before,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--ai-label:before,.cds--list-box__wrapper--slug .cds--list-box--warning .cds--slug:before,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--ai-label:before,:host(cds-fluid-dropdown):host(cds-fluid-dropdown[ai-label]) .cds--list-box--invalid[data-invalid] .cds--slug:before,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--ai-label:before,:host(cds-fluid-dropdown[ai-label]) .cds--list-box--warning .cds--slug:before{display:none}:host(cds-fluid-dropdown){--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px;outline:none}:host(cds-fluid-dropdown) .cds--list-box{box-sizing:border-box}:host(cds-fluid-dropdown) .cds--list-box--expanded{border-block-end-color:var(--cds-border-subtle)}:host(cds-fluid-dropdown) .cds--assistive-text{inset-block-start:-100%;inset-inline-start:-100%}:host(cds-fluid-dropdown) .cds--label[hidden]{display:none}:host(cds-fluid-dropdown) .cds--list-box__menu{inset-block-start:100%;margin-block-start:1px;outline:none}:host(cds-fluid-dropdown) .cds--list-box--disabled{border-block-end-color:transparent;pointer-events:none}:host(cds-fluid-dropdown) .cds--list-box__menu-item__selected-icon{inset-block-start:1.25rem}:host(cds-fluid-dropdown) .cds--list-box__divider{border:none;border-block-end:1px solid var(--cds-border-subtle);display:block;margin:0 1rem}:host(cds-fluid-dropdown:not([is-condensed])) ::slotted(cds-dropdown-item){block-size:4rem}:host(cds-fluid-dropdown[invalid]){outline:2px solid var(--cds-support-error,#da1e28);outline-offset:-2px}@media screen and (prefers-contrast){:host(cds-fluid-dropdown[invalid]){outline-style:dotted}}:host(cds-fluid-dropdown[invalid]){outline-offset:0}:host(cds-fluid-dropdown[direction=top]) .cds--list-box__menu{inset-block-start:auto}:host(cds-fluid-dropdown[ai-label]) ::slotted(cds-ai-label),:host(cds-fluid-dropdown[ai-label]) ::slotted(cds-slug){inset-block-start:70%;inset-inline-end:3rem;position:absolute}:host(cds-fluid-dropdown[ai-label]) ::slotted(cds-ai-label:not([revert-active])),:host(cds-fluid-dropdown[ai-label]) ::slotted(cds-slug:not([revert-active])){transform:translateY(-70%)}:host(cds-fluid-dropdown[ai-label]) .cds--list-box__wrapper--decorator{background-image:linear-gradient(0deg,var(--cds-ai-aura-start-sm,rgba(69,137,255,.16)) 0,15%,var(--cds-ai-aura-end,hsla(0,0%,100%,0)) 50%,transparent 100%);border-block-end-color:var(--cds-ai-border-strong,#4589ff)}:host(cds-fluid-dropdown[ai-label]) ::slotted(cds-ai-label):after{background-color:var(--cds-border-subtle-01,#c6c6c6);block-size:1rem;content:\"\";inline-size:.0625rem;inset-inline-start:1.4375rem;position:absolute}:host(cds-fluid-dropdown[ai-label][disabled]) .cds--list-box,:host(cds-fluid-dropdown[ai-label][read-only]) .cds--list-box{border-block-end-color:var(--cds-ai-border-strong,#4589ff)}:host(cds-fluid-dropdown[ai-label][disabled]) .cds--list-box__field,:host(cds-fluid-dropdown[ai-label][read-only]) .cds--list-box__field{border-block-end:1px solid var(--cds-ai-border-strong,#4589ff)}:host(cds-fluid-dropdown[ai-label][disabled]) ::slotted(cds-ai-label):before,:host(cds-fluid-dropdown[ai-label][read-only]) ::slotted(cds-ai-label):before{display:none}:host(cds-fluid-dropdown[is-condensed]) .cds--list-box__menu-item__selected-icon{inset-block-start:auto}:host(cds-fluid-dropdown[is-condensed]) ::slotted(cds-dropdown-item){block-size:auto}:host(cds-fluid-dropdown[disabled]){cursor:not-allowed}:host(cds-fluid-dropdown[disabled]) svg{fill:var(--cds-icon-disabled,hsla(0,0%,9%,.25))}:host(cds-fluid-dropdown[disabled]) .cds--list-box__field,:host(cds-fluid-dropdown[disabled]) .cds--list-box__selection{pointer-events:none}:host(cds-fluid-dropdown[disabled]) .cds--list-box__field:focus,:host(cds-fluid-dropdown[disabled]) .cds--list-box__selection:focus{outline:none}:host(cds-fluid-dropdown[disabled]) .cds--label{color:var(--cds-text-disabled,hsla(0,0%,9%,.25));cursor:not-allowed}:host(cds-fluid-dropdown[read-only]) .cds--dropdown{border-block-end-color:var(--cds-border-subtle)}:host(cds-fluid-dropdown[read-only]) .cds--label{color:inherit}:host(cds-fluid-dropdown[read-only]) .cds--list-box__field,:host(cds-fluid-dropdown[read-only]) .cds--list-box__selection{pointer-events:none}:host(cds-fluid-dropdown[invalid]:not([disabled]):not([read-only])) .cds--form__helper-text,:host(cds-fluid-dropdown[warn]:not([disabled]):not([read-only])) .cds--form__helper-text{inline-size:auto;margin-block-start:0;padding:.5rem 4rem .5rem 1rem}:host(cds-fluid-dropdown[invalid]:not([disabled]):not([read-only])) .cds--list-box,:host(cds-fluid-dropdown[warn]:not([disabled]):not([read-only])) .cds--list-box{border-block-end:1px solid transparent}:host(cds-fluid-dropdown[invalid]:not([disabled]):not([read-only])) .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon,:host(cds-fluid-dropdown[invalid]:not([disabled]):not([read-only])) .cds--list-box__invalid-icon--warning,:host(cds-fluid-dropdown[warn]:not([disabled]):not([read-only])) .cds--list-box.cds--list-box--warning .cds--list-box__invalid-icon,:host(cds-fluid-dropdown[warn]:not([disabled]):not([read-only])) .cds--list-box__invalid-icon--warning{inset-block-start:5.0625rem;inset-inline-end:1rem;pointer-events:none}:host(cds-fluid-dropdown[warn]:not([disabled]):not([read-only])) .cds--form__helper-text{color:var(--cds-text-primary,#161616)}:host(cds-fluid-dropdown[invalid]:not([disabled]):not([read-only])) .cds--form__helper-text{color:var(--cds-text-error,#da1e28)}:host(cds-fluid-dropdown-skeleton){display:block}"]);
12
+
13
+ //#endregion
14
+ export { fluid_dropdown_default as default };
15
+ //# sourceMappingURL=fluid-dropdown.scss.js.map
package/es/components/fluid-dropdown/fluid-dropdown.scss.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fluid-dropdown.scss.js","names":[],"sources":["../../../src/components/fluid-dropdown/fluid-dropdown.scss?lit"],"sourcesContent":["/**\n * Copyright IBM Corp.2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n$css--plex: true !default;\n@use '@carbon/styles/scss/config' as *;\n@use '@carbon/styles/scss/components/fluid-dropdown/index';\n@use '@carbon/styles/scss/components/dropdown' as *;\n@use '@carbon/styles/scss/components/list-box' as *;\n@use '@carbon/styles/scss/layout' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type' as *;\n@use '@carbon/styles/scss/utilities/skeleton' as *;\n@use '@carbon/styles/scss/utilities' as *;\n@use '@carbon/styles/scss/colors';\n@use '@carbon/styles/scss/utilities/convert' as *;\n\n:host(#{$prefix}-fluid-dropdown) {\n @extend .#{$prefix}--list-box__wrapper;\n @extend .#{$prefix}--list-box__wrapper--fluid;\n\n @include emit-layout-tokens();\n\n outline: none;\n\n .#{$prefix}--list-box {\n box-sizing: border-box;\n }\n\n .#{$prefix}--list-box--expanded {\n border-block-end-color: $border-subtle;\n }\n\n .#{$prefix}--assistive-text {\n inset-block-start: -100%;\n // Hides screen reader cursor\n inset-inline-start: -100%;\n }\n\n .#{$prefix}--label[hidden] {\n display: none;\n }\n\n .#{$prefix}--list-box__menu {\n inset-block-start: 100%;\n margin-block-start: 1px;\n outline: none;\n }\n\n .#{$prefix}--list-box--disabled {\n border-block-end-color: transparent;\n pointer-events: none;\n }\n\n // Parity styles for non-condensed menu items\n .#{$prefix}--list-box__menu-item__selected-icon {\n inset-block-start: to-rem(20px);\n }\n\n .#{$prefix}--list-box__divider {\n display: block;\n border: none;\n margin: 0 1rem;\n border-block-end: 1px solid $border-subtle;\n }\n}\n\n// Target dropdown items inside fluid dropdown for non-condensed height\n:host(#{$prefix}-fluid-dropdown:not([is-condensed])) {\n ::slotted(#{$prefix}-dropdown-item) {\n block-size: $spacing-10;\n }\n}\n\n:host(#{$prefix}-fluid-dropdown[invalid]) {\n @extend .#{$prefix}--list-box__wrapper--fluid--invalid;\n @include focus-outline('invalid');\n\n outline-offset: 0;\n}\n\n// Direction top\n:host(#{$prefix}-fluid-dropdown[direction='top']) {\n @extend .#{$prefix}--list-box--up;\n\n .#{$prefix}--list-box__menu {\n inset-block-start: auto;\n }\n}\n\n// AI Label styles\n:host(#{$prefix}-fluid-dropdown[ai-label]) {\n @extend .#{$prefix}--list-box__wrapper--slug;\n\n ::slotted(#{$prefix}-ai-label),\n ::slotted(#{$prefix}-slug) {\n position: absolute;\n inset-block-start: 70%;\n inset-inline-end: $spacing-09;\n }\n\n ::slotted(#{$prefix}-ai-label:not([revert-active])),\n ::slotted(#{$prefix}-slug:not([revert-active])) {\n transform: translateY(-70%);\n }\n\n .#{$prefix}--list-box__wrapper--decorator {\n @include ai-gradient;\n }\n}\n\n// AI label dividers - always present\n:host(#{$prefix}-fluid-dropdown[ai-label]) ::slotted(#{$prefix}-ai-label) {\n &::after {\n position: absolute;\n background-color: $border-subtle-01;\n block-size: to-rem(16px);\n content: '';\n inline-size: to-rem(1px);\n inset-inline-start: calc(#{$spacing-06} - to-rem(1px));\n }\n}\n\n:host(#{$prefix}-fluid-dropdown[ai-label][read-only]),\n:host(#{$prefix}-fluid-dropdown[ai-label][disabled]) {\n .#{$prefix}--list-box {\n border-block-end-color: $ai-border-strong;\n }\n\n .#{$prefix}--list-box__field {\n border-block-end: 1px solid $ai-border-strong;\n }\n\n ::slotted(#{$prefix}-ai-label)::before {\n display: none;\n }\n}\n\n// Condensed styles\n:host(#{$prefix}-fluid-dropdown[is-condensed]) {\n @extend .#{$prefix}--list-box__wrapper--fluid--condensed;\n\n .#{$prefix}--list-box__menu-item__selected-icon {\n inset-block-start: auto;\n }\n\n // Reset menu item height for condensed mode\n ::slotted(#{$prefix}-dropdown-item) {\n block-size: auto;\n }\n}\n\n// Disabled state\n:host(#{$prefix}-fluid-dropdown[disabled]) {\n cursor: not-allowed;\n\n svg {\n fill: $icon-disabled;\n }\n\n .#{$prefix}--list-box__field,\n .#{$prefix}--list-box__selection {\n pointer-events: none;\n }\n\n .#{$prefix}--list-box__field:focus,\n .#{$prefix}--list-box__selection:focus {\n outline: none;\n }\n\n .#{$prefix}--label {\n color: $text-disabled;\n cursor: not-allowed;\n }\n}\n\n:host(#{$prefix}-fluid-dropdown[read-only]) {\n @extend .#{$prefix}--dropdown--readonly;\n\n .#{$prefix}--dropdown {\n border-block-end-color: $border-subtle;\n }\n .#{$prefix}--label {\n color: inherit;\n }\n .#{$prefix}--list-box__field,\n .#{$prefix}--list-box__selection {\n pointer-events: none;\n }\n}\n\n:host(#{$prefix}-fluid-dropdown[invalid]:not([disabled]):not([read-only])),\n:host(#{$prefix}-fluid-dropdown[warn]:not([disabled]):not([read-only])) {\n .#{$prefix}--form__helper-text {\n padding: to-rem(8px) 4rem to-rem(8px) $spacing-05;\n inline-size: auto;\n margin-block-start: 0;\n }\n\n .#{$prefix}--list-box {\n border-block-end: 1px solid transparent;\n }\n\n .#{$prefix}--list-box.#{$prefix}--list-box--warning\n .#{$prefix}--list-box__invalid-icon,\n .#{$prefix}--list-box__invalid-icon--warning {\n inset-block-start: to-rem(81px);\n inset-inline-end: $spacing-05;\n pointer-events: none;\n }\n}\n\n:host(#{$prefix}-fluid-dropdown[warn]:not([disabled]):not([read-only])) {\n .#{$prefix}--form__helper-text {\n color: $text-primary;\n }\n}\n\n:host(#{$prefix}-fluid-dropdown[invalid]:not([disabled]):not([read-only])) {\n .#{$prefix}--form__helper-text {\n color: $text-error;\n }\n}\n\n// Skeleton\n:host(#{$prefix}-fluid-dropdown-skeleton) {\n @extend .#{$prefix}--list-box__wrapper--fluid;\n\n display: block;\n}\n"],"mappings":""}
package/es/components/fluid-dropdown/index.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+ import './fluid-dropdown';
8
+ import './fluid-dropdown-skeleton';
9
+ //# sourceMappingURL=index.d.ts.map
package/es/components/fluid-dropdown/index.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fluid-dropdown/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,2BAA2B,CAAC"}
package/es/components/fluid-dropdown/index.js ADDED
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Copyright IBM Corp. 2026
3
+ *
4
+ * This source code is licensed under the Apache-2.0 license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ */
7
+
8
+ import "./fluid-dropdown-skeleton.js";
9
+ import "./fluid-dropdown.js";
package/es/components/list/list.scss.js CHANGED
@@ -8,7 +8,7 @@
8
8
  import { css } from "lit";
9
9
 
10
10
  //#region src/components/list/list.scss?lit
11
- var list_default = css(["@charset \"UTF-8\";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--list--nested *,.cds--list--nested :after,.cds--list--nested :before,.cds--list--ordered *,.cds--list--ordered :after,.cds--list--ordered :before,.cds--list--ordered--native *,.cds--list--ordered--native :after,.cds--list--ordered--native :before,.cds--list--unordered *,.cds--list--unordered :after,.cds--list--unordered :before{box-sizing:inherit}.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);list-style:none}.cds--list--unordered:not(.cds--list--nested){margin-inline-start:1rem}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-inline-start:2rem}.cds--list--nested .cds--list__item{padding-inline-start:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item:before{content:counter(item) \".\";counter-increment:item;inset-inline-start:-1.5rem;position:absolute}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item:before{content:\"–\";inset-inline-start:-1rem;position:absolute}.cds--list--unordered.cds--list--nested>.cds--list__item:before{content:\"▪\";inset-inline-start:-.75rem}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-inline-start:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-inline-start:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list):not(.cds--list--nested){counter-reset:item}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item){counter-increment:item;position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item):before{content:counter(item) \".\";inset-inline-start:-1.5rem;position:absolute}:host(cds-unordered-list){--cds-ce--list-marker:\"–\"}:host(cds-unordered-list)[slot=nested]{--cds-ce--list-marker:\"▪\"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item):before{content:\"–\";inset-inline-start:-1rem;position:absolute}:host(cds-unordered-list[nested]) ::slotted(cds-list-item):before,:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item):before{content:\"▪\";inset-inline-start:-.75rem}:host(cds-list-item){color:var(--cds-text-primary,#161616);display:list-item}:host(cds-list-item):before{content:var(--cds-ce--list-marker,none);inset-inline-start:-1rem;position:absolute}:host(cds-list-item[nested]){margin-block:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-block-start:0}"]);
11
+ var list_default = css(["@charset \"UTF-8\";.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{border:0;box-sizing:border-box;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}.cds--list--nested *,.cds--list--nested :after,.cds--list--nested :before,.cds--list--ordered *,.cds--list--ordered :after,.cds--list--ordered :before,.cds--list--ordered--native *,.cds--list--ordered--native :after,.cds--list--ordered--native :before,.cds--list--unordered *,.cds--list--unordered :after,.cds--list--unordered :before{box-sizing:inherit}.cds--list--nested,.cds--list--ordered,.cds--list--ordered--native,.cds--list--unordered{font-size:var(--cds-body-01-font-size,.875rem);font-weight:var(--cds-body-01-font-weight,400);letter-spacing:var(--cds-body-01-letter-spacing,.16px);line-height:var(--cds-body-01-line-height,1.42857);list-style:none}.cds--list--unordered:not(.cds--list--nested){margin-inline-start:1rem}.cds--list--expressive,.cds--list--expressive .cds--list--nested{font-size:var(--cds-body-02-font-size,1rem);font-weight:var(--cds-body-02-font-weight,400);letter-spacing:var(--cds-body-02-letter-spacing,0);line-height:var(--cds-body-02-line-height,1.5)}.cds--list--ordered--native{list-style:decimal}.cds--list__item{color:var(--cds-text-primary,#161616)}.cds--list--nested{margin-inline-start:2rem}.cds--list--nested .cds--list__item{padding-inline-start:.25rem}.cds--list--ordered:not(.cds--list--nested){counter-reset:item}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item{position:relative}.cds--list--ordered:not(.cds--list--nested)>.cds--list__item:before{content:counter(item) \".\";counter-increment:item;inset-inline-start:-1.5rem;position:absolute}.cds--list--ordered--native.cds--list--nested,.cds--list--ordered.cds--list--nested{list-style-type:lower-latin}.cds--list--unordered>.cds--list__item{position:relative}.cds--list--unordered>.cds--list__item:before{content:\"–\";inset-inline-start:-1rem;position:absolute}.cds--list--unordered.cds--list--nested>.cds--list__item:before{content:\"▪︎\";inset-inline-start:-.75rem}:host(cds-ordered-list) .cds--list--nested,:host(cds-unordered-list) .cds--list--nested{margin-inline-start:2rem}:host(cds-ordered-list) .cds--list--nested ::slotted(cds-list-item),:host(cds-unordered-list) .cds--list--nested ::slotted(cds-list-item){padding-inline-start:.25rem}:host(cds-ordered-list) .cds--list--ordered.cds--list--nested{list-style-type:lower-latin}:host(cds-ordered-list):not(.cds--list--nested){counter-reset:item}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item){counter-increment:item;position:relative}:host(cds-ordered-list) .cds--list--ordered:not(.cds--list--nested) ::slotted(cds-list-item):before{content:counter(item) \".\";inset-inline-start:-1.5rem;position:absolute}:host(cds-unordered-list){--cds-ce--list-marker:\"–\"}:host(cds-unordered-list)[slot=nested]{--cds-ce--list-marker:\"▪\"}:host(cds-unordered-list) ::slotted(cds-list-item){position:relative}:host(cds-unordered-list) ::slotted(cds-list-item):before{content:\"–\";inset-inline-start:-1rem;position:absolute}:host(cds-unordered-list[nested]) ::slotted(cds-list-item):before,:host(cds-unordered-list[slot=nested]) ::slotted(cds-list-item):before{content:\"▪\";inset-inline-start:-.75rem}:host(cds-list-item){color:var(--cds-text-primary,#161616);display:list-item}:host(cds-list-item):before{content:var(--cds-ce--list-marker,none);inset-inline-start:-1rem;position:absolute}:host(cds-list-item[nested]){margin-block:0}:host(cds-list-item[nested]) .cds-ce--list__item__nested-child{padding-block-start:0}"]);
12
12
 
13
13
  //#endregion
14
14
  export { list_default as default };
package/es-custom/components/checkbox/checkbox.js CHANGED
@@ -221,14 +221,20 @@ __decorate([property({
221
221
  type: Boolean,
222
222
  reflect: true
223
223
  })], CDSCheckbox.prototype, "readonly", void 0);
224
- __decorate([property({ type: Boolean })], CDSCheckbox.prototype, "invalid", void 0);
224
+ __decorate([property({
225
+ type: Boolean,
226
+ reflect: true
227
+ })], CDSCheckbox.prototype, "invalid", void 0);
225
228
  __decorate([property({
226
229
  type: String,
227
230
  attribute: "invalid-text"
228
231
  })], CDSCheckbox.prototype, "invalidText", void 0);
229
232
  __decorate([property({ attribute: "title" })], CDSCheckbox.prototype, "title", void 0);
230
233
  __decorate([property()], CDSCheckbox.prototype, "value", void 0);
231
- __decorate([property({ type: Boolean })], CDSCheckbox.prototype, "warn", void 0);
234
+ __decorate([property({
235
+ type: Boolean,
236
+ reflect: true
237
+ })], CDSCheckbox.prototype, "warn", void 0);
232
238
  __decorate([property({
233
239
  type: String,
234
240
  attribute: "warn-text"
package/es-custom/components/checkbox/checkbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss?lit';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Check box.\n *\n * @element cds-custom-checkbox\n * @fires cds-custom-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n @query('input')\n protected _checkboxNode!: HTMLInputElement;\n\n /**\n * Handles `click` event on the `<input>` in the shadow DOM.\n */\n protected _handleChange() {\n const { checked, indeterminate } = this._checkboxNode;\n this.checked = checked;\n this.indeterminate = indeterminate;\n const { eventChange } = this.constructor as typeof CDSCheckbox;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n checked,\n indeterminate,\n },\n })\n );\n }\n\n /**\n * Prevent checkbox state from updating when readonly\n */\n private _handleClick(event: MouseEvent) {\n if (this.readonly) {\n event.preventDefault();\n }\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { checked, disabled, name, value = 'on' } = this;\n if (!disabled && checked) {\n formData.append(name, value);\n }\n }\n\n /**\n * Specify whether the underlying input should be checked\n */\n @property({ type: Boolean, reflect: true, attribute: 'checked' })\n checked = false;\n\n /**\n * Specify if checkbox is being used in a data table\n */\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /**\n * Specify whether the Checkbox should be disabled\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Provide text for the form group for additional help\n */\n @property({ type: String, reflect: true, attribute: 'helper-text' })\n helperText;\n\n /**\n * Specify whether the checkbox should be present in the DOM,\n * but invisible and uninteractable. Used for data-table purposes.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n hideCheckbox = false;\n\n /**\n * Specify whether the label should be hidden, or not\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * Specify a custom id for the checkbox\n */\n @property({ reflect: true })\n id = 'checkbox';\n\n /**\n * Specify whether the Checkbox is in an indeterminate state\n */\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /**\n * Provide a label to provide a description of the Checkbox input that you are\n * exposing to the user\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name.\n */\n @property()\n name!: string;\n\n /**\n * Specify whether the Checkbox is read-only\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Specify whether the Checkbox is currently invalid\n */\n @property({ type: Boolean })\n invalid = false;\n\n /**\n * Provide the text that is displayed when the Checkbox is in an invalid state\n */\n @property({ type: String, attribute: 'invalid-text' })\n invalidText;\n\n /**\n * Specify a title for the node for the Checkbox\n */\n @property({ attribute: 'title' })\n title = '';\n\n /**\n * The value.\n */\n @property()\n value!: string;\n\n /**\n * Specify whether the Checkbox is in a warn state\n */\n @property({ type: Boolean })\n warn = false;\n\n /**\n * Provide the text that is displayed when the Checkbox is in a warn state\n */\n @property({ type: String, attribute: 'warn-text' })\n warnText = false;\n\n /**\n * Specify whether the underlying input should be checked by default\n */\n @property({ type: Boolean, attribute: 'default-checked' })\n defaultChecked;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSCheckbox).aiLabelItem\n ) ||\n // remove slug reference in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSCheckbox).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n (hasContent[0] as HTMLElement).setAttribute(\n 'size',\n type === 'inline' ? 'md' : 'mini'\n );\n this.requestUpdate();\n }\n\n /**\n * `true` if there is an AI Label.\n */\n protected _hasAILabel = false;\n\n updated() {\n const { _hasAILabel: hasAILabel } = this;\n if (hasAILabel) {\n this.setAttribute('ai-label', '');\n } else {\n this.removeAttribute('ai-label');\n }\n }\n connectedCallback() {\n super.connectedCallback();\n if (this.defaultChecked) {\n this.checked = this.defaultChecked;\n }\n }\n\n render() {\n const {\n checked,\n disabled,\n helperText,\n hideLabel,\n id,\n indeterminate,\n invalid,\n invalidText,\n labelText,\n name,\n readonly,\n title,\n value,\n warn,\n warnText,\n defaultChecked,\n _handleChange: handleChange,\n _handleClick: handleClick,\n } = this;\n\n const showWarning = !readonly && !invalid && warn;\n const showHelper = !invalid && !warn;\n\n const helper = helperText\n ? html` <div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n : null;\n\n const labelClasses = classMap({\n [`${prefix}--checkbox-label`]: true,\n });\n const labelTextClasses = classMap({\n [`${prefix}--checkbox-label-text`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"${ifDefined(id)}\"\n type=\"checkbox\"\n part=\"input\"\n class=\"${`${prefix}--checkbox`}\"\n aria-readonly=\"${String(readonly)}\"\n .checked=\"${checked}\"\n ?data-invalid=\"${invalid}\"\n ?disabled=\"${disabled}\"\n ?defaultChecked=\"${defaultChecked}\"\n .indeterminate=\"${indeterminate}\"\n name=\"${ifDefined(name)}\"\n value=\"${ifDefined(value)}\"\n @change=\"${handleChange}\"\n @click=\"${handleClick}\" />\n <label\n for=\"${ifDefined(id)}\"\n part=\"label\"\n class=\"${labelClasses}\"\n title=\"${ifDefined(title)}\">\n <span class=\"${labelTextClasses}\"\n >${labelText ? labelText : html`<slot></slot>`}</span\n >\n </label>\n <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"decorator\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <div class=\"${prefix}--checkbox__validation-msg\">\n ${!readonly && invalid\n ? html`\n ${iconLoader(WarningFilled16, {\n class: `${prefix}--checkbox__invalid-icon`,\n })}\n <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n `\n : null}\n ${showWarning\n ? html`\n ${iconLoader(WarningAltFilled16, {\n class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n })}\n <div class=\"${prefix}--form-requirement\">${warnText}</div>\n `\n : null}\n </div>\n ${showHelper ? helper : null}\n `;\n }\n\n /**\n * The name of the custom event fired after this changebox changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n /**\n * A selector that will return the slug item.\n *\n * Remove in v12\n */\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /**\n * A selector that will return the ai-label item.\n */\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSCheckbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,wBACM,oBAAoB,WAAW,UAAU,WAAW,CAAC,CAAC;;;iBA6ChD;mBAME;kBAMD;sBAaI;mBAMH;YAMP;uBAMW;mBAOJ;kBAYD;iBAMD;eAYF;cAYD;kBAMI;qBAsCa;;;;;CA9KxB,AAAU,gBAAgB;EACxB,MAAM,EAAE,SAAS,kBAAkB,KAAK;AACxC,OAAK,UAAU;AACf,OAAK,gBAAgB;EACrB,MAAM,EAAE,gBAAgB,KAAK;AAC7B,OAAK,cACH,IAAI,YAAY,aAAa;GAC3B,SAAS;GACT,UAAU;GACV,QAAQ;IACN;IACA;IACD;GACF,CAAC,CACH;;;;;CAMH,AAAQ,aAAa,OAAmB;AACtC,MAAI,KAAK,SACP,OAAM,gBAAgB;;CAI1B,gBAAgB,OAAsB;EACpC,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,SAAS,UAAU,MAAM,QAAQ,SAAS;AAClD,MAAI,CAAC,YAAY,QACf,UAAS,OAAO,MAAM,MAAM;;;;;CAqHhC,AAAU,kBAAkB,EAAE,UAAiB;EAC7C,MAAM,aAAc,OACjB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,SAC7B,KAAqB,QACnB,KAAK,YAAmC,YAC1C,IAEA,KAAqB,QACnB,KAAK,YAAmC,SAC1C,GACD,MACL;AAEH,OAAK,cAAc,QAAQ,WAAW;EACtC,MAAM,OAAQ,WAAW,GAAmB,aAAa,OAAO;AAChE,EAAC,WAAW,GAAmB,aAC7B,QACA,SAAS,WAAW,OAAO,OAC5B;AACD,OAAK,eAAe;;CAQtB,UAAU;EACR,MAAM,EAAE,aAAa,eAAe;AACpC,MAAI,WACF,MAAK,aAAa,YAAY,GAAG;MAEjC,MAAK,gBAAgB,WAAW;;CAGpC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,KAAK,eACP,MAAK,UAAU,KAAK;;CAIxB,SAAS;EACP,MAAM,EACJ,SACA,UACA,YACA,WACA,IACA,eACA,SACA,aACA,WACA,MACA,UACA,OACA,OACA,MACA,UACA,gBACA,eAAe,cACf,cAAc,gBACZ;EAEJ,MAAM,cAAc,CAAC,YAAY,CAAC,WAAW;EAC7C,MAAM,aAAa,CAAC,WAAW,CAAC;EAEhC,MAAM,SAAS,aACX,IAAI,gBAAgB,OAAO,uBAAuB,WAAW,UAC7D;EAEJ,MAAM,eAAe,SAAS,GAC3B,GAAG,OAAO,oBAAoB,MAChC,CAAC;EACF,MAAM,mBAAmB,SAAS;IAC/B,GAAG,OAAO,yBAAyB;IACnC,GAAG,OAAO,qBAAqB;GACjC,CAAC;AACF,SAAO,IAAI;;cAED,UAAU,GAAG,CAAC;;;iBAGX,GAAG,OAAO,YAAY;yBACd,OAAO,SAAS,CAAC;oBACtB,QAAQ;yBACH,QAAQ;qBACZ,SAAS;2BACH,eAAe;0BAChB,cAAc;gBACxB,UAAU,KAAK,CAAC;iBACf,UAAU,MAAM,CAAC;mBACf,aAAa;kBACd,YAAY;;eAEf,UAAU,GAAG,CAAC;;iBAEZ,aAAa;iBACb,UAAU,MAAM,CAAC;uBACX,iBAAiB;aAC3B,YAAY,YAAY,IAAI,gBAAgB;;;2CAGd,KAAK,kBAAkB;4CACtB,KAAK,kBAAkB;uCAC5B,KAAK,kBAAkB;oBAC1C,OAAO;UACjB,CAAC,YAAY,UACX,IAAI;gBACA,WAAW,iBAAiB,EAC5B,OAAO,GAAG,OAAO,2BAClB,CAAC,CAAC;4BACW,OAAO,sBAAsB,YAAY;gBAEzD,KAAK;UACP,cACE,IAAI;gBACA,WAAW,oBAAoB,EAC/B,OAAO,GAAG,OAAO,2BAA2B,OAAO,oCACpD,CAAC,CAAC;4BACW,OAAO,sBAAsB,SAAS;gBAEtD,KAAK;;QAET,aAAa,SAAS,KAAK;;;;;;CAOjC,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;;;;;CAQnB,WAAW,WAAW;AACpB,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;2BAGQ;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAtTf,MAAM,QAAQ;YA2Cd,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAW,CAAC;YAMhE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC;YAMnE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAe,CAAC;YAOnE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC;YAMtE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC;YAMnE,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAO1C,SAAS,EAAE,WAAW,cAAc,CAAC;YAMrC,UAAU;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS,EAAE,MAAM,SAAS,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAgB,CAAC;YAMrD,SAAS,EAAE,WAAW,SAAS,CAAC;YAMhC,UAAU;YAMV,SAAS,EAAE,MAAM,SAAS,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,CAAC;YAMlD,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC;0BArJ3DC,cAAc,GAAG,OAAO,WAAW;AA2TpC,uBAAe"}
1
+ {"version":3,"file":"checkbox.js","names":["styles","customElement"],"sources":["../../../src/components/checkbox/checkbox.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2019, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { LitElement, html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { prefix } from '../../globals/settings';\nimport FocusMixin from '../../globals/mixins/focus';\nimport FormMixin from '../../globals/mixins/form';\nimport styles from './checkbox.scss?lit';\nimport WarningFilled16 from '@carbon/icons/es/warning--filled/16.js';\nimport WarningAltFilled16 from '@carbon/icons/es/warning--alt--filled/16.js';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\nimport { iconLoader } from '../../globals/internal/icon-loader';\n\n/**\n * Check box.\n *\n * @element cds-custom-checkbox\n * @fires cds-custom-checkbox-changed - The custom event fired after this changebox changes its checked state.\n * @csspart input The checkbox.\n * @csspart label The label.\n */\n@customElement(`${prefix}-checkbox`)\nclass CDSCheckbox extends FocusMixin(FormMixin(LitElement)) {\n @query('input')\n protected _checkboxNode!: HTMLInputElement;\n\n /**\n * Handles `click` event on the `<input>` in the shadow DOM.\n */\n protected _handleChange() {\n const { checked, indeterminate } = this._checkboxNode;\n this.checked = checked;\n this.indeterminate = indeterminate;\n const { eventChange } = this.constructor as typeof CDSCheckbox;\n this.dispatchEvent(\n new CustomEvent(eventChange, {\n bubbles: true,\n composed: true,\n detail: {\n checked,\n indeterminate,\n },\n })\n );\n }\n\n /**\n * Prevent checkbox state from updating when readonly\n */\n private _handleClick(event: MouseEvent) {\n if (this.readonly) {\n event.preventDefault();\n }\n }\n\n _handleFormdata(event: FormDataEvent) {\n const { formData } = event;\n const { checked, disabled, name, value = 'on' } = this;\n if (!disabled && checked) {\n formData.append(name, value);\n }\n }\n\n /**\n * Specify whether the underlying input should be checked\n */\n @property({ type: Boolean, reflect: true, attribute: 'checked' })\n checked = false;\n\n /**\n * Specify if checkbox is being used in a data table\n */\n @property({ type: Boolean, reflect: true, attribute: 'data-table' })\n dataTable = false;\n\n /**\n * Specify whether the Checkbox should be disabled\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Provide text for the form group for additional help\n */\n @property({ type: String, reflect: true, attribute: 'helper-text' })\n helperText;\n\n /**\n * Specify whether the checkbox should be present in the DOM,\n * but invisible and uninteractable. Used for data-table purposes.\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-checkbox' })\n hideCheckbox = false;\n\n /**\n * Specify whether the label should be hidden, or not\n */\n @property({ type: Boolean, reflect: true, attribute: 'hide-label' })\n hideLabel = false;\n\n /**\n * Specify a custom id for the checkbox\n */\n @property({ reflect: true })\n id = 'checkbox';\n\n /**\n * Specify whether the Checkbox is in an indeterminate state\n */\n @property({ type: Boolean, reflect: true })\n indeterminate = false;\n\n /**\n * Provide a label to provide a description of the Checkbox input that you are\n * exposing to the user\n */\n @property({ attribute: 'label-text' })\n labelText = '';\n\n /**\n * The form name.\n */\n @property()\n name!: string;\n\n /**\n * Specify whether the Checkbox is read-only\n */\n @property({ type: Boolean, reflect: true })\n readonly = false;\n\n /**\n * Specify whether the Checkbox is currently invalid\n */\n @property({ type: Boolean, reflect: true })\n invalid = false;\n\n /**\n * Provide the text that is displayed when the Checkbox is in an invalid state\n */\n @property({ type: String, attribute: 'invalid-text' })\n invalidText;\n\n /**\n * Specify a title for the node for the Checkbox\n */\n @property({ attribute: 'title' })\n title = '';\n\n /**\n * The value.\n */\n @property()\n value!: string;\n\n /**\n * Specify whether the Checkbox is in a warn state\n */\n @property({ type: Boolean, reflect: true })\n warn = false;\n\n /**\n * Provide the text that is displayed when the Checkbox is in a warn state\n */\n @property({ type: String, attribute: 'warn-text' })\n warnText = false;\n\n /**\n * Specify whether the underlying input should be checked by default\n */\n @property({ type: Boolean, attribute: 'default-checked' })\n defaultChecked;\n\n /**\n * Handles `slotchange` event.\n */\n protected _handleSlotChange({ target }: Event) {\n const hasContent = (target as HTMLSlotElement)\n .assignedNodes()\n .filter((elem) =>\n (elem as HTMLElement).matches !== undefined\n ? (elem as HTMLElement).matches(\n (this.constructor as typeof CDSCheckbox).aiLabelItem\n ) ||\n // remove slug reference in v12\n (elem as HTMLElement).matches(\n (this.constructor as typeof CDSCheckbox).slugItem\n )\n : false\n );\n\n this._hasAILabel = Boolean(hasContent);\n const type = (hasContent[0] as HTMLElement).getAttribute('kind');\n (hasContent[0] as HTMLElement).setAttribute(\n 'size',\n type === 'inline' ? 'md' : 'mini'\n );\n this.requestUpdate();\n }\n\n /**\n * `true` if there is an AI Label.\n */\n protected _hasAILabel = false;\n\n updated() {\n const { _hasAILabel: hasAILabel } = this;\n if (hasAILabel) {\n this.setAttribute('ai-label', '');\n } else {\n this.removeAttribute('ai-label');\n }\n }\n connectedCallback() {\n super.connectedCallback();\n if (this.defaultChecked) {\n this.checked = this.defaultChecked;\n }\n }\n\n render() {\n const {\n checked,\n disabled,\n helperText,\n hideLabel,\n id,\n indeterminate,\n invalid,\n invalidText,\n labelText,\n name,\n readonly,\n title,\n value,\n warn,\n warnText,\n defaultChecked,\n _handleChange: handleChange,\n _handleClick: handleClick,\n } = this;\n\n const showWarning = !readonly && !invalid && warn;\n const showHelper = !invalid && !warn;\n\n const helper = helperText\n ? html` <div class=\"${prefix}--form__helper-text\">${helperText}</div>`\n : null;\n\n const labelClasses = classMap({\n [`${prefix}--checkbox-label`]: true,\n });\n const labelTextClasses = classMap({\n [`${prefix}--checkbox-label-text`]: true,\n [`${prefix}--visually-hidden`]: hideLabel,\n });\n return html`\n <input\n id=\"${ifDefined(id)}\"\n type=\"checkbox\"\n part=\"input\"\n class=\"${`${prefix}--checkbox`}\"\n aria-readonly=\"${String(readonly)}\"\n .checked=\"${checked}\"\n ?data-invalid=\"${invalid}\"\n ?disabled=\"${disabled}\"\n ?defaultChecked=\"${defaultChecked}\"\n .indeterminate=\"${indeterminate}\"\n name=\"${ifDefined(name)}\"\n value=\"${ifDefined(value)}\"\n @change=\"${handleChange}\"\n @click=\"${handleClick}\" />\n <label\n for=\"${ifDefined(id)}\"\n part=\"label\"\n class=\"${labelClasses}\"\n title=\"${ifDefined(title)}\">\n <span class=\"${labelTextClasses}\"\n >${labelText ? labelText : html`<slot></slot>`}</span\n >\n </label>\n <slot name=\"ai-label\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"decorator\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <slot name=\"slug\" @slotchange=\"${this._handleSlotChange}\"></slot>\n <div class=\"${prefix}--checkbox__validation-msg\">\n ${!readonly && invalid\n ? html`\n ${iconLoader(WarningFilled16, {\n class: `${prefix}--checkbox__invalid-icon`,\n })}\n <div class=\"${prefix}--form-requirement\">${invalidText}</div>\n `\n : null}\n ${showWarning\n ? html`\n ${iconLoader(WarningAltFilled16, {\n class: `${prefix}--checkbox__invalid-icon ${prefix}--checkbox__invalid-icon--warning`,\n })}\n <div class=\"${prefix}--form-requirement\">${warnText}</div>\n `\n : null}\n </div>\n ${showHelper ? helper : null}\n `;\n }\n\n /**\n * The name of the custom event fired after this changebox changes its checked state.\n */\n static get eventChange() {\n return `${prefix}-checkbox-changed`;\n }\n\n /**\n * A selector that will return the slug item.\n *\n * Remove in v12\n */\n static get slugItem() {\n return `${prefix}-slug`;\n }\n\n /**\n * A selector that will return the ai-label item.\n */\n static get aiLabelItem() {\n return `${prefix}-ai-label`;\n }\n\n static shadowRootOptions = {\n ...LitElement.shadowRootOptions,\n delegatesFocus: true,\n };\n static styles = styles;\n}\n\nexport default CDSCheckbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,wBACM,oBAAoB,WAAW,UAAU,WAAW,CAAC,CAAC;;;iBA6ChD;mBAME;kBAMD;sBAaI;mBAMH;YAMP;uBAMW;mBAOJ;kBAYD;iBAMD;eAYF;cAYD;kBAMI;qBAsCa;;;;;CA9KxB,AAAU,gBAAgB;EACxB,MAAM,EAAE,SAAS,kBAAkB,KAAK;AACxC,OAAK,UAAU;AACf,OAAK,gBAAgB;EACrB,MAAM,EAAE,gBAAgB,KAAK;AAC7B,OAAK,cACH,IAAI,YAAY,aAAa;GAC3B,SAAS;GACT,UAAU;GACV,QAAQ;IACN;IACA;IACD;GACF,CAAC,CACH;;;;;CAMH,AAAQ,aAAa,OAAmB;AACtC,MAAI,KAAK,SACP,OAAM,gBAAgB;;CAI1B,gBAAgB,OAAsB;EACpC,MAAM,EAAE,aAAa;EACrB,MAAM,EAAE,SAAS,UAAU,MAAM,QAAQ,SAAS;AAClD,MAAI,CAAC,YAAY,QACf,UAAS,OAAO,MAAM,MAAM;;;;;CAqHhC,AAAU,kBAAkB,EAAE,UAAiB;EAC7C,MAAM,aAAc,OACjB,eAAe,CACf,QAAQ,SACN,KAAqB,YAAY,SAC7B,KAAqB,QACnB,KAAK,YAAmC,YAC1C,IAEA,KAAqB,QACnB,KAAK,YAAmC,SAC1C,GACD,MACL;AAEH,OAAK,cAAc,QAAQ,WAAW;EACtC,MAAM,OAAQ,WAAW,GAAmB,aAAa,OAAO;AAChE,EAAC,WAAW,GAAmB,aAC7B,QACA,SAAS,WAAW,OAAO,OAC5B;AACD,OAAK,eAAe;;CAQtB,UAAU;EACR,MAAM,EAAE,aAAa,eAAe;AACpC,MAAI,WACF,MAAK,aAAa,YAAY,GAAG;MAEjC,MAAK,gBAAgB,WAAW;;CAGpC,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,KAAK,eACP,MAAK,UAAU,KAAK;;CAIxB,SAAS;EACP,MAAM,EACJ,SACA,UACA,YACA,WACA,IACA,eACA,SACA,aACA,WACA,MACA,UACA,OACA,OACA,MACA,UACA,gBACA,eAAe,cACf,cAAc,gBACZ;EAEJ,MAAM,cAAc,CAAC,YAAY,CAAC,WAAW;EAC7C,MAAM,aAAa,CAAC,WAAW,CAAC;EAEhC,MAAM,SAAS,aACX,IAAI,gBAAgB,OAAO,uBAAuB,WAAW,UAC7D;EAEJ,MAAM,eAAe,SAAS,GAC3B,GAAG,OAAO,oBAAoB,MAChC,CAAC;EACF,MAAM,mBAAmB,SAAS;IAC/B,GAAG,OAAO,yBAAyB;IACnC,GAAG,OAAO,qBAAqB;GACjC,CAAC;AACF,SAAO,IAAI;;cAED,UAAU,GAAG,CAAC;;;iBAGX,GAAG,OAAO,YAAY;yBACd,OAAO,SAAS,CAAC;oBACtB,QAAQ;yBACH,QAAQ;qBACZ,SAAS;2BACH,eAAe;0BAChB,cAAc;gBACxB,UAAU,KAAK,CAAC;iBACf,UAAU,MAAM,CAAC;mBACf,aAAa;kBACd,YAAY;;eAEf,UAAU,GAAG,CAAC;;iBAEZ,aAAa;iBACb,UAAU,MAAM,CAAC;uBACX,iBAAiB;aAC3B,YAAY,YAAY,IAAI,gBAAgB;;;2CAGd,KAAK,kBAAkB;4CACtB,KAAK,kBAAkB;uCAC5B,KAAK,kBAAkB;oBAC1C,OAAO;UACjB,CAAC,YAAY,UACX,IAAI;gBACA,WAAW,iBAAiB,EAC5B,OAAO,GAAG,OAAO,2BAClB,CAAC,CAAC;4BACW,OAAO,sBAAsB,YAAY;gBAEzD,KAAK;UACP,cACE,IAAI;gBACA,WAAW,oBAAoB,EAC/B,OAAO,GAAG,OAAO,2BAA2B,OAAO,oCACpD,CAAC,CAAC;4BACW,OAAO,sBAAsB,SAAS;gBAEtD,KAAK;;QAET,aAAa,SAAS,KAAK;;;;;;CAOjC,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;;;;;CAQnB,WAAW,WAAW;AACpB,SAAO,GAAG,OAAO;;;;;CAMnB,WAAW,cAAc;AACvB,SAAO,GAAG,OAAO;;;2BAGQ;GACzB,GAAG,WAAW;GACd,gBAAgB;GACjB;;;gBACeA;;;YAtTf,MAAM,QAAQ;YA2Cd,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAW,CAAC;YAMhE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC;YAMnE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAQ,SAAS;CAAM,WAAW;CAAe,CAAC;YAOnE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAiB,CAAC;YAMtE,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;CAAc,CAAC;YAMnE,SAAS,EAAE,SAAS,MAAM,CAAC;YAM3B,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAO1C,SAAS,EAAE,WAAW,cAAc,CAAC;YAMrC,UAAU;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAgB,CAAC;YAMrD,SAAS,EAAE,WAAW,SAAS,CAAC;YAMhC,UAAU;YAMV,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAQ,WAAW;CAAa,CAAC;YAMlD,SAAS;CAAE,MAAM;CAAS,WAAW;CAAmB,CAAC;0BArJ3DC,cAAc,GAAG,OAAO,WAAW;AA2TpC,uBAAe"}
package/es-custom/components/contained-list/contained-list-item.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Copyright IBM Corp. 2022, 2025
2
+ * Copyright IBM Corp. 2022, 2026
3
3
  *
4
4
  * This source code is licensed under the Apache-2.0 license found in the
5
5
  * LICENSE file in the root directory of this source tree.
package/es-custom/components/contained-list/contained-list-item.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"contained-list-item.d.ts","sourceRoot":"","sources":["../../../src/components/contained-list/contained-list-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;;;;GAQG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB,iBAAiB;IAOjB,MAAM;IA8CN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
1
+ {"version":3,"file":"contained-list-item.d.ts","sourceRoot":"","sources":["../../../src/components/contained-list/contained-list-item.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC;;;;;;;;GAQG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,QAAQ,CAAS;IAEzB;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB,iBAAiB;IAOjB,MAAM;IAoCN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
package/es-custom/components/contained-list/contained-list-item.js CHANGED
@@ -15,7 +15,7 @@ import { classMap } from "lit/directives/class-map.js";
15
15
 
16
16
  //#region src/components/contained-list/contained-list-item.ts
17
17
  /**
18
- * Copyright IBM Corp. 2022, 2025
18
+ * Copyright IBM Corp. 2022, 2026
19
19
  *
20
20
  * This source code is licensed under the Apache-2.0 license found in the
21
21
  * LICENSE file in the root directory of this source tree.
@@ -71,16 +71,8 @@ let CDSContainedListItem = class CDSContainedListItem extends LitElement {
71
71
  });
72
72
  const contentClasses = `${prefix}--contained-list-item__content`;
73
73
  const content = html`
74
- ${_hasIcon ? html`
75
- <div class="${prefix}--contained-list-item__icon">
76
- <slot
77
- name="icon"
78
- @slotchange="${this._handleIconSlotChange}"></slot>
79
- </div>
80
- ` : html`<slot
81
- name="icon"
82
- @slotchange="${this._handleIconSlotChange}"></slot>`}
83
- <div><slot></slot></div>
74
+ <slot name="icon" @slotchange="${this._handleIconSlotChange}"></slot>
75
+ <slot></slot>
84
76
  `;
85
77
  return html`
86
78
  <div class="${classes}">
package/es-custom/components/contained-list/contained-list-item.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"contained-list-item.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 2025\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list item.\n *\n * @element cds-custom-contained-list-item\n * @slot - The content of the list item\n * @slot icon - The icon slot for rendering an icon\n * @slot action - The action slot for interactive elements\n * @fires cds-custom-contained-list-item-click - Fires when clickable item is clicked\n */\n@customElement(`${prefix}-contained-list-item`)\nclass CDSContainedListItem extends LitElement {\n /**\n * Whether this item is clickable\n */\n @property({ type: Boolean, reflect: true })\n clickable = false;\n\n /**\n * Whether this item is disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Handles slot change for icon\n */\n private _handleIconSlotChange({ target }: Event) {\n const slot = target as HTMLSlotElement;\n const hasIcon = slot.assignedElements().length > 0;\n this._hasIcon = hasIcon;\n this.requestUpdate();\n }\n\n private _hasIcon = false;\n\n /**\n * Handles click event\n */\n private _handleClick(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault();\n return;\n }\n\n const { eventClick } = this.constructor as typeof CDSContainedListItem;\n this.dispatchEvent(\n new CustomEvent(eventClick, {\n bubbles: true,\n composed: true,\n detail: { item: this },\n })\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n }\n\n render() {\n const { disabled, clickable, _hasIcon } = this;\n\n const classes = classMap({\n [`${prefix}--contained-list-item`]: true,\n [`${prefix}--contained-list-item--clickable`]: clickable,\n [`${prefix}--contained-list-item--with-icon`]: _hasIcon,\n });\n\n const contentClasses = `${prefix}--contained-list-item__content`;\n\n const content = html`\n ${_hasIcon\n ? html`\n <div class=\"${prefix}--contained-list-item__icon\">\n <slot\n name=\"icon\"\n @slotchange=\"${this._handleIconSlotChange}\"></slot>\n </div>\n `\n : html`<slot\n name=\"icon\"\n @slotchange=\"${this._handleIconSlotChange}\"></slot>`}\n <div><slot></slot></div>\n `;\n\n return html`\n <div class=\"${classes}\">\n ${clickable\n ? html`\n <button\n class=\"${contentClasses}\"\n type=\"button\"\n ?disabled=\"${disabled}\"\n @click=\"${this._handleClick}\">\n ${content}\n </button>\n `\n : html`<div class=\"${contentClasses}\">${content}</div>`}\n <div class=\"${prefix}--contained-list-item__action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n `;\n }\n\n /**\n * The name of the custom event fired when a clickable item is clicked\n */\n static get eventClick() {\n return `${prefix}-contained-list-item-click`;\n }\n\n static styles = styles;\n}\n\nexport default CDSContainedListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,iCACM,6BAA6B,WAAW;;;mBAKhC;kBAMD;kBAYQ;;;;;CAPnB,AAAQ,sBAAsB,EAAE,UAAiB;AAG/C,OAAK,WAFQ,OACQ,kBAAkB,CAAC,SAAS;AAEjD,OAAK,eAAe;;;;;CAQtB,AAAQ,aAAa,OAAmB;AACtC,MAAI,KAAK,UAAU;AACjB,SAAM,gBAAgB;AACtB;;EAGF,MAAM,EAAE,eAAe,KAAK;AAC5B,OAAK,cACH,IAAI,YAAY,YAAY;GAC1B,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,MAAM,MAAM;GACvB,CAAC,CACH;;CAGH,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;;CAIzC,SAAS;EACP,MAAM,EAAE,UAAU,WAAW,aAAa;EAE1C,MAAM,UAAU,SAAS;IACtB,GAAG,OAAO,yBAAyB;IACnC,GAAG,OAAO,oCAAoC;IAC9C,GAAG,OAAO,oCAAoC;GAChD,CAAC;EAEF,MAAM,iBAAiB,GAAG,OAAO;EAEjC,MAAM,UAAU,IAAI;QAChB,WACE,IAAI;0BACY,OAAO;;;+BAGF,KAAK,sBAAsB;;cAGhD,IAAI;;2BAEa,KAAK,sBAAsB,WAAW;;;AAI7D,SAAO,IAAI;oBACK,QAAQ;UAClB,YACE,IAAI;;yBAES,eAAe;;6BAEX,SAAS;0BACZ,KAAK,aAAa;kBAC1B,QAAQ;;gBAGd,IAAI,eAAe,eAAe,IAAI,QAAQ,QAAQ;sBAC5C,OAAO;;;;;;;;;CAU3B,WAAW,aAAa;AACtB,SAAO,GAAG,OAAO;;;gBAGHA;;;YApGf,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;mCAX5CC,cAAc,GAAG,OAAO,sBAAsB;AA4G/C,kCAAe"}
1
+ {"version":3,"file":"contained-list-item.js","names":["styles","customElement"],"sources":["../../../src/components/contained-list/contained-list-item.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2022, 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { prefix } from '../../globals/settings';\nimport styles from './contained-list.scss?lit';\nimport { carbonElement as customElement } from '../../globals/decorators/carbon-element';\n\n/**\n * Contained list item.\n *\n * @element cds-custom-contained-list-item\n * @slot - The content of the list item\n * @slot icon - The icon slot for rendering an icon\n * @slot action - The action slot for interactive elements\n * @fires cds-custom-contained-list-item-click - Fires when clickable item is clicked\n */\n@customElement(`${prefix}-contained-list-item`)\nclass CDSContainedListItem extends LitElement {\n /**\n * Whether this item is clickable\n */\n @property({ type: Boolean, reflect: true })\n clickable = false;\n\n /**\n * Whether this item is disabled.\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Handles slot change for icon\n */\n private _handleIconSlotChange({ target }: Event) {\n const slot = target as HTMLSlotElement;\n const hasIcon = slot.assignedElements().length > 0;\n this._hasIcon = hasIcon;\n this.requestUpdate();\n }\n\n private _hasIcon = false;\n\n /**\n * Handles click event\n */\n private _handleClick(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault();\n return;\n }\n\n const { eventClick } = this.constructor as typeof CDSContainedListItem;\n this.dispatchEvent(\n new CustomEvent(eventClick, {\n bubbles: true,\n composed: true,\n detail: { item: this },\n })\n );\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'listitem');\n }\n }\n\n render() {\n const { disabled, clickable, _hasIcon } = this;\n\n const classes = classMap({\n [`${prefix}--contained-list-item`]: true,\n [`${prefix}--contained-list-item--clickable`]: clickable,\n [`${prefix}--contained-list-item--with-icon`]: _hasIcon,\n });\n\n const contentClasses = `${prefix}--contained-list-item__content`;\n\n const content = html`\n <slot name=\"icon\" @slotchange=\"${this._handleIconSlotChange}\"></slot>\n <slot></slot>\n `;\n\n return html`\n <div class=\"${classes}\">\n ${clickable\n ? html`\n <button\n class=\"${contentClasses}\"\n type=\"button\"\n ?disabled=\"${disabled}\"\n @click=\"${this._handleClick}\">\n ${content}\n </button>\n `\n : html`<div class=\"${contentClasses}\">${content}</div>`}\n <div class=\"${prefix}--contained-list-item__action\">\n <slot name=\"action\"></slot>\n </div>\n </div>\n `;\n }\n\n /**\n * The name of the custom event fired when a clickable item is clicked\n */\n static get eventClick() {\n return `${prefix}-contained-list-item-click`;\n }\n\n static styles = styles;\n}\n\nexport default CDSContainedListItem;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,iCACM,6BAA6B,WAAW;;;mBAKhC;kBAMD;kBAYQ;;;;;CAPnB,AAAQ,sBAAsB,EAAE,UAAiB;AAG/C,OAAK,WAFQ,OACQ,kBAAkB,CAAC,SAAS;AAEjD,OAAK,eAAe;;;;;CAQtB,AAAQ,aAAa,OAAmB;AACtC,MAAI,KAAK,UAAU;AACjB,SAAM,gBAAgB;AACtB;;EAGF,MAAM,EAAE,eAAe,KAAK;AAC5B,OAAK,cACH,IAAI,YAAY,YAAY;GAC1B,SAAS;GACT,UAAU;GACV,QAAQ,EAAE,MAAM,MAAM;GACvB,CAAC,CACH;;CAGH,oBAAoB;AAClB,QAAM,mBAAmB;AACzB,MAAI,CAAC,KAAK,aAAa,OAAO,CAC5B,MAAK,aAAa,QAAQ,WAAW;;CAIzC,SAAS;EACP,MAAM,EAAE,UAAU,WAAW,aAAa;EAE1C,MAAM,UAAU,SAAS;IACtB,GAAG,OAAO,yBAAyB;IACnC,GAAG,OAAO,oCAAoC;IAC9C,GAAG,OAAO,oCAAoC;GAChD,CAAC;EAEF,MAAM,iBAAiB,GAAG,OAAO;EAEjC,MAAM,UAAU,IAAI;uCACe,KAAK,sBAAsB;;;AAI9D,SAAO,IAAI;oBACK,QAAQ;UAClB,YACE,IAAI;;yBAES,eAAe;;6BAEX,SAAS;0BACZ,KAAK,aAAa;kBAC1B,QAAQ;;gBAGd,IAAI,eAAe,eAAe,IAAI,QAAQ,QAAQ;sBAC5C,OAAO;;;;;;;;;CAU3B,WAAW,aAAa;AACtB,SAAO,GAAG,OAAO;;;gBAGHA;;;YA1Ff,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;YAM1C,SAAS;CAAE,MAAM;CAAS,SAAS;CAAM,CAAC;mCAX5CC,cAAc,GAAG,OAAO,sBAAsB;AAkG/C,kCAAe"}