@db-ux/core-components 1.1.1 → 2.0.0-0-custom-select-16b8cce

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 (75) hide show
  1. package/README.md +1 -1
  2. package/build/assets/icons/LICENCES.json +6 -0
  3. package/build/assets/icons/circular_arrows.svg +1 -0
  4. package/build/assets/icons/fonts/all/db-ux.woff2 +0 -0
  5. package/build/assets/icons/fonts/default/db-ux.woff2 +0 -0
  6. package/build/assets/icons/fonts/default_12/db-ux.woff2 +0 -0
  7. package/build/assets/icons/fonts/default_14/db-ux.woff2 +0 -0
  8. package/build/assets/icons/fonts/default_16/db-ux.woff2 +0 -0
  9. package/build/assets/icons/fonts/default_20/db-ux.woff2 +0 -0
  10. package/build/assets/icons/fonts/default_24/db-ux.woff2 +0 -0
  11. package/build/assets/icons/fonts/default_28/db-ux.woff2 +0 -0
  12. package/build/assets/icons/fonts/default_32/db-ux.woff2 +0 -0
  13. package/build/assets/icons/fonts/default_48/db-ux.woff2 +0 -0
  14. package/build/assets/icons/fonts/default_64/db-ux.woff2 +0 -0
  15. package/build/assets/icons/fonts/filled/db-ux.woff2 +0 -0
  16. package/build/assets/icons/fonts/filled_12/db-ux.woff2 +0 -0
  17. package/build/assets/icons/fonts/filled_14/db-ux.woff2 +0 -0
  18. package/build/assets/icons/fonts/filled_16/db-ux.woff2 +0 -0
  19. package/build/assets/icons/fonts/filled_20/db-ux.woff2 +0 -0
  20. package/build/assets/icons/fonts/filled_24/db-ux.woff2 +0 -0
  21. package/build/assets/icons/fonts/filled_28/db-ux.woff2 +0 -0
  22. package/build/assets/icons/fonts/filled_32/db-ux.woff2 +0 -0
  23. package/build/assets/icons/fonts/filled_48/db-ux.woff2 +0 -0
  24. package/build/assets/icons/fonts/filled_64/db-ux.woff2 +0 -0
  25. package/build/components/accordion/accordion.css +1 -1
  26. package/build/components/accordion-item/accordion-item.css +7 -2
  27. package/build/components/badge/badge.css +56 -4
  28. package/build/components/badge/badge.scss +1 -1
  29. package/build/components/button/button.css +4 -4
  30. package/build/components/card/card.css +6 -6
  31. package/build/components/checkbox/checkbox.css +60 -57
  32. package/build/components/custom-select/custom-select.css +1028 -0
  33. package/build/components/custom-select/custom-select.scss +172 -0
  34. package/build/components/custom-select-dropdown/custom-select-dropdown.css +402 -0
  35. package/build/components/custom-select-dropdown/custom-select-dropdown.scss +86 -0
  36. package/build/components/custom-select-form-field/custom-select-form-field.css +49 -0
  37. package/build/components/custom-select-form-field/custom-select-form-field.scss +24 -0
  38. package/build/components/custom-select-list/custom-select-list.css +48 -0
  39. package/build/components/custom-select-list/custom-select-list.scss +35 -0
  40. package/build/components/custom-select-list-item/custom-select-list-item.css +187 -0
  41. package/build/components/custom-select-list-item/custom-select-list-item.scss +99 -0
  42. package/build/components/divider/divider.css +2 -2
  43. package/build/components/drawer/drawer.css +6 -1
  44. package/build/components/header/header.css +4 -4
  45. package/build/components/input/input.css +71 -61
  46. package/build/components/input/input.scss +1 -5
  47. package/build/components/link/link.css +9 -4
  48. package/build/components/navigation-item/navigation-item.css +8 -3
  49. package/build/components/notification/notification.css +7 -2
  50. package/build/components/popover/popover.css +5 -0
  51. package/build/components/radio/radio.css +57 -54
  52. package/build/components/select/select.css +84 -75
  53. package/build/components/select/select.scss +4 -49
  54. package/build/components/switch/switch.css +64 -61
  55. package/build/components/tab-item/tab-item.css +5 -5
  56. package/build/components/tab-list/tab-list.css +17 -3
  57. package/build/components/tag/tag.css +40 -35
  58. package/build/components/textarea/textarea.css +93 -65
  59. package/build/components/textarea/textarea.scss +1 -1
  60. package/build/components/tooltip/tooltip.css +6 -1
  61. package/build/components/tooltip/tooltip.scss +2 -2
  62. package/build/styles/_select-components.scss +50 -0
  63. package/build/styles/absolute.css +32 -32
  64. package/build/styles/component-animations.css +1 -1
  65. package/build/styles/index.css +31 -31
  66. package/build/styles/index.scss +5 -0
  67. package/build/styles/internal/_custom-elements.scss +3 -0
  68. package/build/styles/internal/_form-components.scss +81 -70
  69. package/build/styles/internal/_scrollbar.scss +14 -3
  70. package/build/styles/internal/_tag-components.scss +20 -2
  71. package/build/styles/relative.css +32 -32
  72. package/build/styles/rollup.css +32 -32
  73. package/build/styles/wc-workarounds.css +1 -1
  74. package/build/styles/webpack.css +32 -32
  75. package/package.json +6 -5
