diff --git a/.changeset/afraid-camels-itch.md b/.changeset/afraid-camels-itch.md deleted file mode 100644 index 1b1745aa..00000000 --- a/.changeset/afraid-camels-itch.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@cocokits/angular-components': minor ---- - -- Add Avatar component -- Add Accordion component -- Add Tabs component diff --git a/.changeset/cuddly-tigers-cheer.md b/.changeset/cuddly-tigers-cheer.md deleted file mode 100644 index a0309bb8..00000000 --- a/.changeset/cuddly-tigers-cheer.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@cocokits/core': minor ---- - -- Add Avatar component -- Add Accordion component -- Add Tabs component diff --git a/.changeset/funny-gifts-share.md b/.changeset/funny-gifts-share.md deleted file mode 100644 index d31a1c56..00000000 --- a/.changeset/funny-gifts-share.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@cocokits/angular-tabs': minor -'@cocokits/react-tabs': minor ---- - -- Add Tabs component diff --git a/.changeset/gentle-tables-happen.md b/.changeset/gentle-tables-happen.md deleted file mode 100644 index f67c49e0..00000000 --- a/.changeset/gentle-tables-happen.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@cocokits/angular-avatar': minor -'@cocokits/react-avatar': minor ---- - -- Add Avatar component diff --git a/.changeset/giant-pets-judge.md b/.changeset/giant-pets-judge.md deleted file mode 100644 index ef8ff82a..00000000 --- a/.changeset/giant-pets-judge.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@cocokits/react-components': minor ---- - -- Add Avatar component -- Add Accordion component -- Add Tabs component diff --git a/.changeset/olive-rules-visit.md b/.changeset/olive-rules-visit.md deleted file mode 100644 index 055aedd0..00000000 --- a/.changeset/olive-rules-visit.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -'@cocokits/common-utils': minor ---- - -- Add Animation -- Add Math -- Add common model diff --git a/.changeset/six-kids-call.md b/.changeset/six-kids-call.md deleted file mode 100644 index 633c38cb..00000000 --- a/.changeset/six-kids-call.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@cocokits/react-utils': minor ---- - -- Add Feature Store -- Add Animation, onInit, onDestroy, selection, slotChildren hooks diff --git a/.changeset/ten-pots-think.md b/.changeset/ten-pots-think.md deleted file mode 100644 index 850f8e6f..00000000 --- a/.changeset/ten-pots-think.md +++ /dev/null @@ -1,8 +0,0 @@ ---- -'@cocokits/theme-cocokits': minor -'@cocokits/theme-frames-x': minor ---- - -- Add Avatar styles -- Add Accordion styles -- Add Tabs styles diff --git a/.changeset/warm-forks-double.md b/.changeset/warm-forks-double.md deleted file mode 100644 index 81cec48f..00000000 --- a/.changeset/warm-forks-double.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -'@cocokits/react-components': minor -'@cocokits/react-form-field': minor -'@cocokits/react-accordion': minor -'@cocokits/react-checkbox': minor -'@cocokits/react-divider': minor -'@cocokits/react-overlay': minor -'@cocokits/react-avatar': minor -'@cocokits/react-button': minor -'@cocokits/react-toggle': minor -'@cocokits/react-radio': minor -'@cocokits/react-utils': minor -'@cocokits/react-core': minor -'@cocokits/react-icon': minor -'@cocokits/react-menu': minor -'@cocokits/react-tabs': minor -'@cocokits/react-cdk': minor ---- - -Upgrade to react 19 diff --git a/.changeset/wise-lions-watch.md b/.changeset/wise-lions-watch.md deleted file mode 100644 index 3843baf1..00000000 --- a/.changeset/wise-lions-watch.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -'@cocokits/angular-accordion': minor -'@cocokits/react-accordion': minor ---- - -- Add Accordion component diff --git a/.changeset/wise-shoes-itch.md b/.changeset/wise-shoes-itch.md deleted file mode 100644 index 6039a9d1..00000000 --- a/.changeset/wise-shoes-itch.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -'@cocokits/angular-components': minor -'@cocokits/angular-form-field': minor -'@cocokits/angular-accordion': minor -'@cocokits/angular-checkbox': minor -'@cocokits/angular-divider': minor -'@cocokits/angular-overlay': minor -'@cocokits/angular-avatar': minor -'@cocokits/angular-button': minor -'@cocokits/angular-toggle': minor -'@cocokits/angular-radio': minor -'@cocokits/angular-utils': minor -'@cocokits/angular-core': minor -'@cocokits/angular-icon': minor -'@cocokits/angular-menu': minor -'@cocokits/angular-tabs': minor -'@cocokits/angular-cdk': minor ---- - -Upgrade to Angular 20 diff --git a/apps/angular-kits-doc/package.json b/apps/angular-kits-doc/package.json index 320489c1..de9e0d6f 100644 --- a/apps/angular-kits-doc/package.json +++ b/apps/angular-kits-doc/package.json @@ -1,6 +1,6 @@ { "name": "angular-kits-doc", - "version": "1.0.1", + "version": "1.1.1", "private": true, "description": "", "keywords": [], diff --git a/apps/react-kits-doc/package.json b/apps/react-kits-doc/package.json index 86dadd66..eed59238 100644 --- a/apps/react-kits-doc/package.json +++ b/apps/react-kits-doc/package.json @@ -1,7 +1,7 @@ { "name": "react-kits-doc", "private": true, - "version": "1.0.1", + "version": "1.1.1", "description": "", "main": "index.js", "scripts": {}, diff --git a/package.json b/package.json index b308dd5b..7d15bec0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "cocokits", - "version": "0.0.0", + "version": "1.1.1", "description": "A design system adn UI kits workspace focused on providing themes across Angular, React, Web Components, and HTML/CSS.", "license": "Apache-2.0", "scripts": { diff --git a/packages/angular/accordion/CHANGELOG.md b/packages/angular/accordion/CHANGELOG.md new file mode 100644 index 00000000..12b7427a --- /dev/null +++ b/packages/angular/accordion/CHANGELOG.md @@ -0,0 +1,19 @@ +# @cocokits/angular-accordion + +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Accordion component +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-button@1.2.0 + - @cocokits/angular-core@1.2.0 + - @cocokits/angular-icon@1.2.0 diff --git a/packages/angular/accordion/package.json b/packages/angular/accordion/package.json index 25299f63..dbe9d8e6 100644 --- a/packages/angular/accordion/package.json +++ b/packages/angular/accordion/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-accordion", - "version": "0.0.0", + "version": "1.2.0", "private": false, "sideEffects": false, "dependencies": { diff --git a/packages/angular/avatar/CHANGELOG.md b/packages/angular/avatar/CHANGELOG.md new file mode 100644 index 00000000..0e001df5 --- /dev/null +++ b/packages/angular/avatar/CHANGELOG.md @@ -0,0 +1,17 @@ +# @cocokits/angular-avatar + +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Avatar component +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-core@1.2.0 diff --git a/packages/angular/avatar/package.json b/packages/angular/avatar/package.json index 11f741dd..89d8887d 100644 --- a/packages/angular/avatar/package.json +++ b/packages/angular/avatar/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-avatar", - "version": "0.0.0", + "version": "1.2.0", "private": false, "sideEffects": false, "dependencies": { diff --git a/packages/angular/button/CHANGELOG.md b/packages/angular/button/CHANGELOG.md index fde6167c..9e8bd3f1 100644 --- a/packages/angular/button/CHANGELOG.md +++ b/packages/angular/button/CHANGELOG.md @@ -1,5 +1,22 @@ # @cocokits/angular-button +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + - @cocokits/angular-icon@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/button/package.json b/packages/angular/button/package.json index ab342ede..a84585fd 100644 --- a/packages/angular/button/package.json +++ b/packages/angular/button/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-button", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-core": "workspace:*", diff --git a/packages/angular/cdk/CHANGELOG.md b/packages/angular/cdk/CHANGELOG.md index 7f1defb9..2d2cbddf 100644 --- a/packages/angular/cdk/CHANGELOG.md +++ b/packages/angular/cdk/CHANGELOG.md @@ -1,5 +1,16 @@ # @cocokits/angular-cdk +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [1050af5] + - @cocokits/angular-overlay@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/cdk/package.json b/packages/angular/cdk/package.json index 4a6cd0fa..2453086b 100644 --- a/packages/angular/cdk/package.json +++ b/packages/angular/cdk/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-cdk", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-overlay": "workspace:*", diff --git a/packages/angular/checkbox/CHANGELOG.md b/packages/angular/checkbox/CHANGELOG.md index 0540ac76..7f061e3b 100644 --- a/packages/angular/checkbox/CHANGELOG.md +++ b/packages/angular/checkbox/CHANGELOG.md @@ -1,5 +1,19 @@ # @cocokits/angular-checkbox +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/checkbox/package.json b/packages/angular/checkbox/package.json index b11036a2..f4cf1116 100644 --- a/packages/angular/checkbox/package.json +++ b/packages/angular/checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-checkbox", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-core": "workspace:*", diff --git a/packages/angular/components/CHANGELOG.md b/packages/angular/components/CHANGELOG.md index 80b2a126..c6745139 100644 --- a/packages/angular/components/CHANGELOG.md +++ b/packages/angular/components/CHANGELOG.md @@ -1,5 +1,38 @@ # @cocokits/angular-components +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Avatar component + - Add Accordion component + - Add Tabs component +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/angular-tabs@1.2.0 + - @cocokits/angular-avatar@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-accordion@1.2.0 + - @cocokits/angular-form-field@1.2.0 + - @cocokits/angular-checkbox@1.2.0 + - @cocokits/angular-divider@1.2.0 + - @cocokits/angular-button@1.2.0 + - @cocokits/angular-toggle@1.2.0 + - @cocokits/angular-radio@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + - @cocokits/angular-icon@1.2.0 + - @cocokits/angular-menu@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/components/package.json b/packages/angular/components/package.json index dbd2a2de..46deb7a4 100644 --- a/packages/angular/components/package.json +++ b/packages/angular/components/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-components", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-button": "workspace:*", diff --git a/packages/angular/core/CHANGELOG.md b/packages/angular/core/CHANGELOG.md index 00b1c65a..f519f7c2 100644 --- a/packages/angular/core/CHANGELOG.md +++ b/packages/angular/core/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/angular-core +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/angular-utils@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/core/package.json b/packages/angular/core/package.json index b14e0013..a36d440f 100644 --- a/packages/angular/core/package.json +++ b/packages/angular/core/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-core", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-utils": "workspace:*", diff --git a/packages/angular/divider/CHANGELOG.md b/packages/angular/divider/CHANGELOG.md index d6efe2c7..841b268c 100644 --- a/packages/angular/divider/CHANGELOG.md +++ b/packages/angular/divider/CHANGELOG.md @@ -1,5 +1,21 @@ # @cocokits/angular-divider +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/divider/package.json b/packages/angular/divider/package.json index 75167770..d9054fb9 100644 --- a/packages/angular/divider/package.json +++ b/packages/angular/divider/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-divider", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-core": "workspace:*", diff --git a/packages/angular/form-field/CHANGELOG.md b/packages/angular/form-field/CHANGELOG.md index 07a99f34..43622f6e 100644 --- a/packages/angular/form-field/CHANGELOG.md +++ b/packages/angular/form-field/CHANGELOG.md @@ -1,5 +1,25 @@ # @cocokits/angular-form-field +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-checkbox@1.2.0 + - @cocokits/angular-overlay@1.2.0 + - @cocokits/angular-button@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + - @cocokits/angular-icon@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/form-field/package.json b/packages/angular/form-field/package.json index ef718c6b..f8142f02 100644 --- a/packages/angular/form-field/package.json +++ b/packages/angular/form-field/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-form-field", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-button": "workspace:*", diff --git a/packages/angular/icon/CHANGELOG.md b/packages/angular/icon/CHANGELOG.md index 638a792c..4a281890 100644 --- a/packages/angular/icon/CHANGELOG.md +++ b/packages/angular/icon/CHANGELOG.md @@ -1,5 +1,21 @@ # @cocokits/angular-icon +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/icon/package.json b/packages/angular/icon/package.json index 13e97dad..5440b1b0 100644 --- a/packages/angular/icon/package.json +++ b/packages/angular/icon/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-icon", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-core": "workspace:*", diff --git a/packages/angular/menu/CHANGELOG.md b/packages/angular/menu/CHANGELOG.md index fc1cb6b9..9645f9e3 100644 --- a/packages/angular/menu/CHANGELOG.md +++ b/packages/angular/menu/CHANGELOG.md @@ -1,5 +1,25 @@ # @cocokits/angular-menu +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-divider@1.2.0 + - @cocokits/angular-overlay@1.2.0 + - @cocokits/angular-button@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + - @cocokits/angular-icon@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/menu/package.json b/packages/angular/menu/package.json index 26022a19..9cd0ca8a 100644 --- a/packages/angular/menu/package.json +++ b/packages/angular/menu/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-menu", - "version": "1.1.1", + "version": "1.2.0", "peerDependencies": { "@angular/common": "~20.0.0", "@angular/core": "~20.0.0", diff --git a/packages/angular/overlay/CHANGELOG.md b/packages/angular/overlay/CHANGELOG.md index fb392cf1..6aae52f7 100644 --- a/packages/angular/overlay/CHANGELOG.md +++ b/packages/angular/overlay/CHANGELOG.md @@ -1,5 +1,20 @@ # @cocokits/angular-overlay +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/overlay/package.json b/packages/angular/overlay/package.json index 2913130e..cda6e2af 100644 --- a/packages/angular/overlay/package.json +++ b/packages/angular/overlay/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-overlay", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-core": "workspace:*", diff --git a/packages/angular/radio/CHANGELOG.md b/packages/angular/radio/CHANGELOG.md index d294c601..789293e3 100644 --- a/packages/angular/radio/CHANGELOG.md +++ b/packages/angular/radio/CHANGELOG.md @@ -1,5 +1,21 @@ # @cocokits/angular-radio +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/radio/package.json b/packages/angular/radio/package.json index 8b23a7c4..8a8e1d82 100644 --- a/packages/angular/radio/package.json +++ b/packages/angular/radio/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-radio", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-core": "workspace:*", diff --git a/packages/angular/tabs/CHANGELOG.md b/packages/angular/tabs/CHANGELOG.md new file mode 100644 index 00000000..10e95ae3 --- /dev/null +++ b/packages/angular/tabs/CHANGELOG.md @@ -0,0 +1,17 @@ +# @cocokits/angular-tabs + +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Tabs component +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-core@1.2.0 diff --git a/packages/angular/tabs/package.json b/packages/angular/tabs/package.json index 03abd1bf..2b5c06a5 100644 --- a/packages/angular/tabs/package.json +++ b/packages/angular/tabs/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-tabs", - "version": "0.0.0", + "version": "1.2.0", "private": false, "sideEffects": false, "dependencies": { diff --git a/packages/angular/toggle/CHANGELOG.md b/packages/angular/toggle/CHANGELOG.md index feb1e99f..6ba183ec 100644 --- a/packages/angular/toggle/CHANGELOG.md +++ b/packages/angular/toggle/CHANGELOG.md @@ -1,5 +1,21 @@ # @cocokits/angular-toggle +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/angular/toggle/package.json b/packages/angular/toggle/package.json index 388b5421..3dbdd476 100644 --- a/packages/angular/toggle/package.json +++ b/packages/angular/toggle/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-toggle", - "version": "1.1.1", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/angular-core": "workspace:*", diff --git a/packages/angular/utils/CHANGELOG.md b/packages/angular/utils/CHANGELOG.md index dd44a788..2b4e8d5e 100644 --- a/packages/angular/utils/CHANGELOG.md +++ b/packages/angular/utils/CHANGELOG.md @@ -1,5 +1,16 @@ # @cocokits/angular-utils +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to Angular 20 + +### Patch Changes + +- Updated dependencies [ba59a0c] + - @cocokits/common-utils@1.2.0 + ## 1.0.3 ### Patch Changes diff --git a/packages/angular/utils/package.json b/packages/angular/utils/package.json index 654764a5..456a3cda 100644 --- a/packages/angular/utils/package.json +++ b/packages/angular/utils/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/angular-utils", - "version": "1.0.3", + "version": "1.2.0", "sideEffects": false, "dependencies": { "@cocokits/common-utils": "workspace:*", diff --git a/packages/common/core/CHANGELOG.md b/packages/common/core/CHANGELOG.md index 0563c6f8..3d8adba1 100644 --- a/packages/common/core/CHANGELOG.md +++ b/packages/common/core/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/core +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Avatar component + - Add Accordion component + - Add Tabs component + +### Patch Changes + +- Updated dependencies [ba59a0c] + - @cocokits/common-utils@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/common/core/package.json b/packages/common/core/package.json index 4529a493..99f7bf84 100644 --- a/packages/common/core/package.json +++ b/packages/common/core/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/core", - "version": "1.1.1", + "version": "1.2.0", "type": "commonjs", "main": "./index.js", "module": "./index.js", diff --git a/packages/common/icons/package.json b/packages/common/icons/package.json index a7ef27a5..f3a14cf0 100644 --- a/packages/common/icons/package.json +++ b/packages/common/icons/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/common-icons", - "version": "1.0.3", + "version": "1.1.1", "type": "commonjs", "main": "./index.js", "module": "./index.js", diff --git a/packages/common/utils/CHANGELOG.md b/packages/common/utils/CHANGELOG.md index 151f9bc9..a6382dbc 100644 --- a/packages/common/utils/CHANGELOG.md +++ b/packages/common/utils/CHANGELOG.md @@ -1,5 +1,13 @@ # @cocokits/common-utils +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Animation + - Add Math + - Add common model + ## 1.0.3 ### Patch Changes diff --git a/packages/common/utils/package.json b/packages/common/utils/package.json index 1984e671..723b5c20 100644 --- a/packages/common/utils/package.json +++ b/packages/common/utils/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/common-utils", - "version": "1.0.3", + "version": "1.2.0", "type": "commonjs", "main": "./index.js", "module": "./index.js", diff --git a/packages/internal/common-kits-doc/package.json b/packages/internal/common-kits-doc/package.json index 2cdc1da7..bf52ece4 100644 --- a/packages/internal/common-kits-doc/package.json +++ b/packages/internal/common-kits-doc/package.json @@ -1,6 +1,6 @@ { "name": "common-kits-doc", - "version": "1.0.1", + "version": "0.0.0", "private": true, "description": "", "keywords": [], diff --git a/packages/internal/storybook-addon-theme-angular/CHANGELOG.md b/packages/internal/storybook-addon-theme-angular/CHANGELOG.md index db14c5c5..c0faa8c4 100644 --- a/packages/internal/storybook-addon-theme-angular/CHANGELOG.md +++ b/packages/internal/storybook-addon-theme-angular/CHANGELOG.md @@ -4,6 +4,15 @@ ### Patch Changes +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/common-utils@1.2.0 + - @cocokits/angular-core@1.2.0 + +## 0.0.1 + +### Patch Changes + - c9f1995: First Release 🔥 - Updated dependencies [c9f1995] - @cocokits/angular-core@1.1.1 diff --git a/packages/internal/storybook-addon-theme-react/CHANGELOG.md b/packages/internal/storybook-addon-theme-react/CHANGELOG.md index c631ea97..67abe0ee 100644 --- a/packages/internal/storybook-addon-theme-react/CHANGELOG.md +++ b/packages/internal/storybook-addon-theme-react/CHANGELOG.md @@ -4,6 +4,16 @@ ### Patch Changes +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/common-utils@1.2.0 + - @cocokits/react-core@1.2.0 + - @cocokits/storybook-addon-theme@0.0.1 + +## 0.0.1 + +### Patch Changes + - c9f1995: First Release 🔥 - Updated dependencies [c9f1995] - Updated dependencies diff --git a/packages/internal/storybook-addon-theme/CHANGELOG.md b/packages/internal/storybook-addon-theme/CHANGELOG.md index 00599e63..3d0b73d4 100644 --- a/packages/internal/storybook-addon-theme/CHANGELOG.md +++ b/packages/internal/storybook-addon-theme/CHANGELOG.md @@ -4,6 +4,21 @@ ### Patch Changes +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/theme-cocokits@1.2.0 + - @cocokits/theme-frames-x@1.2.0 + - @cocokits/react-overlay@1.2.0 + - @cocokits/react-core@1.2.0 + +## 0.0.1 + +### Patch Changes + - c9f1995: First Release 🔥 - Updated dependencies [c9f1995] - Updated dependencies diff --git a/packages/internal/storybook-addon-theme/package.json b/packages/internal/storybook-addon-theme/package.json index 5128f7e3..d30f5c56 100644 --- a/packages/internal/storybook-addon-theme/package.json +++ b/packages/internal/storybook-addon-theme/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/storybook-addon-theme", - "version": "0.0.0", + "version": "0.0.1", "private": true, "dependencies": { "@cocokits/common-utils": "workspace:*", diff --git a/packages/react/accordion/CHANGELOG.md b/packages/react/accordion/CHANGELOG.md new file mode 100644 index 00000000..88120bcc --- /dev/null +++ b/packages/react/accordion/CHANGELOG.md @@ -0,0 +1,20 @@ +# @cocokits/react-accordion + +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 +- ba59a0c: - Add Accordion component + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-core@1.2.0 + - @cocokits/react-icon@1.2.0 diff --git a/packages/react/accordion/package.json b/packages/react/accordion/package.json index 1e3f2d90..40c5f876 100644 --- a/packages/react/accordion/package.json +++ b/packages/react/accordion/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-accordion", - "version": "0.0.0", + "version": "1.2.0", "private": false, "main": "./index.js", "types": "./index.d.ts", diff --git a/packages/react/avatar/CHANGELOG.md b/packages/react/avatar/CHANGELOG.md new file mode 100644 index 00000000..8504494b --- /dev/null +++ b/packages/react/avatar/CHANGELOG.md @@ -0,0 +1,17 @@ +# @cocokits/react-avatar + +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Avatar component +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/react-core@1.2.0 diff --git a/packages/react/avatar/package.json b/packages/react/avatar/package.json index 24bb9bc3..62226561 100644 --- a/packages/react/avatar/package.json +++ b/packages/react/avatar/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-avatar", - "version": "0.0.0", + "version": "1.2.0", "private": false, "main": "./index.js", "types": "./index.d.ts", diff --git a/packages/react/button/CHANGELOG.md b/packages/react/button/CHANGELOG.md index e6d1e6c0..5122a0cf 100644 --- a/packages/react/button/CHANGELOG.md +++ b/packages/react/button/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/react-button +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/button/package.json b/packages/react/button/package.json index 73f2c1a1..ad574bb1 100644 --- a/packages/react/button/package.json +++ b/packages/react/button/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-button", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/react/cdk/CHANGELOG.md b/packages/react/cdk/CHANGELOG.md index 3e99d5df..ff7abc77 100644 --- a/packages/react/cdk/CHANGELOG.md +++ b/packages/react/cdk/CHANGELOG.md @@ -1,5 +1,16 @@ # @cocokits/react-cdk +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [1050af5] + - @cocokits/react-overlay@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/cdk/package.json b/packages/react/cdk/package.json index 1a37d060..1c1ffc11 100644 --- a/packages/react/cdk/package.json +++ b/packages/react/cdk/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-cdk", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/react/checkbox/CHANGELOG.md b/packages/react/checkbox/CHANGELOG.md index 7169ddd5..71dc275a 100644 --- a/packages/react/checkbox/CHANGELOG.md +++ b/packages/react/checkbox/CHANGELOG.md @@ -1,5 +1,20 @@ # @cocokits/react-checkbox +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/checkbox/package.json b/packages/react/checkbox/package.json index cbe9e7d2..bd98dde2 100644 --- a/packages/react/checkbox/package.json +++ b/packages/react/checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-checkbox", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/react/components/CHANGELOG.md b/packages/react/components/CHANGELOG.md index bb60edfa..76993766 100644 --- a/packages/react/components/CHANGELOG.md +++ b/packages/react/components/CHANGELOG.md @@ -1,5 +1,40 @@ # @cocokits/react-components +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Avatar component + - Add Accordion component + - Add Tabs component +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] +- Updated dependencies [ba59a0c] + - @cocokits/core@1.2.0 + - @cocokits/react-tabs@1.2.0 + - @cocokits/react-avatar@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-form-field@1.2.0 + - @cocokits/react-accordion@1.2.0 + - @cocokits/react-checkbox@1.2.0 + - @cocokits/react-divider@1.2.0 + - @cocokits/react-button@1.2.0 + - @cocokits/react-toggle@1.2.0 + - @cocokits/react-radio@1.2.0 + - @cocokits/react-core@1.2.0 + - @cocokits/react-icon@1.2.0 + - @cocokits/react-menu@1.2.0 + - @cocokits/react-cdk@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/components/package.json b/packages/react/components/package.json index c8e6ef25..ab3ba452 100644 --- a/packages/react/components/package.json +++ b/packages/react/components/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-components", - "version": "1.0.1", + "version": "1.2.0", "main": "./index.js", "types": "./index.d.ts", "dependencies": { diff --git a/packages/react/core/CHANGELOG.md b/packages/react/core/CHANGELOG.md index 2e699d88..fa3e8623 100644 --- a/packages/react/core/CHANGELOG.md +++ b/packages/react/core/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/react-core +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/core/package.json b/packages/react/core/package.json index eb1534ee..7c36c0a4 100644 --- a/packages/react/core/package.json +++ b/packages/react/core/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-core", - "version": "1.0.1", + "version": "1.2.0", "main": "./index.js", "types": "./index.d.ts", "peerDependencies": { diff --git a/packages/react/divider/CHANGELOG.md b/packages/react/divider/CHANGELOG.md index a2353322..0a46b4e4 100644 --- a/packages/react/divider/CHANGELOG.md +++ b/packages/react/divider/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/react-divider +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/divider/package.json b/packages/react/divider/package.json index 7b97a4e4..fb3cb0b8 100644 --- a/packages/react/divider/package.json +++ b/packages/react/divider/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-divider", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/react/form-field/CHANGELOG.md b/packages/react/form-field/CHANGELOG.md index ee01ce54..dd22c59a 100644 --- a/packages/react/form-field/CHANGELOG.md +++ b/packages/react/form-field/CHANGELOG.md @@ -1,5 +1,26 @@ # @cocokits/react-form-field +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-checkbox@1.2.0 + - @cocokits/react-overlay@1.2.0 + - @cocokits/react-button@1.2.0 + - @cocokits/react-core@1.2.0 + - @cocokits/react-icon@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/form-field/package.json b/packages/react/form-field/package.json index 857edcb1..6795cff2 100644 --- a/packages/react/form-field/package.json +++ b/packages/react/form-field/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-form-field", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/react/icon/CHANGELOG.md b/packages/react/icon/CHANGELOG.md index 91a6e73f..4ae69291 100644 --- a/packages/react/icon/CHANGELOG.md +++ b/packages/react/icon/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/react-icon +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/icon/package.json b/packages/react/icon/package.json index 0a3b1929..ad15ee99 100644 --- a/packages/react/icon/package.json +++ b/packages/react/icon/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-icon", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/react/menu/CHANGELOG.md b/packages/react/menu/CHANGELOG.md index 0e926537..0afa1e19 100644 --- a/packages/react/menu/CHANGELOG.md +++ b/packages/react/menu/CHANGELOG.md @@ -1,5 +1,23 @@ # @cocokits/react-menu +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-overlay@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/menu/package.json b/packages/react/menu/package.json index 8f3f919f..aba88bf8 100644 --- a/packages/react/menu/package.json +++ b/packages/react/menu/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-menu", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/react/overlay/CHANGELOG.md b/packages/react/overlay/CHANGELOG.md index ec6ce37d..58b4aba4 100644 --- a/packages/react/overlay/CHANGELOG.md +++ b/packages/react/overlay/CHANGELOG.md @@ -1,5 +1,20 @@ # @cocokits/react-overlay +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/common-utils@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.3 ### Patch Changes diff --git a/packages/react/overlay/package.json b/packages/react/overlay/package.json index ee6edf4e..a83f87d8 100644 --- a/packages/react/overlay/package.json +++ b/packages/react/overlay/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-overlay", - "version": "1.0.3", + "version": "1.2.0", "main": "./index.js", "types": "./index.d.ts", "dependencies": { diff --git a/packages/react/radio/CHANGELOG.md b/packages/react/radio/CHANGELOG.md index 9860d938..51d48bf3 100644 --- a/packages/react/radio/CHANGELOG.md +++ b/packages/react/radio/CHANGELOG.md @@ -1,5 +1,20 @@ # @cocokits/react-radio +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/radio/package.json b/packages/react/radio/package.json index 75941214..880b327f 100644 --- a/packages/react/radio/package.json +++ b/packages/react/radio/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-radio", - "version": "1.0.1", + "version": "1.2.0", "main": "./index.js", "types": "./index.d.ts", "dependencies": { diff --git a/packages/react/tabs/CHANGELOG.md b/packages/react/tabs/CHANGELOG.md new file mode 100644 index 00000000..6375ada4 --- /dev/null +++ b/packages/react/tabs/CHANGELOG.md @@ -0,0 +1,19 @@ +# @cocokits/react-tabs + +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Tabs component +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/common-utils@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-core@1.2.0 diff --git a/packages/react/tabs/package.json b/packages/react/tabs/package.json index 30716823..b6b72450 100644 --- a/packages/react/tabs/package.json +++ b/packages/react/tabs/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-tabs", - "version": "0.0.0", + "version": "1.2.0", "private": false, "main": "./index.js", "types": "./index.d.ts", diff --git a/packages/react/toggle/CHANGELOG.md b/packages/react/toggle/CHANGELOG.md index c8b26ed0..a136f0ee 100644 --- a/packages/react/toggle/CHANGELOG.md +++ b/packages/react/toggle/CHANGELOG.md @@ -1,5 +1,20 @@ # @cocokits/react-toggle +## 1.2.0 + +### Minor Changes + +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] +- Updated dependencies [ba59a0c] +- Updated dependencies [1050af5] + - @cocokits/core@1.2.0 + - @cocokits/react-utils@1.2.0 + - @cocokits/react-core@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/toggle/package.json b/packages/react/toggle/package.json index 3a71a156..d8783f6b 100644 --- a/packages/react/toggle/package.json +++ b/packages/react/toggle/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-toggle", - "version": "1.0.1", + "version": "1.2.0", "main": "./index.js", "types": "./index.d.ts", "dependencies": { diff --git a/packages/react/utils/CHANGELOG.md b/packages/react/utils/CHANGELOG.md index b8c5fce9..ab83d315 100644 --- a/packages/react/utils/CHANGELOG.md +++ b/packages/react/utils/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/react-utils +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Feature Store + - Add Animation, onInit, onDestroy, selection, slotChildren hooks +- 1050af5: Upgrade to react 19 + +### Patch Changes + +- Updated dependencies [ba59a0c] + - @cocokits/common-utils@1.2.0 + ## 1.0.1 ### Patch Changes diff --git a/packages/react/utils/package.json b/packages/react/utils/package.json index 9497e934..eb0a0e0a 100644 --- a/packages/react/utils/package.json +++ b/packages/react/utils/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/react-utils", - "version": "1.0.1", + "version": "1.2.0", "exports": { ".": { "import": "./index.mjs", diff --git a/packages/themes/cocokits/CHANGELOG.md b/packages/themes/cocokits/CHANGELOG.md index d84d5eb9..94652db0 100644 --- a/packages/themes/cocokits/CHANGELOG.md +++ b/packages/themes/cocokits/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/theme-cocokits +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Avatar styles + - Add Accordion styles + - Add Tabs styles + +### Patch Changes + +- Updated dependencies [ba59a0c] + - @cocokits/core@1.2.0 + ## 1.1.1 ### Patch Changes diff --git a/packages/themes/cocokits/package.json b/packages/themes/cocokits/package.json index fac0d6cc..90f71f7c 100644 --- a/packages/themes/cocokits/package.json +++ b/packages/themes/cocokits/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/theme-cocokits", - "version": "1.1.1", + "version": "1.2.0", "type": "commonjs", "exports": { ".": { diff --git a/packages/themes/cocokits/src/styles/css/components.css b/packages/themes/cocokits/src/styles/css/components.css index 5ba6000e..42612abe 100644 --- a/packages/themes/cocokits/src/styles/css/components.css +++ b/packages/themes/cocokits/src/styles/css/components.css @@ -807,27 +807,27 @@ height:var(--icon-size-2xl); } -:where(.cck-svg-icon__color--brand .cck-svg-icon__svg){ +:where(.cck-svg-icon__color--brand){ fill:var(--color-brand-default); } -:where(.cck-svg-icon__color--info .cck-svg-icon__svg){ +:where(.cck-svg-icon__color--info){ fill:var(--color-info-default); } -:where(.cck-svg-icon__color--warning .cck-svg-icon__svg){ +:where(.cck-svg-icon__color--warning){ fill:var(--color-warning-default); } -:where(.cck-svg-icon__color--error .cck-svg-icon__svg){ +:where(.cck-svg-icon__color--error){ fill:var(--color-error-default); } -:where(.cck-svg-icon__color--h-contrast .cck-svg-icon__svg){ +:where(.cck-svg-icon__color--h-contrast){ fill:var(--color-h-contrast-default); } -:where(.cck-svg-icon__color--m-contrast .cck-svg-icon__svg){ +:where(.cck-svg-icon__color--m-contrast){ fill:var(--color-m-contrast-default); } @@ -2046,28 +2046,14 @@ border:1px solid var(--color-border-default); border-radius:6px; } -:where(.cck-accordion-panel--disabled){ - color:var(--color-disabled-font); - opacity:0.5; -} -:where(.cck-accordion-panel--disabled > .cck-accordion-header){ - color:currentColor; -} -:where(.cck-accordion-panel--disabled > .cck-accordion-header.cck-accordion-header--trigger-header){ - cursor:not-allowed; -} -:where(.cck-accordion-panel--disabled > .cck-accordion-header > .cck-accordion-header__icon-wrapper){ - display:none; -} - -:where(.cck-accordion-header--trigger-icon > .cck-accordion-header__icon-wrapper > .cck-icon-button):hover{ +:where(.cck-accordion-header--trigger-icon > .cck-accordion-header__icon-btn):hover{ background-color:var(--color-h-contrast-alpha-1); } :where(.cck-accordion-header--trigger-header){ cursor:pointer; } -:where(.cck-accordion-header--trigger-header > .cck-accordion-header__icon-wrapper > .cck-icon-button):hover{ +:where(.cck-accordion-header--trigger-header > .cck-accordion-header__icon-btn):hover{ background-color:transparent; } @@ -2076,12 +2062,22 @@ align-items:center; color:var(--color-font-default); } -:where(.cck-accordion-header > .cck-accordion-header__icon-wrapper > .cck-icon-button){ +:where(.cck-accordion-header .cck-svg-icon.cck-svg-icon--default-color){ + fill:var(--color-font-default); +} +:where(.cck-accordion-header > .cck-accordion-header__icon-btn){ background-color:transparent; fill:var(--color-font-default); + border-radius:4px; + cursor:pointer; + outline:none; + border:none; + display:flex; + justify-self:center; + align-items:center; } -:where(.cck-accordion-header--icon-right > .cck-accordion-header__icon-wrapper){ +:where(.cck-accordion-header--icon-right > .cck-accordion-header__icon-btn){ margin-left:auto; } @@ -2093,7 +2089,7 @@ :where(.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-header){ height:var(--size-48); } -:where(.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-header > .cck-accordion-header__icon-wrapper > .cck-icon-button){ +:where(.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-header > .cck-accordion-header__icon-btn){ width:36px; height:36px; } @@ -2101,23 +2097,46 @@ :where(.cck-accordion__size--md > .cck-accordion-panel .cck-accordion-header){ height:var(--size-56); } -:where(.cck-accordion__size--md > .cck-accordion-panel .cck-accordion-header > .cck-accordion-header__icon-wrapper > .cck-icon-button){ +:where(.cck-accordion__size--md > .cck-accordion-panel .cck-accordion-header > .cck-accordion-header__icon-btn){ width:36px; height:36px; } -:where(.cck-accordion__default > .cck-accordion-panel > .cck-accordion-header.cck-accordion-header--icon-right){ +:where(.cck-accordion-panel > .cck-accordion-header){ + font:var(--text-md-medium); +} +:where(.cck-accordion-panel > .cck-accordion-header.cck-accordion-header--icon-right){ padding-left:var(--size-20); padding-right:calc(var(--size-20) - 10px); } -:where(.cck-accordion__default > .cck-accordion-panel > .cck-accordion-header.cck-accordion-header--icon-left){ +:where(.cck-accordion-panel > .cck-accordion-header.cck-accordion-header--icon-left){ padding-left:calc(var(--size-20) - 10px); padding-right:var(--size-20); } -:where(.cck-accordion__default > .cck-accordion-panel--collapsed > .cck-accordion-header){ + +:where(.cck-accordion__default > .cck-accordion-panel--collapsed > .cck-accordion-header),:where( +.cck-accordion__group > .cck-accordion-panel--collapsed > .cck-accordion-header){ background-color:var(--color-h-contrast-alpha-2); } +:where(.cck-accordion__basic > .cck-accordion-panel > .cck-accordion-header--trigger-header):hover{ + background-color:var(--color-h-contrast-alpha-2); +} + +:where(.cck-accordion-panel--disabled){ + color:var(--color-disabled-font); + opacity:0.5; +} +:where(.cck-accordion-panel--disabled > .cck-accordion-header){ + color:currentcolor; +} +:where(.cck-accordion-panel--disabled > .cck-accordion-header.cck-accordion-header--trigger-header){ + cursor:not-allowed; +} +:where(.cck-accordion-panel--disabled > .cck-accordion-header > .cck-accordion-header__icon-btn){ + display:none; +} + :where(.cck-accordion-panel){ overflow:hidden; font:var(--text-md-regular); @@ -2125,24 +2144,270 @@ transition:padding-bottom 300ms; } -:where(.cck-accordion__default.cck-accordion-panel--collapsed){ +:where(.cck-accordion--instant-animation > .cck-accordion-panel){ + transition:none; +} + +:where(.cck-accordion-panel--collapsed){ padding-bottom:0; } -:where(.cck-accordion__default.cck-accordion__size--sm > .cck-accordion-panel.cck-accordion-panel--expanded){ + +:where(.cck-accordion__size--sm > .cck-accordion-panel.cck-accordion-panel--expanded){ padding-bottom:var(--size-20); } -:where(.cck-accordion__default.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-panel__content-wrapper){ +:where(.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-panel__content-wrapper){ padding-left:var(--size-20); padding-right:var(--size-20); } -:where(.cck-accordion__default.cck-accordion__size--md > .cck-accordion-panel.cck-accordion-panel--expanded){ + +:where(.cck-accordion__size--md > .cck-accordion-panel.cck-accordion-panel--expanded){ padding-bottom:var(--size-20); } -:where(.cck-accordion__default.cck-accordion__size--md > .cck-accordion-panel > .cck-accordion-panel__content-wrapper){ +:where(.cck-accordion__size--md > .cck-accordion-panel > .cck-accordion-panel__content-wrapper){ padding-left:var(--size-20); padding-right:var(--size-20); } + :where(.cck-accordion__default > .cck-accordion-panel){ border:1px solid var(--color-border-default); border-radius:6px; +} + +:where(.cck-accordion__group > .cck-accordion-panel):not(:last-of-type),:where( +.cck-accordion__basic > .cck-accordion-panel):not(:last-of-type){ + border-bottom:1px solid var(--color-border-default); +} + +:where(.cck-tabs){ + display:flex; + flex-direction:column; + gap:var(--size-12); +} + +:where(.cck-tabs__headers-wrapper){ + display:flex; + justify-content:center; + gap:var(--size-4); + flex-wrap:wrap; +} + +:where(.cck-tabs--align-left .cck-tabs__headers-wrapper){ + align-self:flex-start; + align-items:flex-start; + justify-content:flex-start; +} + +:where(.cck-tabs--align-center .cck-tabs__headers-wrapper){ + align-self:center; + align-items:center; + justify-content:center; +} + +:where(.cck-tabs--align-right .cck-tabs__headers-wrapper){ + align-self:flex-end; + align-items:flex-end; + justify-content:flex-end; +} + +:where(.cck-tabs--align-stretch .cck-tabs__headers-wrapper){ + align-self:stretch; + align-items:stretch; + justify-content:stretch; +} + +:where(.cck-tabs__fill .cck-tabs__headers-wrapper){ + padding:4px; + border-radius:12px; + background-color:var(--color-surface-inverse-alpha-3); +} + +:where(.cck-tabs__border .cck-tabs__headers-wrapper){ + padding:4px; + border-radius:16px; + border:2px solid var(--color-surface-inverse-alpha-5); +} + +:where(.cck-tabs__size--sm .cck-tabs__headers-wrapper){ + min-height:36px; +} + +:where(.cck-tabs__size--md .cck-tabs__headers-wrapper){ + min-height:40px; +} + +:where(.cck-tabs__size--lg .cck-tabs__headers-wrapper){ + min-height:44px; +} + +:where(.cck-tab){ + display:flex; + background:transparent; + border:none; + outline:none; + color:var(--color-font-alpha-7); + align-items:center; + justify-content:center; + white-space:nowrap; + cursor:pointer; + position:relative; +} +:where(.cck-tab .cck-svg-icon.cck-svg-icon--default-color){ + color:currentcolor; + fill:currentcolor; +} + +:where(:not(.cck-tabs--instant-animation) .cck-tab){ + transition:color 100ms; +} +:where(:not(.cck-tabs--instant-animation) .cck-tab.cck-tab--selected){ + transition:color 150ms; +} + +:where(.cck-tab__label){ + position:relative; + z-index:1; +} + +:where(.cck-tab--unselected):not(.cck-tab--disabled):focus-visible{ + outline:2px solid var(--color-brand-alpha-7); +} + +:where(.cck-tab--selected){ + color:var(--color-font-default); +} + +:where(.cck-tab--disabled){ + color:var(--color-font-alpha-5); + cursor:not-allowed; +} + +:where(.cck-tab__indicator){ + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + z-index:0; +} + +:where(.cck-tabs--align-stretch .cck-tab){ + flex:1; +} + +:where(.cck-tabs__fill .cck-tab),:where( +.cck-tabs__border .cck-tab),:where( +.cck-tabs__basic .cck-tab){ + border-radius:12px; +} +:where(.cck-tabs__fill .cck-tab--unselected):not(.cck-tab--disabled):hover,:where( +.cck-tabs__border .cck-tab--unselected):not(.cck-tab--disabled):hover,:where( +.cck-tabs__basic .cck-tab--unselected):not(.cck-tab--disabled):hover{ + background-color:var(--color-surface-inverse-alpha-2); +} +:where(.cck-tabs__fill .cck-tab__indicator),:where( +.cck-tabs__border .cck-tab__indicator),:where( +.cck-tabs__basic .cck-tab__indicator){ + border-radius:12px; + background-color:var(--color-surface-inverse-alpha-4); +} +:where(.cck-tabs__fill.cck-tabs__color--default .cck-tab__indicator),:where( +.cck-tabs__border.cck-tabs__color--default .cck-tab__indicator),:where( +.cck-tabs__basic.cck-tabs__color--default .cck-tab__indicator){ + background-color:var(--color-surface-inverse-alpha-4); +} +:where(.cck-tabs__fill.cck-tabs__color--brand .cck-tab__indicator),:where( +.cck-tabs__border.cck-tabs__color--brand .cck-tab__indicator),:where( +.cck-tabs__basic.cck-tabs__color--brand .cck-tab__indicator){ + background-color:var(--color-brand-default); +} +:where(.cck-tabs__fill.cck-tabs__color--brand .cck-tab.cck-tab--selected),:where( +.cck-tabs__border.cck-tabs__color--brand .cck-tab.cck-tab--selected),:where( +.cck-tabs__basic.cck-tabs__color--brand .cck-tab.cck-tab--selected){ + color:var(--color-font-inverse-default); +} +:where(.cck-tabs__fill.cck-tabs__color--info .cck-tab__indicator),:where( +.cck-tabs__border.cck-tabs__color--info .cck-tab__indicator),:where( +.cck-tabs__basic.cck-tabs__color--info .cck-tab__indicator){ + background-color:var(--color-info-default); +} +:where(.cck-tabs__fill.cck-tabs__color--info .cck-tab.cck-tab--selected),:where( +.cck-tabs__border.cck-tabs__color--info .cck-tab.cck-tab--selected),:where( +.cck-tabs__basic.cck-tabs__color--info .cck-tab.cck-tab--selected){ + color:var(--color-font-inverse-default); +} +:where(.cck-tabs__fill.cck-tabs__color--warning .cck-tab__indicator),:where( +.cck-tabs__border.cck-tabs__color--warning .cck-tab__indicator),:where( +.cck-tabs__basic.cck-tabs__color--warning .cck-tab__indicator){ + background-color:var(--color-warning-default); +} +:where(.cck-tabs__fill.cck-tabs__color--warning .cck-tab.cck-tab--selected),:where( +.cck-tabs__border.cck-tabs__color--warning .cck-tab.cck-tab--selected),:where( +.cck-tabs__basic.cck-tabs__color--warning .cck-tab.cck-tab--selected){ + color:var(--color-font-inverse-default); +} +:where(.cck-tabs__fill.cck-tabs__color--error .cck-tab__indicator),:where( +.cck-tabs__border.cck-tabs__color--error .cck-tab__indicator),:where( +.cck-tabs__basic.cck-tabs__color--error .cck-tab__indicator){ + background-color:var(--color-error-default); +} +:where(.cck-tabs__fill.cck-tabs__color--error .cck-tab.cck-tab--selected),:where( +.cck-tabs__border.cck-tabs__color--error .cck-tab.cck-tab--selected),:where( +.cck-tabs__basic.cck-tabs__color--error .cck-tab.cck-tab--selected){ + color:var(--color-font-inverse-default); +} +:where(.cck-tabs__fill.cck-tabs__color--h-contrast .cck-tab__indicator),:where( +.cck-tabs__border.cck-tabs__color--h-contrast .cck-tab__indicator),:where( +.cck-tabs__basic.cck-tabs__color--h-contrast .cck-tab__indicator){ + background-color:var(--color-h-contrast-default); +} +:where(.cck-tabs__fill.cck-tabs__color--h-contrast .cck-tab.cck-tab--selected),:where( +.cck-tabs__border.cck-tabs__color--h-contrast .cck-tab.cck-tab--selected),:where( +.cck-tabs__basic.cck-tabs__color--h-contrast .cck-tab.cck-tab--selected){ + color:var(--color-font-inverse-default); +} + +:where(.cck-tabs__line.cck-tabs__color--default .cck-tab__indicator){ + border-bottom:2px solid var(--color-surface-inverse-alpha-6); +} +:where(.cck-tabs__line.cck-tabs__color--brand .cck-tab__indicator){ + border-bottom:2px solid var(--color-brand-default); +} +:where(.cck-tabs__line.cck-tabs__color--info .cck-tab__indicator){ + border-bottom:2px solid var(--color-info-default); +} +:where(.cck-tabs__line.cck-tabs__color--warning .cck-tab__indicator){ + border-bottom:2px solid var(--color-warning-default); +} +:where(.cck-tabs__line.cck-tabs__color--error .cck-tab__indicator){ + border-bottom:2px solid var(--color-error-default); +} +:where(.cck-tabs__line.cck-tabs__color--h-contrast .cck-tab__indicator){ + border-bottom:2px solid var(--color-h-contrast-default); +} + +:where(.cck-tabs__size--sm .cck-tab){ + font:var(--text-sm-regular); + padding:0 12px; + height:32px; +} +:where(.cck-tabs__size--sm .cck-tab.cck-tab--selected){ + font:var(--text-sm-medium); +} + +:where(.cck-tabs__size--md .cck-tab){ + font:var(--text-md-regular); + padding:0 12px; + height:36px; +} +:where(.cck-tabs__size--md .cck-tab.cck-tab--selected){ + font:var(--text-md-regular); +} + +:where(.cck-tabs__size--lg .cck-tab){ + font:var(--text-md-regular); + padding:0 20px; + height:40px; +} +:where(.cck-tabs__size--lg .cck-tab.cck-tab--selected){ + font:var(--text-md-medium); } \ No newline at end of file diff --git a/packages/themes/cocokits/src/styles/css/components.min.css b/packages/themes/cocokits/src/styles/css/components.min.css index a2af9b22..f52d8dd4 100644 --- a/packages/themes/cocokits/src/styles/css/components.min.css +++ b/packages/themes/cocokits/src/styles/css/components.min.css @@ -4,4 +4,4 @@ * Generated by cocokits 'scss-builder' */ -:where(.cck-button){align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:transparent}:where(.cck-button):disabled{background-color:var(--color-disabled-surface);fill:var(--color-disabled-font);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-button__backdrop){display:none}:where(.cck-button__size--sm){gap:8px;height:var(--button-primary-height-sm);padding:0 16px}:where(.cck-button__size--md){gap:8px;height:32px;padding:0 20px}:where(.cck-button__size--lg){gap:10px;height:40px;padding:0 24px}:where(.cck-button__basic){border-radius:4px}:where(.cck-button__basic.cck-button__color--brand):not(:disabled){background-color:transparent;color:var(--color-brand-default)}:where(.cck-button__basic.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-5)}:where(.cck-button__basic.cck-button__color--info):not(:disabled){background-color:transparent;color:var(--color-info-default)}:where(.cck-button__basic.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-5)}:where(.cck-button__basic.cck-button__color--warning):not(:disabled){background-color:transparent;color:var(--color-warning-default)}:where(.cck-button__basic.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-5)}:where(.cck-button__basic.cck-button__color--error):not(:disabled){background-color:transparent;color:var(--color-error-default)}:where(.cck-button__basic.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-5)}:where(.cck-button__basic.cck-button__color--h-contrast):not(:disabled){background-color:transparent;color:var(--color-h-contrast-default)}:where(.cck-button__basic.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-5)}:where(.cck-button__light){border-radius:4px}:where(.cck-button__light.cck-button__color--brand):not(:disabled){background-color:var(--color-brand-alpha-5);color:var(--color-brand-default)}:where(.cck-button__light.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-7)}:where(.cck-button__light.cck-button__color--info):not(:disabled){background-color:var(--color-info-alpha-5);color:var(--color-info-default)}:where(.cck-button__light.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-7)}:where(.cck-button__light.cck-button__color--warning):not(:disabled){background-color:var(--color-warning-alpha-5);color:var(--color-warning-default)}:where(.cck-button__light.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-7)}:where(.cck-button__light.cck-button__color--error):not(:disabled){background-color:var(--color-error-alpha-5);color:var(--color-error-default)}:where(.cck-button__light.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-7)}:where(.cck-button__light.cck-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-alpha-5);color:var(--color-h-contrast-default)}:where(.cck-button__light.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-7)}:where(.cck-button__outline){background-color:transparent;border-radius:4px}:where(.cck-button__outline.cck-button__color--brand):not(:disabled){border:1px solid var(--color-brand-default);color:var(--color-brand-default)}:where(.cck-button__outline.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-button__outline.cck-button__color--info):not(:disabled){border:1px solid var(--color-info-default);color:var(--color-info-default)}:where(.cck-button__outline.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-button__outline.cck-button__color--warning):not(:disabled){border:1px solid var(--color-warning-default);color:var(--color-warning-default)}:where(.cck-button__outline.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-button__outline.cck-button__color--error):not(:disabled){border:1px solid var(--color-error-default);color:var(--color-error-default)}:where(.cck-button__outline.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-button__outline.cck-button__color--h-contrast):not(:disabled){border:1px solid var(--color-h-contrast-default);color:var(--color-h-contrast-default)}:where(.cck-button__outline.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-button__primary){border-radius:4px}:where(.cck-button__primary.cck-button__color--brand):not(:disabled){background-color:var(--color-brand-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-button__primary.cck-button__color--info):not(:disabled){background-color:var(--color-info-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-button__primary.cck-button__color--warning):not(:disabled){background-color:var(--color-warning-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-button__primary.cck-button__color--error):not(:disabled){background-color:var(--color-error-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-button__primary.cck-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-checkbox){display:flex}:where(.cck-checkbox__wrapper){align-items:center;display:inline-flex;gap:12px;vertical-align:middle}:where(.cck-checkbox__input-wrapper){box-sizing:content-box;cursor:pointer;display:inline-block;flex-shrink:0;line-height:0;position:relative;white-space:nowrap}:where(.cck-checkbox__size--sm .cck-checkbox__input-wrapper){height:var(--checkbox-size-sm);width:var(--checkbox-size-sm)}:where(.cck-checkbox__size--md .cck-checkbox__input-wrapper){height:var(--checkbox-size-md);width:var(--checkbox-size-md)}:where(.cck-checkbox__size--lg .cck-checkbox__input-wrapper){height:var(--checkbox-size-lg);width:var(--checkbox-size-lg)}:where(.cck-checkbox__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%}:where(.cck-checkbox__background){align-items:center;border:1px solid var(--color-m-contrast-default);border-radius:2px;box-sizing:border-box;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);width:100%;will-change:background-color,border-color}:where(.cck-checkbox--checked.cck-checkbox--disabled .cck-checkbox__background),:where(.cck-checkbox--disabled .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox--disabled .cck-checkbox__background),:where(.cck-checkbox--unchecked.cck-checkbox--disabled .cck-checkbox__background){background-color:var(--color-disabled-surface);border-color:var(--color-disabled-border)}:where(.cck-checkbox--checked.cck-checkbox__color--brand:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--brand:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-brand-default);border-color:var(--color-brand-default)}:where(.cck-checkbox--checked.cck-checkbox__color--info:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--info:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-info-default);border-color:var(--color-info-default)}:where(.cck-checkbox--checked.cck-checkbox__color--warning:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--warning:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-warning-default);border-color:var(--color-warning-default)}:where(.cck-checkbox--checked.cck-checkbox__color--error:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--error:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-error-default);border-color:var(--color-error-default)}:where(.cck-checkbox__color--brand .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-brand-alpha-5)}:where(.cck-checkbox__color--info .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-info-alpha-5)}:where(.cck-checkbox__color--warning .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-warning-alpha-5)}:where(.cck-checkbox__color--error .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-error-alpha-5)}:where(.cck-checkbox__checkmark-path){transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:where(.cck-checkbox--checked .cck-checkbox__checkmark-path){stroke-dashoffset:0}:where(.cck-checkbox__checkmark){color:var(--checkbox-color-checkmark);inset:0;opacity:0;padding:2px;position:absolute;transition:opacity .18s cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox--checked .cck-checkbox__checkmark){opacity:1}:where(.cck-checkbox--indeterminate .cck-checkbox__checkmark){opacity:0;transform:rotate(45deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1)}:where(.cck-checkbox--disabled .cck-checkbox__checkmark){color:var(--color-disabled-border)}:where(.cck-checkbox__mixedmark){border-color:var(--checkbox-color-checkmark);border-style:solid;border-width:1px;height:0;margin:2px;opacity:0;transform:scaleX(0) rotate(0deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox--indeterminate .cck-checkbox__mixedmark){opacity:1;transform:scaleX(1) rotate(0deg)}:where(.cck-checkbox__label){color:var(--color-font-default);cursor:pointer;font:var(--text-sm-medium);margin-left:0;margin-right:auto;order:0;padding-left:0;padding-right:0;text-align:left;white-space:nowrap}:where(.cck-checkbox__label):empty{display:none}:where(.cck-checkbox--disabled .cck-checkbox__label){color:var(--color-disabled-font)}:where(.cck-checkbox--disabled .cck-checkbox__input-wrapper),:where(.cck-checkbox--disabled .cck-checkbox__label){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-chip){align-items:center;border:1px solid var(--chip-color-border);border-radius:6px;color:var(--color-font-default);cursor:default;display:flex;font:var(--text-sm-medium);gap:4px;padding:0 var(--chip-spacing-overlay-h-padding)}:where(.cck-chip.cck-chip--disabled){border:1px solid var(--chip-color-border-disabled);color:var(--color-disabled-font);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-chip.cck-chip--removable){padding:0 2px 0 var(--chip-spacing-overlay-h-padding)}:where(.cck-chip__size--sm){height:var(--chip-size-height-sm)}:where(.cck-chip__size--md){height:var(--chip-size-height-md)}:where(.cck-chip__size--lg){height:var(--chip-size-height-lg)}:where(.cck-chip__content-wrapper){align-items:center;display:flex;justify-content:center}:where(.cck-chip__remove-icon-wrapper .cck-icon-button){background-color:transparent;border-radius:50%;color:var(--color-font-alpha-7);height:24px;padding:4px;width:24px}:where(.cck-chip__remove-icon-wrapper){align-items:center;display:flex;justify-content:center}:where(.cck-chip__remove-icon-wrapper .cck-icon-button):hover{background-color:var(--color-h-contrast-alpha-2)}:where(.cck-chip-list){align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}:where(.cck-chip-list__input){background:transparent;border:none;flex:1;font:var(--text-sm-regular);outline:none}:where(.cck-chip-list__input::-moz-placeholder){color:var(--color-font-alpha-6);-moz-transition:color .1s ease-in;transition:color .1s ease-in}:where(.cck-chip-list__input::placeholder){color:var(--color-font-alpha-6);transition:color .1s ease-in}:where(.cck-chip-list__input::-moz-placeholder):not(:focus){color:transparent}:where(.cck-chip-list__input::placeholder):not(:focus){color:transparent}:where(.cck-chip-list__size--sm .cck-chip-list__input){height:var(--chip-size-height-sm)}:where(.cck-chip-list__size--md .cck-chip-list__input){height:var(--chip-size-height-md)}:where(.cck-chip-list__size--lg .cck-chip-list__input){height:var(--chip-size-height-lg)}:where(*){box-sizing:border-box}:where(.cck-divider){display:block;flex-shrink:0}:where(.cck-divider__horizontal){margin:var(--divider-spacing-margin) 0;width:100%}:where(.cck-divider__horizontal.cck-divider__size--md){height:1px}:where(.cck-divider__horizontal.cck-divider__size--lg){height:2px;width:100%}:where(.cck-divider__vertical){height:100%;margin:0 var(--divider-spacing-margin)}:where(.cck-divider__vertical.cck-divider__size--md){width:1px}:where(.cck-divider__vertical.cck-divider__size--lg){width:2px}:where(.cck-divider__color--light){background-color:var(--divider-color-light)}:where(.cck-divider__color--default){background-color:var(--divider-color-default)}:where(.cck-divider__color--dark){background-color:var(--divider-color-dark)}:where(.cck-error){color:var(--color-error-default);display:flex;font:var(--text-sm-regular);gap:6px}:where(.cck-error .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-form-field){align-items:flex-start;display:flex;flex-direction:column;gap:var(--form_field-spacing-host-gap);min-width:100px}:where(.cck-form-field:not(:disabled) .cck-form-field__input-wrapper):hover{background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-form-field .cck-select){flex:1;height:100%;width:100%}:where(.cck-form-field .cck-input){flex:1;width:100%}:where(.cck-form-field--disabled){opacity:.5}:where(.cck-form-field__wrapper){align-items:stretch;border-radius:var(--form_field-size-radius);display:flex;flex-direction:row;width:100%}:where(.cck-form-field__wrapper):has(input:disabled){background-color:var(--color-surface-inverse-alpha-3)}:where(.cck-form-field--with-input.cck-form-field__size--sm .cck-form-field__wrapper),:where(.cck-form-field--with-select.cck-form-field__size--sm .cck-form-field__wrapper){height:var(--form_field-size-height-sm)}:where(.cck-form-field--with-input.cck-form-field__size--md .cck-form-field__wrapper),:where(.cck-form-field--with-select.cck-form-field__size--md .cck-form-field__wrapper){height:var(--form_field-size-height-md)}:where(.cck-form-field--with-input.cck-form-field__size--lg .cck-form-field__wrapper),:where(.cck-form-field--with-select.cck-form-field__size--lg .cck-form-field__wrapper){height:var(--form_field-size-height-lg)}:where(.cck-form-field .cck-label){margin-left:var(--form_field-spacing-balance-alignment-margin)}:where(.cck-form-field__feedback-wrapper){display:flex;flex-direction:column;margin-left:var(--form_field-spacing-balance-alignment-margin);overflow:hidden}:where(.cck-form-field__feedback-wrapper):empty{display:none}:where(.cck-form-field__wrapper>*):first-child{border-bottom-left-radius:var(--form_field-size-radius);border-top-left-radius:var(--form_field-size-radius)}:where(.cck-form-field__wrapper>*):last-child{border-bottom-right-radius:var(--form_field-size-radius);border-top-right-radius:var(--form_field-size-radius)}:where(.cck-form-field__input-wrapper){align-items:center;border:1px solid var(--form_field-color-border);display:flex;flex:1;flex-direction:row;gap:var(--form_field-spacing-input-wrapper-gap);min-width:0}:where(.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--form_field-spacing-input-wrapper-h-padding)}:where(.cck-form-field--with-chip-list .cck-prefix),:where(.cck-form-field--with-chip-list .cck-suffix){align-self:flex-start}:where(.cck-form-field--with-chip-list .cck-chip-list){flex:1}:where(.cck-form-field__size--sm.cck-form-field--with-chip-list .cck-suffix){margin-right:4px;margin-top:6px}:where(.cck-form-field__size--md.cck-form-field--with-chip-list .cck-suffix){margin-right:4px;margin-top:8px}:where(.cck-form-field__size--lg.cck-form-field--with-chip-list .cck-suffix){margin-left:4px;margin-right:8px;margin-top:12px}:where(.cck-form-field__size--sm.cck-form-field--with-chip-list .cck-prefix){margin-left:4px;margin-top:6px}:where(.cck-form-field__size--md.cck-form-field--with-chip-list .cck-prefix){margin-left:4px;margin-top:8px}:where(.cck-form-field__size--lg.cck-form-field--with-chip-list .cck-prefix){margin-left:8px;margin-right:4px;margin-top:12px}:where(.cck-form-field--with-chip-list .cck-form-field__input-wrapper){cursor:text;padding:4px}:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:8px}:where(.cck-form-field--focused .cck-form-field__input-wrapper){border:1px solid var(--color-brand-default);box-shadow:inset 0 0 0 1px var(--color-brand-default)}:where(.cck-form-field--error .cck-form-field__input-wrapper){border:1px solid var(--form_field-color-error)}:where(.cck-form-field--focused.cck-form-field--error .cck-form-field__input-wrapper){box-shadow:inset 0 0 0 1px var(--form_field-color-error)}:where(.cck-hint){color:var(--color-font-alpha-7);display:flex;font:var(--text-sm-regular);gap:6px}:where(.cck-hint .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-svg-icon){align-items:center;display:flex;flex-shrink:0;justify-content:center}:where(.cck-svg-icon__svg){height:100%;width:100%}:where(.cck-svg-icon__size--xs){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-svg-icon__size--sm){height:var(--icon-size-sm);width:var(--icon-size-sm)}:where(.cck-svg-icon__size--md){height:var(--icon-size-md);width:var(--icon-size-md)}:where(.cck-svg-icon__size--lg){height:var(--icon-size-lg);width:var(--icon-size-lg)}:where(.cck-svg-icon__size--xl){height:var(--icon-size-xl);width:var(--icon-size-xl)}:where(.cck-svg-icon__size--2xl){height:var(--icon-size-2xl);width:var(--icon-size-2xl)}:where(.cck-svg-icon__color--brand .cck-svg-icon__svg){fill:var(--color-brand-default)}:where(.cck-svg-icon__color--info .cck-svg-icon__svg){fill:var(--color-info-default)}:where(.cck-svg-icon__color--warning .cck-svg-icon__svg){fill:var(--color-warning-default)}:where(.cck-svg-icon__color--error .cck-svg-icon__svg){fill:var(--color-error-default)}:where(.cck-svg-icon__color--h-contrast .cck-svg-icon__svg){fill:var(--color-h-contrast-default)}:where(.cck-svg-icon__color--m-contrast .cck-svg-icon__svg){fill:var(--color-m-contrast-default)}:where(.cck-icon-button){align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;margin:0;outline:transparent}:where(.cck-icon-button):disabled{background-color:var(--color-disabled-surface);fill:var(--color-disabled-font);cursor:default}:where(.cck-icon-button .cck-svg-icon){height:100%;width:100%}:where(.cck-icon-button .cck-svg-icon__svg){fill:inherit}:where(.cck-icon-button__rounded--false){border-radius:4px}:where(.cck-icon-button__rounded--true){border-radius:50%}:where(.cck-icon-button__size--sm){height:28px;padding:6px;width:28px}:where(.cck-icon-button__size--md){height:32px;padding:6px;width:32px}:where(.cck-icon-button__size--lg){height:40px;padding:8px;width:40px}:where(.cck-icon-button__basic.cck-icon-button__color--brand):not(:disabled){background-color:transparent;fill:var(--color-brand-default)}:where(.cck-icon-button__basic.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--info):not(:disabled){background-color:transparent;fill:var(--color-info-default)}:where(.cck-icon-button__basic.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--warning):not(:disabled){background-color:transparent;fill:var(--color-warning-default)}:where(.cck-icon-button__basic.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--error):not(:disabled){background-color:transparent;fill:var(--color-error-default)}:where(.cck-icon-button__basic.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--h-contrast):not(:disabled){background-color:transparent;fill:var(--color-h-contrast-default)}:where(.cck-icon-button__basic.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-5)}:where(.cck-icon-button__light.cck-icon-button__color--brand):not(:disabled){background-color:var(--color-brand-alpha-5);fill:var(--color-brand-default)}:where(.cck-icon-button__light.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--info):not(:disabled){background-color:var(--color-info-alpha-5);fill:var(--color-info-default)}:where(.cck-icon-button__light.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--warning):not(:disabled){background-color:var(--color-warning-alpha-5);fill:var(--color-warning-default)}:where(.cck-icon-button__light.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--error):not(:disabled){background-color:var(--color-error-alpha-5);fill:var(--color-error-default)}:where(.cck-icon-button__light.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-alpha-5);fill:var(--color-h-contrast-default)}:where(.cck-icon-button__light.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-7)}:where(.cck-icon-button__outline){background-color:transparent}:where(.cck-icon-button__outline.cck-icon-button__color--brand):not(:disabled){border:1px solid var(--color-brand-default);fill:var(--color-brand-default)}:where(.cck-icon-button__outline.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--info):not(:disabled){border:1px solid var(--color-info-default);fill:var(--color-info-default)}:where(.cck-icon-button__outline.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--warning):not(:disabled){border:1px solid var(--color-warning-default);fill:var(--color-warning-default)}:where(.cck-icon-button__outline.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--error):not(:disabled){border:1px solid var(--color-error-default);fill:var(--color-error-default)}:where(.cck-icon-button__outline.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--h-contrast):not(:disabled){border:1px solid var(--color-h-contrast-default);fill:var(--color-h-contrast-default)}:where(.cck-icon-button__outline.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--brand):not(:disabled){background-color:var(--color-brand-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--info):not(:disabled){background-color:var(--color-info-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--warning):not(:disabled){background-color:var(--color-warning-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--error):not(:disabled){background-color:var(--color-error-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-input){background-color:transparent;border:none;color:var(--color-font-default);font:var(--text-md-regular);outline:none;text-overflow:ellipsis}:where(.cck-input::-moz-placeholder){color:var(--color-font-alpha-6)}:where(.cck-input::placeholder){color:var(--color-font-alpha-6)}:where(.cck-input::-moz-placeholder):disabled{color:var(--color-font-alpha-5)}:where(.cck-input::placeholder):disabled{color:var(--color-font-alpha-5)}:where(.cck-input):disabled{color:var(--color-font-alpha-6);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-label){display:flex}:where(.cck-label__label-tag){color:var(--color-font-default);font:var(--text-sm-medium)}:where(.cck-label__required-marker){color:var(--color-brand-default);font:var(--text-sm-medium);margin-left:var(--label-spacing-required-marker-padding-left)}:where(.cck-leading){align-items:center;border:1px solid var(--form_field-color-border);border-right:none;color:var(--color-font-alpha-7);display:flex;flex-grow:0;justify-content:center;padding:0 var(--form_field-spacing-input-wrapper-h-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-leading .cck-select){color:currentcolor;font:inherit}:where(.cck-leading__regular){font:var(--text-sm-regular)}:where(.cck-leading__medium){font:var(--text-sm-medium)}:where(.cck-leading--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-leading .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-leading__color--transparent){background-color:transparent}:where(.cck-leading__color--transparent.cck-leading--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-leading__color--transparent.cck-leading--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-leading__color--grey){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-leading__color--grey.cck-leading--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-leading__color--grey.cck-leading--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-3)}:where(.cck-leading .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon)}:where(.cck-menu){background-color:var(--color-surface-default);border:1px solid var(--menu-color-border);border-radius:var(--menu-size-radius);box-shadow:0 8px 10px -6px rgba(13,16,23,.039),0 18px 22px -4px rgba(13,16,23,.078);display:flex;flex-direction:column;margin:4px 0;padding:var(--menu-spacing-v-padding) var(--menu-spacing-h-padding)}:where(.cck-menu__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-menu-item){align-items:center;border-radius:6px;display:flex;font:var(--text-sm-regular);gap:var(--menu_item-spacing-gap);justify-content:flex-start;margin:0 4px;padding:var(--menu_item-spacing-v-padding) var(--menu_item-spacing-h-padding)}:where(.cck-menu-item):not(.cck-menu-item--disabled){cursor:pointer}:where(.cck-menu-item--disabled){opacity:.6}:where(.cck-menu-item--disabled .cck-svg-icon.cck-svg-icon--default-color),:where(.cck-menu-item--disabled){color:var(--color-disabled-font)}:where(.cck-menu-item):not(.cck-menu-item--disabled):hover{background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-menu-item__color--default):not(.cck-menu-item--disabled),:where(.cck-menu-item__color--default:not(.cck-menu-item--disabled) .cck-svg-icon.cck-svg-icon--default-color){color:var(--color-font-default)}:where(.cck-menu-item__color--error):not(.cck-menu-item--disabled),:where(.cck-menu-item__color--error:not(.cck-menu-item--disabled) .cck-svg-icon.cck-svg-icon--default-color){color:var(--color-error-default)}:where(.cck-menu-item__size--sm){height:var(--menu_item-size-height-sm)}:where(.cck-menu-item__size--md){height:var(--menu_item-size-height-md)}:where(.cck-menu-item__size--lg){height:var(--menu_item-size-height-lg)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-option){align-items:center;border-radius:6px;color:var(--color-font-default);display:flex;font:var(--text-sm-regular);gap:var(--option-spacing-item-gap);margin:0 4px;padding:0 var(--option-spacing-item-h-padding)}:where(.cck-option):not(.cck-option--disabled){cursor:pointer}:where(.cck-option--disabled){color:var(--color-disabled-font);opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option):not(.cck-option--disabled):hover{background-color:var(--option-color-item-hover)}:where(.cck-option .cck-checkbox__input-wrapper){height:var(--checkbox-size-sm);width:var(--checkbox-size-sm)}:where(.cck-option--single.cck-option--selected){font:var(--text-sm-medium)}:where(.cck-option__size--sm){height:var(--option-size-height-sm)}:where(.cck-option__size--md){height:var(--option-size-height-md)}:where(.cck-option__size--lg){height:var(--option-size-height-lg)}:where(.cck-select__options-wrapper){background-color:var(--option-color-overlay-bg);border:1px solid var(--option-color-overlay-border);border-radius:var(--option-size-overlay-radius);height:inherit;margin-top:var(--option-spacing-overlay-margin-top);max-height:inherit;overflow:auto;padding:var(--option-spacing-overlay-h-padding) var(--option-spacing-overlay-v-padding)}:where(.cck-option__content-wrapper){flex:1}:where(.cck-option__selected-checkmark .cck-svg-icon){height:var(--icon-size-sm);width:var(--icon-size-sm)}:where(.cck-option-group){display:flex;flex-direction:column}:where(.cck-option-group--label){align-items:center;color:var(--color-font-default);display:flex;font:var(--text-sm-medium);padding:0 var(--option-spacing-item-h-padding)}:where(.cck-option-group--disabled .cck-option-group--label){color:var(--color-disabled-font);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option-group .cck-option){padding:0 calc(var(--option-spacing-item-h-padding)*2)}:where(.cck-option-group__size--sm .cck-option-group--label){height:var(--option-size-height-sm)}:where(.cck-option-group__size--md .cck-option-group--label){height:var(--option-size-height-md)}:where(.cck-option-group__size--lg .cck-option-group--label){height:var(--option-size-height-lg)}:where(.cck-prefix){flex-grow:0}:where(.cck-prefix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-prefix .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon)}:where(.cck-radio-button__wrapper){align-items:center;display:inline-flex;vertical-align:middle}:where(.cck-radio-button__input-wrapper){box-sizing:content-box;cursor:pointer;display:inline-block;flex:0 0 auto;position:relative;will-change:opacity,transform,border-color,color}:where(.cck-radio-button__size--sm .cck-radio-button__input-wrapper){height:var(--radio-size-sm);padding:var(--radio-spacing-padding-input-sm);width:var(--radio-size-sm)}:where(.cck-radio-button__size--md .cck-radio-button__input-wrapper){height:var(--radio-size-md);padding:var(--radio-spacing-padding-input-md);width:var(--radio-size-md)}:where(.cck-radio-button__size--lg .cck-radio-button__input-wrapper){height:var(--radio-size-lg);padding:var(--radio-spacing-padding-input-lg);width:var(--radio-size-lg)}:where(.cck-radio-button__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:1}:where(.cck-radio-button__background){box-sizing:border-box;display:inline-block;height:100%;position:relative;width:100%}:where(.cck-radio-button__background--outer-circle){border-color:var(--color-m-contrast-default);border-radius:50%;border-style:solid;border-width:1px;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;transition:border-color 90ms cubic-bezier(0,0,.2,1);width:100%}:where(.cck-radio-button--checked .cck-radio-button__background--outer-circle){border-width:2px}:where(.cck-radio-button--disabled.cck-radio-button--unchecked .cck-radio-button__background--outer-circle){background-color:var(--color-disabled-surface);border-color:var(--color-disabled-border)}:where(.cck-radio-button--disabled.cck-radio-button--checked .cck-radio-button__background--outer-circle){border-color:var(--color-disabled-border)}:where(.cck-radio-button__color--brand.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-brand-default)}:where(.cck-radio-button__color--info.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-info-default)}:where(.cck-radio-button__color--warning.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-warning-default)}:where(.cck-radio-button__color--error.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-error-default)}:where(.cck-radio-button__background--inner-circle){border-radius:50%;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform 90ms cubic-bezier(.4,0,.6,1),background-color 90ms cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-radio-button--checked .cck-radio-button__background--inner-circle){transform:scale(.5);transition:transform 90ms cubic-bezier(0,0,.2,1),border-color 90ms cubic-bezier(0,0,.2,1)}:where(.cck-radio-button--disabled.cck-radio-button--checked .cck-radio-button__background--inner-circle){background-color:var(--color-disabled-border)}:where(.cck-radio-button__color--brand.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-brand-default)}:where(.cck-radio-button__color--info.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-info-default)}:where(.cck-radio-button__color--warning.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-warning-default)}:where(.cck-radio-button__color--error.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-error-default)}:where(.cck-radio-button__label){color:var(--color-font-default);cursor:pointer;font:var(--text-sm-regular);margin-left:0;margin-right:auto;order:0;padding-left:4px;padding-right:0;white-space:nowrap}:where(.cck-radio-button--disabled .cck-radio-button__label){color:var(--color-disabled-font)}:where(.cck-radio-button--disabled .cck-radio-button__input-wrapper),:where(.cck-radio-button--disabled .cck-radio-button__label){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-group){align-items:flex-start;display:flex}:where(.cck-radio-group__row){flex-direction:row;gap:24px}:where(.cck-radio-group__column){flex-direction:column}:where(.cck-select){align-items:center;border-radius:6px;color:var(--color-font-default);cursor:pointer;display:flex;font:var(--text-sm-regular)}:where(.cck-select.cck-select--disabled){cursor:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-select__placeholder){color:var(--color-font-alpha-6)}:where(.cck-select__trigger-wrapper){color:currentcolor;flex:1;overflow:hidden;padding-right:8px;text-align:start}:where(.cck-select__trigger-value){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.cck-select__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-select__dropdown-icon-wrapper .cck-svg-icon){height:var(--icon-size-sm);width:var(--icon-size-sm)}:where(.cck-suffix){flex-grow:0}:where(.cck-suffix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-suffix .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon-light)}:where(.cck-textarea){background-color:transparent;border:none;color:var(--color-font-default);font:var(--text-md-regular);min-height:24px;min-width:100%;outline:none;padding:0;scrollbar-color:var(--form_field-color-border) transparent}:where(.cck-textarea::-moz-placeholder){color:var(--color-font-alpha-6)}:where(.cck-textarea::placeholder){color:var(--color-font-alpha-6)}:where(.cck-textarea::-webkit-resizer){background-image:url('data:image/svg+xml;utf8,');height:16px;width:16px}:where(.cck-textarea):disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle){-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle):not(.cck-toggle--disabled){cursor:pointer}:where(.cck-toggle__label){align-items:center;color:var(--color-font-default);display:flex;font:var(--text-sm-regular);gap:var(--toggle-spacing-gap)}:where(.cck-toggle__label):not(.cck-toggle--disabled){cursor:pointer}:where(.cck-toggle--label-before .cck-toggle__label){flex-direction:row-reverse}:where(.cck-toggle__slider-wrapper){border-radius:100px;position:relative;width:var(--toggle-size-width-sm)}:where(.cck-toggle__input){cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}:where(.cck-toggle__thumb){background-color:var(--toggle-color-thumb);border:2px solid var(--toggle-color-thumb-border);border-radius:100px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15);z-index:2}:where(.cck-toggle__backdrop){background-color:var(--toggle-color-backdrop-unselected);border-radius:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:1}:where(.cck-toggle--disabled){color:var(--color-disabled-font);cursor:default;pointer-events:none}:where(.cck-toggle--disabled .cck-toggle__thumb){background-color:var(--toggle-color-thumb-disabled)}:where(.cck-toggle--disabled .cck-toggle__backdrop){background-color:var(--toggle-color-backdrop-disabled)}:where(.cck-toggle--checked .cck-toggle__thumb){left:100%;transform:translate(-100%,-50%)}:where(.cck-toggle--checked:active .cck-toggle__thumb){margin-left:calc(var(--toggle-size-bounce)/2*-1)}:where(.cck-toggle--unchecked:active .cck-toggle__thumb){margin-left:calc(var(--toggle-size-bounce)/2)}:where(.cck-toggle__color--brand:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-brand-default)}:where(.cck-toggle__color--brand:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-brand-default)}:where(.cck-toggle__color--info:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-info-default)}:where(.cck-toggle__color--info:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-info-default)}:where(.cck-toggle__color--warning:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-warning-default)}:where(.cck-toggle__color--warning:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-warning-default)}:where(.cck-toggle__color--error:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-error-default)}:where(.cck-toggle__color--error:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-error-default)}:where(.cck-toggle__color--h-contrast:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-h-contrast-default)}:where(.cck-toggle__color--h-contrast:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-h-contrast-default)}:where(.cck-toggle__size--sm .cck-toggle__slider-wrapper){width:var(--toggle-size-width-sm)}:where(.cck-toggle__size--sm .cck-toggle__thumb){height:var(--toggle-size-thumb-sm);width:var(--toggle-size-thumb-sm)}:where(.cck-toggle__size--sm .cck-toggle__backdrop){height:var(--toggle-size-backdrop-sm);width:calc(var(--toggle-size-width-sm) - var(--toggle-size-thumb-sm))}:where(.cck-toggle__size--sm:active .cck-toggle__thumb){width:calc(var(--toggle-size-thumb-sm) + var(--toggle-size-bounce))}:where(.cck-toggle__size--md .cck-toggle__slider-wrapper){width:var(--toggle-size-width-md)}:where(.cck-toggle__size--md .cck-toggle__backdrop){height:var(--toggle-size-backdrop-md);width:calc(var(--toggle-size-width-md) - var(--toggle-size-thumb-md))}:where(.cck-toggle__size--md .cck-toggle__thumb){height:var(--toggle-size-thumb-md);width:var(--toggle-size-thumb-md)}:where(.cck-toggle__size--md:active .cck-toggle__thumb){width:calc(var(--toggle-size-thumb-md) + var(--toggle-size-bounce))}:where(.cck-toggle__size--lg .cck-toggle__slider-wrapper){width:var(--toggle-size-width-lg)}:where(.cck-toggle__size--lg .cck-toggle__backdrop){height:var(--toggle-size-backdrop-lg);width:calc(var(--toggle-size-width-lg) - var(--toggle-size-thumb-lg))}:where(.cck-toggle__size--lg .cck-toggle__thumb){height:var(--toggle-size-thumb-lg);width:var(--toggle-size-thumb-lg)}:where(.cck-toggle__size--lg:active .cck-toggle__thumb){width:calc(var(--toggle-size-thumb-lg) + var(--toggle-size-bounce))}:where(.cck-trailing){align-items:center;border:1px solid var(--form_field-color-border);border-left:none;color:var(--color-font-alpha-7);display:flex;flex-grow:0;gap:var(--form_field-spacing-trailing-gap);justify-content:center;padding:0 var(--form_field-spacing-input-wrapper-h-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-trailing .cck-select){color:currentcolor;font:inherit}:where(.cck-trailing__regular){font:var(--text-sm-regular)}:where(.cck-trailing__medium){font:var(--text-sm-medium)}:where(.cck-trailing--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-trailing .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-trailing__color--transparent){background-color:transparent}:where(.cck-trailing__color--transparent.cck-trailing--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-trailing__color--transparent.cck-trailing--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-trailing__color--grey){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-trailing__color--grey.cck-trailing--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-trailing__color--grey.cck-trailing--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-3)}:where(.cck-trailing .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon)}:where(.cck-avatar){align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden}:where(.cck-avatar__fallback-image),:where(.cck-avatar__image),:where(.cck-avatar__placeholder-image){border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:where(.cck-avatar--with-label){background-color:var(--color-brand-light);color:var(--color-font-default)}:where(.cck-avatar--clickable){cursor:pointer}:where(.cck-avatar__size--xs){height:var(--size-28);width:var(--size-28)}:where(.cck-avatar__size--xs.cck-avatar--with-label){font:var(--text-xs-semibold)}:where(.cck-avatar__size--sm){height:var(--size-32);width:var(--size-32)}:where(.cck-avatar__size--sm.cck-avatar--with-label){font:var(--text-sm-semibold)}:where(.cck-avatar__size--md){height:var(--size-40);width:var(--size-40)}:where(.cck-avatar__size--md.cck-avatar--with-label){font:var(--text-md-semibold)}:where(.cck-avatar__size--lg){height:var(--size-48);width:var(--size-48)}:where(.cck-avatar__size--lg.cck-avatar--with-label){font:var(--text-lg-semibold)}:where(.cck-avatar-group){display:flex}:where(.cck-avatar-group--direction-left){direction:rtl}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xs .cck-avatar):not(:last-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--sm .cck-avatar):not(:last-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--md .cck-avatar):not(:last-of-type){margin-left:-14px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--lg .cck-avatar):not(:last-of-type){margin-left:-16px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xs .cck-avatar):not(:first-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--sm .cck-avatar):not(:first-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--md .cck-avatar):not(:first-of-type){margin-left:-14px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--lg .cck-avatar):not(:first-of-type){margin-left:-16px}:where(.cck-avatar-group .cck-avatar){border:2px solid var(--color-border-light)}:where(.cck-avatar-label){align-items:center;display:flex}:where(.cck-avatar-label__title){color:var(--color-font-default)}:where(.cck-avatar-label__description){color:var(--color-font-alpha-6)}:where(.cck-avatar-label__label-wrapper){display:flex}:where(.cck-avatar-label--avatar-right){flex-direction:row-reverse}:where(.cck-avatar-label--avatar-right .cck-avatar-label__label-wrapper){text-align:right}:where(.cck-avatar-label--avatar-left){flex-direction:row}:where(.cck-avatar-label--avatar-top){flex-direction:column}:where(.cck-avatar-label--avatar-bottom){flex-direction:column-reverse}:where(.cck-avatar-label--avatar-bottom.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-top.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--avatar-left.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-right.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center;flex-direction:row}:where(.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){flex-direction:column;justify-content:center}:where(.cck-avatar-label__size--xs){gap:var(--size-12)}:where(.cck-avatar-label__size--xs .cck-avatar-label__label-wrapper){font:var(--text-xs-medium)}:where(.cck-avatar-label__size--xs.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-12)}:where(.cck-avatar-label__size--sm){gap:var(--size-12)}:where(.cck-avatar-label__size--sm .cck-avatar-label__label-wrapper){font:var(--text-sm-medium)}:where(.cck-avatar-label__size--sm.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-12)}:where(.cck-avatar-label__size--md){gap:var(--size-12)}:where(.cck-avatar-label__size--md .cck-avatar-label__label-wrapper){font:var(--text-md-medium)}:where(.cck-avatar-label__size--md.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-12)}:where(.cck-avatar-label__size--lg){gap:var(--size-20)}:where(.cck-avatar-label__size--lg .cck-avatar-label__label-wrapper){font:var(--text-md-medium)}:where(.cck-avatar-label__size--lg.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-20)}:where(.cck-accordion){display:flex;flex-direction:column}:where(.cck-accordion__default.cck-accordion__size--sm){gap:var(--size-12)}:where(.cck-accordion__default.cck-accordion__size--md){gap:var(--size-20)}:where(.cck-accordion__group){border:1px solid var(--color-border-default);border-radius:6px}:where(.cck-accordion-panel--disabled){color:var(--color-disabled-font);opacity:.5}:where(.cck-accordion-panel--disabled>.cck-accordion-header){color:currentColor}:where(.cck-accordion-panel--disabled>.cck-accordion-header.cck-accordion-header--trigger-header){cursor:not-allowed}:where(.cck-accordion-panel--disabled>.cck-accordion-header>.cck-accordion-header__icon-wrapper){display:none}:where(.cck-accordion-header--trigger-icon>.cck-accordion-header__icon-wrapper>.cck-icon-button):hover{background-color:var(--color-h-contrast-alpha-1)}:where(.cck-accordion-header--trigger-header){cursor:pointer}:where(.cck-accordion-header--trigger-header>.cck-accordion-header__icon-wrapper>.cck-icon-button):hover{background-color:transparent}:where(.cck-accordion-header){align-items:center;color:var(--color-font-default);display:flex}:where(.cck-accordion-header>.cck-accordion-header__icon-wrapper>.cck-icon-button){background-color:transparent;fill:var(--color-font-default)}:where(.cck-accordion-header--icon-right>.cck-accordion-header__icon-wrapper){margin-left:auto}:where(.cck-accordion-header--icon-left){flex-direction:row-reverse;justify-content:flex-end}:where(.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-header){height:var(--size-48)}:where(.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-header>.cck-accordion-header__icon-wrapper>.cck-icon-button){height:36px;width:36px}:where(.cck-accordion__size--md>.cck-accordion-panel .cck-accordion-header){height:var(--size-56)}:where(.cck-accordion__size--md>.cck-accordion-panel .cck-accordion-header>.cck-accordion-header__icon-wrapper>.cck-icon-button){height:36px;width:36px}:where(.cck-accordion__default>.cck-accordion-panel>.cck-accordion-header.cck-accordion-header--icon-right){padding-left:var(--size-20);padding-right:calc(var(--size-20) - 10px)}:where(.cck-accordion__default>.cck-accordion-panel>.cck-accordion-header.cck-accordion-header--icon-left){padding-left:calc(var(--size-20) - 10px);padding-right:var(--size-20)}:where(.cck-accordion__default>.cck-accordion-panel--collapsed>.cck-accordion-header){background-color:var(--color-h-contrast-alpha-2)}:where(.cck-accordion-panel){color:var(--color-font-default);font:var(--text-md-regular);overflow:hidden;transition:padding-bottom .3s}:where(.cck-accordion__default.cck-accordion-panel--collapsed){padding-bottom:0}:where(.cck-accordion__default.cck-accordion__size--sm>.cck-accordion-panel.cck-accordion-panel--expanded){padding-bottom:var(--size-20)}:where(.cck-accordion__default.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-panel__content-wrapper){padding-left:var(--size-20);padding-right:var(--size-20)}:where(.cck-accordion__default.cck-accordion__size--md>.cck-accordion-panel.cck-accordion-panel--expanded){padding-bottom:var(--size-20)}:where(.cck-accordion__default.cck-accordion__size--md>.cck-accordion-panel>.cck-accordion-panel__content-wrapper){padding-left:var(--size-20);padding-right:var(--size-20)}:where(.cck-accordion__default>.cck-accordion-panel){border:1px solid var(--color-border-default);border-radius:6px} \ No newline at end of file +:where(.cck-button){align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:transparent}:where(.cck-button):disabled{background-color:var(--color-disabled-surface);fill:var(--color-disabled-font);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-button__backdrop){display:none}:where(.cck-button__size--sm){gap:8px;height:var(--button-primary-height-sm);padding:0 16px}:where(.cck-button__size--md){gap:8px;height:32px;padding:0 20px}:where(.cck-button__size--lg){gap:10px;height:40px;padding:0 24px}:where(.cck-button__basic){border-radius:4px}:where(.cck-button__basic.cck-button__color--brand):not(:disabled){background-color:transparent;color:var(--color-brand-default)}:where(.cck-button__basic.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-5)}:where(.cck-button__basic.cck-button__color--info):not(:disabled){background-color:transparent;color:var(--color-info-default)}:where(.cck-button__basic.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-5)}:where(.cck-button__basic.cck-button__color--warning):not(:disabled){background-color:transparent;color:var(--color-warning-default)}:where(.cck-button__basic.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-5)}:where(.cck-button__basic.cck-button__color--error):not(:disabled){background-color:transparent;color:var(--color-error-default)}:where(.cck-button__basic.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-5)}:where(.cck-button__basic.cck-button__color--h-contrast):not(:disabled){background-color:transparent;color:var(--color-h-contrast-default)}:where(.cck-button__basic.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-5)}:where(.cck-button__light){border-radius:4px}:where(.cck-button__light.cck-button__color--brand):not(:disabled){background-color:var(--color-brand-alpha-5);color:var(--color-brand-default)}:where(.cck-button__light.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-7)}:where(.cck-button__light.cck-button__color--info):not(:disabled){background-color:var(--color-info-alpha-5);color:var(--color-info-default)}:where(.cck-button__light.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-7)}:where(.cck-button__light.cck-button__color--warning):not(:disabled){background-color:var(--color-warning-alpha-5);color:var(--color-warning-default)}:where(.cck-button__light.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-7)}:where(.cck-button__light.cck-button__color--error):not(:disabled){background-color:var(--color-error-alpha-5);color:var(--color-error-default)}:where(.cck-button__light.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-7)}:where(.cck-button__light.cck-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-alpha-5);color:var(--color-h-contrast-default)}:where(.cck-button__light.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-7)}:where(.cck-button__outline){background-color:transparent;border-radius:4px}:where(.cck-button__outline.cck-button__color--brand):not(:disabled){border:1px solid var(--color-brand-default);color:var(--color-brand-default)}:where(.cck-button__outline.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-button__outline.cck-button__color--info):not(:disabled){border:1px solid var(--color-info-default);color:var(--color-info-default)}:where(.cck-button__outline.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-button__outline.cck-button__color--warning):not(:disabled){border:1px solid var(--color-warning-default);color:var(--color-warning-default)}:where(.cck-button__outline.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-button__outline.cck-button__color--error):not(:disabled){border:1px solid var(--color-error-default);color:var(--color-error-default)}:where(.cck-button__outline.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-button__outline.cck-button__color--h-contrast):not(:disabled){border:1px solid var(--color-h-contrast-default);color:var(--color-h-contrast-default)}:where(.cck-button__outline.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-button__primary){border-radius:4px}:where(.cck-button__primary.cck-button__color--brand):not(:disabled){background-color:var(--color-brand-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-button__primary.cck-button__color--info):not(:disabled){background-color:var(--color-info-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-button__primary.cck-button__color--warning):not(:disabled){background-color:var(--color-warning-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-button__primary.cck-button__color--error):not(:disabled){background-color:var(--color-error-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-button__primary.cck-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-default);color:var(--color-font-inverse-default)}:where(.cck-button__primary.cck-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-checkbox){display:flex}:where(.cck-checkbox__wrapper){align-items:center;display:inline-flex;gap:12px;vertical-align:middle}:where(.cck-checkbox__input-wrapper){box-sizing:content-box;cursor:pointer;display:inline-block;flex-shrink:0;line-height:0;position:relative;white-space:nowrap}:where(.cck-checkbox__size--sm .cck-checkbox__input-wrapper){height:var(--checkbox-size-sm);width:var(--checkbox-size-sm)}:where(.cck-checkbox__size--md .cck-checkbox__input-wrapper){height:var(--checkbox-size-md);width:var(--checkbox-size-md)}:where(.cck-checkbox__size--lg .cck-checkbox__input-wrapper){height:var(--checkbox-size-lg);width:var(--checkbox-size-lg)}:where(.cck-checkbox__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%}:where(.cck-checkbox__background){align-items:center;border:1px solid var(--color-m-contrast-default);border-radius:2px;box-sizing:border-box;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);width:100%;will-change:background-color,border-color}:where(.cck-checkbox--checked.cck-checkbox--disabled .cck-checkbox__background),:where(.cck-checkbox--disabled .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox--disabled .cck-checkbox__background),:where(.cck-checkbox--unchecked.cck-checkbox--disabled .cck-checkbox__background){background-color:var(--color-disabled-surface);border-color:var(--color-disabled-border)}:where(.cck-checkbox--checked.cck-checkbox__color--brand:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--brand:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-brand-default);border-color:var(--color-brand-default)}:where(.cck-checkbox--checked.cck-checkbox__color--info:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--info:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-info-default);border-color:var(--color-info-default)}:where(.cck-checkbox--checked.cck-checkbox__color--warning:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--warning:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-warning-default);border-color:var(--color-warning-default)}:where(.cck-checkbox--checked.cck-checkbox__color--error:not(.cck-checkbox--disabled) .cck-checkbox__background),:where(.cck-checkbox--indeterminate.cck-checkbox__color--error:not(.cck-checkbox--disabled) .cck-checkbox__background){background-color:var(--color-error-default);border-color:var(--color-error-default)}:where(.cck-checkbox__color--brand .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-brand-alpha-5)}:where(.cck-checkbox__color--info .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-info-alpha-5)}:where(.cck-checkbox__color--warning .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-warning-alpha-5)}:where(.cck-checkbox__color--error .cck-checkbox__input:focus-visible~.cck-checkbox__background){box-shadow:0 0 0 3px var(--color-error-alpha-5)}:where(.cck-checkbox__checkmark-path){transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1);stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:where(.cck-checkbox--checked .cck-checkbox__checkmark-path){stroke-dashoffset:0}:where(.cck-checkbox__checkmark){color:var(--checkbox-color-checkmark);inset:0;opacity:0;padding:2px;position:absolute;transition:opacity .18s cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox--checked .cck-checkbox__checkmark){opacity:1}:where(.cck-checkbox--indeterminate .cck-checkbox__checkmark){opacity:0;transform:rotate(45deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1)}:where(.cck-checkbox--disabled .cck-checkbox__checkmark){color:var(--color-disabled-border)}:where(.cck-checkbox__mixedmark){border-color:var(--checkbox-color-checkmark);border-style:solid;border-width:1px;height:0;margin:2px;opacity:0;transform:scaleX(0) rotate(0deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox--indeterminate .cck-checkbox__mixedmark){opacity:1;transform:scaleX(1) rotate(0deg)}:where(.cck-checkbox__label){color:var(--color-font-default);cursor:pointer;font:var(--text-sm-medium);margin-left:0;margin-right:auto;order:0;padding-left:0;padding-right:0;text-align:left;white-space:nowrap}:where(.cck-checkbox__label):empty{display:none}:where(.cck-checkbox--disabled .cck-checkbox__label){color:var(--color-disabled-font)}:where(.cck-checkbox--disabled .cck-checkbox__input-wrapper),:where(.cck-checkbox--disabled .cck-checkbox__label){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-chip){align-items:center;border:1px solid var(--chip-color-border);border-radius:6px;color:var(--color-font-default);cursor:default;display:flex;font:var(--text-sm-medium);gap:4px;padding:0 var(--chip-spacing-overlay-h-padding)}:where(.cck-chip.cck-chip--disabled){border:1px solid var(--chip-color-border-disabled);color:var(--color-disabled-font);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-chip.cck-chip--removable){padding:0 2px 0 var(--chip-spacing-overlay-h-padding)}:where(.cck-chip__size--sm){height:var(--chip-size-height-sm)}:where(.cck-chip__size--md){height:var(--chip-size-height-md)}:where(.cck-chip__size--lg){height:var(--chip-size-height-lg)}:where(.cck-chip__content-wrapper){align-items:center;display:flex;justify-content:center}:where(.cck-chip__remove-icon-wrapper .cck-icon-button){background-color:transparent;border-radius:50%;color:var(--color-font-alpha-7);height:24px;padding:4px;width:24px}:where(.cck-chip__remove-icon-wrapper){align-items:center;display:flex;justify-content:center}:where(.cck-chip__remove-icon-wrapper .cck-icon-button):hover{background-color:var(--color-h-contrast-alpha-2)}:where(.cck-chip-list){align-items:stretch;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}:where(.cck-chip-list__input){background:transparent;border:none;flex:1;font:var(--text-sm-regular);outline:none}:where(.cck-chip-list__input::-moz-placeholder){color:var(--color-font-alpha-6);-moz-transition:color .1s ease-in;transition:color .1s ease-in}:where(.cck-chip-list__input::placeholder){color:var(--color-font-alpha-6);transition:color .1s ease-in}:where(.cck-chip-list__input::-moz-placeholder):not(:focus){color:transparent}:where(.cck-chip-list__input::placeholder):not(:focus){color:transparent}:where(.cck-chip-list__size--sm .cck-chip-list__input){height:var(--chip-size-height-sm)}:where(.cck-chip-list__size--md .cck-chip-list__input){height:var(--chip-size-height-md)}:where(.cck-chip-list__size--lg .cck-chip-list__input){height:var(--chip-size-height-lg)}:where(*){box-sizing:border-box}:where(.cck-divider){display:block;flex-shrink:0}:where(.cck-divider__horizontal){margin:var(--divider-spacing-margin) 0;width:100%}:where(.cck-divider__horizontal.cck-divider__size--md){height:1px}:where(.cck-divider__horizontal.cck-divider__size--lg){height:2px;width:100%}:where(.cck-divider__vertical){height:100%;margin:0 var(--divider-spacing-margin)}:where(.cck-divider__vertical.cck-divider__size--md){width:1px}:where(.cck-divider__vertical.cck-divider__size--lg){width:2px}:where(.cck-divider__color--light){background-color:var(--divider-color-light)}:where(.cck-divider__color--default){background-color:var(--divider-color-default)}:where(.cck-divider__color--dark){background-color:var(--divider-color-dark)}:where(.cck-error){color:var(--color-error-default);display:flex;font:var(--text-sm-regular);gap:6px}:where(.cck-error .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-form-field){align-items:flex-start;display:flex;flex-direction:column;gap:var(--form_field-spacing-host-gap);min-width:100px}:where(.cck-form-field:not(:disabled) .cck-form-field__input-wrapper):hover{background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-form-field .cck-select){flex:1;height:100%;width:100%}:where(.cck-form-field .cck-input){flex:1;width:100%}:where(.cck-form-field--disabled){opacity:.5}:where(.cck-form-field__wrapper){align-items:stretch;border-radius:var(--form_field-size-radius);display:flex;flex-direction:row;width:100%}:where(.cck-form-field__wrapper):has(input:disabled){background-color:var(--color-surface-inverse-alpha-3)}:where(.cck-form-field--with-input.cck-form-field__size--sm .cck-form-field__wrapper),:where(.cck-form-field--with-select.cck-form-field__size--sm .cck-form-field__wrapper){height:var(--form_field-size-height-sm)}:where(.cck-form-field--with-input.cck-form-field__size--md .cck-form-field__wrapper),:where(.cck-form-field--with-select.cck-form-field__size--md .cck-form-field__wrapper){height:var(--form_field-size-height-md)}:where(.cck-form-field--with-input.cck-form-field__size--lg .cck-form-field__wrapper),:where(.cck-form-field--with-select.cck-form-field__size--lg .cck-form-field__wrapper){height:var(--form_field-size-height-lg)}:where(.cck-form-field .cck-label){margin-left:var(--form_field-spacing-balance-alignment-margin)}:where(.cck-form-field__feedback-wrapper){display:flex;flex-direction:column;margin-left:var(--form_field-spacing-balance-alignment-margin);overflow:hidden}:where(.cck-form-field__feedback-wrapper):empty{display:none}:where(.cck-form-field__wrapper>*):first-child{border-bottom-left-radius:var(--form_field-size-radius);border-top-left-radius:var(--form_field-size-radius)}:where(.cck-form-field__wrapper>*):last-child{border-bottom-right-radius:var(--form_field-size-radius);border-top-right-radius:var(--form_field-size-radius)}:where(.cck-form-field__input-wrapper){align-items:center;border:1px solid var(--form_field-color-border);display:flex;flex:1;flex-direction:row;gap:var(--form_field-spacing-input-wrapper-gap);min-width:0}:where(.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--form_field-spacing-input-wrapper-h-padding)}:where(.cck-form-field--with-chip-list .cck-prefix),:where(.cck-form-field--with-chip-list .cck-suffix){align-self:flex-start}:where(.cck-form-field--with-chip-list .cck-chip-list){flex:1}:where(.cck-form-field__size--sm.cck-form-field--with-chip-list .cck-suffix){margin-right:4px;margin-top:6px}:where(.cck-form-field__size--md.cck-form-field--with-chip-list .cck-suffix){margin-right:4px;margin-top:8px}:where(.cck-form-field__size--lg.cck-form-field--with-chip-list .cck-suffix){margin-left:4px;margin-right:8px;margin-top:12px}:where(.cck-form-field__size--sm.cck-form-field--with-chip-list .cck-prefix){margin-left:4px;margin-top:6px}:where(.cck-form-field__size--md.cck-form-field--with-chip-list .cck-prefix){margin-left:4px;margin-top:8px}:where(.cck-form-field__size--lg.cck-form-field--with-chip-list .cck-prefix){margin-left:8px;margin-right:4px;margin-top:12px}:where(.cck-form-field--with-chip-list .cck-form-field__input-wrapper){cursor:text;padding:4px}:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:8px}:where(.cck-form-field--focused .cck-form-field__input-wrapper){border:1px solid var(--color-brand-default);box-shadow:inset 0 0 0 1px var(--color-brand-default)}:where(.cck-form-field--error .cck-form-field__input-wrapper){border:1px solid var(--form_field-color-error)}:where(.cck-form-field--focused.cck-form-field--error .cck-form-field__input-wrapper){box-shadow:inset 0 0 0 1px var(--form_field-color-error)}:where(.cck-hint){color:var(--color-font-alpha-7);display:flex;font:var(--text-sm-regular);gap:6px}:where(.cck-hint .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-svg-icon){align-items:center;display:flex;flex-shrink:0;justify-content:center}:where(.cck-svg-icon__svg){height:100%;width:100%}:where(.cck-svg-icon__size--xs){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-svg-icon__size--sm){height:var(--icon-size-sm);width:var(--icon-size-sm)}:where(.cck-svg-icon__size--md){height:var(--icon-size-md);width:var(--icon-size-md)}:where(.cck-svg-icon__size--lg){height:var(--icon-size-lg);width:var(--icon-size-lg)}:where(.cck-svg-icon__size--xl){height:var(--icon-size-xl);width:var(--icon-size-xl)}:where(.cck-svg-icon__size--2xl){height:var(--icon-size-2xl);width:var(--icon-size-2xl)}:where(.cck-svg-icon__color--brand){fill:var(--color-brand-default)}:where(.cck-svg-icon__color--info){fill:var(--color-info-default)}:where(.cck-svg-icon__color--warning){fill:var(--color-warning-default)}:where(.cck-svg-icon__color--error){fill:var(--color-error-default)}:where(.cck-svg-icon__color--h-contrast){fill:var(--color-h-contrast-default)}:where(.cck-svg-icon__color--m-contrast){fill:var(--color-m-contrast-default)}:where(.cck-icon-button){align-items:center;border:none;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;margin:0;outline:transparent}:where(.cck-icon-button):disabled{background-color:var(--color-disabled-surface);fill:var(--color-disabled-font);cursor:default}:where(.cck-icon-button .cck-svg-icon){height:100%;width:100%}:where(.cck-icon-button .cck-svg-icon__svg){fill:inherit}:where(.cck-icon-button__rounded--false){border-radius:4px}:where(.cck-icon-button__rounded--true){border-radius:50%}:where(.cck-icon-button__size--sm){height:28px;padding:6px;width:28px}:where(.cck-icon-button__size--md){height:32px;padding:6px;width:32px}:where(.cck-icon-button__size--lg){height:40px;padding:8px;width:40px}:where(.cck-icon-button__basic.cck-icon-button__color--brand):not(:disabled){background-color:transparent;fill:var(--color-brand-default)}:where(.cck-icon-button__basic.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--info):not(:disabled){background-color:transparent;fill:var(--color-info-default)}:where(.cck-icon-button__basic.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--warning):not(:disabled){background-color:transparent;fill:var(--color-warning-default)}:where(.cck-icon-button__basic.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--error):not(:disabled){background-color:transparent;fill:var(--color-error-default)}:where(.cck-icon-button__basic.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-5)}:where(.cck-icon-button__basic.cck-icon-button__color--h-contrast):not(:disabled){background-color:transparent;fill:var(--color-h-contrast-default)}:where(.cck-icon-button__basic.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-5)}:where(.cck-icon-button__light.cck-icon-button__color--brand):not(:disabled){background-color:var(--color-brand-alpha-5);fill:var(--color-brand-default)}:where(.cck-icon-button__light.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--info):not(:disabled){background-color:var(--color-info-alpha-5);fill:var(--color-info-default)}:where(.cck-icon-button__light.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--warning):not(:disabled){background-color:var(--color-warning-alpha-5);fill:var(--color-warning-default)}:where(.cck-icon-button__light.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--error):not(:disabled){background-color:var(--color-error-alpha-5);fill:var(--color-error-default)}:where(.cck-icon-button__light.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-7)}:where(.cck-icon-button__light.cck-icon-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-alpha-5);fill:var(--color-h-contrast-default)}:where(.cck-icon-button__light.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-7)}:where(.cck-icon-button__outline){background-color:transparent}:where(.cck-icon-button__outline.cck-icon-button__color--brand):not(:disabled){border:1px solid var(--color-brand-default);fill:var(--color-brand-default)}:where(.cck-icon-button__outline.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--info):not(:disabled){border:1px solid var(--color-info-default);fill:var(--color-info-default)}:where(.cck-icon-button__outline.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--warning):not(:disabled){border:1px solid var(--color-warning-default);fill:var(--color-warning-default)}:where(.cck-icon-button__outline.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--error):not(:disabled){border:1px solid var(--color-error-default);fill:var(--color-error-default)}:where(.cck-icon-button__outline.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-icon-button__outline.cck-icon-button__color--h-contrast):not(:disabled){border:1px solid var(--color-h-contrast-default);fill:var(--color-h-contrast-default)}:where(.cck-icon-button__outline.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--brand):not(:disabled){background-color:var(--color-brand-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--brand):focus-visible{box-shadow:0 0 0 3px var(--color-brand-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--info):not(:disabled){background-color:var(--color-info-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--info):focus-visible{box-shadow:0 0 0 3px var(--color-info-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--warning):not(:disabled){background-color:var(--color-warning-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--warning):focus-visible{box-shadow:0 0 0 3px var(--color-warning-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--error):not(:disabled){background-color:var(--color-error-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--error):focus-visible{box-shadow:0 0 0 3px var(--color-error-alpha-6)}:where(.cck-icon-button__primary.cck-icon-button__color--h-contrast):not(:disabled){background-color:var(--color-h-contrast-default);fill:var(--color-font-inverse-default)}:where(.cck-icon-button__primary.cck-icon-button__color--h-contrast):focus-visible{box-shadow:0 0 0 3px var(--color-h-contrast-alpha-6)}:where(.cck-input){background-color:transparent;border:none;color:var(--color-font-default);font:var(--text-md-regular);outline:none;text-overflow:ellipsis}:where(.cck-input::-moz-placeholder){color:var(--color-font-alpha-6)}:where(.cck-input::placeholder){color:var(--color-font-alpha-6)}:where(.cck-input::-moz-placeholder):disabled{color:var(--color-font-alpha-5)}:where(.cck-input::placeholder):disabled{color:var(--color-font-alpha-5)}:where(.cck-input):disabled{color:var(--color-font-alpha-6);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-label){display:flex}:where(.cck-label__label-tag){color:var(--color-font-default);font:var(--text-sm-medium)}:where(.cck-label__required-marker){color:var(--color-brand-default);font:var(--text-sm-medium);margin-left:var(--label-spacing-required-marker-padding-left)}:where(.cck-leading){align-items:center;border:1px solid var(--form_field-color-border);border-right:none;color:var(--color-font-alpha-7);display:flex;flex-grow:0;justify-content:center;padding:0 var(--form_field-spacing-input-wrapper-h-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-leading .cck-select){color:currentcolor;font:inherit}:where(.cck-leading__regular){font:var(--text-sm-regular)}:where(.cck-leading__medium){font:var(--text-sm-medium)}:where(.cck-leading--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-leading .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-leading__color--transparent){background-color:transparent}:where(.cck-leading__color--transparent.cck-leading--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-leading__color--transparent.cck-leading--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-leading__color--grey){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-leading__color--grey.cck-leading--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-leading__color--grey.cck-leading--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-3)}:where(.cck-leading .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon)}:where(.cck-menu){background-color:var(--color-surface-default);border:1px solid var(--menu-color-border);border-radius:var(--menu-size-radius);box-shadow:0 8px 10px -6px rgba(13,16,23,.039),0 18px 22px -4px rgba(13,16,23,.078);display:flex;flex-direction:column;margin:4px 0;padding:var(--menu-spacing-v-padding) var(--menu-spacing-h-padding)}:where(.cck-menu__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-menu-item){align-items:center;border-radius:6px;display:flex;font:var(--text-sm-regular);gap:var(--menu_item-spacing-gap);justify-content:flex-start;margin:0 4px;padding:var(--menu_item-spacing-v-padding) var(--menu_item-spacing-h-padding)}:where(.cck-menu-item):not(.cck-menu-item--disabled){cursor:pointer}:where(.cck-menu-item--disabled){opacity:.6}:where(.cck-menu-item--disabled .cck-svg-icon.cck-svg-icon--default-color),:where(.cck-menu-item--disabled){color:var(--color-disabled-font)}:where(.cck-menu-item):not(.cck-menu-item--disabled):hover{background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-menu-item__color--default):not(.cck-menu-item--disabled),:where(.cck-menu-item__color--default:not(.cck-menu-item--disabled) .cck-svg-icon.cck-svg-icon--default-color){color:var(--color-font-default)}:where(.cck-menu-item__color--error):not(.cck-menu-item--disabled),:where(.cck-menu-item__color--error:not(.cck-menu-item--disabled) .cck-svg-icon.cck-svg-icon--default-color){color:var(--color-error-default)}:where(.cck-menu-item__size--sm){height:var(--menu_item-size-height-sm)}:where(.cck-menu-item__size--md){height:var(--menu_item-size-height-md)}:where(.cck-menu-item__size--lg){height:var(--menu_item-size-height-lg)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-option){align-items:center;border-radius:6px;color:var(--color-font-default);display:flex;font:var(--text-sm-regular);gap:var(--option-spacing-item-gap);margin:0 4px;padding:0 var(--option-spacing-item-h-padding)}:where(.cck-option):not(.cck-option--disabled){cursor:pointer}:where(.cck-option--disabled){color:var(--color-disabled-font);opacity:.7;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option):not(.cck-option--disabled):hover{background-color:var(--option-color-item-hover)}:where(.cck-option .cck-checkbox__input-wrapper){height:var(--checkbox-size-sm);width:var(--checkbox-size-sm)}:where(.cck-option--single.cck-option--selected){font:var(--text-sm-medium)}:where(.cck-option__size--sm){height:var(--option-size-height-sm)}:where(.cck-option__size--md){height:var(--option-size-height-md)}:where(.cck-option__size--lg){height:var(--option-size-height-lg)}:where(.cck-select__options-wrapper){background-color:var(--option-color-overlay-bg);border:1px solid var(--option-color-overlay-border);border-radius:var(--option-size-overlay-radius);height:inherit;margin-top:var(--option-spacing-overlay-margin-top);max-height:inherit;overflow:auto;padding:var(--option-spacing-overlay-h-padding) var(--option-spacing-overlay-v-padding)}:where(.cck-option__content-wrapper){flex:1}:where(.cck-option__selected-checkmark .cck-svg-icon){height:var(--icon-size-sm);width:var(--icon-size-sm)}:where(.cck-option-group){display:flex;flex-direction:column}:where(.cck-option-group--label){align-items:center;color:var(--color-font-default);display:flex;font:var(--text-sm-medium);padding:0 var(--option-spacing-item-h-padding)}:where(.cck-option-group--disabled .cck-option-group--label){color:var(--color-disabled-font);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option-group .cck-option){padding:0 calc(var(--option-spacing-item-h-padding)*2)}:where(.cck-option-group__size--sm .cck-option-group--label){height:var(--option-size-height-sm)}:where(.cck-option-group__size--md .cck-option-group--label){height:var(--option-size-height-md)}:where(.cck-option-group__size--lg .cck-option-group--label){height:var(--option-size-height-lg)}:where(.cck-prefix){flex-grow:0}:where(.cck-prefix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-prefix .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon)}:where(.cck-radio-button__wrapper){align-items:center;display:inline-flex;vertical-align:middle}:where(.cck-radio-button__input-wrapper){box-sizing:content-box;cursor:pointer;display:inline-block;flex:0 0 auto;position:relative;will-change:opacity,transform,border-color,color}:where(.cck-radio-button__size--sm .cck-radio-button__input-wrapper){height:var(--radio-size-sm);padding:var(--radio-spacing-padding-input-sm);width:var(--radio-size-sm)}:where(.cck-radio-button__size--md .cck-radio-button__input-wrapper){height:var(--radio-size-md);padding:var(--radio-spacing-padding-input-md);width:var(--radio-size-md)}:where(.cck-radio-button__size--lg .cck-radio-button__input-wrapper){height:var(--radio-size-lg);padding:var(--radio-spacing-padding-input-lg);width:var(--radio-size-lg)}:where(.cck-radio-button__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:1}:where(.cck-radio-button__background){box-sizing:border-box;display:inline-block;height:100%;position:relative;width:100%}:where(.cck-radio-button__background--outer-circle){border-color:var(--color-m-contrast-default);border-radius:50%;border-style:solid;border-width:1px;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;transition:border-color 90ms cubic-bezier(0,0,.2,1);width:100%}:where(.cck-radio-button--checked .cck-radio-button__background--outer-circle){border-width:2px}:where(.cck-radio-button--disabled.cck-radio-button--unchecked .cck-radio-button__background--outer-circle){background-color:var(--color-disabled-surface);border-color:var(--color-disabled-border)}:where(.cck-radio-button--disabled.cck-radio-button--checked .cck-radio-button__background--outer-circle){border-color:var(--color-disabled-border)}:where(.cck-radio-button__color--brand.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-brand-default)}:where(.cck-radio-button__color--info.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-info-default)}:where(.cck-radio-button__color--warning.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-warning-default)}:where(.cck-radio-button__color--error.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--outer-circle){border-color:var(--color-error-default)}:where(.cck-radio-button__background--inner-circle){border-radius:50%;box-sizing:border-box;height:100%;left:0;position:absolute;top:0;transform:scale(0);transition:transform 90ms cubic-bezier(.4,0,.6,1),background-color 90ms cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-radio-button--checked .cck-radio-button__background--inner-circle){transform:scale(.5);transition:transform 90ms cubic-bezier(0,0,.2,1),border-color 90ms cubic-bezier(0,0,.2,1)}:where(.cck-radio-button--disabled.cck-radio-button--checked .cck-radio-button__background--inner-circle){background-color:var(--color-disabled-border)}:where(.cck-radio-button__color--brand.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-brand-default)}:where(.cck-radio-button__color--info.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-info-default)}:where(.cck-radio-button__color--warning.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-warning-default)}:where(.cck-radio-button__color--error.cck-radio-button--checked:not(.cck-radio-button--disabled) .cck-radio-button__background--inner-circle){background-color:var(--color-error-default)}:where(.cck-radio-button__label){color:var(--color-font-default);cursor:pointer;font:var(--text-sm-regular);margin-left:0;margin-right:auto;order:0;padding-left:4px;padding-right:0;white-space:nowrap}:where(.cck-radio-button--disabled .cck-radio-button__label){color:var(--color-disabled-font)}:where(.cck-radio-button--disabled .cck-radio-button__input-wrapper),:where(.cck-radio-button--disabled .cck-radio-button__label){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-group){align-items:flex-start;display:flex}:where(.cck-radio-group__row){flex-direction:row;gap:24px}:where(.cck-radio-group__column){flex-direction:column}:where(.cck-select){align-items:center;border-radius:6px;color:var(--color-font-default);cursor:pointer;display:flex;font:var(--text-sm-regular)}:where(.cck-select.cck-select--disabled){cursor:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-select__placeholder){color:var(--color-font-alpha-6)}:where(.cck-select__trigger-wrapper){color:currentcolor;flex:1;overflow:hidden;padding-right:8px;text-align:start}:where(.cck-select__trigger-value){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.cck-select__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-select__dropdown-icon-wrapper .cck-svg-icon){height:var(--icon-size-sm);width:var(--icon-size-sm)}:where(.cck-suffix){flex-grow:0}:where(.cck-suffix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-suffix .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon-light)}:where(.cck-textarea){background-color:transparent;border:none;color:var(--color-font-default);font:var(--text-md-regular);min-height:24px;min-width:100%;outline:none;padding:0;scrollbar-color:var(--form_field-color-border) transparent}:where(.cck-textarea::-moz-placeholder){color:var(--color-font-alpha-6)}:where(.cck-textarea::placeholder){color:var(--color-font-alpha-6)}:where(.cck-textarea::-webkit-resizer){background-image:url('data:image/svg+xml;utf8,');height:16px;width:16px}:where(.cck-textarea):disabled{cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle){-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle):not(.cck-toggle--disabled){cursor:pointer}:where(.cck-toggle__label){align-items:center;color:var(--color-font-default);display:flex;font:var(--text-sm-regular);gap:var(--toggle-spacing-gap)}:where(.cck-toggle__label):not(.cck-toggle--disabled){cursor:pointer}:where(.cck-toggle--label-before .cck-toggle__label){flex-direction:row-reverse}:where(.cck-toggle__slider-wrapper){border-radius:100px;position:relative;width:var(--toggle-size-width-sm)}:where(.cck-toggle__input){cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}:where(.cck-toggle__thumb){background-color:var(--toggle-color-thumb);border:2px solid var(--toggle-color-thumb-border);border-radius:100px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease,left .3s cubic-bezier(.18,.89,.35,1.15);z-index:2}:where(.cck-toggle__backdrop){background-color:var(--toggle-color-backdrop-unselected);border-radius:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;z-index:1}:where(.cck-toggle--disabled){color:var(--color-disabled-font);cursor:default;pointer-events:none}:where(.cck-toggle--disabled .cck-toggle__thumb){background-color:var(--toggle-color-thumb-disabled)}:where(.cck-toggle--disabled .cck-toggle__backdrop){background-color:var(--toggle-color-backdrop-disabled)}:where(.cck-toggle--checked .cck-toggle__thumb){left:100%;transform:translate(-100%,-50%)}:where(.cck-toggle--checked:active .cck-toggle__thumb){margin-left:calc(var(--toggle-size-bounce)/2*-1)}:where(.cck-toggle--unchecked:active .cck-toggle__thumb){margin-left:calc(var(--toggle-size-bounce)/2)}:where(.cck-toggle__color--brand:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-brand-default)}:where(.cck-toggle__color--brand:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-brand-default)}:where(.cck-toggle__color--info:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-info-default)}:where(.cck-toggle__color--info:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-info-default)}:where(.cck-toggle__color--warning:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-warning-default)}:where(.cck-toggle__color--warning:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-warning-default)}:where(.cck-toggle__color--error:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-error-default)}:where(.cck-toggle__color--error:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-error-default)}:where(.cck-toggle__color--h-contrast:not(.cck-toggle--disabled).cck-toggle--checked .cck-toggle__backdrop){background-color:var(--color-h-contrast-default)}:where(.cck-toggle__color--h-contrast:not(.cck-toggle--disabled):hover .cck-toggle__thumb){border-color:var(--color-h-contrast-default)}:where(.cck-toggle__size--sm .cck-toggle__slider-wrapper){width:var(--toggle-size-width-sm)}:where(.cck-toggle__size--sm .cck-toggle__thumb){height:var(--toggle-size-thumb-sm);width:var(--toggle-size-thumb-sm)}:where(.cck-toggle__size--sm .cck-toggle__backdrop){height:var(--toggle-size-backdrop-sm);width:calc(var(--toggle-size-width-sm) - var(--toggle-size-thumb-sm))}:where(.cck-toggle__size--sm:active .cck-toggle__thumb){width:calc(var(--toggle-size-thumb-sm) + var(--toggle-size-bounce))}:where(.cck-toggle__size--md .cck-toggle__slider-wrapper){width:var(--toggle-size-width-md)}:where(.cck-toggle__size--md .cck-toggle__backdrop){height:var(--toggle-size-backdrop-md);width:calc(var(--toggle-size-width-md) - var(--toggle-size-thumb-md))}:where(.cck-toggle__size--md .cck-toggle__thumb){height:var(--toggle-size-thumb-md);width:var(--toggle-size-thumb-md)}:where(.cck-toggle__size--md:active .cck-toggle__thumb){width:calc(var(--toggle-size-thumb-md) + var(--toggle-size-bounce))}:where(.cck-toggle__size--lg .cck-toggle__slider-wrapper){width:var(--toggle-size-width-lg)}:where(.cck-toggle__size--lg .cck-toggle__backdrop){height:var(--toggle-size-backdrop-lg);width:calc(var(--toggle-size-width-lg) - var(--toggle-size-thumb-lg))}:where(.cck-toggle__size--lg .cck-toggle__thumb){height:var(--toggle-size-thumb-lg);width:var(--toggle-size-thumb-lg)}:where(.cck-toggle__size--lg:active .cck-toggle__thumb){width:calc(var(--toggle-size-thumb-lg) + var(--toggle-size-bounce))}:where(.cck-trailing){align-items:center;border:1px solid var(--form_field-color-border);border-left:none;color:var(--color-font-alpha-7);display:flex;flex-grow:0;gap:var(--form_field-spacing-trailing-gap);justify-content:center;padding:0 var(--form_field-spacing-input-wrapper-h-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-trailing .cck-select){color:currentcolor;font:inherit}:where(.cck-trailing__regular){font:var(--text-sm-regular)}:where(.cck-trailing__medium){font:var(--text-sm-medium)}:where(.cck-trailing--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-trailing .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-size-xs);width:var(--icon-size-xs)}:where(.cck-trailing__color--transparent){background-color:transparent}:where(.cck-trailing__color--transparent.cck-trailing--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-trailing__color--transparent.cck-trailing--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-trailing__color--grey){background-color:var(--color-surface-inverse-alpha-1)}:where(.cck-trailing__color--grey.cck-trailing--clickable):active{background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-trailing__color--grey.cck-trailing--clickable):hover:not(:active){background-color:var(--color-surface-inverse-alpha-3)}:where(.cck-trailing .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:var(--form_field-color-icon)}:where(.cck-avatar){align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden}:where(.cck-avatar__fallback-image),:where(.cck-avatar__image),:where(.cck-avatar__placeholder-image){border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:where(.cck-avatar--with-label){background-color:var(--color-brand-light);color:var(--color-font-default)}:where(.cck-avatar--clickable){cursor:pointer}:where(.cck-avatar__size--xs){height:var(--size-28);width:var(--size-28)}:where(.cck-avatar__size--xs.cck-avatar--with-label){font:var(--text-xs-semibold)}:where(.cck-avatar__size--sm){height:var(--size-32);width:var(--size-32)}:where(.cck-avatar__size--sm.cck-avatar--with-label){font:var(--text-sm-semibold)}:where(.cck-avatar__size--md){height:var(--size-40);width:var(--size-40)}:where(.cck-avatar__size--md.cck-avatar--with-label){font:var(--text-md-semibold)}:where(.cck-avatar__size--lg){height:var(--size-48);width:var(--size-48)}:where(.cck-avatar__size--lg.cck-avatar--with-label){font:var(--text-lg-semibold)}:where(.cck-avatar-group){display:flex}:where(.cck-avatar-group--direction-left){direction:rtl}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xs .cck-avatar):not(:last-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--sm .cck-avatar):not(:last-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--md .cck-avatar):not(:last-of-type){margin-left:-14px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--lg .cck-avatar):not(:last-of-type){margin-left:-16px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xs .cck-avatar):not(:first-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--sm .cck-avatar):not(:first-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--md .cck-avatar):not(:first-of-type){margin-left:-14px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--lg .cck-avatar):not(:first-of-type){margin-left:-16px}:where(.cck-avatar-group .cck-avatar){border:2px solid var(--color-border-light)}:where(.cck-avatar-label){align-items:center;display:flex}:where(.cck-avatar-label__title){color:var(--color-font-default)}:where(.cck-avatar-label__description){color:var(--color-font-alpha-6)}:where(.cck-avatar-label__label-wrapper){display:flex}:where(.cck-avatar-label--avatar-right){flex-direction:row-reverse}:where(.cck-avatar-label--avatar-right .cck-avatar-label__label-wrapper){text-align:right}:where(.cck-avatar-label--avatar-left){flex-direction:row}:where(.cck-avatar-label--avatar-top){flex-direction:column}:where(.cck-avatar-label--avatar-bottom){flex-direction:column-reverse}:where(.cck-avatar-label--avatar-bottom.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-top.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--avatar-left.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-right.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center;flex-direction:row}:where(.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){flex-direction:column;justify-content:center}:where(.cck-avatar-label__size--xs){gap:var(--size-12)}:where(.cck-avatar-label__size--xs .cck-avatar-label__label-wrapper){font:var(--text-xs-medium)}:where(.cck-avatar-label__size--xs.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-12)}:where(.cck-avatar-label__size--sm){gap:var(--size-12)}:where(.cck-avatar-label__size--sm .cck-avatar-label__label-wrapper){font:var(--text-sm-medium)}:where(.cck-avatar-label__size--sm.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-12)}:where(.cck-avatar-label__size--md){gap:var(--size-12)}:where(.cck-avatar-label__size--md .cck-avatar-label__label-wrapper){font:var(--text-md-medium)}:where(.cck-avatar-label__size--md.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-12)}:where(.cck-avatar-label__size--lg){gap:var(--size-20)}:where(.cck-avatar-label__size--lg .cck-avatar-label__label-wrapper){font:var(--text-md-medium)}:where(.cck-avatar-label__size--lg.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--size-20)}:where(.cck-accordion){display:flex;flex-direction:column}:where(.cck-accordion__default.cck-accordion__size--sm){gap:var(--size-12)}:where(.cck-accordion__default.cck-accordion__size--md){gap:var(--size-20)}:where(.cck-accordion__group){border:1px solid var(--color-border-default);border-radius:6px}:where(.cck-accordion-header--trigger-icon>.cck-accordion-header__icon-btn):hover{background-color:var(--color-h-contrast-alpha-1)}:where(.cck-accordion-header--trigger-header){cursor:pointer}:where(.cck-accordion-header--trigger-header>.cck-accordion-header__icon-btn):hover{background-color:transparent}:where(.cck-accordion-header){align-items:center;color:var(--color-font-default);display:flex}:where(.cck-accordion-header .cck-svg-icon.cck-svg-icon--default-color){fill:var(--color-font-default)}:where(.cck-accordion-header>.cck-accordion-header__icon-btn){background-color:transparent;fill:var(--color-font-default);align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;justify-self:center;outline:none}:where(.cck-accordion-header--icon-right>.cck-accordion-header__icon-btn){margin-left:auto}:where(.cck-accordion-header--icon-left){flex-direction:row-reverse;justify-content:flex-end}:where(.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-header){height:var(--size-48)}:where(.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-header>.cck-accordion-header__icon-btn){height:36px;width:36px}:where(.cck-accordion__size--md>.cck-accordion-panel .cck-accordion-header){height:var(--size-56)}:where(.cck-accordion__size--md>.cck-accordion-panel .cck-accordion-header>.cck-accordion-header__icon-btn){height:36px;width:36px}:where(.cck-accordion-panel>.cck-accordion-header){font:var(--text-md-medium)}:where(.cck-accordion-panel>.cck-accordion-header.cck-accordion-header--icon-right){padding-left:var(--size-20);padding-right:calc(var(--size-20) - 10px)}:where(.cck-accordion-panel>.cck-accordion-header.cck-accordion-header--icon-left){padding-left:calc(var(--size-20) - 10px);padding-right:var(--size-20)}:where(.cck-accordion__default>.cck-accordion-panel--collapsed>.cck-accordion-header),:where(.cck-accordion__group>.cck-accordion-panel--collapsed>.cck-accordion-header){background-color:var(--color-h-contrast-alpha-2)}:where(.cck-accordion__basic>.cck-accordion-panel>.cck-accordion-header--trigger-header):hover{background-color:var(--color-h-contrast-alpha-2)}:where(.cck-accordion-panel--disabled){color:var(--color-disabled-font);opacity:.5}:where(.cck-accordion-panel--disabled>.cck-accordion-header){color:currentcolor}:where(.cck-accordion-panel--disabled>.cck-accordion-header.cck-accordion-header--trigger-header){cursor:not-allowed}:where(.cck-accordion-panel--disabled>.cck-accordion-header>.cck-accordion-header__icon-btn){display:none}:where(.cck-accordion-panel){color:var(--color-font-default);font:var(--text-md-regular);overflow:hidden;transition:padding-bottom .3s}:where(.cck-accordion--instant-animation>.cck-accordion-panel){transition:none}:where(.cck-accordion-panel--collapsed){padding-bottom:0}:where(.cck-accordion__size--sm>.cck-accordion-panel.cck-accordion-panel--expanded){padding-bottom:var(--size-20)}:where(.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-panel__content-wrapper){padding-left:var(--size-20);padding-right:var(--size-20)}:where(.cck-accordion__size--md>.cck-accordion-panel.cck-accordion-panel--expanded){padding-bottom:var(--size-20)}:where(.cck-accordion__size--md>.cck-accordion-panel>.cck-accordion-panel__content-wrapper){padding-left:var(--size-20);padding-right:var(--size-20)}:where(.cck-accordion__default>.cck-accordion-panel){border:1px solid var(--color-border-default);border-radius:6px}:where(.cck-accordion__basic>.cck-accordion-panel):not(:last-of-type),:where(.cck-accordion__group>.cck-accordion-panel):not(:last-of-type){border-bottom:1px solid var(--color-border-default)}:where(.cck-tabs){display:flex;flex-direction:column;gap:var(--size-12)}:where(.cck-tabs__headers-wrapper){display:flex;flex-wrap:wrap;gap:var(--size-4);justify-content:center}:where(.cck-tabs--align-left .cck-tabs__headers-wrapper){align-items:flex-start;align-self:flex-start;justify-content:flex-start}:where(.cck-tabs--align-center .cck-tabs__headers-wrapper){align-items:center;align-self:center;justify-content:center}:where(.cck-tabs--align-right .cck-tabs__headers-wrapper){align-items:flex-end;align-self:flex-end;justify-content:flex-end}:where(.cck-tabs--align-stretch .cck-tabs__headers-wrapper){align-items:stretch;align-self:stretch;justify-content:stretch}:where(.cck-tabs__fill .cck-tabs__headers-wrapper){background-color:var(--color-surface-inverse-alpha-3);border-radius:12px;padding:4px}:where(.cck-tabs__border .cck-tabs__headers-wrapper){border:2px solid var(--color-surface-inverse-alpha-5);border-radius:16px;padding:4px}:where(.cck-tabs__size--sm .cck-tabs__headers-wrapper){min-height:36px}:where(.cck-tabs__size--md .cck-tabs__headers-wrapper){min-height:40px}:where(.cck-tabs__size--lg .cck-tabs__headers-wrapper){min-height:44px}:where(.cck-tab){align-items:center;background:transparent;border:none;color:var(--color-font-alpha-7);cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;white-space:nowrap}:where(.cck-tab .cck-svg-icon.cck-svg-icon--default-color){color:currentcolor;fill:currentcolor}:where(:not(.cck-tabs--instant-animation) .cck-tab){transition:color .1s}:where(:not(.cck-tabs--instant-animation) .cck-tab.cck-tab--selected){transition:color .15s}:where(.cck-tab__label){position:relative;z-index:1}:where(.cck-tab--unselected):not(.cck-tab--disabled):focus-visible{outline:2px solid var(--color-brand-alpha-7)}:where(.cck-tab--selected){color:var(--color-font-default)}:where(.cck-tab--disabled){color:var(--color-font-alpha-5);cursor:not-allowed}:where(.cck-tab__indicator){height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}:where(.cck-tabs--align-stretch .cck-tab){flex:1}:where(.cck-tabs__basic .cck-tab),:where(.cck-tabs__border .cck-tab),:where(.cck-tabs__fill .cck-tab){border-radius:12px}:where(.cck-tabs__basic .cck-tab--unselected):not(.cck-tab--disabled):hover,:where(.cck-tabs__border .cck-tab--unselected):not(.cck-tab--disabled):hover,:where(.cck-tabs__fill .cck-tab--unselected):not(.cck-tab--disabled):hover{background-color:var(--color-surface-inverse-alpha-2)}:where(.cck-tabs__basic .cck-tab__indicator),:where(.cck-tabs__border .cck-tab__indicator),:where(.cck-tabs__fill .cck-tab__indicator){background-color:var(--color-surface-inverse-alpha-4);border-radius:12px}:where(.cck-tabs__basic.cck-tabs__color--default .cck-tab__indicator),:where(.cck-tabs__border.cck-tabs__color--default .cck-tab__indicator),:where(.cck-tabs__fill.cck-tabs__color--default .cck-tab__indicator){background-color:var(--color-surface-inverse-alpha-4)}:where(.cck-tabs__basic.cck-tabs__color--brand .cck-tab__indicator),:where(.cck-tabs__border.cck-tabs__color--brand .cck-tab__indicator),:where(.cck-tabs__fill.cck-tabs__color--brand .cck-tab__indicator){background-color:var(--color-brand-default)}:where(.cck-tabs__basic.cck-tabs__color--brand .cck-tab.cck-tab--selected),:where(.cck-tabs__border.cck-tabs__color--brand .cck-tab.cck-tab--selected),:where(.cck-tabs__fill.cck-tabs__color--brand .cck-tab.cck-tab--selected){color:var(--color-font-inverse-default)}:where(.cck-tabs__basic.cck-tabs__color--info .cck-tab__indicator),:where(.cck-tabs__border.cck-tabs__color--info .cck-tab__indicator),:where(.cck-tabs__fill.cck-tabs__color--info .cck-tab__indicator){background-color:var(--color-info-default)}:where(.cck-tabs__basic.cck-tabs__color--info .cck-tab.cck-tab--selected),:where(.cck-tabs__border.cck-tabs__color--info .cck-tab.cck-tab--selected),:where(.cck-tabs__fill.cck-tabs__color--info .cck-tab.cck-tab--selected){color:var(--color-font-inverse-default)}:where(.cck-tabs__basic.cck-tabs__color--warning .cck-tab__indicator),:where(.cck-tabs__border.cck-tabs__color--warning .cck-tab__indicator),:where(.cck-tabs__fill.cck-tabs__color--warning .cck-tab__indicator){background-color:var(--color-warning-default)}:where(.cck-tabs__basic.cck-tabs__color--warning .cck-tab.cck-tab--selected),:where(.cck-tabs__border.cck-tabs__color--warning .cck-tab.cck-tab--selected),:where(.cck-tabs__fill.cck-tabs__color--warning .cck-tab.cck-tab--selected){color:var(--color-font-inverse-default)}:where(.cck-tabs__basic.cck-tabs__color--error .cck-tab__indicator),:where(.cck-tabs__border.cck-tabs__color--error .cck-tab__indicator),:where(.cck-tabs__fill.cck-tabs__color--error .cck-tab__indicator){background-color:var(--color-error-default)}:where(.cck-tabs__basic.cck-tabs__color--error .cck-tab.cck-tab--selected),:where(.cck-tabs__border.cck-tabs__color--error .cck-tab.cck-tab--selected),:where(.cck-tabs__fill.cck-tabs__color--error .cck-tab.cck-tab--selected){color:var(--color-font-inverse-default)}:where(.cck-tabs__basic.cck-tabs__color--h-contrast .cck-tab__indicator),:where(.cck-tabs__border.cck-tabs__color--h-contrast .cck-tab__indicator),:where(.cck-tabs__fill.cck-tabs__color--h-contrast .cck-tab__indicator){background-color:var(--color-h-contrast-default)}:where(.cck-tabs__basic.cck-tabs__color--h-contrast .cck-tab.cck-tab--selected),:where(.cck-tabs__border.cck-tabs__color--h-contrast .cck-tab.cck-tab--selected),:where(.cck-tabs__fill.cck-tabs__color--h-contrast .cck-tab.cck-tab--selected){color:var(--color-font-inverse-default)}:where(.cck-tabs__line.cck-tabs__color--default .cck-tab__indicator){border-bottom:2px solid var(--color-surface-inverse-alpha-6)}:where(.cck-tabs__line.cck-tabs__color--brand .cck-tab__indicator){border-bottom:2px solid var(--color-brand-default)}:where(.cck-tabs__line.cck-tabs__color--info .cck-tab__indicator){border-bottom:2px solid var(--color-info-default)}:where(.cck-tabs__line.cck-tabs__color--warning .cck-tab__indicator){border-bottom:2px solid var(--color-warning-default)}:where(.cck-tabs__line.cck-tabs__color--error .cck-tab__indicator){border-bottom:2px solid var(--color-error-default)}:where(.cck-tabs__line.cck-tabs__color--h-contrast .cck-tab__indicator){border-bottom:2px solid var(--color-h-contrast-default)}:where(.cck-tabs__size--sm .cck-tab){font:var(--text-sm-regular);height:32px;padding:0 12px}:where(.cck-tabs__size--sm .cck-tab.cck-tab--selected){font:var(--text-sm-medium)}:where(.cck-tabs__size--md .cck-tab){font:var(--text-md-regular);height:36px;padding:0 12px}:where(.cck-tabs__size--md .cck-tab.cck-tab--selected){font:var(--text-md-regular)}:where(.cck-tabs__size--lg .cck-tab){font:var(--text-md-regular);height:40px;padding:0 20px}:where(.cck-tabs__size--lg .cck-tab.cck-tab--selected){font:var(--text-md-medium)} \ No newline at end of file diff --git a/packages/themes/frames-x/CHANGELOG.md b/packages/themes/frames-x/CHANGELOG.md index 6b301ca6..32e3163e 100644 --- a/packages/themes/frames-x/CHANGELOG.md +++ b/packages/themes/frames-x/CHANGELOG.md @@ -1,5 +1,18 @@ # @cocokits/theme-frames-x +## 1.2.0 + +### Minor Changes + +- ba59a0c: - Add Avatar styles + - Add Accordion styles + - Add Tabs styles + +### Patch Changes + +- Updated dependencies [ba59a0c] + - @cocokits/core@1.2.0 + ## 1.1.1 ### Patch Changes @@ -13,9 +26,7 @@ ### Minor Changes - 51ad4f2: **Breaking Change:** - - Icon size has changed: - - `xxs` -> `xs` - `xs` -> `sm` - `sm` -> `md` @@ -26,7 +37,6 @@ - `3xl` -> `4xl` - Changed `svgIcon` size from: - - `xxs`, `xs`, `sm`, `md`, `lg`, `xl`, `2xl`, `3xl` - to: - `xs`, `sm`, `md`, `lg`, `xl`, `2xl`, `3xl`, `4xl` @@ -34,7 +44,6 @@ - Default icon size is now `lg` instead of `md` **Fix:** - - Updated SCSS files to replace deprecated `@import` with modern `@use` and `@forward` directives for better modularity and maintainability. ### Patch Changes diff --git a/packages/themes/frames-x/package.json b/packages/themes/frames-x/package.json index b5be95b0..fd216bb8 100644 --- a/packages/themes/frames-x/package.json +++ b/packages/themes/frames-x/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/theme-frames-x", - "version": "1.1.1", + "version": "1.2.0", "type": "commonjs", "exports": { ".": { diff --git a/packages/themes/frames-x/src/styles/css/components.css b/packages/themes/frames-x/src/styles/css/components.css index 84fcf7a7..4014a111 100644 --- a/packages/themes/frames-x/src/styles/css/components.css +++ b/packages/themes/frames-x/src/styles/css/components.css @@ -16,7 +16,7 @@ border-radius:var(--radi-6); transition:all 100ms; } -:where(.cck-button:focus-visible){ +:where(.cck-button):focus-visible{ box-shadow:0 0 0 3px var(--state-brand-selected); } :where(.cck-button .cck-svg-icon--default-color .cck-svg-icon__svg){ @@ -31,13 +31,13 @@ background-color:var(--state-brand-active); color:var(--text-light-primary); } -:where(.cck-button__default.cck-button__color--brand:hover){ +:where(.cck-button__default.cck-button__color--brand):hover{ background-color:var(--state-brand-hover); } -:where(.cck-button__default.cck-button__color--brand:active){ +:where(.cck-button__default.cck-button__color--brand):active{ background-color:var(--state-brand-selected); } -:where(.cck-button__default.cck-button__color--brand:disabled){ +:where(.cck-button__default.cck-button__color--brand):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -49,13 +49,13 @@ background-color:var(--state-highlight-active); color:var(--text-light-primary); } -:where(.cck-button__default.cck-button__color--highlight:hover){ +:where(.cck-button__default.cck-button__color--highlight):hover{ background-color:var(--state-highlight-hover); } -:where(.cck-button__default.cck-button__color--highlight:active){ +:where(.cck-button__default.cck-button__color--highlight):active{ background-color:var(--state-highlight-selected); } -:where(.cck-button__default.cck-button__color--highlight:disabled){ +:where(.cck-button__default.cck-button__color--highlight):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -67,13 +67,13 @@ background-color:var(--state-success-active); color:var(--text-light-primary); } -:where(.cck-button__default.cck-button__color--success:hover){ +:where(.cck-button__default.cck-button__color--success):hover{ background-color:var(--state-success-hover); } -:where(.cck-button__default.cck-button__color--success:active){ +:where(.cck-button__default.cck-button__color--success):active{ background-color:var(--state-success-selected); } -:where(.cck-button__default.cck-button__color--success:disabled){ +:where(.cck-button__default.cck-button__color--success):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -85,13 +85,13 @@ background-color:var(--state-danger-active); color:var(--text-light-primary); } -:where(.cck-button__default.cck-button__color--danger:hover){ +:where(.cck-button__default.cck-button__color--danger):hover{ background-color:var(--state-danger-hover); } -:where(.cck-button__default.cck-button__color--danger:active){ +:where(.cck-button__default.cck-button__color--danger):active{ background-color:var(--state-danger-selected); } -:where(.cck-button__default.cck-button__color--danger:disabled){ +:where(.cck-button__default.cck-button__color--danger):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -106,15 +106,15 @@ border:1px solid var(--base-border); outline:1px solid transparent; } -:where(.cck-button__secondary:hover){ +:where(.cck-button__secondary):hover{ background-color:var(--base-fill-2); border:1px solid var(--base-fill-2); } -:where(.cck-button__secondary:active){ +:where(.cck-button__secondary):active{ background-color:var(--base-fill-1); border:1px solid var(--base-border); } -:where(.cck-button__secondary:disabled){ +:where(.cck-button__secondary):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -132,15 +132,15 @@ border:1px solid var(--state-brand-active); color:var(--state-brand-active); } -:where(.cck-button__ghost.cck-button__color--brand:hover){ +:where(.cck-button__ghost.cck-button__color--brand):hover{ outline:1px solid var(--state-brand-hover); border:1px solid var(--state-brand-hover); } -:where(.cck-button__ghost.cck-button__color--brand:active){ +:where(.cck-button__ghost.cck-button__color--brand):active{ border:1px solid var(--state-brand-selected); outline:1px solid var(--state-brand-selected); } -:where(.cck-button__ghost.cck-button__color--brand:disabled){ +:where(.cck-button__ghost.cck-button__color--brand):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -153,15 +153,15 @@ border:1px solid var(--state-highlight-active); color:var(--state-highlight-active); } -:where(.cck-button__ghost.cck-button__color--highlight:hover){ +:where(.cck-button__ghost.cck-button__color--highlight):hover{ border:1px solid var(--state-highlight-hover); outline:1px solid var(--state-highlight-hover); } -:where(.cck-button__ghost.cck-button__color--highlight:active){ +:where(.cck-button__ghost.cck-button__color--highlight):active{ border:1px solid var(--state-highlight-selected); outline:1px solid var(--state-highlight-selected); } -:where(.cck-button__ghost.cck-button__color--highlight:disabled){ +:where(.cck-button__ghost.cck-button__color--highlight):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -174,15 +174,15 @@ border:1px solid var(--state-success-active); color:var(--state-success-active); } -:where(.cck-button__ghost.cck-button__color--success:hover){ +:where(.cck-button__ghost.cck-button__color--success):hover{ border:1px solid var(--state-success-hover); outline:1px solid var(--state-success-hover); } -:where(.cck-button__ghost.cck-button__color--success:active){ +:where(.cck-button__ghost.cck-button__color--success):active{ border:1px solid var(--state-success-selected); outline:1px solid var(--state-success-selected); } -:where(.cck-button__ghost.cck-button__color--success:disabled){ +:where(.cck-button__ghost.cck-button__color--success):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -195,15 +195,15 @@ border:1px solid var(--state-danger-active); color:var(--state-danger-active); } -:where(.cck-button__ghost.cck-button__color--danger:hover){ +:where(.cck-button__ghost.cck-button__color--danger):hover{ border:1px solid var(--state-danger-hover); outline:1px solid var(--state-danger-hover); } -:where(.cck-button__ghost.cck-button__color--danger:active){ +:where(.cck-button__ghost.cck-button__color--danger):active{ border:1px solid var(--state-danger-selected); outline:1px solid var(--state-danger-selected); } -:where(.cck-button__ghost.cck-button__color--danger:disabled){ +:where(.cck-button__ghost.cck-button__color--danger):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -305,14 +305,6 @@ cursor:default; } -:where(.cck-checkbox--checked .cck-checkbox__background){ - border:2px solid var(--state-brand-active); - background-color:var(--state-brand-active); -} -:where(.cck-checkbox--checked .cck-checkbox__checkmark){ - opacity:1; -} - :where(.cck-checkbox--indeterminate .cck-checkbox__background){ border:2px solid var(--state-brand-active); background-color:var(--state-brand-active); @@ -350,6 +342,14 @@ padding:2px; } +:where(.cck-checkbox--checked .cck-checkbox__background){ + border:2px solid var(--state-brand-active); + background-color:var(--state-brand-active); +} +:where(.cck-checkbox--checked .cck-checkbox__checkmark){ + opacity:1; +} + :where(.cck-checkbox__checkmark-path){ fill:currentcolor; } @@ -365,7 +365,7 @@ cursor:pointer; white-space:nowrap; } -:where(.cck-checkbox__label:empty){ +:where(.cck-checkbox__label):empty{ display:none; } @@ -451,7 +451,7 @@ height:24px; padding:0; } -:where(.cck-chip__remove-icon-wrapper .cck-icon-button:hover){ +:where(.cck-chip__remove-icon-wrapper .cck-icon-button):hover{ background-color:var(--base-fill-1); } :where(.cck-chip__remove-icon-wrapper .cck-icon-button .cck-svg-icon){ @@ -511,10 +511,10 @@ color:var(--text-dark-tertiary); transition:color 100ms ease-in; } -:where(.cck-chip-list__input:not(:focus)::-moz-placeholder){ +:where(.cck-chip-list__input::-moz-placeholder):not(:focus){ color:transparent; } -:where(.cck-chip-list__input:not(:focus)::placeholder){ +:where(.cck-chip-list__input::placeholder):not(:focus){ color:transparent; } @@ -526,7 +526,7 @@ margin-left:var(--spacing-5); font:var(--text-xs-font-medium); } -:where(.cck-chip-list__size--sm .cck-chip-list__input:first-child){ +:where(.cck-chip-list__size--sm .cck-chip-list__input):first-child{ margin-left:calc(var(--spacing-6) - 4px); } :where(.cck-chip-list__size--md){ @@ -537,7 +537,7 @@ margin-left:var(--spacing-6); font:var(--text-base-font-medium); } -:where(.cck-chip-list__size--md .cck-chip-list__input:first-child){ +:where(.cck-chip-list__size--md .cck-chip-list__input):first-child{ margin-left:calc(var(--spacing-7) - 4px); } :where(.cck-chip-list__size--lg){ @@ -548,7 +548,7 @@ margin-left:var(--spacing-7); font:var(--text-lg-font-medium); } -:where(.cck-chip-list__size--lg .cck-chip-list__input:first-child){ +:where(.cck-chip-list__size--lg .cck-chip-list__input):first-child{ margin-left:calc(var(--spacing-7) - 6px); } @@ -710,7 +710,7 @@ flex-direction:column; overflow:hidden; } -:where(.cck-form-field__feedback-wrapper:empty){ +:where(.cck-form-field__feedback-wrapper):empty{ display:none; } @@ -762,12 +762,12 @@ :where(.cck-form-field--with-textarea .cck-form-field__input-wrapper){ padding:10px 10px 10px 16px; } -:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper:hover:not(:has(textarea:focus-visible))){ +:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper):hover:not(:has(textarea:focus-visible)){ background-color:var(--base-fill-1); } -:where(.cck-form-field--with-input .cck-form-field__input-wrapper:hover:not(:has(input:focus-visible))),:where( -.cck-form-field--with-select .cck-form-field__input-wrapper:hover:not(:has(input:focus-visible))){ +:where(.cck-form-field--with-input .cck-form-field__input-wrapper):hover:not(:has(input:focus-visible)),:where( +.cck-form-field--with-select .cck-form-field__input-wrapper):hover:not(:has(input:focus-visible)){ background-color:var(--base-fill-1); } @@ -863,7 +863,7 @@ :where(.cck-icon-button .cck-svg-icon--default-color){ fill:currentcolor; } -:where(.cck-icon-button:focus-visible){ +:where(.cck-icon-button):focus-visible{ box-shadow:0 0 0 3px var(--state-brand-selected); } @@ -871,13 +871,13 @@ background-color:var(--state-brand-active); color:var(--text-light-primary); } -:where(.cck-icon-button__default.cck-icon-button__color--brand:hover){ +:where(.cck-icon-button__default.cck-icon-button__color--brand):hover{ background-color:var(--state-brand-hover); } -:where(.cck-icon-button__default.cck-icon-button__color--brand:active){ +:where(.cck-icon-button__default.cck-icon-button__color--brand):active{ background-color:var(--state-brand-selected); } -:where(.cck-icon-button__default.cck-icon-button__color--brand:disabled){ +:where(.cck-icon-button__default.cck-icon-button__color--brand):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -889,13 +889,13 @@ background-color:var(--state-highlight-active); color:var(--text-light-primary); } -:where(.cck-icon-button__default.cck-icon-button__color--highlight:hover){ +:where(.cck-icon-button__default.cck-icon-button__color--highlight):hover{ background-color:var(--state-highlight-hover); } -:where(.cck-icon-button__default.cck-icon-button__color--highlight:active){ +:where(.cck-icon-button__default.cck-icon-button__color--highlight):active{ background-color:var(--state-highlight-selected); } -:where(.cck-icon-button__default.cck-icon-button__color--highlight:disabled){ +:where(.cck-icon-button__default.cck-icon-button__color--highlight):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -907,13 +907,13 @@ background-color:var(--state-success-active); color:var(--text-light-primary); } -:where(.cck-icon-button__default.cck-icon-button__color--success:hover){ +:where(.cck-icon-button__default.cck-icon-button__color--success):hover{ background-color:var(--state-success-hover); } -:where(.cck-icon-button__default.cck-icon-button__color--success:active){ +:where(.cck-icon-button__default.cck-icon-button__color--success):active{ background-color:var(--state-success-selected); } -:where(.cck-icon-button__default.cck-icon-button__color--success:disabled){ +:where(.cck-icon-button__default.cck-icon-button__color--success):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -925,13 +925,13 @@ background-color:var(--state-danger-active); color:var(--text-light-primary); } -:where(.cck-icon-button__default.cck-icon-button__color--danger:hover){ +:where(.cck-icon-button__default.cck-icon-button__color--danger):hover{ background-color:var(--state-danger-hover); } -:where(.cck-icon-button__default.cck-icon-button__color--danger:active){ +:where(.cck-icon-button__default.cck-icon-button__color--danger):active{ background-color:var(--state-danger-selected); } -:where(.cck-icon-button__default.cck-icon-button__color--danger:disabled){ +:where(.cck-icon-button__default.cck-icon-button__color--danger):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -946,15 +946,15 @@ border:1px solid var(--base-border); outline:1px solid transparent; } -:where(.cck-icon-button__secondary:hover){ +:where(.cck-icon-button__secondary):hover{ background-color:var(--base-fill-2); border:1px solid var(--base-fill-2); } -:where(.cck-icon-button__secondary:active){ +:where(.cck-icon-button__secondary):active{ background-color:var(--base-fill-1); border:1px solid var(--base-border); } -:where(.cck-icon-button__secondary:disabled){ +:where(.cck-icon-button__secondary):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -972,15 +972,15 @@ border:1px solid var(--state-brand-active); color:var(--state-brand-active); } -:where(.cck-icon-button__ghost.cck-icon-button__color--brand:hover){ +:where(.cck-icon-button__ghost.cck-icon-button__color--brand):hover{ outline:1px solid var(--state-brand-hover); border:1px solid var(--state-brand-hover); } -:where(.cck-icon-button__ghost.cck-icon-button__color--brand:active){ +:where(.cck-icon-button__ghost.cck-icon-button__color--brand):active{ border:1px solid var(--state-brand-selected); outline:1px solid var(--state-brand-selected); } -:where(.cck-icon-button__ghost.cck-icon-button__color--brand:disabled){ +:where(.cck-icon-button__ghost.cck-icon-button__color--brand):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -993,15 +993,15 @@ border:1px solid var(--state-highlight-active); color:var(--state-highlight-active); } -:where(.cck-icon-button__ghost.cck-icon-button__color--highlight:hover){ +:where(.cck-icon-button__ghost.cck-icon-button__color--highlight):hover{ border:1px solid var(--state-highlight-hover); outline:1px solid var(--state-highlight-hover); } -:where(.cck-icon-button__ghost.cck-icon-button__color--highlight:active){ +:where(.cck-icon-button__ghost.cck-icon-button__color--highlight):active{ border:1px solid var(--state-highlight-selected); outline:1px solid var(--state-highlight-selected); } -:where(.cck-icon-button__ghost.cck-icon-button__color--highlight:disabled){ +:where(.cck-icon-button__ghost.cck-icon-button__color--highlight):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -1014,15 +1014,15 @@ border:1px solid var(--state-success-active); color:var(--state-success-active); } -:where(.cck-icon-button__ghost.cck-icon-button__color--success:hover){ +:where(.cck-icon-button__ghost.cck-icon-button__color--success):hover{ border:1px solid var(--state-success-hover); outline:1px solid var(--state-success-hover); } -:where(.cck-icon-button__ghost.cck-icon-button__color--success:active){ +:where(.cck-icon-button__ghost.cck-icon-button__color--success):active{ border:1px solid var(--state-success-selected); outline:1px solid var(--state-success-selected); } -:where(.cck-icon-button__ghost.cck-icon-button__color--success:disabled){ +:where(.cck-icon-button__ghost.cck-icon-button__color--success):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -1035,15 +1035,15 @@ border:1px solid var(--state-danger-active); color:var(--state-danger-active); } -:where(.cck-icon-button__ghost.cck-icon-button__color--danger:hover){ +:where(.cck-icon-button__ghost.cck-icon-button__color--danger):hover{ border:1px solid var(--state-danger-hover); outline:1px solid var(--state-danger-hover); } -:where(.cck-icon-button__ghost.cck-icon-button__color--danger:active){ +:where(.cck-icon-button__ghost.cck-icon-button__color--danger):active{ border:1px solid var(--state-danger-selected); outline:1px solid var(--state-danger-selected); } -:where(.cck-icon-button__ghost.cck-icon-button__color--danger:disabled){ +:where(.cck-icon-button__ghost.cck-icon-button__color--danger):disabled{ background-color:var(--base-fill-1); color:var(--base-disabled); cursor:default; @@ -1103,7 +1103,7 @@ color:var(--text-dark-tertiary); } -:where(.cck-input:disabled){ +:where(.cck-input):disabled{ color:var(--base-disabled); -webkit-user-select:none; -moz-user-select:none; @@ -1139,10 +1139,10 @@ cursor:pointer; transition:background-color 100ms; } -:where(.cck-leading--clickable:active){ +:where(.cck-leading--clickable):active{ background-color:var(--base-fill-1); } -:where(.cck-leading--clickable:hover){ +:where(.cck-leading--clickable):hover{ background-color:var(--base-fill-2); } @@ -1172,7 +1172,7 @@ color:var(--text-dark-secondary); } -:where(.cck-menu-item:not(.cck-menu-item--disabled)){ +:where(.cck-menu-item):not(.cck-menu-item--disabled){ cursor:pointer; } @@ -1181,7 +1181,7 @@ color:var(--base-disabled); } -:where(.cck-menu-item:not(.cck-menu-item--disabled):hover){ +:where(.cck-menu-item):not(.cck-menu-item--disabled):hover{ background-color:var(--base-fill-1); } @@ -1217,7 +1217,7 @@ gap:8px; } -:where(.cck-option:not(.cck-option--disabled)){ +:where(.cck-option):not(.cck-option--disabled){ cursor:pointer; } @@ -1228,7 +1228,7 @@ user-select:none; } -:where(.cck-option:not(.cck-option--disabled):hover){ +:where(.cck-option):not(.cck-option--disabled):hover{ background-color:var(--base-fill-1); } @@ -1545,7 +1545,7 @@ background-position:bottom right; } -:where(.cck-textarea:disabled){ +:where(.cck-textarea):disabled{ -webkit-user-select:none; -moz-user-select:none; user-select:none; @@ -1582,7 +1582,7 @@ :where(.cck-toggle .cck-toggle__slider-wrapper){ position:relative; } -:where(.cck-toggle .cck-toggle__slider-wrapper:has(input:focus-visible)){ +:where(.cck-toggle .cck-toggle__slider-wrapper):has(input:focus-visible){ outline:2px solid var(--state-brand-selected); } :where(.cck-toggle__size--sm .cck-toggle__label){ @@ -1826,10 +1826,10 @@ cursor:pointer; transition:background-color 100ms; } -:where(.cck-trailing--clickable:active){ +:where(.cck-trailing--clickable):active{ background-color:var(--base-fill-1); } -:where(.cck-trailing--clickable:hover:not(:active)){ +:where(.cck-trailing--clickable):hover:not(:active){ background-color:var(--base-fill-2); } @@ -1903,40 +1903,40 @@ :where(.cck-avatar-group--direction-left){ direction:rtl; } -:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xs .cck-avatar:not(:last-of-type)){ +:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xs .cck-avatar):not(:last-of-type){ margin-left:-10px; } -:where(.cck-avatar-group--direction-left.cck-avatar-group__size--sm .cck-avatar:not(:last-of-type)){ +:where(.cck-avatar-group--direction-left.cck-avatar-group__size--sm .cck-avatar):not(:last-of-type){ margin-left:-10px; } -:where(.cck-avatar-group--direction-left.cck-avatar-group__size--md .cck-avatar:not(:last-of-type)){ +:where(.cck-avatar-group--direction-left.cck-avatar-group__size--md .cck-avatar):not(:last-of-type){ margin-left:-14px; } -:where(.cck-avatar-group--direction-left.cck-avatar-group__size--lg .cck-avatar:not(:last-of-type)){ +:where(.cck-avatar-group--direction-left.cck-avatar-group__size--lg .cck-avatar):not(:last-of-type){ margin-left:-16px; } -:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xl .cck-avatar:not(:last-of-type)){ +:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xl .cck-avatar):not(:last-of-type){ margin-left:-16px; } -:where(.cck-avatar-group--direction-left.cck-avatar-group__size--2xl .cck-avatar:not(:last-of-type)){ +:where(.cck-avatar-group--direction-left.cck-avatar-group__size--2xl .cck-avatar):not(:last-of-type){ margin-left:-18px; } -:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xs .cck-avatar:not(:first-of-type)){ +:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xs .cck-avatar):not(:first-of-type){ margin-left:-10px; } -:where(.cck-avatar-group--direction-right.cck-avatar-group__size--sm .cck-avatar:not(:first-of-type)){ +:where(.cck-avatar-group--direction-right.cck-avatar-group__size--sm .cck-avatar):not(:first-of-type){ margin-left:-10px; } -:where(.cck-avatar-group--direction-right.cck-avatar-group__size--md .cck-avatar:not(:first-of-type)){ +:where(.cck-avatar-group--direction-right.cck-avatar-group__size--md .cck-avatar):not(:first-of-type){ margin-left:-14px; } -:where(.cck-avatar-group--direction-right.cck-avatar-group__size--lg .cck-avatar:not(:first-of-type)){ +:where(.cck-avatar-group--direction-right.cck-avatar-group__size--lg .cck-avatar):not(:first-of-type){ margin-left:-16px; } -:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xl .cck-avatar:not(:first-of-type)){ +:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xl .cck-avatar):not(:first-of-type){ margin-left:-16px; } -:where(.cck-avatar-group--direction-right.cck-avatar-group__size--2xl .cck-avatar:not(:first-of-type)){ +:where(.cck-avatar-group--direction-right.cck-avatar-group__size--2xl .cck-avatar):not(:first-of-type){ margin-left:-18px; } :where(.cck-avatar-group .cck-avatar){ @@ -2066,76 +2066,94 @@ :where(.cck-accordion__default.cck-accordion__size--md){ gap:var(--spacing-8); } -:where(.cck-accordion__secondary.cck-accordion__size--sm){ +:where(.cck-accordion__underline.cck-accordion__size--sm){ gap:var(--spacing-8); } -:where(.cck-accordion__secondary.cck-accordion__size--md){ +:where(.cck-accordion__underline.cck-accordion__size--md){ gap:var(--spacing-10); } :where(.cck-accordion-header){ display:flex; align-items:center; - font:var(--text-base-font-medium); color:var(--text-dark-primary); } +:where(.cck-accordion-header .cck-svg-icon.cck-svg-icon--default-color){ + fill:var(--text-dark-primary); +} :where(.cck-accordion-header--icon-left){ flex-direction:row-reverse; justify-content:flex-end; } -:where(.cck-accordion-header--icon-left .cck-accordion-header__icon-wrapper){ +:where(.cck-accordion-header--icon-left > .cck-accordion-header__icon-btn){ margin-right:var(--spacing-8); } -:where(.cck-accordion-header--icon-right .cck-accordion-header__icon-wrapper){ +:where(.cck-accordion-header--icon-right > .cck-accordion-header__icon-btn){ margin-left:auto; } -:where(.cck-accordion-header--trigger-icon .cck-icon-button:hover){ +:where(.cck-accordion-header .cck-accordion-header__icon-btn){ + background-color:transparent; + border:none; + color:var(--base-fill-4); + border-radius:var(--radi-6); + cursor:pointer; + outline:none; +} +:where(.cck-accordion-header .cck-accordion-header__icon-btn):hover{ + border:none; +} +:where(.cck-accordion-header--trigger-icon .cck-accordion-header__icon-btn):hover{ background-color:var(--base-fill-1); } :where(.cck-accordion-header--trigger-header){ cursor:pointer; } -:where(.cck-accordion-header--trigger-header .cck-icon-button:hover){ - background-color:transparent; -} -:where(.cck-accordion-header .cck-icon-button){ +:where(.cck-accordion-header--trigger-header > .cck-accordion-header__icon-btn):hover{ background-color:transparent; - border:none; - color:var(--base-fill-4); - width:36px; - height:36px; -} -:where(.cck-accordion-header .cck-icon-button:hover){ - border:none; } -:where(.cck-accordion-panel--disabled .cck-accordion-header--trigger-header){ +:where(.cck-accordion-panel--disabled > .cck-accordion-header){ + color:var(--base-disabled); +} +:where(.cck-accordion-panel--disabled > .cck-accordion-header--trigger-header){ cursor:not-allowed; } -:where(.cck-accordion-panel--disabled .cck-icon-button){ +:where(.cck-accordion-panel--disabled > .cck-accordion-header > .cck-accordion-header__icon-btn){ display:none; } -:where(.cck-accordion__default .cck-accordion-panel--collapsed:not(.cck-accordion-panel--disabled) .cck-accordion-header:first-child){ +:where(.cck-accordion__size--sm .cck-accordion-header){ + font:var(--text-base-font-medium); +} +:where(.cck-accordion__size--sm .cck-accordion-header > .cck-accordion-header__icon-btn){ + width:36px; + height:36px; +} +:where(.cck-accordion__size--md .cck-accordion-header){ + font:var(--text-lg-font-medium); +} +:where(.cck-accordion__size--md .cck-accordion-header > .cck-accordion-header__icon-btn){ + width:44px; + height:44px; +} +:where(.cck-accordion__default > .cck-accordion-panel--collapsed > .cck-accordion-header){ background-color:var(--base-surface-2); } -:where(.cck-accordion__default.cck-accordion__size--sm .cck-accordion-header:first-child){ +:where(.cck-accordion__default.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-header){ height:56px; padding:0 var(--spacing-7) 0 var(--spacing-8); } -:where(.cck-accordion__default.cck-accordion__size--md .cck-accordion-header:first-child){ +:where(.cck-accordion__default.cck-accordion__size--md > .cck-accordion-panel > .cck-accordion-header){ height:72px; padding:0 var(--spacing-8) 0 var(--spacing-10); } -:where(.cck-accordion__secondary.cck-accordion__size--sm .cck-accordion-header:first-child){ +:where(.cck-accordion__underline.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-header){ height:40px; - padding:0 var(--spacing-7) 0 var(--spacing-8); } -:where(.cck-accordion__secondary.cck-accordion__size--md .cck-accordion-header:first-child){ +:where(.cck-accordion__underline.cck-accordion__size--md > .cck-accordion-panel > .cck-accordion-header){ height:52px; } :where(.cck-accordion-panel){ - background-color:var(--base-surface-1); overflow:hidden; } :where(.cck-accordion-panel__content-wrapper){ @@ -2145,29 +2163,190 @@ :where(.cck-accordion-panel--collapsed){ padding-bottom:0; } -:where(.cck-accordion-panel--disabled){ - background-color:var(--base-fill-1); -} -:where(.cck-accordion__default .cck-accordion-panel:first-child){ +:where(.cck-accordion-panel){ + transition:padding-bottom 300ms; +} +:where(.cck-accordion--instant-animation > .cck-accordion-panel){ + transition:none; +} +:where(.cck-accordion__size--sm .cck-accordion-panel--expanded){ + padding-bottom:var(--spacing-8); +} +:where(.cck-accordion__size.md .cck-accordion-panel--expanded){ + padding-bottom:var(--spacing-10); +} +:where(.cck-accordion__default > .cck-accordion-panel){ border:1px solid var(--base-border); border-radius:var(--radi-6); + background-color:var(--base-surface-1); } -:where(.cck-accordion__default.cck-accordion__size--sm .cck-accordion-panel__content-wrapper){ +:where(.cck-accordion__default.cck-accordion__size--sm > .cck-accordion-panel > .cck-accordion-panel__content-wrapper){ padding-left:var(--spacing-8); padding-right:var(--spacing-7); } -:where(.cck-accordion__default.cck-accordion__size--sm .cck-accordion-panel--expanded .cck-accordion-panel__content-wrapper:first-child){ - padding-bottom:var(--spacing-8); -} -:where(.cck-accordion__default.cck-accordion__size--md .cck-accordion-panel__content-wrapper){ +:where(.cck-accordion__default.cck-accordion__size--md > .cck-accordion-panel > .cck-accordion-panel__content-wrapper){ padding-left:var(--spacing-10); padding-right:var(--spacing-8); } -:where(.cck-accordion__default.cck-accordion__size--md .cck-accordion-panel--expanded .cck-accordion-panel__content-wrapper:first-child){ - padding-bottom:var(--spacing-10); -} -:where(.cck-accordion__secondary .cck-accordion-panel){ +:where(.cck-accordion__underline){ padding-bottom:var(--spacing-8); +} +:where(.cck-accordion__underline > .cck-accordion-panel){ border-bottom:1px solid var(--base-border); +} + +:where(.cck-tabs){ + display:flex; + flex-direction:column; + gap:12px; +} + +:where(.cck-tabs__headers-wrapper){ + display:flex; + justify-content:center; + gap:var(--spacing-2); + flex-wrap:wrap; +} + +:where(.cck-tabs--align-left .cck-tabs__headers-wrapper){ + align-self:flex-start; + align-items:flex-start; + justify-content:flex-start; +} + +:where(.cck-tabs--align-center .cck-tabs__headers-wrapper){ + align-self:center; + align-items:center; + justify-content:center; +} + +:where(.cck-tabs--align-right .cck-tabs__headers-wrapper){ + align-self:flex-end; + align-items:flex-end; + justify-content:flex-end; +} + +:where(.cck-tabs--align-stretch .cck-tabs__headers-wrapper){ + align-self:stretch; + align-items:stretch; + justify-content:stretch; +} + +:where(.cck-tabs__toggle .cck-tabs__headers-wrapper){ + padding:var(--spacing-2); + border-radius:var(--radi-6); + background-color:var(--base-fill-1); +} + +:where(.cck-tabs__size--sm .cck-tabs__headers-wrapper){ + min-height:36px; +} + +:where(.cck-tabs__size--md .cck-tabs__headers-wrapper){ + min-height:44px; +} + +:where(.cck-tabs__size--lg .cck-tabs__headers-wrapper){ + min-height:56px; +} + +:where(.cck-tab){ + display:flex; + background:transparent; + border:none; + outline:none; + color:var(--text-dark-tertiary); + align-items:center; + justify-content:center; + white-space:nowrap; + cursor:pointer; + position:relative; +} +:where(.cck-tab .cck-svg-icon.cck-svg-icon--default-color){ + color:currentcolor; + fill:currentcolor; +} + +:where(.cck-tab__label){ + position:relative; + z-index:1; +} + +:where(.cck-tab--unselected):not(.cck-tab--disabled):focus-visible{ + outline:2px solid var(--state-brand-selected); +} + +:where(.cck-tab--selected){ + color:var(--text-dark-primary); +} + +:where(.cck-tab--disabled){ + color:var(--base-disabled); + cursor:not-allowed; +} + +:where(.cck-tab__indicator){ + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + z-index:0; +} + +:where(.cck-tabs--align-stretch .cck-tab){ + flex:1; +} + +:where(.cck-tabs__toggle .cck-tab){ + border-radius:var(--radi-5); +} +:where(.cck-tabs__toggle .cck-tab--unselected):not(.cck-tab--disabled):hover{ + background-color:var(--base-fill-2); +} +:where(.cck-tabs__toggle .cck-tab__indicator){ + border-radius:var(--radi-5); + background-color:var(--base-surface-1); + border:1px solid var(--base-border); +} + +:where(.cck-tabs__fill .cck-tab){ + border-radius:var(--radi-6); +} +:where(.cck-tabs__fill .cck-tab__indicator){ + border-radius:var(--radi-5); + background-color:var(--base-surface-2); + border:2px solid var(--state-brand-selected); +} + +:where(.cck-tabs__line .cck-tab__indicator){ + border-bottom:var(--stroke-lg) solid var(--state-brand-selected); +} + +:where(.cck-tabs__size--sm .cck-tab){ + font:var(--text-sm-font-medium); + padding:0 var(--spacing-7); + height:36px; +} +:where(.cck-tabs__size--sm .cck-tab.cck-tab--selected){ + font:var(--text-sm-font-semibold); +} + +:where(.cck-tabs__size--md .cck-tab){ + font:var(--text-base-font-medium); + padding:0 var(--spacing-8); + height:44px; +} +:where(.cck-tabs__size--md .cck-tab.cck-tab--selected){ + font:var(--text-base-font-semibold); +} + +:where(.cck-tabs__size--lg .cck-tab){ + font:var(--text-lg-font-medium); + padding:0 var(--spacing-9); + height:56px; +} +:where(.cck-tabs__size--lg .cck-tab.cck-tab--selected){ + font:var(--text-lg-font-semibold); } \ No newline at end of file diff --git a/packages/themes/frames-x/src/styles/css/components.min.css b/packages/themes/frames-x/src/styles/css/components.min.css index ddcf0428..050b63be 100644 --- a/packages/themes/frames-x/src/styles/css/components.min.css +++ b/packages/themes/frames-x/src/styles/css/components.min.css @@ -4,4 +4,4 @@ * Generated by cocokits 'scss-builder' */ -:where(.cck-button){align-items:center;border:none;border-radius:var(--radi-6);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:transparent;transition:all .1s}:where(.cck-button:focus-visible){box-shadow:0 0 0 3px var(--state-brand-selected)}:where(.cck-button .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-button__backdrop){display:none}:where(.cck-button__default.cck-button__color--brand){background-color:var(--state-brand-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--brand:hover){background-color:var(--state-brand-hover)}:where(.cck-button__default.cck-button__color--brand:active){background-color:var(--state-brand-selected)}:where(.cck-button__default.cck-button__color--brand:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__default.cck-button__color--highlight){background-color:var(--state-highlight-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--highlight:hover){background-color:var(--state-highlight-hover)}:where(.cck-button__default.cck-button__color--highlight:active){background-color:var(--state-highlight-selected)}:where(.cck-button__default.cck-button__color--highlight:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__default.cck-button__color--success){background-color:var(--state-success-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--success:hover){background-color:var(--state-success-hover)}:where(.cck-button__default.cck-button__color--success:active){background-color:var(--state-success-selected)}:where(.cck-button__default.cck-button__color--success:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__default.cck-button__color--danger){background-color:var(--state-danger-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--danger:hover){background-color:var(--state-danger-hover)}:where(.cck-button__default.cck-button__color--danger:active){background-color:var(--state-danger-selected)}:where(.cck-button__default.cck-button__color--danger:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__secondary){background-color:var(--base-surface-2);border:1px solid var(--base-border);color:var(--text-dark-primary);outline:1px solid transparent}:where(.cck-button__secondary:hover){background-color:var(--base-fill-2);border:1px solid var(--base-fill-2)}:where(.cck-button__secondary:active){background-color:var(--base-fill-1);border:1px solid var(--base-border)}:where(.cck-button__secondary:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost){background-color:var(--base-surface-1);outline:1px solid transparent}:where(.cck-button__ghost.cck-button__color--brand){border:1px solid var(--state-brand-active);color:var(--state-brand-active)}:where(.cck-button__ghost.cck-button__color--brand:hover){border:1px solid var(--state-brand-hover);outline:1px solid var(--state-brand-hover)}:where(.cck-button__ghost.cck-button__color--brand:active){border:1px solid var(--state-brand-selected);outline:1px solid var(--state-brand-selected)}:where(.cck-button__ghost.cck-button__color--brand:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost.cck-button__color--highlight){border:1px solid var(--state-highlight-active);color:var(--state-highlight-active)}:where(.cck-button__ghost.cck-button__color--highlight:hover){border:1px solid var(--state-highlight-hover);outline:1px solid var(--state-highlight-hover)}:where(.cck-button__ghost.cck-button__color--highlight:active){border:1px solid var(--state-highlight-selected);outline:1px solid var(--state-highlight-selected)}:where(.cck-button__ghost.cck-button__color--highlight:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost.cck-button__color--success){border:1px solid var(--state-success-active);color:var(--state-success-active)}:where(.cck-button__ghost.cck-button__color--success:hover){border:1px solid var(--state-success-hover);outline:1px solid var(--state-success-hover)}:where(.cck-button__ghost.cck-button__color--success:active){border:1px solid var(--state-success-selected);outline:1px solid var(--state-success-selected)}:where(.cck-button__ghost.cck-button__color--success:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost.cck-button__color--danger){border:1px solid var(--state-danger-active);color:var(--state-danger-active)}:where(.cck-button__ghost.cck-button__color--danger:hover){border:1px solid var(--state-danger-hover);outline:1px solid var(--state-danger-hover)}:where(.cck-button__ghost.cck-button__color--danger:active){border:1px solid var(--state-danger-selected);outline:1px solid var(--state-danger-selected)}:where(.cck-button__ghost.cck-button__color--danger:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__size--sm){font:var(--text-sm-font-semibold);gap:var(--spacing-3);height:36px;padding:var(--spacing-0) var(--spacing-7)}:where(.cck-button__size--md){font:var(--text-base-font-semibold);gap:var(--spacing-5);height:44px;padding:var(--spacing-0) var(--spacing-8)}:where(.cck-button__size--lg){font:var(--text-lg-font-semibold);gap:var(--spacing-7);height:44px;padding:var(--spacing-0) var(--spacing-8)}:where(.cck-button__size--xl){font:var(--text-xl-font-semibold);gap:var(--spacing-7);height:56px;padding:var(--spacing-0) var(--spacing-10)}:where(.cck-checkbox){display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-checkbox__wrapper){align-items:center;display:inline-flex;vertical-align:middle}:where(.cck-checkbox__input-wrapper){box-sizing:content-box;cursor:pointer;display:inline-block;flex-shrink:0;line-height:0;position:relative;white-space:nowrap}:where(.cck-checkbox__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%}:where(.cck-checkbox__input:focus-visible~.cck-checkbox__background){border:2px solid var(--state-brand-selected);box-shadow:0 0 0 1px var(--state-brand-selected)}:where(.cck-checkbox__background){align-items:center;background-color:var(--base-fill-1);border:2px solid var(--base-border);border-radius:var(--radi-4);box-sizing:border-box;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);width:100%;will-change:background-color,outline-color}:where(.cck-checkbox.cck-checkbox--disabled .cck-checkbox__background){background-color:var(--base-disabled);border:2px solid transparent}:where(.cck-checkbox.cck-checkbox--disabled .cck-checkbox__label){color:var(--base-disabled)}:where(.cck-checkbox.cck-checkbox--disabled *){cursor:default}:where(.cck-checkbox--checked .cck-checkbox__background){background-color:var(--state-brand-active);border:2px solid var(--state-brand-active)}:where(.cck-checkbox--checked .cck-checkbox__checkmark){opacity:1}:where(.cck-checkbox--indeterminate .cck-checkbox__background){background-color:var(--state-brand-active);border:2px solid var(--state-brand-active)}:where(.cck-checkbox--indeterminate .cck-checkbox__checkmark){opacity:0;transform:rotate(45deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1)}:where(.cck-checkbox--indeterminate .cck-checkbox__mixedmark){opacity:1;transform:scaleX(1) rotate(0deg)}:where(.cck-checkbox__mixedmark){border:2px solid #fff;border-radius:100px;height:0;margin:2px;opacity:0;transform:scaleX(0) rotate(0deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox__checkmark){color:#fff;inset:0;opacity:0;padding:2px;position:absolute;transition:opacity .18s cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox__checkmark-path){fill:currentcolor}:where(.cck-checkbox__label){color:var(--text-dark-primary);cursor:pointer;margin-left:0;margin-right:auto;order:0;padding-left:0;padding-right:0;text-align:left;white-space:nowrap}:where(.cck-checkbox__label:empty){display:none}:where(.cck-checkbox__size--sm .cck-checkbox__wrapper){gap:var(--spacing-7)}:where(.cck-checkbox__size--sm .cck-checkbox__input-wrapper){height:22px;width:22px}:where(.cck-checkbox__size--sm .cck-checkbox__label){font:var(--text-sm-font-medium)}:where(.cck-checkbox__size--md .cck-checkbox__wrapper){gap:var(--spacing-7)}:where(.cck-checkbox__size--md .cck-checkbox__input-wrapper){height:24px;width:24px}:where(.cck-checkbox__size--md .cck-checkbox__label){font:var(--text-base-font-medium)}:where(.cck-checkbox__size--lg .cck-checkbox__wrapper){gap:var(--spacing-8)}:where(.cck-checkbox__size--lg .cck-checkbox__input-wrapper){height:32px;width:32px}:where(.cck-checkbox__size--lg .cck-checkbox__label){font:var(--text-lg-font-medium)}:where(.cck-checkbox__size--xl .cck-checkbox__wrapper){gap:var(--spacing-8)}:where(.cck-checkbox__size--xl .cck-checkbox__input-wrapper){height:32px;width:32px}:where(.cck-checkbox__size--xl .cck-checkbox__label){font:var(--text-xl-font-medium)}:where(.cck-chip){align-items:center;background-color:var(--base-surface-2);border:1px solid var(--base-border);border-radius:var(--radi-5);color:var(--text-dark-primary);cursor:default;display:flex;transition:all .1s}:where(.cck-chip--disabled){background-color:var(--base-fill-1);border:1px solid transparent;color:var(--base-disabled);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-chip__content-wrapper){align-items:center;display:flex;justify-content:center}:where(.cck-chip__remove-icon-wrapper){align-items:center;display:flex;flex-shrink:0;justify-content:center}:where(.cck-chip__remove-icon-wrapper .cck-icon-button){background-color:transparent;border-radius:50%;color:var(--base-fill-4);height:24px;padding:0;width:24px}:where(.cck-chip__remove-icon-wrapper .cck-icon-button:hover){background-color:var(--base-fill-1)}:where(.cck-chip__remove-icon-wrapper .cck-icon-button .cck-svg-icon){height:100%;width:100%}:where(.cck-chip__size--sm){font:var(--text-xs-font-medium);gap:var(--spacing-4);height:26px;padding:0 var(--spacing-7)}:where(.cck-chip__size--sm.cck-chip--removable){padding:0 var(--spacing-6) 0 var(--spacing-7)}:where(.cck-chip__size--md){font:var(--text-base-font-medium);gap:var(--spacing-4);height:34px;padding:0 var(--spacing-8)}:where(.cck-chip__size--md.cck-chip--removable){padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-chip__size--lg){font:var(--text-lg-font-medium);gap:var(--spacing-6);height:44px;padding:0 var(--spacing-9)}:where(.cck-chip__size--lg.cck-chip--removable){padding:0 var(--spacing-8) 0 var(--spacing-9)}:where(.cck-chip-list){align-items:stretch;display:flex;flex-wrap:wrap;justify-content:flex-start}:where(.cck-chip-list__input){background:transparent;border:none;color:var(--text-dark-primary);flex:1;font:var(--text-base-font-medium);outline:none}:where(.cck-chip-list__input::-moz-placeholder){color:var(--text-dark-tertiary);-moz-transition:color .1s ease-in;transition:color .1s ease-in}:where(.cck-chip-list__input::placeholder){color:var(--text-dark-tertiary);transition:color .1s ease-in}:where(.cck-chip-list__input:not(:focus)::-moz-placeholder){color:transparent}:where(.cck-chip-list__input:not(:focus)::placeholder){color:transparent}:where(.cck-chip-list__size--sm){gap:6px}:where(.cck-chip-list__size--sm .cck-chip-list__input){font:var(--text-xs-font-medium);height:26px;margin-left:var(--spacing-5)}:where(.cck-chip-list__size--sm .cck-chip-list__input:first-child){margin-left:calc(var(--spacing-6) - 4px)}:where(.cck-chip-list__size--md){gap:6px}:where(.cck-chip-list__size--md .cck-chip-list__input){font:var(--text-base-font-medium);height:34px;margin-left:var(--spacing-6)}:where(.cck-chip-list__size--md .cck-chip-list__input:first-child){margin-left:calc(var(--spacing-7) - 4px)}:where(.cck-chip-list__size--lg){gap:6px}:where(.cck-chip-list__size--lg .cck-chip-list__input){font:var(--text-lg-font-medium);height:44px;margin-left:var(--spacing-7)}:where(.cck-chip-list__size--lg .cck-chip-list__input:first-child){margin-left:calc(var(--spacing-7) - 6px)}:where(*){box-sizing:border-box}:where(.cck-divider){background-color:var(--base-border);display:block;flex-shrink:0}:where(.cck-divider__horizontal){margin:4px 0;width:100%}:where(.cck-divider__horizontal.cck-divider__size--sm){height:1px}:where(.cck-divider__horizontal.cck-divider__size--md){height:2px;width:100%}:where(.cck-divider__vertical){height:100%;margin:0 4px}:where(.cck-divider__vertical.cck-divider__size--sm){width:1px}:where(.cck-divider__vertical.cck-divider__size--md){width:2px}:where(.cck-error){color:var(--state-danger-active);display:flex;font:var(--text-sm-font-medium);gap:6px}:where(.cck-error .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-form-field){align-items:flex-start;display:flex;flex-direction:column;gap:10px;min-width:100px}:where(.cck-form-field .cck-select){flex:1;height:100%;width:100%}:where(.cck-form-field .cck-input){flex:1;width:100%}:where(.cck-form-field--error .cck-form-field__wrapper){border:1px solid var(--state-danger-active);outline:1px solid var(--state-danger-active)}:where(.cck-form-field--focused .cck-form-field__wrapper){background-color:var(--base-surface-2);border:1px solid var(--state-brand-active);outline:1px solid var(--state-brand-active)}:where(.cck-form-field--disabled .cck-form-field__wrapper){background-color:var(--base-fill-1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-form-field__wrapper){align-items:stretch;background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-6);display:flex;flex-direction:row;outline:1px solid transparent;overflow:hidden;width:100%}:where(.cck-form-field__size--sm.cck-form-field--with-input .cck-form-field__wrapper),:where(.cck-form-field__size--sm.cck-form-field--with-select .cck-form-field__wrapper){height:36px}:where(.cck-form-field__size--sm.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field__size--sm.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--spacing-6) 0 var(--spacing-7)}:where(.cck-form-field__size--sm .cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:var(--spacing-6) var(--spacing-6) var(--spacing-6) var(--spacing-7)}:where(.cck-form-field__size--sm.cck-form-field--with-chip-list .cck-form-field__input-wrapper){padding:4px}:where(.cck-form-field__size--sm .cck-input),:where(.cck-form-field__size--sm .cck-leading),:where(.cck-form-field__size--sm .cck-select),:where(.cck-form-field__size--sm .cck-textarea),:where(.cck-form-field__size--sm .cck-trailing){font:var(--text-sm-font-medium)}:where(.cck-form-field__size--md.cck-form-field--with-input .cck-form-field__wrapper),:where(.cck-form-field__size--md.cck-form-field--with-select .cck-form-field__wrapper){height:44px}:where(.cck-form-field__size--md.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field__size--md.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-form-field__size--md .cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:var(--spacing-7) var(--spacing-7) var(--spacing-7) var(--spacing-8)}:where(.cck-form-field__size--md.cck-form-field--with-chip-list .cck-form-field__input-wrapper){padding:4px}:where(.cck-form-field__size--md .cck-input),:where(.cck-form-field__size--md .cck-leading),:where(.cck-form-field__size--md .cck-select),:where(.cck-form-field__size--md .cck-textarea),:where(.cck-form-field__size--md .cck-trailing){font:var(--text-base-font-medium)}:where(.cck-form-field__size--lg.cck-form-field--with-input .cck-form-field__wrapper),:where(.cck-form-field__size--lg.cck-form-field--with-select .cck-form-field__wrapper){height:56px}:where(.cck-form-field__size--lg.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field__size--lg.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-form-field__size--lg .cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:var(--spacing-7) var(--spacing-7) var(--spacing-7) var(--spacing-8)}:where(.cck-form-field__size--lg.cck-form-field--with-chip-list .cck-form-field__input-wrapper){padding:6px}:where(.cck-form-field__size--lg .cck-input),:where(.cck-form-field__size--lg .cck-leading),:where(.cck-form-field__size--lg .cck-select),:where(.cck-form-field__size--lg .cck-textarea),:where(.cck-form-field__size--lg .cck-trailing){font:var(--text-lg-font-medium)}:where(.cck-form-field__feedback-wrapper){display:flex;flex-direction:column;overflow:hidden}:where(.cck-form-field__feedback-wrapper:empty){display:none}:where(.cck-form-field__input-wrapper){align-items:center;display:flex;flex:1;flex-direction:row;gap:8px;min-width:0}:where(.cck-form-field--with-chip-list .cck-chip-list){flex:1}:where(.cck-form-field--with-chip-list .cck-form-field__wrapper){cursor:text}:where(.cck-form-field--with-chip-list .cck-prefix),:where(.cck-form-field--with-chip-list .cck-suffix){align-self:flex-start}:where(.cck-form-field--with-chip-list.cck-form-field__size--sm .cck-suffix){margin-right:4px;margin-top:6px}:where(.cck-form-field--with-chip-list.cck-form-field__size--md .cck-suffix){margin-right:4px;margin-top:8px}:where(.cck-form-field--with-chip-list.cck-form-field__size--lg .cck-suffix){margin-left:4px;margin-right:8px;margin-top:12px}:where(.cck-form-field--with-chip-list.cck-form-field__size--sm .cck-prefix){margin-left:4px;margin-top:6px}:where(.cck-form-field--with-chip-list.cck-form-field__size--md .cck-prefix){margin-left:4px;margin-top:8px}:where(.cck-form-field--with-chip-list.cck-form-field__size--lg .cck-prefix){margin-left:8px;margin-right:4px;margin-top:12px}:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:10px 10px 10px 16px}:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper:hover:not(:has(textarea:focus-visible))){background-color:var(--base-fill-1)}:where(.cck-form-field--with-input .cck-form-field__input-wrapper:hover:not(:has(input:focus-visible))),:where(.cck-form-field--with-select .cck-form-field__input-wrapper:hover:not(:has(input:focus-visible))){background-color:var(--base-fill-1)}:where(.cck-hint){color:var(--text-dark-secondary);display:flex;font:var(--text-sm-font-medium);gap:6px}:where(.cck-hint .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-hint__color--default){color:var(--text-dark-secondary)}:where(.cck-hint__color--success){color:var(--state-success-active)}:where(.cck-svg-icon){align-items:center;display:flex;flex-shrink:0;justify-content:center}:where(.cck-svg-icon__svg){height:100%;width:100%}:where(.cck-svg-icon__size--xs){height:var(--icon-xs);width:var(--icon-xs)}:where(.cck-svg-icon__size--sm){height:var(--icon-sm);width:var(--icon-sm)}:where(.cck-svg-icon__size--md){height:var(--icon-md);width:var(--icon-md)}:where(.cck-svg-icon__size--lg){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-svg-icon__size--xl){height:var(--icon-xl);width:var(--icon-xl)}:where(.cck-svg-icon__size--2xl){height:var(--icon-2xl);width:var(--icon-2xl)}:where(.cck-svg-icon__size--3xl){height:var(--icon-3xl);width:var(--icon-3xl)}:where(.cck-svg-icon__size--4xl){height:var(--icon-4xl);width:var(--icon-4xl)}:where(.cck-svg-icon__color--grey){fill:var(--base-fill-4)}:where(.cck-svg-icon__color--brand){fill:var(--state-brand-active)}:where(.cck-svg-icon__color--highlight){fill:var(--state-highlight-active)}:where(.cck-svg-icon__color--success){fill:var(--state-success-active)}:where(.cck-svg-icon__color--danger){fill:var(--state-danger-active)}:where(.cck-icon-button){align-items:center;border:none;border-radius:var(--radi-6);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:transparent;transition:all .1s}:where(.cck-icon-button .cck-svg-icon--default-color){fill:currentcolor}:where(.cck-icon-button:focus-visible){box-shadow:0 0 0 3px var(--state-brand-selected)}:where(.cck-icon-button__default.cck-icon-button__color--brand){background-color:var(--state-brand-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--brand:hover){background-color:var(--state-brand-hover)}:where(.cck-icon-button__default.cck-icon-button__color--brand:active){background-color:var(--state-brand-selected)}:where(.cck-icon-button__default.cck-icon-button__color--brand:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__default.cck-icon-button__color--highlight){background-color:var(--state-highlight-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--highlight:hover){background-color:var(--state-highlight-hover)}:where(.cck-icon-button__default.cck-icon-button__color--highlight:active){background-color:var(--state-highlight-selected)}:where(.cck-icon-button__default.cck-icon-button__color--highlight:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__default.cck-icon-button__color--success){background-color:var(--state-success-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--success:hover){background-color:var(--state-success-hover)}:where(.cck-icon-button__default.cck-icon-button__color--success:active){background-color:var(--state-success-selected)}:where(.cck-icon-button__default.cck-icon-button__color--success:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__default.cck-icon-button__color--danger){background-color:var(--state-danger-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--danger:hover){background-color:var(--state-danger-hover)}:where(.cck-icon-button__default.cck-icon-button__color--danger:active){background-color:var(--state-danger-selected)}:where(.cck-icon-button__default.cck-icon-button__color--danger:disabled){background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__secondary){background-color:var(--base-surface-2);border:1px solid var(--base-border);color:var(--text-dark-primary);outline:1px solid transparent}:where(.cck-icon-button__secondary:hover){background-color:var(--base-fill-2);border:1px solid var(--base-fill-2)}:where(.cck-icon-button__secondary:active){background-color:var(--base-fill-1);border:1px solid var(--base-border)}:where(.cck-icon-button__secondary:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost){background-color:var(--base-surface-1);outline:1px solid transparent}:where(.cck-icon-button__ghost.cck-icon-button__color--brand){border:1px solid var(--state-brand-active);color:var(--state-brand-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--brand:hover){border:1px solid var(--state-brand-hover);outline:1px solid var(--state-brand-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--brand:active){border:1px solid var(--state-brand-selected);outline:1px solid var(--state-brand-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--brand:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight){border:1px solid var(--state-highlight-active);color:var(--state-highlight-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight:hover){border:1px solid var(--state-highlight-hover);outline:1px solid var(--state-highlight-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight:active){border:1px solid var(--state-highlight-selected);outline:1px solid var(--state-highlight-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost.cck-icon-button__color--success){border:1px solid var(--state-success-active);color:var(--state-success-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--success:hover){border:1px solid var(--state-success-hover);outline:1px solid var(--state-success-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--success:active){border:1px solid var(--state-success-selected);outline:1px solid var(--state-success-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--success:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost.cck-icon-button__color--danger){border:1px solid var(--state-danger-active);color:var(--state-danger-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--danger:hover){border:1px solid var(--state-danger-hover);outline:1px solid var(--state-danger-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--danger:active){border:1px solid var(--state-danger-selected);outline:1px solid var(--state-danger-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--danger:disabled){background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__size--sm){height:36px;width:36px}:where(.cck-icon-button__size--sm .cck-svg-icon--default-size){height:var(--icon-md);width:var(--icon-md)}:where(.cck-icon-button__size--md){height:44px;width:44px}:where(.cck-icon-button__size--md .cck-svg-icon--default-size){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-icon-button__size--lg){height:44px;width:44px}:where(.cck-icon-button__size--lg .cck-svg-icon--default-size){height:var(--icon-xl);width:var(--icon-xl)}:where(.cck-icon-button__size--xl){height:56px;width:56px}:where(.cck-icon-button__size--xl .cck-svg-icon--default-size){height:var(--icon-2xl);width:var(--icon-2xl)}:where(.cck-input){background-color:transparent;border:none;color:var(--text-dark-primary);font:var(--text-base-font-medium);outline:none;text-overflow:ellipsis}:where(.cck-input::-moz-placeholder){color:var(--text-dark-tertiary)}:where(.cck-input::placeholder){color:var(--text-dark-tertiary)}:where(.cck-input:disabled){color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-label){color:var(--text-dark-secondary);display:flex;font:var(--text-base-font-regular)}:where(.cck-label__required-marker){margin-left:4px}:where(.cck-leading){align-items:center;background-color:var(--base-surface-2);color:var(--text-dark-tertiary);cursor:default;display:flex;font:var(--text-base-font-medium);gap:var(--spacing-4);justify-content:center;padding:0 var(--spacing-7);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-leading--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-leading--clickable:active){background-color:var(--base-fill-1)}:where(.cck-leading--clickable:hover){background-color:var(--base-fill-2)}:where(.cck-menu){background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-6);box-shadow:0 8px 10px -6px rgba(13,16,23,.039),0 18px 22px -4px rgba(13,16,23,.078);display:flex;flex-direction:column;margin:4px 0;overflow:hidden;padding:0}:where(.cck-menu__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-menu-item){align-items:center;color:var(--text-dark-secondary);display:flex;font:var(--text-base-font-medium);gap:var(--spacing-6);justify-content:flex-start;padding:var(--spacing-6) var(--spacing-5)}:where(.cck-menu-item:not(.cck-menu-item--disabled)){cursor:pointer}:where(.cck-menu-item--disabled .cck-svg-icon.cck-svg-icon--default-color),:where(.cck-menu-item--disabled){color:var(--base-disabled)}:where(.cck-menu-item:not(.cck-menu-item--disabled):hover){background-color:var(--base-fill-1)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-select__options-wrapper){background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-6);height:inherit;margin-top:6px;max-height:inherit;overflow:auto}:where(.cck-option__content-wrapper){flex:1}:where(.cck-option){align-items:center;color:var(--text-dark-secondary);display:flex;font:var(--text-base-font-medium);gap:8px;padding:0 12px}:where(.cck-option:not(.cck-option--disabled)){cursor:pointer}:where(.cck-option--disabled){color:var(--base-disabled);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option:not(.cck-option--disabled):hover){background-color:var(--base-fill-1)}:where(.cck-option .cck-checkbox__input-wrapper){height:22px;width:22px}:where(.cck-option--single.cck-option--selected){color:var(--state-brand-active)}:where(.cck-option__size--sm){height:40px}:where(.cck-option__size--md){height:48px}:where(.cck-option__size--lg){height:56px}:where(.cck-option__selected-checkmark .cck-svg-icon){height:var(--icon-md);width:var(--icon-md);fill:currentcolor}:where(.cck-option-group){display:flex;flex-direction:column}:where(.cck-option-group--label){align-items:center;color:var(--text-dark-primary);display:flex;font:var(--text-base-font-bold);padding:0 12px}:where(.cck-option-group--disabled .cck-option-group--label){color:var(--base-disabled);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option-group .cck-option){padding:0 24px}:where(.cck-option-group__size--sm .cck-option-group--label){height:40px}:where(.cck-option-group__size--md .cck-option-group--label){height:48px}:where(.cck-option-group__size--lg .cck-option-group--label){height:56px}:where(.cck-prefix){flex-grow:0}:where(.cck-prefix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-md);width:var(--icon-md)}:where(.cck-radio-button){color:var(--text-dark-primary);cursor:pointer}:where(.cck-radio-button.cck-radio-button--disabled){color:var(--base-disabled);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-button.cck-radio-button--disabled .cck-radio-button__input-wrapper){background-color:var(--base-disabled);border-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-button.cck-radio-button--disabled .cck-radio-button__label){-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-button:hover .cck-radio-button__input-wrapper){box-shadow:0 0 0 3px var(--state-brand-selected)}:where(.cck-radio-button__wrapper){align-items:center;display:inline-flex;vertical-align:middle}:where(.cck-radio-button__input-wrapper){align-items:center;background-color:var(--base-fill-1);border:2px solid var(--base-border);border-radius:50%;display:flex;flex-shrink:0;justify-content:center;position:relative}:where(.cck-radio-button__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:1}:where(.cck-radio-button__background){background-color:var(--base-surface-1);border-radius:50%;opacity:0}:where(.cck-radio-button__label){white-space:nowrap}:where(.cck-radio-button--checked .cck-radio-button__input-wrapper){background-color:var(--state-brand-active);border-color:var(--state-brand-active)}:where(.cck-radio-button--checked .cck-radio-button__background){opacity:1}:where(.cck-radio-button__size--sm){font:var(--text-sm-font-medium)}:where(.cck-radio-button__size--sm .cck-radio-button__wrapper){gap:var(--spacing-7)}:where(.cck-radio-button__size--sm .cck-radio-button__input-wrapper){height:22px;width:22px}:where(.cck-radio-button__size--sm .cck-radio-button__background){height:12px;width:12px}:where(.cck-radio-button__size--md){font:var(--text-base-font-medium)}:where(.cck-radio-button__size--md .cck-radio-button__wrapper){gap:var(--spacing-7)}:where(.cck-radio-button__size--md .cck-radio-button__input-wrapper){height:24px;width:24px}:where(.cck-radio-button__size--md .cck-radio-button__background){height:12px;width:12px}:where(.cck-radio-button__size--lg){font:var(--text-lg-font-medium)}:where(.cck-radio-button__size--lg .cck-radio-button__wrapper){gap:var(--spacing-8)}:where(.cck-radio-button__size--lg .cck-radio-button__input-wrapper){height:32px;width:32px}:where(.cck-radio-button__size--lg .cck-radio-button__background){height:16px;width:16px}:where(.cck-radio-button__size--xl){font:var(--text-xl-font-medium)}:where(.cck-radio-button__size--xl .cck-radio-button__wrapper){gap:var(--spacing-8)}:where(.cck-radio-button__size--xl .cck-radio-button__input-wrapper){height:32px;width:32px}:where(.cck-radio-button__size--xl .cck-radio-button__background){height:16px;width:16px}:where(.cck-radio-group){align-items:flex-start;display:flex}:where(.cck-radio-group__row){flex-direction:row;gap:24px}:where(.cck-radio-group__column){flex-direction:column;gap:12px}:where(.cck-select){align-items:center;border-radius:var(--radi-6);color:var(--text-dark-primary);cursor:pointer;display:flex;font:var(--text-base-font-medium)}:where(.cck-select:hover .cck-svg-icon){fill:var(--base-fill-5)}:where(.cck-select--disabled){color:var(--base-disabled);cursor:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-select__placeholder){color:var(--text-dark-tertiary)}:where(.cck-select__trigger-wrapper){color:currentcolor;flex:1;overflow:hidden;padding-right:8px;text-align:start}:where(.cck-select__trigger-value){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.cck-select__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-select__dropdown-icon-wrapper){transition:transform .3s}:where(.cck-select__dropdown-icon-wrapper .cck-svg-icon){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-select--opened .cck-select__dropdown-icon-wrapper){transform:rotate(180deg)}:where(.cck-suffix){flex-grow:0}:where(.cck-suffix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-md);width:var(--icon-md)}:where(.cck-textarea){background-color:transparent;border:none;color:var(--text-dark-primary);font:var(--text-base-font-medium);min-height:24px;min-width:100%;outline:none;padding:0;scrollbar-color:var(--base-border) transparent}:where(.cck-textarea::-moz-placeholder){color:var(--text-dark-tertiary)}:where(.cck-textarea::placeholder){color:var(--text-dark-tertiary)}:where(.cck-textarea::-webkit-resizer){background-image:url('data:image/svg+xml;utf8,');background-position:100% 100%;background-repeat:no-repeat;height:9px;width:9px}:where(.cck-textarea:disabled){color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle){cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle__label){align-items:center;color:var(--text-dark-primary);cursor:pointer;display:flex;white-space:nowrap}:where(.cck-toggle--label-before .cck-toggle__label){flex-direction:row-reverse}:where(.cck-toggle__input){cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}:where(.cck-toggle .cck-toggle__slider-wrapper){position:relative}:where(.cck-toggle .cck-toggle__slider-wrapper:has(input:focus-visible)){outline:2px solid var(--state-brand-selected)}:where(.cck-toggle__size--sm .cck-toggle__label){font:var(--text-sm-font-medium);gap:var(--spacing-7)}:where(.cck-toggle__size--md .cck-toggle__label){font:var(--text-base-font-medium);gap:var(--spacing-7)}:where(.cck-toggle__size--lg .cck-toggle__label){font:var(--text-lg-font-medium);gap:var(--spacing-8)}:where(.cck-toggle__size--xl .cck-toggle__label){font:var(--text-xl-font-medium);gap:var(--spacing-8)}:where(.cck-toggle__knob .cck-toggle__thumb){background-color:var(--base-surface-1);position:absolute;transition:all .3s ease;z-index:2}:where(.cck-toggle__knob .cck-toggle__backdrop){height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease;width:100%;z-index:1}:where(.cck-toggle__knob.cck-toggle--checked .cck-toggle__thumb){left:100%;top:50%;transform:translate(calc(-100% - var(--frames-x--toggle-margin)),-50%)}:where(.cck-toggle__knob.cck-toggle--checked .cck-toggle__backdrop){background-color:var(--state-brand-active)}:where(.cck-toggle__knob.cck-toggle--unchecked .cck-toggle__thumb){left:0;top:50%;transform:translate(var(--frames-x--toggle-margin),-50%)}:where(.cck-toggle__knob.cck-toggle--unchecked .cck-toggle__backdrop){background-color:var(--base-fill-2)}:where(.cck-toggle__knob.cck-toggle__size--sm){--frames-x--toggle-margin:2px}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__slider-wrapper){height:19px;width:40px}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__thumb){border-radius:var(--radi-2);height:15px;width:18px}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__slider-wrapper){border-radius:var(--radi-3)}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__backdrop){border-radius:var(--radi-3)}:where(.cck-toggle__knob.cck-toggle__size--md){--frames-x--toggle-margin:2px}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__slider-wrapper){height:24px;width:48px}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__thumb){border-radius:var(--radi-4);height:20px;width:22px}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__slider-wrapper){border-radius:var(--radi-5)}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__backdrop){border-radius:var(--radi-5)}:where(.cck-toggle__knob.cck-toggle__size--lg){--frames-x--toggle-margin:4px}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__slider-wrapper){height:32px;width:56px}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__thumb){border-radius:var(--radi-5);height:24px;width:26px}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__backdrop){border-radius:var(--radi-6)}:where(.cck-toggle__knob.cck-toggle__size--xl){--frames-x--toggle-margin:4px}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__slider-wrapper){height:44px;width:80px}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__thumb){border-radius:var(--radi-5);height:36px;width:36px}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__backdrop){border-radius:var(--radi-6)}:where(.cck-toggle__switch .cck-toggle__thumb){background-color:var(--base-surface-1);box-shadow:0 1px 2px var(--colors-alpha-dark-50);position:absolute;transition:all .3s ease;z-index:2}:where(.cck-toggle__switch .cck-toggle__backdrop){height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:100%;z-index:1}:where(.cck-toggle__switch.cck-toggle--checked .cck-toggle__thumb){left:100%;top:50%;transform:translate(-100%,-50%)}:where(.cck-toggle__switch.cck-toggle--checked .cck-toggle__backdrop){background-color:var(--state-brand-active)}:where(.cck-toggle__switch.cck-toggle--unchecked .cck-toggle__thumb){left:0;top:50%;transform:translateY(-50%)}:where(.cck-toggle__switch.cck-toggle--unchecked .cck-toggle__backdrop){background-color:var(--base-fill-2)}:where(.cck-toggle__switch.cck-toggle__size--sm .cck-toggle__slider-wrapper){width:40px}:where(.cck-toggle__switch.cck-toggle__size--sm .cck-toggle__thumb){border-radius:var(--radi-4);height:20px;width:20px}:where(.cck-toggle__switch.cck-toggle__size--sm .cck-toggle__backdrop){border-radius:var(--radi-6);height:12px}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__slider-wrapper){width:44px}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__thumb){border-radius:var(--radi-5);height:24px;width:24px}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__slider-wrapper){border-radius:var(--radi-5)}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__backdrop){border-radius:var(--radi-6);height:16px}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__slider-wrapper){width:56px}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__thumb){border-radius:var(--radi-6);height:32px;width:32px}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__backdrop){border-radius:var(--radi-6);height:20px}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__slider-wrapper){width:80px}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__thumb){border-radius:var(--radi-6);height:40px;width:40px}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__backdrop){border-radius:var(--radi-6);height:32px}:where(.cck-toggle__knob.cck-toggle--disabled),:where(.cck-toggle__switch.cck-toggle--disabled){cursor:default;pointer-events:none}:where(.cck-toggle__knob.cck-toggle--disabled .cck-toggle__thumb),:where(.cck-toggle__switch.cck-toggle--disabled .cck-toggle__thumb){background-color:var(--base-fill-3)}:where(.cck-toggle__knob.cck-toggle--disabled .cck-toggle__backdrop),:where(.cck-toggle__switch.cck-toggle--disabled .cck-toggle__backdrop){background-color:var(--base-fill-2)}:where(.cck-toggle__knob.cck-toggle--disabled .cck-toggle__label),:where(.cck-toggle__switch.cck-toggle--disabled .cck-toggle__label){color:var(--base-disabled)}:where(.cck-trailing){align-items:center;background-color:var(--base-surface-2);color:var(--text-dark-tertiary);cursor:default;display:flex;font:var(--text-base-font-medium);gap:var(--spacing-4);justify-content:center;padding:0 var(--spacing-7);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-trailing--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-trailing--clickable:active){background-color:var(--base-fill-1)}:where(.cck-trailing--clickable:hover:not(:active)){background-color:var(--base-fill-2)}:where(.cck-avatar){align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden}:where(.cck-avatar__fallback-image),:where(.cck-avatar__image),:where(.cck-avatar__placeholder-image){border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:where(.cck-avatar--with-label){background-color:var(--state-brand-active);color:var(--text-light-primary)}:where(.cck-avatar--clickable){cursor:pointer}:where(.cck-avatar__size--xs){height:28px;width:28px}:where(.cck-avatar__size--xs.cck-avatar--with-label){font:var(--text-xs-font-semibold)}:where(.cck-avatar__size--sm){height:32px;width:32px}:where(.cck-avatar__size--sm.cck-avatar--with-label){font:var(--text-xs-font-semibold)}:where(.cck-avatar__size--md){height:40px;width:40px}:where(.cck-avatar__size--md.cck-avatar--with-label){font:var(--text-sm-font-semibold)}:where(.cck-avatar__size--lg){height:44px;width:44px}:where(.cck-avatar__size--lg.cck-avatar--with-label){font:var(--text-lg-font-semibold)}:where(.cck-avatar__size--xl){height:56px;width:56px}:where(.cck-avatar__size--xl.cck-avatar--with-label){font:var(--text-xl-font-semibold)}:where(.cck-avatar__size--2xl){height:72px;width:72px}:where(.cck-avatar__size--2xl.cck-avatar--with-label){font:var(--text-2xl-font-semibold)}:where(.cck-avatar-group){display:flex}:where(.cck-avatar-group--direction-left){direction:rtl}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xs .cck-avatar:not(:last-of-type)){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--sm .cck-avatar:not(:last-of-type)){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--md .cck-avatar:not(:last-of-type)){margin-left:-14px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--lg .cck-avatar:not(:last-of-type)){margin-left:-16px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xl .cck-avatar:not(:last-of-type)){margin-left:-16px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--2xl .cck-avatar:not(:last-of-type)){margin-left:-18px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xs .cck-avatar:not(:first-of-type)){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--sm .cck-avatar:not(:first-of-type)){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--md .cck-avatar:not(:first-of-type)){margin-left:-14px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--lg .cck-avatar:not(:first-of-type)){margin-left:-16px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xl .cck-avatar:not(:first-of-type)){margin-left:-16px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--2xl .cck-avatar:not(:first-of-type)){margin-left:-18px}:where(.cck-avatar-group .cck-avatar){border:2px solid var(--base-surface-1)}:where(.cck-avatar-label){align-items:center;display:flex}:where(.cck-avatar-label__title){color:var(--text-dark-primary)}:where(.cck-avatar-label__description){color:var(--text-dark-tertiary)}:where(.cck-avatar-label__label-wrapper){display:flex}:where(.cck-avatar-label--avatar-right){flex-direction:row-reverse}:where(.cck-avatar-label--avatar-right .cck-avatar-label__label-wrapper){text-align:right}:where(.cck-avatar-label--avatar-left){flex-direction:row}:where(.cck-avatar-label--avatar-top){flex-direction:column}:where(.cck-avatar-label--avatar-bottom){flex-direction:column-reverse}:where(.cck-avatar-label--avatar-bottom.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-top.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--avatar-left.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-right.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center;flex-direction:row}:where(.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){flex-direction:column;justify-content:center}:where(.cck-avatar-label__size--xs){gap:var(--spacing-5)}:where(.cck-avatar-label__size--xs .cck-avatar-label__label-wrapper){font:var(--text-xs-font-medium);gap:2px}:where(.cck-avatar-label__size--xs.cck-avatar-label--avatar-left.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper),:where(.cck-avatar-label__size--xs.cck-avatar-label--avatar-right.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-5)}:where(.cck-avatar-label__size--sm){gap:var(--spacing-5)}:where(.cck-avatar-label__size--sm .cck-avatar-label__label-wrapper){font:var(--text-xs-font-medium)}:where(.cck-avatar-label__size--sm.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-5)}:where(.cck-avatar-label__size--sm.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:4px}:where(.cck-avatar-label__size--md){gap:var(--spacing-5)}:where(.cck-avatar-label__size--md .cck-avatar-label__label-wrapper){font:var(--text-sm-font-medium)}:where(.cck-avatar-label__size--md.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-5)}:where(.cck-avatar-label__size--md.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:2px}:where(.cck-avatar-label__size--lg){gap:var(--spacing-8)}:where(.cck-avatar-label__size--lg .cck-avatar-label__label-wrapper){font:var(--text-base-font-medium)}:where(.cck-avatar-label__size--lg.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-8)}:where(.cck-avatar-label__size--lg.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:2px}:where(.cck-avatar-label__size--xl){gap:var(--spacing-8)}:where(.cck-avatar-label__size--xl .cck-avatar-label__label-wrapper){font:var(--text-lg-font-medium)}:where(.cck-avatar-label__size--xl.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-8)}:where(.cck-avatar-label__size--xl.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:4px}:where(.cck-avatar-label__size--2xl){gap:var(--spacing-8)}:where(.cck-avatar-label__size--2xl .cck-avatar-label__label-wrapper){font:var(--text-xl-font-medium)}:where(.cck-avatar-label__size--2xl.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-8)}:where(.cck-avatar-label__size--2xl.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:4px}:where(.cck-accordion){display:flex;flex-direction:column}:where(.cck-accordion__default.cck-accordion__size--sm){gap:var(--spacing-7)}:where(.cck-accordion__default.cck-accordion__size--md){gap:var(--spacing-8)}:where(.cck-accordion__secondary.cck-accordion__size--sm){gap:var(--spacing-8)}:where(.cck-accordion__secondary.cck-accordion__size--md){gap:var(--spacing-10)}:where(.cck-accordion-header){align-items:center;color:var(--text-dark-primary);display:flex;font:var(--text-base-font-medium)}:where(.cck-accordion-header--icon-left){flex-direction:row-reverse;justify-content:flex-end}:where(.cck-accordion-header--icon-left .cck-accordion-header__icon-wrapper){margin-right:var(--spacing-8)}:where(.cck-accordion-header--icon-right .cck-accordion-header__icon-wrapper){margin-left:auto}:where(.cck-accordion-header--trigger-icon .cck-icon-button:hover){background-color:var(--base-fill-1)}:where(.cck-accordion-header--trigger-header){cursor:pointer}:where(.cck-accordion-header--trigger-header .cck-icon-button:hover){background-color:transparent}:where(.cck-accordion-header .cck-icon-button){background-color:transparent;border:none;color:var(--base-fill-4);height:36px;width:36px}:where(.cck-accordion-header .cck-icon-button:hover){border:none}:where(.cck-accordion-panel--disabled .cck-accordion-header--trigger-header){cursor:not-allowed}:where(.cck-accordion-panel--disabled .cck-icon-button){display:none}:where(.cck-accordion__default .cck-accordion-panel--collapsed:not(.cck-accordion-panel--disabled) .cck-accordion-header:first-child){background-color:var(--base-surface-2)}:where(.cck-accordion__default.cck-accordion__size--sm .cck-accordion-header:first-child){height:56px;padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-accordion__default.cck-accordion__size--md .cck-accordion-header:first-child){height:72px;padding:0 var(--spacing-8) 0 var(--spacing-10)}:where(.cck-accordion__secondary.cck-accordion__size--sm .cck-accordion-header:first-child){height:40px;padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-accordion__secondary.cck-accordion__size--md .cck-accordion-header:first-child){height:52px}:where(.cck-accordion-panel){background-color:var(--base-surface-1);overflow:hidden}:where(.cck-accordion-panel__content-wrapper){color:var(--text-dark-secondary);font:var(--text-base-font-regular)}:where(.cck-accordion-panel--collapsed){padding-bottom:0}:where(.cck-accordion-panel--disabled){background-color:var(--base-fill-1)}:where(.cck-accordion__default .cck-accordion-panel:first-child){border:1px solid var(--base-border);border-radius:var(--radi-6)}:where(.cck-accordion__default.cck-accordion__size--sm .cck-accordion-panel__content-wrapper){padding-left:var(--spacing-8);padding-right:var(--spacing-7)}:where(.cck-accordion__default.cck-accordion__size--sm .cck-accordion-panel--expanded .cck-accordion-panel__content-wrapper:first-child){padding-bottom:var(--spacing-8)}:where(.cck-accordion__default.cck-accordion__size--md .cck-accordion-panel__content-wrapper){padding-left:var(--spacing-10);padding-right:var(--spacing-8)}:where(.cck-accordion__default.cck-accordion__size--md .cck-accordion-panel--expanded .cck-accordion-panel__content-wrapper:first-child){padding-bottom:var(--spacing-10)}:where(.cck-accordion__secondary .cck-accordion-panel){border-bottom:1px solid var(--base-border);padding-bottom:var(--spacing-8)} \ No newline at end of file +:where(.cck-button){align-items:center;border:none;border-radius:var(--radi-6);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:transparent;transition:all .1s}:where(.cck-button):focus-visible{box-shadow:0 0 0 3px var(--state-brand-selected)}:where(.cck-button .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-button__backdrop){display:none}:where(.cck-button__default.cck-button__color--brand){background-color:var(--state-brand-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--brand):hover{background-color:var(--state-brand-hover)}:where(.cck-button__default.cck-button__color--brand):active{background-color:var(--state-brand-selected)}:where(.cck-button__default.cck-button__color--brand):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__default.cck-button__color--highlight){background-color:var(--state-highlight-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--highlight):hover{background-color:var(--state-highlight-hover)}:where(.cck-button__default.cck-button__color--highlight):active{background-color:var(--state-highlight-selected)}:where(.cck-button__default.cck-button__color--highlight):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__default.cck-button__color--success){background-color:var(--state-success-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--success):hover{background-color:var(--state-success-hover)}:where(.cck-button__default.cck-button__color--success):active{background-color:var(--state-success-selected)}:where(.cck-button__default.cck-button__color--success):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__default.cck-button__color--danger){background-color:var(--state-danger-active);color:var(--text-light-primary)}:where(.cck-button__default.cck-button__color--danger):hover{background-color:var(--state-danger-hover)}:where(.cck-button__default.cck-button__color--danger):active{background-color:var(--state-danger-selected)}:where(.cck-button__default.cck-button__color--danger):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__secondary){background-color:var(--base-surface-2);border:1px solid var(--base-border);color:var(--text-dark-primary);outline:1px solid transparent}:where(.cck-button__secondary):hover{background-color:var(--base-fill-2);border:1px solid var(--base-fill-2)}:where(.cck-button__secondary):active{background-color:var(--base-fill-1);border:1px solid var(--base-border)}:where(.cck-button__secondary):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost){background-color:var(--base-surface-1);outline:1px solid transparent}:where(.cck-button__ghost.cck-button__color--brand){border:1px solid var(--state-brand-active);color:var(--state-brand-active)}:where(.cck-button__ghost.cck-button__color--brand):hover{border:1px solid var(--state-brand-hover);outline:1px solid var(--state-brand-hover)}:where(.cck-button__ghost.cck-button__color--brand):active{border:1px solid var(--state-brand-selected);outline:1px solid var(--state-brand-selected)}:where(.cck-button__ghost.cck-button__color--brand):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost.cck-button__color--highlight){border:1px solid var(--state-highlight-active);color:var(--state-highlight-active)}:where(.cck-button__ghost.cck-button__color--highlight):hover{border:1px solid var(--state-highlight-hover);outline:1px solid var(--state-highlight-hover)}:where(.cck-button__ghost.cck-button__color--highlight):active{border:1px solid var(--state-highlight-selected);outline:1px solid var(--state-highlight-selected)}:where(.cck-button__ghost.cck-button__color--highlight):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost.cck-button__color--success){border:1px solid var(--state-success-active);color:var(--state-success-active)}:where(.cck-button__ghost.cck-button__color--success):hover{border:1px solid var(--state-success-hover);outline:1px solid var(--state-success-hover)}:where(.cck-button__ghost.cck-button__color--success):active{border:1px solid var(--state-success-selected);outline:1px solid var(--state-success-selected)}:where(.cck-button__ghost.cck-button__color--success):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__ghost.cck-button__color--danger){border:1px solid var(--state-danger-active);color:var(--state-danger-active)}:where(.cck-button__ghost.cck-button__color--danger):hover{border:1px solid var(--state-danger-hover);outline:1px solid var(--state-danger-hover)}:where(.cck-button__ghost.cck-button__color--danger):active{border:1px solid var(--state-danger-selected);outline:1px solid var(--state-danger-selected)}:where(.cck-button__ghost.cck-button__color--danger):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-button__size--sm){font:var(--text-sm-font-semibold);gap:var(--spacing-3);height:36px;padding:var(--spacing-0) var(--spacing-7)}:where(.cck-button__size--md){font:var(--text-base-font-semibold);gap:var(--spacing-5);height:44px;padding:var(--spacing-0) var(--spacing-8)}:where(.cck-button__size--lg){font:var(--text-lg-font-semibold);gap:var(--spacing-7);height:44px;padding:var(--spacing-0) var(--spacing-8)}:where(.cck-button__size--xl){font:var(--text-xl-font-semibold);gap:var(--spacing-7);height:56px;padding:var(--spacing-0) var(--spacing-10)}:where(.cck-checkbox){display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-checkbox__wrapper){align-items:center;display:inline-flex;vertical-align:middle}:where(.cck-checkbox__input-wrapper){box-sizing:content-box;cursor:pointer;display:inline-block;flex-shrink:0;line-height:0;position:relative;white-space:nowrap}:where(.cck-checkbox__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%}:where(.cck-checkbox__input:focus-visible~.cck-checkbox__background){border:2px solid var(--state-brand-selected);box-shadow:0 0 0 1px var(--state-brand-selected)}:where(.cck-checkbox__background){align-items:center;background-color:var(--base-fill-1);border:2px solid var(--base-border);border-radius:var(--radi-4);box-sizing:border-box;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;transition:background-color 90ms cubic-bezier(.4,0,.6,1),border-color 90ms cubic-bezier(.4,0,.6,1);width:100%;will-change:background-color,outline-color}:where(.cck-checkbox.cck-checkbox--disabled .cck-checkbox__background){background-color:var(--base-disabled);border:2px solid transparent}:where(.cck-checkbox.cck-checkbox--disabled .cck-checkbox__label){color:var(--base-disabled)}:where(.cck-checkbox.cck-checkbox--disabled *){cursor:default}:where(.cck-checkbox--indeterminate .cck-checkbox__background){background-color:var(--state-brand-active);border:2px solid var(--state-brand-active)}:where(.cck-checkbox--indeterminate .cck-checkbox__checkmark){opacity:0;transform:rotate(45deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1)}:where(.cck-checkbox--indeterminate .cck-checkbox__mixedmark){opacity:1;transform:scaleX(1) rotate(0deg)}:where(.cck-checkbox__mixedmark){border:2px solid #fff;border-radius:100px;height:0;margin:2px;opacity:0;transform:scaleX(0) rotate(0deg);transition:opacity 90ms cubic-bezier(.4,0,.6,1),transform 90ms cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox__checkmark){color:#fff;inset:0;opacity:0;padding:2px;position:absolute;transition:opacity .18s cubic-bezier(.4,0,.6,1);width:100%}:where(.cck-checkbox--checked .cck-checkbox__background){background-color:var(--state-brand-active);border:2px solid var(--state-brand-active)}:where(.cck-checkbox--checked .cck-checkbox__checkmark){opacity:1}:where(.cck-checkbox__checkmark-path){fill:currentcolor}:where(.cck-checkbox__label){color:var(--text-dark-primary);cursor:pointer;margin-left:0;margin-right:auto;order:0;padding-left:0;padding-right:0;text-align:left;white-space:nowrap}:where(.cck-checkbox__label):empty{display:none}:where(.cck-checkbox__size--sm .cck-checkbox__wrapper){gap:var(--spacing-7)}:where(.cck-checkbox__size--sm .cck-checkbox__input-wrapper){height:22px;width:22px}:where(.cck-checkbox__size--sm .cck-checkbox__label){font:var(--text-sm-font-medium)}:where(.cck-checkbox__size--md .cck-checkbox__wrapper){gap:var(--spacing-7)}:where(.cck-checkbox__size--md .cck-checkbox__input-wrapper){height:24px;width:24px}:where(.cck-checkbox__size--md .cck-checkbox__label){font:var(--text-base-font-medium)}:where(.cck-checkbox__size--lg .cck-checkbox__wrapper){gap:var(--spacing-8)}:where(.cck-checkbox__size--lg .cck-checkbox__input-wrapper){height:32px;width:32px}:where(.cck-checkbox__size--lg .cck-checkbox__label){font:var(--text-lg-font-medium)}:where(.cck-checkbox__size--xl .cck-checkbox__wrapper){gap:var(--spacing-8)}:where(.cck-checkbox__size--xl .cck-checkbox__input-wrapper){height:32px;width:32px}:where(.cck-checkbox__size--xl .cck-checkbox__label){font:var(--text-xl-font-medium)}:where(.cck-chip){align-items:center;background-color:var(--base-surface-2);border:1px solid var(--base-border);border-radius:var(--radi-5);color:var(--text-dark-primary);cursor:default;display:flex;transition:all .1s}:where(.cck-chip--disabled){background-color:var(--base-fill-1);border:1px solid transparent;color:var(--base-disabled);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-chip__content-wrapper){align-items:center;display:flex;justify-content:center}:where(.cck-chip__remove-icon-wrapper){align-items:center;display:flex;flex-shrink:0;justify-content:center}:where(.cck-chip__remove-icon-wrapper .cck-icon-button){background-color:transparent;border-radius:50%;color:var(--base-fill-4);height:24px;padding:0;width:24px}:where(.cck-chip__remove-icon-wrapper .cck-icon-button):hover{background-color:var(--base-fill-1)}:where(.cck-chip__remove-icon-wrapper .cck-icon-button .cck-svg-icon){height:100%;width:100%}:where(.cck-chip__size--sm){font:var(--text-xs-font-medium);gap:var(--spacing-4);height:26px;padding:0 var(--spacing-7)}:where(.cck-chip__size--sm.cck-chip--removable){padding:0 var(--spacing-6) 0 var(--spacing-7)}:where(.cck-chip__size--md){font:var(--text-base-font-medium);gap:var(--spacing-4);height:34px;padding:0 var(--spacing-8)}:where(.cck-chip__size--md.cck-chip--removable){padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-chip__size--lg){font:var(--text-lg-font-medium);gap:var(--spacing-6);height:44px;padding:0 var(--spacing-9)}:where(.cck-chip__size--lg.cck-chip--removable){padding:0 var(--spacing-8) 0 var(--spacing-9)}:where(.cck-chip-list){align-items:stretch;display:flex;flex-wrap:wrap;justify-content:flex-start}:where(.cck-chip-list__input){background:transparent;border:none;color:var(--text-dark-primary);flex:1;font:var(--text-base-font-medium);outline:none}:where(.cck-chip-list__input::-moz-placeholder){color:var(--text-dark-tertiary);-moz-transition:color .1s ease-in;transition:color .1s ease-in}:where(.cck-chip-list__input::placeholder){color:var(--text-dark-tertiary);transition:color .1s ease-in}:where(.cck-chip-list__input::-moz-placeholder):not(:focus){color:transparent}:where(.cck-chip-list__input::placeholder):not(:focus){color:transparent}:where(.cck-chip-list__size--sm){gap:6px}:where(.cck-chip-list__size--sm .cck-chip-list__input){font:var(--text-xs-font-medium);height:26px;margin-left:var(--spacing-5)}:where(.cck-chip-list__size--sm .cck-chip-list__input):first-child{margin-left:calc(var(--spacing-6) - 4px)}:where(.cck-chip-list__size--md){gap:6px}:where(.cck-chip-list__size--md .cck-chip-list__input){font:var(--text-base-font-medium);height:34px;margin-left:var(--spacing-6)}:where(.cck-chip-list__size--md .cck-chip-list__input):first-child{margin-left:calc(var(--spacing-7) - 4px)}:where(.cck-chip-list__size--lg){gap:6px}:where(.cck-chip-list__size--lg .cck-chip-list__input){font:var(--text-lg-font-medium);height:44px;margin-left:var(--spacing-7)}:where(.cck-chip-list__size--lg .cck-chip-list__input):first-child{margin-left:calc(var(--spacing-7) - 6px)}:where(*){box-sizing:border-box}:where(.cck-divider){background-color:var(--base-border);display:block;flex-shrink:0}:where(.cck-divider__horizontal){margin:4px 0;width:100%}:where(.cck-divider__horizontal.cck-divider__size--sm){height:1px}:where(.cck-divider__horizontal.cck-divider__size--md){height:2px;width:100%}:where(.cck-divider__vertical){height:100%;margin:0 4px}:where(.cck-divider__vertical.cck-divider__size--sm){width:1px}:where(.cck-divider__vertical.cck-divider__size--md){width:2px}:where(.cck-error){color:var(--state-danger-active);display:flex;font:var(--text-sm-font-medium);gap:6px}:where(.cck-error .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-form-field){align-items:flex-start;display:flex;flex-direction:column;gap:10px;min-width:100px}:where(.cck-form-field .cck-select){flex:1;height:100%;width:100%}:where(.cck-form-field .cck-input){flex:1;width:100%}:where(.cck-form-field--error .cck-form-field__wrapper){border:1px solid var(--state-danger-active);outline:1px solid var(--state-danger-active)}:where(.cck-form-field--focused .cck-form-field__wrapper){background-color:var(--base-surface-2);border:1px solid var(--state-brand-active);outline:1px solid var(--state-brand-active)}:where(.cck-form-field--disabled .cck-form-field__wrapper){background-color:var(--base-fill-1);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-form-field__wrapper){align-items:stretch;background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-6);display:flex;flex-direction:row;outline:1px solid transparent;overflow:hidden;width:100%}:where(.cck-form-field__size--sm.cck-form-field--with-input .cck-form-field__wrapper),:where(.cck-form-field__size--sm.cck-form-field--with-select .cck-form-field__wrapper){height:36px}:where(.cck-form-field__size--sm.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field__size--sm.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--spacing-6) 0 var(--spacing-7)}:where(.cck-form-field__size--sm .cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:var(--spacing-6) var(--spacing-6) var(--spacing-6) var(--spacing-7)}:where(.cck-form-field__size--sm.cck-form-field--with-chip-list .cck-form-field__input-wrapper){padding:4px}:where(.cck-form-field__size--sm .cck-input),:where(.cck-form-field__size--sm .cck-leading),:where(.cck-form-field__size--sm .cck-select),:where(.cck-form-field__size--sm .cck-textarea),:where(.cck-form-field__size--sm .cck-trailing){font:var(--text-sm-font-medium)}:where(.cck-form-field__size--md.cck-form-field--with-input .cck-form-field__wrapper),:where(.cck-form-field__size--md.cck-form-field--with-select .cck-form-field__wrapper){height:44px}:where(.cck-form-field__size--md.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field__size--md.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-form-field__size--md .cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:var(--spacing-7) var(--spacing-7) var(--spacing-7) var(--spacing-8)}:where(.cck-form-field__size--md.cck-form-field--with-chip-list .cck-form-field__input-wrapper){padding:4px}:where(.cck-form-field__size--md .cck-input),:where(.cck-form-field__size--md .cck-leading),:where(.cck-form-field__size--md .cck-select),:where(.cck-form-field__size--md .cck-textarea),:where(.cck-form-field__size--md .cck-trailing){font:var(--text-base-font-medium)}:where(.cck-form-field__size--lg.cck-form-field--with-input .cck-form-field__wrapper),:where(.cck-form-field__size--lg.cck-form-field--with-select .cck-form-field__wrapper){height:56px}:where(.cck-form-field__size--lg.cck-form-field--with-input .cck-form-field__input-wrapper),:where(.cck-form-field__size--lg.cck-form-field--with-select .cck-form-field__input-wrapper){padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-form-field__size--lg .cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:var(--spacing-7) var(--spacing-7) var(--spacing-7) var(--spacing-8)}:where(.cck-form-field__size--lg.cck-form-field--with-chip-list .cck-form-field__input-wrapper){padding:6px}:where(.cck-form-field__size--lg .cck-input),:where(.cck-form-field__size--lg .cck-leading),:where(.cck-form-field__size--lg .cck-select),:where(.cck-form-field__size--lg .cck-textarea),:where(.cck-form-field__size--lg .cck-trailing){font:var(--text-lg-font-medium)}:where(.cck-form-field__feedback-wrapper){display:flex;flex-direction:column;overflow:hidden}:where(.cck-form-field__feedback-wrapper):empty{display:none}:where(.cck-form-field__input-wrapper){align-items:center;display:flex;flex:1;flex-direction:row;gap:8px;min-width:0}:where(.cck-form-field--with-chip-list .cck-chip-list){flex:1}:where(.cck-form-field--with-chip-list .cck-form-field__wrapper){cursor:text}:where(.cck-form-field--with-chip-list .cck-prefix),:where(.cck-form-field--with-chip-list .cck-suffix){align-self:flex-start}:where(.cck-form-field--with-chip-list.cck-form-field__size--sm .cck-suffix){margin-right:4px;margin-top:6px}:where(.cck-form-field--with-chip-list.cck-form-field__size--md .cck-suffix){margin-right:4px;margin-top:8px}:where(.cck-form-field--with-chip-list.cck-form-field__size--lg .cck-suffix){margin-left:4px;margin-right:8px;margin-top:12px}:where(.cck-form-field--with-chip-list.cck-form-field__size--sm .cck-prefix){margin-left:4px;margin-top:6px}:where(.cck-form-field--with-chip-list.cck-form-field__size--md .cck-prefix){margin-left:4px;margin-top:8px}:where(.cck-form-field--with-chip-list.cck-form-field__size--lg .cck-prefix){margin-left:8px;margin-right:4px;margin-top:12px}:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper){padding:10px 10px 10px 16px}:where(.cck-form-field--with-textarea .cck-form-field__input-wrapper):hover:not(:has(textarea:focus-visible)){background-color:var(--base-fill-1)}:where(.cck-form-field--with-input .cck-form-field__input-wrapper):hover:not(:has(input:focus-visible)),:where(.cck-form-field--with-select .cck-form-field__input-wrapper):hover:not(:has(input:focus-visible)){background-color:var(--base-fill-1)}:where(.cck-hint){color:var(--text-dark-secondary);display:flex;font:var(--text-sm-font-medium);gap:6px}:where(.cck-hint .cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-hint__color--default){color:var(--text-dark-secondary)}:where(.cck-hint__color--success){color:var(--state-success-active)}:where(.cck-svg-icon){align-items:center;display:flex;flex-shrink:0;justify-content:center}:where(.cck-svg-icon__svg){height:100%;width:100%}:where(.cck-svg-icon__size--xs){height:var(--icon-xs);width:var(--icon-xs)}:where(.cck-svg-icon__size--sm){height:var(--icon-sm);width:var(--icon-sm)}:where(.cck-svg-icon__size--md){height:var(--icon-md);width:var(--icon-md)}:where(.cck-svg-icon__size--lg){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-svg-icon__size--xl){height:var(--icon-xl);width:var(--icon-xl)}:where(.cck-svg-icon__size--2xl){height:var(--icon-2xl);width:var(--icon-2xl)}:where(.cck-svg-icon__size--3xl){height:var(--icon-3xl);width:var(--icon-3xl)}:where(.cck-svg-icon__size--4xl){height:var(--icon-4xl);width:var(--icon-4xl)}:where(.cck-svg-icon__color--grey){fill:var(--base-fill-4)}:where(.cck-svg-icon__color--brand){fill:var(--state-brand-active)}:where(.cck-svg-icon__color--highlight){fill:var(--state-highlight-active)}:where(.cck-svg-icon__color--success){fill:var(--state-success-active)}:where(.cck-svg-icon__color--danger){fill:var(--state-danger-active)}:where(.cck-icon-button){align-items:center;border:none;border-radius:var(--radi-6);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;margin:0;outline:transparent;transition:all .1s}:where(.cck-icon-button .cck-svg-icon--default-color){fill:currentcolor}:where(.cck-icon-button):focus-visible{box-shadow:0 0 0 3px var(--state-brand-selected)}:where(.cck-icon-button__default.cck-icon-button__color--brand){background-color:var(--state-brand-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--brand):hover{background-color:var(--state-brand-hover)}:where(.cck-icon-button__default.cck-icon-button__color--brand):active{background-color:var(--state-brand-selected)}:where(.cck-icon-button__default.cck-icon-button__color--brand):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__default.cck-icon-button__color--highlight){background-color:var(--state-highlight-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--highlight):hover{background-color:var(--state-highlight-hover)}:where(.cck-icon-button__default.cck-icon-button__color--highlight):active{background-color:var(--state-highlight-selected)}:where(.cck-icon-button__default.cck-icon-button__color--highlight):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__default.cck-icon-button__color--success){background-color:var(--state-success-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--success):hover{background-color:var(--state-success-hover)}:where(.cck-icon-button__default.cck-icon-button__color--success):active{background-color:var(--state-success-selected)}:where(.cck-icon-button__default.cck-icon-button__color--success):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__default.cck-icon-button__color--danger){background-color:var(--state-danger-active);color:var(--text-light-primary)}:where(.cck-icon-button__default.cck-icon-button__color--danger):hover{background-color:var(--state-danger-hover)}:where(.cck-icon-button__default.cck-icon-button__color--danger):active{background-color:var(--state-danger-selected)}:where(.cck-icon-button__default.cck-icon-button__color--danger):disabled{background-color:var(--base-fill-1);color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__secondary){background-color:var(--base-surface-2);border:1px solid var(--base-border);color:var(--text-dark-primary);outline:1px solid transparent}:where(.cck-icon-button__secondary):hover{background-color:var(--base-fill-2);border:1px solid var(--base-fill-2)}:where(.cck-icon-button__secondary):active{background-color:var(--base-fill-1);border:1px solid var(--base-border)}:where(.cck-icon-button__secondary):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost){background-color:var(--base-surface-1);outline:1px solid transparent}:where(.cck-icon-button__ghost.cck-icon-button__color--brand){border:1px solid var(--state-brand-active);color:var(--state-brand-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--brand):hover{border:1px solid var(--state-brand-hover);outline:1px solid var(--state-brand-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--brand):active{border:1px solid var(--state-brand-selected);outline:1px solid var(--state-brand-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--brand):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight){border:1px solid var(--state-highlight-active);color:var(--state-highlight-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight):hover{border:1px solid var(--state-highlight-hover);outline:1px solid var(--state-highlight-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight):active{border:1px solid var(--state-highlight-selected);outline:1px solid var(--state-highlight-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--highlight):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost.cck-icon-button__color--success){border:1px solid var(--state-success-active);color:var(--state-success-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--success):hover{border:1px solid var(--state-success-hover);outline:1px solid var(--state-success-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--success):active{border:1px solid var(--state-success-selected);outline:1px solid var(--state-success-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--success):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__ghost.cck-icon-button__color--danger){border:1px solid var(--state-danger-active);color:var(--state-danger-active)}:where(.cck-icon-button__ghost.cck-icon-button__color--danger):hover{border:1px solid var(--state-danger-hover);outline:1px solid var(--state-danger-hover)}:where(.cck-icon-button__ghost.cck-icon-button__color--danger):active{border:1px solid var(--state-danger-selected);outline:1px solid var(--state-danger-selected)}:where(.cck-icon-button__ghost.cck-icon-button__color--danger):disabled{background-color:var(--base-fill-1);border:none;color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-icon-button__size--sm){height:36px;width:36px}:where(.cck-icon-button__size--sm .cck-svg-icon--default-size){height:var(--icon-md);width:var(--icon-md)}:where(.cck-icon-button__size--md){height:44px;width:44px}:where(.cck-icon-button__size--md .cck-svg-icon--default-size){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-icon-button__size--lg){height:44px;width:44px}:where(.cck-icon-button__size--lg .cck-svg-icon--default-size){height:var(--icon-xl);width:var(--icon-xl)}:where(.cck-icon-button__size--xl){height:56px;width:56px}:where(.cck-icon-button__size--xl .cck-svg-icon--default-size){height:var(--icon-2xl);width:var(--icon-2xl)}:where(.cck-input){background-color:transparent;border:none;color:var(--text-dark-primary);font:var(--text-base-font-medium);outline:none;text-overflow:ellipsis}:where(.cck-input::-moz-placeholder){color:var(--text-dark-tertiary)}:where(.cck-input::placeholder){color:var(--text-dark-tertiary)}:where(.cck-input):disabled{color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-label){color:var(--text-dark-secondary);display:flex;font:var(--text-base-font-regular)}:where(.cck-label__required-marker){margin-left:4px}:where(.cck-leading){align-items:center;background-color:var(--base-surface-2);color:var(--text-dark-tertiary);cursor:default;display:flex;font:var(--text-base-font-medium);gap:var(--spacing-4);justify-content:center;padding:0 var(--spacing-7);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-leading--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-leading--clickable):active{background-color:var(--base-fill-1)}:where(.cck-leading--clickable):hover{background-color:var(--base-fill-2)}:where(.cck-menu){background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-6);box-shadow:0 8px 10px -6px rgba(13,16,23,.039),0 18px 22px -4px rgba(13,16,23,.078);display:flex;flex-direction:column;margin:4px 0;overflow:hidden;padding:0}:where(.cck-menu__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-menu-item){align-items:center;color:var(--text-dark-secondary);display:flex;font:var(--text-base-font-medium);gap:var(--spacing-6);justify-content:flex-start;padding:var(--spacing-6) var(--spacing-5)}:where(.cck-menu-item):not(.cck-menu-item--disabled){cursor:pointer}:where(.cck-menu-item--disabled .cck-svg-icon.cck-svg-icon--default-color),:where(.cck-menu-item--disabled){color:var(--base-disabled)}:where(.cck-menu-item):not(.cck-menu-item--disabled):hover{background-color:var(--base-fill-1)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-menu-item .cck-svg-icon.cck-svg-icon--default-color .cck-svg-icon__svg){fill:currentcolor}:where(.cck-select__options-wrapper){background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-6);height:inherit;margin-top:6px;max-height:inherit;overflow:auto}:where(.cck-option__content-wrapper){flex:1}:where(.cck-option){align-items:center;color:var(--text-dark-secondary);display:flex;font:var(--text-base-font-medium);gap:8px;padding:0 12px}:where(.cck-option):not(.cck-option--disabled){cursor:pointer}:where(.cck-option--disabled){color:var(--base-disabled);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option):not(.cck-option--disabled):hover{background-color:var(--base-fill-1)}:where(.cck-option .cck-checkbox__input-wrapper){height:22px;width:22px}:where(.cck-option--single.cck-option--selected){color:var(--state-brand-active)}:where(.cck-option__size--sm){height:40px}:where(.cck-option__size--md){height:48px}:where(.cck-option__size--lg){height:56px}:where(.cck-option__selected-checkmark .cck-svg-icon){height:var(--icon-md);width:var(--icon-md);fill:currentcolor}:where(.cck-option-group){display:flex;flex-direction:column}:where(.cck-option-group--label){align-items:center;color:var(--text-dark-primary);display:flex;font:var(--text-base-font-bold);padding:0 12px}:where(.cck-option-group--disabled .cck-option-group--label){color:var(--base-disabled);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-option-group .cck-option){padding:0 24px}:where(.cck-option-group__size--sm .cck-option-group--label){height:40px}:where(.cck-option-group__size--md .cck-option-group--label){height:48px}:where(.cck-option-group__size--lg .cck-option-group--label){height:56px}:where(.cck-prefix){flex-grow:0}:where(.cck-prefix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-md);width:var(--icon-md)}:where(.cck-radio-button){color:var(--text-dark-primary);cursor:pointer}:where(.cck-radio-button.cck-radio-button--disabled){color:var(--base-disabled);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-button.cck-radio-button--disabled .cck-radio-button__input-wrapper){background-color:var(--base-disabled);border-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-button.cck-radio-button--disabled .cck-radio-button__label){-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-radio-button:hover .cck-radio-button__input-wrapper){box-shadow:0 0 0 3px var(--state-brand-selected)}:where(.cck-radio-button__wrapper){align-items:center;display:inline-flex;vertical-align:middle}:where(.cck-radio-button__input-wrapper){align-items:center;background-color:var(--base-fill-1);border:2px solid var(--base-border);border-radius:50%;display:flex;flex-shrink:0;justify-content:center;position:relative}:where(.cck-radio-button__input){cursor:inherit;height:100%;left:0;margin:0;opacity:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:1}:where(.cck-radio-button__background){background-color:var(--base-surface-1);border-radius:50%;opacity:0}:where(.cck-radio-button__label){white-space:nowrap}:where(.cck-radio-button--checked .cck-radio-button__input-wrapper){background-color:var(--state-brand-active);border-color:var(--state-brand-active)}:where(.cck-radio-button--checked .cck-radio-button__background){opacity:1}:where(.cck-radio-button__size--sm){font:var(--text-sm-font-medium)}:where(.cck-radio-button__size--sm .cck-radio-button__wrapper){gap:var(--spacing-7)}:where(.cck-radio-button__size--sm .cck-radio-button__input-wrapper){height:22px;width:22px}:where(.cck-radio-button__size--sm .cck-radio-button__background){height:12px;width:12px}:where(.cck-radio-button__size--md){font:var(--text-base-font-medium)}:where(.cck-radio-button__size--md .cck-radio-button__wrapper){gap:var(--spacing-7)}:where(.cck-radio-button__size--md .cck-radio-button__input-wrapper){height:24px;width:24px}:where(.cck-radio-button__size--md .cck-radio-button__background){height:12px;width:12px}:where(.cck-radio-button__size--lg){font:var(--text-lg-font-medium)}:where(.cck-radio-button__size--lg .cck-radio-button__wrapper){gap:var(--spacing-8)}:where(.cck-radio-button__size--lg .cck-radio-button__input-wrapper){height:32px;width:32px}:where(.cck-radio-button__size--lg .cck-radio-button__background){height:16px;width:16px}:where(.cck-radio-button__size--xl){font:var(--text-xl-font-medium)}:where(.cck-radio-button__size--xl .cck-radio-button__wrapper){gap:var(--spacing-8)}:where(.cck-radio-button__size--xl .cck-radio-button__input-wrapper){height:32px;width:32px}:where(.cck-radio-button__size--xl .cck-radio-button__background){height:16px;width:16px}:where(.cck-radio-group){align-items:flex-start;display:flex}:where(.cck-radio-group__row){flex-direction:row;gap:24px}:where(.cck-radio-group__column){flex-direction:column;gap:12px}:where(.cck-select){align-items:center;border-radius:var(--radi-6);color:var(--text-dark-primary);cursor:pointer;display:flex;font:var(--text-base-font-medium)}:where(.cck-select:hover .cck-svg-icon){fill:var(--base-fill-5)}:where(.cck-select--disabled){color:var(--base-disabled);cursor:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-select__placeholder){color:var(--text-dark-tertiary)}:where(.cck-select__trigger-wrapper){color:currentcolor;flex:1;overflow:hidden;padding-right:8px;text-align:start}:where(.cck-select__trigger-value){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:where(.cck-select__overlay .cck-overlay__backdrop){background-color:transparent}:where(.cck-select__dropdown-icon-wrapper){transition:transform .3s}:where(.cck-select__dropdown-icon-wrapper .cck-svg-icon){height:var(--icon-lg);width:var(--icon-lg)}:where(.cck-select--opened .cck-select__dropdown-icon-wrapper){transform:rotate(180deg)}:where(.cck-suffix){flex-grow:0}:where(.cck-suffix .cck-svg-icon.cck-svg-icon--default-size){height:var(--icon-md);width:var(--icon-md)}:where(.cck-textarea){background-color:transparent;border:none;color:var(--text-dark-primary);font:var(--text-base-font-medium);min-height:24px;min-width:100%;outline:none;padding:0;scrollbar-color:var(--base-border) transparent}:where(.cck-textarea::-moz-placeholder){color:var(--text-dark-tertiary)}:where(.cck-textarea::placeholder){color:var(--text-dark-tertiary)}:where(.cck-textarea::-webkit-resizer){background-image:url('data:image/svg+xml;utf8,');background-position:100% 100%;background-repeat:no-repeat;height:9px;width:9px}:where(.cck-textarea):disabled{color:var(--base-disabled);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle){cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-toggle__label){align-items:center;color:var(--text-dark-primary);cursor:pointer;display:flex;white-space:nowrap}:where(.cck-toggle--label-before .cck-toggle__label){flex-direction:row-reverse}:where(.cck-toggle__input){cursor:pointer;height:100%;margin:0;opacity:0;padding:0;position:relative;width:100%;z-index:3}:where(.cck-toggle .cck-toggle__slider-wrapper){position:relative}:where(.cck-toggle .cck-toggle__slider-wrapper):has(input:focus-visible){outline:2px solid var(--state-brand-selected)}:where(.cck-toggle__size--sm .cck-toggle__label){font:var(--text-sm-font-medium);gap:var(--spacing-7)}:where(.cck-toggle__size--md .cck-toggle__label){font:var(--text-base-font-medium);gap:var(--spacing-7)}:where(.cck-toggle__size--lg .cck-toggle__label){font:var(--text-lg-font-medium);gap:var(--spacing-8)}:where(.cck-toggle__size--xl .cck-toggle__label){font:var(--text-xl-font-medium);gap:var(--spacing-8)}:where(.cck-toggle__knob .cck-toggle__thumb){background-color:var(--base-surface-1);position:absolute;transition:all .3s ease;z-index:2}:where(.cck-toggle__knob .cck-toggle__backdrop){height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease;width:100%;z-index:1}:where(.cck-toggle__knob.cck-toggle--checked .cck-toggle__thumb){left:100%;top:50%;transform:translate(calc(-100% - var(--frames-x--toggle-margin)),-50%)}:where(.cck-toggle__knob.cck-toggle--checked .cck-toggle__backdrop){background-color:var(--state-brand-active)}:where(.cck-toggle__knob.cck-toggle--unchecked .cck-toggle__thumb){left:0;top:50%;transform:translate(var(--frames-x--toggle-margin),-50%)}:where(.cck-toggle__knob.cck-toggle--unchecked .cck-toggle__backdrop){background-color:var(--base-fill-2)}:where(.cck-toggle__knob.cck-toggle__size--sm){--frames-x--toggle-margin:2px}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__slider-wrapper){height:19px;width:40px}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__thumb){border-radius:var(--radi-2);height:15px;width:18px}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__slider-wrapper){border-radius:var(--radi-3)}:where(.cck-toggle__knob.cck-toggle__size--sm .cck-toggle__backdrop){border-radius:var(--radi-3)}:where(.cck-toggle__knob.cck-toggle__size--md){--frames-x--toggle-margin:2px}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__slider-wrapper){height:24px;width:48px}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__thumb){border-radius:var(--radi-4);height:20px;width:22px}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__slider-wrapper){border-radius:var(--radi-5)}:where(.cck-toggle__knob.cck-toggle__size--md .cck-toggle__backdrop){border-radius:var(--radi-5)}:where(.cck-toggle__knob.cck-toggle__size--lg){--frames-x--toggle-margin:4px}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__slider-wrapper){height:32px;width:56px}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__thumb){border-radius:var(--radi-5);height:24px;width:26px}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__knob.cck-toggle__size--lg .cck-toggle__backdrop){border-radius:var(--radi-6)}:where(.cck-toggle__knob.cck-toggle__size--xl){--frames-x--toggle-margin:4px}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__slider-wrapper){height:44px;width:80px}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__thumb){border-radius:var(--radi-5);height:36px;width:36px}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__knob.cck-toggle__size--xl .cck-toggle__backdrop){border-radius:var(--radi-6)}:where(.cck-toggle__switch .cck-toggle__thumb){background-color:var(--base-surface-1);box-shadow:0 1px 2px var(--colors-alpha-dark-50);position:absolute;transition:all .3s ease;z-index:2}:where(.cck-toggle__switch .cck-toggle__backdrop){height:100%;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:100%;z-index:1}:where(.cck-toggle__switch.cck-toggle--checked .cck-toggle__thumb){left:100%;top:50%;transform:translate(-100%,-50%)}:where(.cck-toggle__switch.cck-toggle--checked .cck-toggle__backdrop){background-color:var(--state-brand-active)}:where(.cck-toggle__switch.cck-toggle--unchecked .cck-toggle__thumb){left:0;top:50%;transform:translateY(-50%)}:where(.cck-toggle__switch.cck-toggle--unchecked .cck-toggle__backdrop){background-color:var(--base-fill-2)}:where(.cck-toggle__switch.cck-toggle__size--sm .cck-toggle__slider-wrapper){width:40px}:where(.cck-toggle__switch.cck-toggle__size--sm .cck-toggle__thumb){border-radius:var(--radi-4);height:20px;width:20px}:where(.cck-toggle__switch.cck-toggle__size--sm .cck-toggle__backdrop){border-radius:var(--radi-6);height:12px}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__slider-wrapper){width:44px}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__thumb){border-radius:var(--radi-5);height:24px;width:24px}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__slider-wrapper){border-radius:var(--radi-5)}:where(.cck-toggle__switch.cck-toggle__size--md .cck-toggle__backdrop){border-radius:var(--radi-6);height:16px}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__slider-wrapper){width:56px}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__thumb){border-radius:var(--radi-6);height:32px;width:32px}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__switch.cck-toggle__size--lg .cck-toggle__backdrop){border-radius:var(--radi-6);height:20px}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__slider-wrapper){width:80px}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__thumb){border-radius:var(--radi-6);height:40px;width:40px}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__slider-wrapper){border-radius:var(--radi-6)}:where(.cck-toggle__switch.cck-toggle__size--xl .cck-toggle__backdrop){border-radius:var(--radi-6);height:32px}:where(.cck-toggle__knob.cck-toggle--disabled),:where(.cck-toggle__switch.cck-toggle--disabled){cursor:default;pointer-events:none}:where(.cck-toggle__knob.cck-toggle--disabled .cck-toggle__thumb),:where(.cck-toggle__switch.cck-toggle--disabled .cck-toggle__thumb){background-color:var(--base-fill-3)}:where(.cck-toggle__knob.cck-toggle--disabled .cck-toggle__backdrop),:where(.cck-toggle__switch.cck-toggle--disabled .cck-toggle__backdrop){background-color:var(--base-fill-2)}:where(.cck-toggle__knob.cck-toggle--disabled .cck-toggle__label),:where(.cck-toggle__switch.cck-toggle--disabled .cck-toggle__label){color:var(--base-disabled)}:where(.cck-trailing){align-items:center;background-color:var(--base-surface-2);color:var(--text-dark-tertiary);cursor:default;display:flex;font:var(--text-base-font-medium);gap:var(--spacing-4);justify-content:center;padding:0 var(--spacing-7);-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.cck-trailing--clickable){cursor:pointer;transition:background-color .1s}:where(.cck-trailing--clickable):active{background-color:var(--base-fill-1)}:where(.cck-trailing--clickable):hover:not(:active){background-color:var(--base-fill-2)}:where(.cck-avatar){align-items:center;border-radius:50%;display:flex;justify-content:center;overflow:hidden}:where(.cck-avatar__fallback-image),:where(.cck-avatar__image),:where(.cck-avatar__placeholder-image){border-radius:inherit;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}:where(.cck-avatar--with-label){background-color:var(--state-brand-active);color:var(--text-light-primary)}:where(.cck-avatar--clickable){cursor:pointer}:where(.cck-avatar__size--xs){height:28px;width:28px}:where(.cck-avatar__size--xs.cck-avatar--with-label){font:var(--text-xs-font-semibold)}:where(.cck-avatar__size--sm){height:32px;width:32px}:where(.cck-avatar__size--sm.cck-avatar--with-label){font:var(--text-xs-font-semibold)}:where(.cck-avatar__size--md){height:40px;width:40px}:where(.cck-avatar__size--md.cck-avatar--with-label){font:var(--text-sm-font-semibold)}:where(.cck-avatar__size--lg){height:44px;width:44px}:where(.cck-avatar__size--lg.cck-avatar--with-label){font:var(--text-lg-font-semibold)}:where(.cck-avatar__size--xl){height:56px;width:56px}:where(.cck-avatar__size--xl.cck-avatar--with-label){font:var(--text-xl-font-semibold)}:where(.cck-avatar__size--2xl){height:72px;width:72px}:where(.cck-avatar__size--2xl.cck-avatar--with-label){font:var(--text-2xl-font-semibold)}:where(.cck-avatar-group){display:flex}:where(.cck-avatar-group--direction-left){direction:rtl}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xs .cck-avatar):not(:last-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--sm .cck-avatar):not(:last-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--md .cck-avatar):not(:last-of-type){margin-left:-14px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--lg .cck-avatar):not(:last-of-type){margin-left:-16px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--xl .cck-avatar):not(:last-of-type){margin-left:-16px}:where(.cck-avatar-group--direction-left.cck-avatar-group__size--2xl .cck-avatar):not(:last-of-type){margin-left:-18px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xs .cck-avatar):not(:first-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--sm .cck-avatar):not(:first-of-type){margin-left:-10px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--md .cck-avatar):not(:first-of-type){margin-left:-14px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--lg .cck-avatar):not(:first-of-type){margin-left:-16px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--xl .cck-avatar):not(:first-of-type){margin-left:-16px}:where(.cck-avatar-group--direction-right.cck-avatar-group__size--2xl .cck-avatar):not(:first-of-type){margin-left:-18px}:where(.cck-avatar-group .cck-avatar){border:2px solid var(--base-surface-1)}:where(.cck-avatar-label){align-items:center;display:flex}:where(.cck-avatar-label__title){color:var(--text-dark-primary)}:where(.cck-avatar-label__description){color:var(--text-dark-tertiary)}:where(.cck-avatar-label__label-wrapper){display:flex}:where(.cck-avatar-label--avatar-right){flex-direction:row-reverse}:where(.cck-avatar-label--avatar-right .cck-avatar-label__label-wrapper){text-align:right}:where(.cck-avatar-label--avatar-left){flex-direction:row}:where(.cck-avatar-label--avatar-top){flex-direction:column}:where(.cck-avatar-label--avatar-bottom){flex-direction:column-reverse}:where(.cck-avatar-label--avatar-bottom.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-top.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--avatar-left.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper),:where(.cck-avatar-label--avatar-right.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center}:where(.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){align-items:center;flex-direction:row}:where(.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){flex-direction:column;justify-content:center}:where(.cck-avatar-label__size--xs){gap:var(--spacing-5)}:where(.cck-avatar-label__size--xs .cck-avatar-label__label-wrapper){font:var(--text-xs-font-medium);gap:2px}:where(.cck-avatar-label__size--xs.cck-avatar-label--avatar-left.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper),:where(.cck-avatar-label__size--xs.cck-avatar-label--avatar-right.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-5)}:where(.cck-avatar-label__size--sm){gap:var(--spacing-5)}:where(.cck-avatar-label__size--sm .cck-avatar-label__label-wrapper){font:var(--text-xs-font-medium)}:where(.cck-avatar-label__size--sm.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-5)}:where(.cck-avatar-label__size--sm.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:4px}:where(.cck-avatar-label__size--md){gap:var(--spacing-5)}:where(.cck-avatar-label__size--md .cck-avatar-label__label-wrapper){font:var(--text-sm-font-medium)}:where(.cck-avatar-label__size--md.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-5)}:where(.cck-avatar-label__size--md.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:2px}:where(.cck-avatar-label__size--lg){gap:var(--spacing-8)}:where(.cck-avatar-label__size--lg .cck-avatar-label__label-wrapper){font:var(--text-base-font-medium)}:where(.cck-avatar-label__size--lg.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-8)}:where(.cck-avatar-label__size--lg.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:2px}:where(.cck-avatar-label__size--xl){gap:var(--spacing-8)}:where(.cck-avatar-label__size--xl .cck-avatar-label__label-wrapper){font:var(--text-lg-font-medium)}:where(.cck-avatar-label__size--xl.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-8)}:where(.cck-avatar-label__size--xl.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:4px}:where(.cck-avatar-label__size--2xl){gap:var(--spacing-8)}:where(.cck-avatar-label__size--2xl .cck-avatar-label__label-wrapper){font:var(--text-xl-font-medium)}:where(.cck-avatar-label__size--2xl.cck-avatar-label--label-horizontal .cck-avatar-label__label-wrapper){gap:var(--spacing-8)}:where(.cck-avatar-label__size--2xl.cck-avatar-label--label-vertical .cck-avatar-label__label-wrapper){gap:4px}:where(.cck-accordion){display:flex;flex-direction:column}:where(.cck-accordion__default.cck-accordion__size--sm){gap:var(--spacing-7)}:where(.cck-accordion__default.cck-accordion__size--md){gap:var(--spacing-8)}:where(.cck-accordion__underline.cck-accordion__size--sm){gap:var(--spacing-8)}:where(.cck-accordion__underline.cck-accordion__size--md){gap:var(--spacing-10)}:where(.cck-accordion-header){align-items:center;color:var(--text-dark-primary);display:flex}:where(.cck-accordion-header .cck-svg-icon.cck-svg-icon--default-color){fill:var(--text-dark-primary)}:where(.cck-accordion-header--icon-left){flex-direction:row-reverse;justify-content:flex-end}:where(.cck-accordion-header--icon-left>.cck-accordion-header__icon-btn){margin-right:var(--spacing-8)}:where(.cck-accordion-header--icon-right>.cck-accordion-header__icon-btn){margin-left:auto}:where(.cck-accordion-header .cck-accordion-header__icon-btn){background-color:transparent;border:none;border-radius:var(--radi-6);color:var(--base-fill-4);cursor:pointer;outline:none}:where(.cck-accordion-header .cck-accordion-header__icon-btn):hover{border:none}:where(.cck-accordion-header--trigger-icon .cck-accordion-header__icon-btn):hover{background-color:var(--base-fill-1)}:where(.cck-accordion-header--trigger-header){cursor:pointer}:where(.cck-accordion-header--trigger-header>.cck-accordion-header__icon-btn):hover{background-color:transparent}:where(.cck-accordion-panel--disabled>.cck-accordion-header){color:var(--base-disabled)}:where(.cck-accordion-panel--disabled>.cck-accordion-header--trigger-header){cursor:not-allowed}:where(.cck-accordion-panel--disabled>.cck-accordion-header>.cck-accordion-header__icon-btn){display:none}:where(.cck-accordion__size--sm .cck-accordion-header){font:var(--text-base-font-medium)}:where(.cck-accordion__size--sm .cck-accordion-header>.cck-accordion-header__icon-btn){height:36px;width:36px}:where(.cck-accordion__size--md .cck-accordion-header){font:var(--text-lg-font-medium)}:where(.cck-accordion__size--md .cck-accordion-header>.cck-accordion-header__icon-btn){height:44px;width:44px}:where(.cck-accordion__default>.cck-accordion-panel--collapsed>.cck-accordion-header){background-color:var(--base-surface-2)}:where(.cck-accordion__default.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-header){height:56px;padding:0 var(--spacing-7) 0 var(--spacing-8)}:where(.cck-accordion__default.cck-accordion__size--md>.cck-accordion-panel>.cck-accordion-header){height:72px;padding:0 var(--spacing-8) 0 var(--spacing-10)}:where(.cck-accordion__underline.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-header){height:40px}:where(.cck-accordion__underline.cck-accordion__size--md>.cck-accordion-panel>.cck-accordion-header){height:52px}:where(.cck-accordion-panel){overflow:hidden}:where(.cck-accordion-panel__content-wrapper){color:var(--text-dark-secondary);font:var(--text-base-font-regular)}:where(.cck-accordion-panel--collapsed){padding-bottom:0}:where(.cck-accordion-panel){transition:padding-bottom .3s}:where(.cck-accordion--instant-animation>.cck-accordion-panel){transition:none}:where(.cck-accordion__size--sm .cck-accordion-panel--expanded){padding-bottom:var(--spacing-8)}:where(.cck-accordion__size.md .cck-accordion-panel--expanded){padding-bottom:var(--spacing-10)}:where(.cck-accordion__default>.cck-accordion-panel){background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-6)}:where(.cck-accordion__default.cck-accordion__size--sm>.cck-accordion-panel>.cck-accordion-panel__content-wrapper){padding-left:var(--spacing-8);padding-right:var(--spacing-7)}:where(.cck-accordion__default.cck-accordion__size--md>.cck-accordion-panel>.cck-accordion-panel__content-wrapper){padding-left:var(--spacing-10);padding-right:var(--spacing-8)}:where(.cck-accordion__underline){padding-bottom:var(--spacing-8)}:where(.cck-accordion__underline>.cck-accordion-panel){border-bottom:1px solid var(--base-border)}:where(.cck-tabs){display:flex;flex-direction:column;gap:12px}:where(.cck-tabs__headers-wrapper){display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:center}:where(.cck-tabs--align-left .cck-tabs__headers-wrapper){align-items:flex-start;align-self:flex-start;justify-content:flex-start}:where(.cck-tabs--align-center .cck-tabs__headers-wrapper){align-items:center;align-self:center;justify-content:center}:where(.cck-tabs--align-right .cck-tabs__headers-wrapper){align-items:flex-end;align-self:flex-end;justify-content:flex-end}:where(.cck-tabs--align-stretch .cck-tabs__headers-wrapper){align-items:stretch;align-self:stretch;justify-content:stretch}:where(.cck-tabs__toggle .cck-tabs__headers-wrapper){background-color:var(--base-fill-1);border-radius:var(--radi-6);padding:var(--spacing-2)}:where(.cck-tabs__size--sm .cck-tabs__headers-wrapper){min-height:36px}:where(.cck-tabs__size--md .cck-tabs__headers-wrapper){min-height:44px}:where(.cck-tabs__size--lg .cck-tabs__headers-wrapper){min-height:56px}:where(.cck-tab){align-items:center;background:transparent;border:none;color:var(--text-dark-tertiary);cursor:pointer;display:flex;justify-content:center;outline:none;position:relative;white-space:nowrap}:where(.cck-tab .cck-svg-icon.cck-svg-icon--default-color){color:currentcolor;fill:currentcolor}:where(.cck-tab__label){position:relative;z-index:1}:where(.cck-tab--unselected):not(.cck-tab--disabled):focus-visible{outline:2px solid var(--state-brand-selected)}:where(.cck-tab--selected){color:var(--text-dark-primary)}:where(.cck-tab--disabled){color:var(--base-disabled);cursor:not-allowed}:where(.cck-tab__indicator){height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}:where(.cck-tabs--align-stretch .cck-tab){flex:1}:where(.cck-tabs__toggle .cck-tab){border-radius:var(--radi-5)}:where(.cck-tabs__toggle .cck-tab--unselected):not(.cck-tab--disabled):hover{background-color:var(--base-fill-2)}:where(.cck-tabs__toggle .cck-tab__indicator){background-color:var(--base-surface-1);border:1px solid var(--base-border);border-radius:var(--radi-5)}:where(.cck-tabs__fill .cck-tab){border-radius:var(--radi-6)}:where(.cck-tabs__fill .cck-tab__indicator){background-color:var(--base-surface-2);border:2px solid var(--state-brand-selected);border-radius:var(--radi-5)}:where(.cck-tabs__line .cck-tab__indicator){border-bottom:var(--stroke-lg) solid var(--state-brand-selected)}:where(.cck-tabs__size--sm .cck-tab){font:var(--text-sm-font-medium);height:36px;padding:0 var(--spacing-7)}:where(.cck-tabs__size--sm .cck-tab.cck-tab--selected){font:var(--text-sm-font-semibold)}:where(.cck-tabs__size--md .cck-tab){font:var(--text-base-font-medium);height:44px;padding:0 var(--spacing-8)}:where(.cck-tabs__size--md .cck-tab.cck-tab--selected){font:var(--text-base-font-semibold)}:where(.cck-tabs__size--lg .cck-tab){font:var(--text-lg-font-medium);height:56px;padding:0 var(--spacing-9)}:where(.cck-tabs__size--lg .cck-tab.cck-tab--selected){font:var(--text-lg-font-semibold)} \ No newline at end of file diff --git a/patches/ng-packagr@20.0.1_@angular+compiler-cli@20.0.7_@angular+compiler@20.0.7_typescript@5.8.3__tslib@2.8.1_typescript@5.8.3/find-cache-directory-fix.patch b/patches/ng-packagr@20.0.1_@angular+compiler-cli@20.0.7_@angular+compiler@20.0.7_typescript@5.8.3__tslib@2.8.1_typescript@5.8.3/find-cache-directory-fix.patch new file mode 100644 index 00000000..e69de29b diff --git a/tools/workspace-plugin/package.json b/tools/workspace-plugin/package.json index edd34481..6cb7c4ec 100644 --- a/tools/workspace-plugin/package.json +++ b/tools/workspace-plugin/package.json @@ -1,6 +1,6 @@ { "name": "@cocokits/workspace-plugin", - "version": "0.0.1", + "version": "0.0.0", "private": true, "dependencies": { "@nx/devkit": "18.3.3",