package/build/components/tag/tag.css CHANGED
@@ -83,6 +83,11 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
83
83
  transform: translate(var(--db-popover-center-x, 0%), var(--db-popover-center-y, 0%));
84
84
  }
85
85
  }
86
+ @keyframes rotate {
87
+ 100% {
88
+ transform: rotate(1turn);
89
+ }
90
+ }
86
91
  /**
87
92
  Generates 3 types of placeholders, e.g:
88
93
  - %db-component-variables-md
@@ -906,7 +911,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
906
911
  --db-icon-color: var(--db-adaptive-on-bg-basic-emphasis-80-default);
907
912
  }
908
913
 
909
- .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong], .db-tag:has(.db-tab-remove-button)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked):is(:hover, :focus, :active), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked):is(:hover, :focus, :active), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=radio]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
914
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong], .db-tag:has(.db-tab-remove-button)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked):is(:hover, :focus, :active), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked):is(:hover, :focus, :active), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=radio]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
910
915
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button,
911
916
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button,
912
917
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked) {
@@ -914,10 +919,10 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
914
919
  background-color: var(--db-adaptive-bg-inverted-contrast-high-default);
915
920
  color: var(--db-adaptive-on-bg-inverted-default);
916
921
  }
917
- .db-tag[data-emphasis=strong]:not(:has(label, button:not(.db-tab-remove-button), a))::before, .db-tag[data-emphasis=strong]:has(.db-tab-remove-button)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked):is(:hover, :focus, :active)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked):is(:hover, :focus, :active)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=radio]:checked)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked)::before, .db-tag[data-emphasis=strong]:has(label, button:not(.db-tab-remove-button), a)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button)::before,
922
+ .db-tag[data-emphasis=strong]:not(:has(label, button:not(.db-tab-remove-button), a))::before, .db-tag[data-emphasis=strong]:has(.db-tab-remove-button)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked):is(:hover, :focus, :active)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked):is(:hover, :focus, :active)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=radio]:checked)::before, .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button::before, .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button::before, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked)::before, .db-tag[data-emphasis=strong]:has(label, button:not(.db-tab-remove-button), a)::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button)::before,
918
923
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button::before,
919
924
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button::before,
920
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked)::before, .db-tag[data-emphasis=strong]:not(:has(label, button:not(.db-tab-remove-button), a))::after, .db-tag[data-emphasis=strong]:has(.db-tab-remove-button)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked):is(:hover, :focus, :active)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked):is(:hover, :focus, :active)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=radio]:checked)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked)::after, .db-tag[data-emphasis=strong]:has(label, button:not(.db-tab-remove-button), a)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button)::after,
925
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a::before, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked)::before, .db-tag[data-emphasis=strong]:not(:has(label, button:not(.db-tab-remove-button), a))::after, .db-tag[data-emphasis=strong]:has(.db-tab-remove-button)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=radio]:checked):is(:hover, :focus, :active)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=radio]:checked):is(:hover, :focus, :active)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=radio]:checked)::after, .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button::after, .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button::after, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked)::after, .db-tag[data-emphasis=strong]:has(label, button:not(.db-tab-remove-button), a)::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button)::after,
921
926
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button::after,
922
927
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button::after,
923
928
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a::after, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked)::after {
@@ -958,7 +963,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
958
963
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]),
959
964
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:hover:not(:disabled, [aria-disabled=true]),
960
965
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):has(input), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)), .db-tag[data-emphasis=origin]:hover:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
961
- cursor: pointer;
966
+ cursor: var(--db-overwrite-cursor, pointer);
962
967
  background-color: var(--db-adaptive-bg-basic-level-1-hovered);
963
968
  }
964
969
  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
@@ -998,7 +1003,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
998
1003
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]),
999
1004
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] db-button > button:active:not(:disabled, [aria-disabled=true]),
1000
1005
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] a:active:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):has(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):has(input), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)), .db-tag[data-emphasis=origin]:active:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a):has(input):not(:has(input:checked)) {
1001
- cursor: pointer;
1006
+ cursor: var(--db-overwrite-cursor, pointer);
1002
1007
  background-color: var(--db-adaptive-bg-basic-level-1-pressed);
1003
1008
  }
1004
1009
  .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]):not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
@@ -1032,57 +1037,57 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1032
1037
  cursor: pointer;
1033
1038
  }
1034
1039
 
1035
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
1040
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
1036
1041
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button,
1037
1042
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button,
1038
1043
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked) {
1039
1044
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
1040
1045
  }
1041
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1046
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1042
1047
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]),
1043
1048
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]),
1044
1049
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked) {
1045
- cursor: pointer;
1050
+ cursor: var(--db-overwrite-cursor, pointer);
1046
1051
  background-color: var(--db-adaptive-bg-inverted-contrast-high-hovered);
1047
1052
  }
1048
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1053
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1049
1054
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(textarea),
1050
1055
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(textarea),
1051
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1056
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1052
1057
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(input),
1053
1058
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(input),
1054
1059
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked) {
1055
1060
  cursor: initial;
1056
1061
  }
1057
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1062
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1058
1063
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1059
1064
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1060
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1065
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1061
1066
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1062
1067
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1063
1068
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked) {
1064
1069
  cursor: pointer;
1065
1070
  }
1066
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1071
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1067
1072
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]),
1068
1073
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]),
1069
1074
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked) {
1070
- cursor: pointer;
1075
+ cursor: var(--db-overwrite-cursor, pointer);
1071
1076
  background-color: var(--db-adaptive-bg-inverted-contrast-high-pressed);
1072
1077
  }
1073
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1078
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1074
1079
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(textarea),
1075
1080
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(textarea),
1076
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1081
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1077
1082
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(input),
1078
1083
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(input),
1079
1084
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked) {
1080
1085
  cursor: initial;
1081
1086
  }
1082
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1087
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1083
1088
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1084
1089
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1085
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1090
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1086
1091
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1087
1092
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1088
1093
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked) {
@@ -1099,7 +1104,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1099
1104
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]),
1100
1105
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] db-button > button:hover:not(:disabled, [aria-disabled=true]),
1101
1106
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] a:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked) {
1102
- cursor: pointer;
1107
+ cursor: var(--db-overwrite-cursor, pointer);
1103
1108
  background-color: var(--db-adaptive-origin-hovered);
1104
1109
  }
1105
1110
  .db-tag[data-emphasis=origin]:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
@@ -1124,7 +1129,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1124
1129
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]),
1125
1130
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] db-button > button:active:not(:disabled, [aria-disabled=true]),
1126
1131
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] a:active:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin] label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked) {
1127
- cursor: pointer;
1132
+ cursor: var(--db-overwrite-cursor, pointer);
1128
1133
  background-color: var(--db-adaptive-origin-pressed);
1129
1134
  }
1130
1135
  .db-tag[data-emphasis=origin]:active:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=origin]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
@@ -1146,61 +1151,61 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1146
1151
  cursor: pointer;
1147
1152
  }
1148
1153
 
1149
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
1154
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button, .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong], .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:not(.db-tab-remove-button),
1150
1155
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button,
1151
1156
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button,
1152
1157
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a, .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:has(input[type=checkbox]:checked) {
1153
1158
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
1154
1159
  }
1155
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1160
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1156
1161
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]),
1157
1162
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]),
1158
1163
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked) {
1159
- cursor: pointer;
1164
+ cursor: var(--db-overwrite-cursor, pointer);
1160
1165
  background-color: var(--db-adaptive-bg-inverted-contrast-high-hovered);
1161
1166
  /* stylelint-disable-next-line db-ux/use-border-color */
1162
1167
  border-color: var(--db-adaptive-bg-inverted-contrast-high-hovered);
1163
1168
  }
1164
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1169
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1165
1170
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(textarea),
1166
1171
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(textarea),
1167
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1172
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1168
1173
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(input),
1169
1174
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(input),
1170
1175
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked) {
1171
1176
  cursor: initial;
1172
1177
  }
1173
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1178
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1174
1179
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1175
1180
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1176
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1181
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1177
1182
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1178
1183
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1179
1184
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:hover:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked) {
1180
1185
  cursor: pointer;
1181
1186
  }
1182
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1187
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):not(.db-tab-remove-button),
1183
1188
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]),
1184
1189
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]),
1185
1190
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):has(input[type=checkbox]:checked) {
1186
- cursor: pointer;
1191
+ cursor: var(--db-overwrite-cursor, pointer);
1187
1192
  background-color: var(--db-adaptive-bg-inverted-contrast-high-pressed);
1188
1193
  /* stylelint-disable-next-line db-ux/use-border-color */
1189
1194
  border-color: var(--db-adaptive-bg-inverted-contrast-high-pressed);
1190
1195
  }
1191
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1196
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(textarea):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(textarea):not(.db-tab-remove-button),
1192
1197
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(textarea),
1193
1198
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(textarea),
1194
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1199
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(textarea), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(textarea):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input):not(.db-tab-remove-button),
1195
1200
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(input),
1196
1201
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(input),
1197
1202
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input):has(input[type=checkbox]:checked) {
1198
1203
  cursor: initial;
1199
1204
  }
1200
- .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1205
+ .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):not(.db-tab-remove-button),
1201
1206
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1202
1207
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]),
1203
- .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1208
+ .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input[type=checkbox]):has(input[type=checkbox]:checked), .db-tag:not(:has(label, button:not(.db-tab-remove-button), a))[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(.db-tab-remove-button)[data-emphasis=strong] .db-tab-remove-button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a):not([data-emphasis]) label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=weak] label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked), .db-tag[data-emphasis=strong]:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(label, button:not(.db-tab-remove-button), a), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong]:not(:has(dbbutton)) button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):not(.db-tab-remove-button),
1204
1209
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] dbbutton:not(.db-tab-remove-button) > button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1205
1210
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] db-button > button:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)),
1206
1211
  .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] a:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)), .db-tag:has(label, button:not(.db-tab-remove-button), a)[data-emphasis=strong] label:active:not(:disabled, [aria-disabled=true]):is(input[type=radio]:not(:checked)):has(input[type=checkbox]:checked) {
@@ -1390,7 +1395,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1390
1395
  /* stylelint-disable-next-line a11y/selector-pseudo-class-focus */
1391
1396
  }
1392
1397
  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled, [aria-disabled=true]) {
1393
- cursor: pointer;
1398
+ cursor: var(--db-overwrite-cursor, pointer);
1394
1399
  background-color: transparent;
1395
1400
  }
1396
1401
  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:hover:not(:disabled, [aria-disabled=true]):is(input) {
@@ -1400,7 +1405,7 @@ paddings/gaps in an application e.g. the <main> should have a responsive padding
1400
1405
  cursor: pointer;
1401
1406
  }
1402
1407
  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled, [aria-disabled=true]) {
1403
- cursor: pointer;
1408
+ cursor: var(--db-overwrite-cursor, pointer);
1404
1409
  background-color: transparent;
1405
1410
  }
1406
1411
  .db-tag:has(label, button:not(.db-tab-remove-button), a) input:checked:active:not(:disabled, [aria-disabled=true]):is(input) {