@quixotic/ui 0.2.14 → 0.2.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/index.cjs.css +1 -1
  2. package/dist/index.cjs.js +69 -102
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.esm.css +1 -1
  5. package/dist/index.esm.js +71 -104
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/styles/antd.css +1 -0
  8. package/dist/styles/theme.css +1 -1
  9. package/dist/types/ThemeProvider.d.ts +2 -2
  10. package/dist/types/components/design/KAutoComplete/KAutoComplete.d.ts +3 -3
  11. package/dist/types/components/design/KAutoComplete/KAutoComplete.stories.d.ts +50 -0
  12. package/dist/types/components/design/KButton/KButton.d.ts +2 -2
  13. package/dist/types/components/design/KButton/KButton.stories.d.ts +37 -0
  14. package/dist/types/components/design/KCheckbox/KCheckbox.d.ts +2 -2
  15. package/dist/types/components/design/KCheckbox/KCheckbox.stories.d.ts +113 -0
  16. package/dist/types/components/design/KDropdown/KDropdown.d.ts +2 -1
  17. package/dist/types/components/design/KDropdown/KDropdown.stories.d.ts +105 -0
  18. package/dist/types/components/design/KInput/KInput.d.ts +33 -7
  19. package/dist/types/components/design/KInput/KInput.stories.d.ts +74 -0
  20. package/dist/types/components/design/KInput/KInputAddon.stories.d.ts +46 -0
  21. package/dist/types/components/design/KInput/KInputOTP.stories.d.ts +41 -0
  22. package/dist/types/components/design/KInput/KInputPassword.stories.d.ts +36 -0
  23. package/dist/types/components/design/KInput/KInputSearch.stories.d.ts +41 -0
  24. package/dist/types/components/design/KInput/KInputTextArea.stories.d.ts +58 -0
  25. package/dist/types/components/design/KRadio/KRadio.d.ts +13 -8
  26. package/dist/types/components/design/KRadio/KRadio.stories.d.ts +91 -0
  27. package/dist/types/components/design/KRadio/KRadioGroup.stories.d.ts +124 -0
  28. package/dist/types/components/design/KSelect/KSelect.d.ts +6 -2
  29. package/dist/types/components/design/KSelect/KSelect.stories.d.ts +132 -0
  30. package/dist/types/components/design/KSpin/KSpin.d.ts +1 -1
  31. package/dist/types/components/design/KSpin/KSpin.stories.d.ts +17 -0
  32. package/dist/types/components/design/KSwitch/KSwitch.d.ts +4 -4
  33. package/dist/types/components/design/KSwitch/KSwitch.stories.d.ts +116 -0
  34. package/dist/types/components/design/KTabel/KTable.d.ts +1 -1
  35. package/dist/types/components/design/KTabel/KTable.stories.d.ts +92 -0
  36. package/dist/types/components/design/KTabs/KTabs.d.ts +2 -2
  37. package/dist/types/components/design/KTabs/KTabs.stories.d.ts +123 -0
  38. package/dist/types/components/design/KTag/KTag.d.ts +2 -2
  39. package/dist/types/components/design/KTag/KTag.stories.d.ts +14 -0
  40. package/dist/types/components/design/KTooltip/KTooltip.d.ts +2 -2
  41. package/dist/types/components/design/KTooltip/KTooltip.stories.d.ts +14 -0
  42. package/dist/types/components/design/KTypography/KTypography.d.ts +7 -7
  43. package/dist/types/components/design/KTypography/KTypography.stories.d.ts +21 -0
  44. package/package.json +5 -1
@@ -1 +1 @@
1
- .ant-select.k-auto-complete{box-shadow:none!important;.ant-select-content{.k-auto-complete-sm &{border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md-plus)}.k-auto-complete-md &{border-radius:var(--radius-sm);padding:var(--spacing-md) var(--spacing-md-plus)}.k-auto-complete-lg &{border-radius:var(--radius-md);padding:var(--spacing-md-plus) var(--spacing-md-plus)}.k-auto-complete-xl &{border-radius:var(--radius-md);padding:var(--spacing-lg) var(--spacing-lg)}}.ant-select-content{background-color:var(--bg-primary);border-color:var(--border-primary);border-radius:var(--radius-md);box-shadow:none;font-size:1rem;&::placeholder{color:var(--text-placeholder)}}&.ant-select-focused .ant-select-input,&:not(.ant-select-disabled):hover .ant-select-input{border-color:var(--border-solid)}&.ant-select-disabled .ant-select-input{background-color:var(--bg-disabled_subtle);border-color:var(--border-disabled)}}.k-button{&.k-button-sm{font-size:.75rem;gap:var(--spacing-xxs);height:1.5rem;letter-spacing:0;line-height:1.125rem;padding-block:.1875rem;padding-inline:var(--spacing-sm)}&.k-button-md,&.k-button-sm{border-radius:var(--radius-sm)}&.k-button-md{font-size:.875rem;gap:var(--spacing-xs);height:2rem;letter-spacing:-.006em;line-height:1.25rem;padding-block:var(--spacing-sm);padding-inline:var(--spacing-md)}&.k-button-lg{height:2.5rem;padding-block:var(--spacing-md);padding-inline:var(--spacing-md-plus)}&.k-button-lg,&.k-button-xl{border-radius:var(--radius-md);font-size:1rem;gap:var(--spacing-xs);letter-spacing:-.011em;line-height:1.5rem}&.k-button-xl{height:3rem;padding-block:var(--spacing-md-plus);padding-inline:var(--spacing-xl)}&.k-button-primary{background:var(--button-bg);border:1px solid transparent;box-shadow:var(--shadow-xs-button);color:var(--button-text);&:not(:disabled):hover{background:var(--button-bg-hover)}&:not(:disabled):active,&:not(:disabled):hover{border-color:transparent;box-shadow:var(--shadow-xs-button);color:var(--button-text)}&:not(:disabled):active{background:var(--button-bg-pressed)}&:disabled{background:var(--button-bg-disabled);border-color:transparent;box-shadow:none;color:var(--text-disabled)}}&.k-button-outline{background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs-button);color:var(--text-primary);&:not(:disabled):hover{background:var(--bg-primary_hover)}&:not(:disabled):active,&:not(:disabled):hover{border-color:var(--border-primary);box-shadow:var(--shadow-xs-button);color:var(--text-primary)}&:not(:disabled):active{background:var(--bg-secondary_hover)}&:disabled{background:var(--button-bg-disabled);border-color:var(--border-primary);box-shadow:none;color:var(--text-disabled)}}&.k-button-ghost{background:var(--white);border:1px solid transparent;box-shadow:none;color:var(--text-primary);&:not(:disabled):hover{background:var(--bg-primary_hover)}&:not(:disabled):active,&:not(:disabled):hover{border-color:transparent;box-shadow:none;color:var(--text-primary)}&:not(:disabled):active{background:var(--bg-secondary_hover)}&:disabled{background:var(--button-bg-disabled);border-color:transparent;box-shadow:none;color:var(--text-disabled)}}&.k-button-link{background:var(--white);border:1px solid transparent;box-shadow:none;color:var(--text-primary);&:not(:disabled):hover{color:var(--text-tertiary_hover)}&:not(:disabled):active,&:not(:disabled):hover{background:var(--white);border-color:transparent;box-shadow:none}&:not(:disabled):active{color:var(--button-bg-pressed)}&:disabled{background:var(--white);border-color:transparent;box-shadow:none;color:var(--text-disabled)}}}.k-checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem}.k-checkbox{&.ant-checkbox-wrapper{.ant-checkbox{.ant-checkbox-inner{align-items:center;display:flex;justify-content:center;.k-checkbox-sm &{border-radius:.25rem;height:1rem;width:1rem;&:before{content:"";height:.421875rem;width:.58625rem}}.k-checkbox-md &{border-radius:.375rem;height:1.25rem;width:1.25rem;&:before{content:"";height:.4925rem;width:.68375rem}}}&+span.ant-checkbox-label{font-weight:500;padding-inline:.5rem;.k-checkbox-sm &{font-size:.875rem;letter-spacing:-.006em;line-height:1.25rem}.k-checkbox-md &{font-size:1rem;letter-spacing:-.011em;line-height:1.5rem}}}}&.ant-checkbox-wrapper-disabled{.ant-checkbox{.ant-checkbox-inner{background:var(--bg-disabled_subtle);border-color:var(--border-disabled_subtle)}}}&:not(.ant-checkbox-wrapper-disabled) .ant-checkbox{&+span.ant-checkbox-label{color:var(--text-primary)}.ant-checkbox-input:focus-visible+.ant-checkbox-inner{outline-color:var(--utility-grey-700);outline-offset:.125rem;outline-width:.125rem}.ant-checkbox-inner{background:var(--bg-primary);border-color:var(--border-primary);border-style:solid;border-width:.0625rem;.ant-checkbox-indeterminate:not(.ant-checkbox-checked) &{background:var(--bg-primary);border-color:var(--border-primary);.ant-checkbox-wrapper:hover &{border-color:var(--checkbox-border_hover)}&:after{background:var(--fg-primary);border-radius:.125rem;display:block;height:.625rem;width:.625rem}&:before{display:none}}.ant-checkbox-checked &{background:var(--fg-primary);border-color:var(--fg-primary);.ant-checkbox-wrapper:hover &{border-color:var(--fg-primary)}&:after{display:none}&:before{background-color:var(--checkbox-checkmark-fg);mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.81.747-7 7a.438.438 0 0 1-.62 0L.129 4.685a.438.438 0 1 1 .62-.62L3.5 6.82 10.19.13a.438.438 0 1 1 .62.618Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center;mask-size:100% 100%}}.ant-checkbox-wrapper:hover &{border-color:var(--checkbox-border_hover)}}}}.k-input{&.ant-input,&.ant-input-affix-wrapper{&.k-input-sm{padding:var(--spacing-sm) var(--spacing-md-plus)}&.k-input-md,&.k-input-sm{border-radius:var(--radius-sm)}&.k-input-md{padding:var(--spacing-md) var(--spacing-md-plus)}&.k-input-lg{padding:var(--spacing-md-plus) var(--spacing-md-plus)}&.k-input-lg,&.k-input-xl{border-radius:var(--radius-md)}&.k-input-xl{padding:var(--spacing-lg) var(--spacing-lg)}&{background-color:var(--bg-primary);border-color:var(--border-primary);border-radius:var(--radius-md);box-shadow:none;font-size:1rem;&::placeholder{color:var(--text-placeholder)}& -focused,&:focus,&:not(.ant-input-disabled):not(.ant-input-affix-wrapper-disabled):hover{border-color:var(--border-solid)}& -disabled{background-color:var(--bg-disabled_subtle);border-color:var(--border-disabled)}}}&.ant-input-affix-wrapper{.ant-input{background-color:transparent;font-size:inherit;&::placeholder{color:var(--text-placeholder)}}}}.k-radio{&.ant-radio-wrapper{.ant-radio{.ant-radio-inner{align-items:center;border-radius:100%;display:flex;justify-content:center;&:after{display:none}.k-radio-sm &{height:1rem;width:1rem;&:before{height:.375rem;width:.375rem}}.k-radio-md &{height:1.25rem;width:1.25rem;&:before{height:.5rem;width:.5rem}}}&+span.ant-radio-label{font-weight:500;padding-inline:.5rem;.k-radio-sm &{font-size:.875rem;letter-spacing:-.006em;line-height:1.25rem}.k-radio-md &{font-size:1rem;letter-spacing:-.011em;line-height:1.5rem}}}}&.ant-radio-wrapper-disabled{.ant-radio{.ant-radio-inner{background:var(--bg-disabled_subtle);border-color:var(--border-disabled_subtle);.ant-radio-checked &{&:before{background:var(--fg-disabled_subtle);border-radius:100%;content:""}}}}}&:not(.ant-radio-wrapper-disabled) .ant-radio{&+span.ant-radio-label{color:var(--text-primary)}.ant-radio-input:focus-visible+.ant-radio-inner{outline-color:var(--utility-grey-700);outline-offset:.125rem;outline-width:.125rem}.ant-radio-inner{background:var(--bg-primary);border-color:var(--border-primary);border-style:solid;border-width:.0625rem;.ant-radio-checked &{background:var(--fg-primary);border-color:var(--fg-primary);.ant-radio-wrapper:hover &{border-color:var(--fg-primary)}}.ant-radio-wrapper:hover &{border-color:var(--radio-border_hover)}&:before{background:var(--checkbox-checkmark-fg);border-radius:100%;content:""}}}}.k-switch{&.k-switch-sm{height:1rem;min-width:1.75rem;.ant-switch-handle{border-radius:1.25rem;height:.75rem;inset-inline-start:.125rem;width:.75rem;.ant-switch-checked &{inset-inline-start:calc(100% - .875rem)}}}&.k-switch-md{height:1.25rem;min-width:2.25rem;.ant-switch-handle{border-radius:1.25rem;height:1rem;inset-inline-start:.125rem;width:1rem;.ant-switch-checked &{inset-inline-start:calc(100% - 1.125rem)}}}&:focus-visible{outline:.125rem solid var(--utility-grey-700);outline-offset:.125rem}&.ant-switch-disabled{background:var(--bg-disabled);.ant-switch-handle{&:before{background:var(--fg-disabled_subtle);box-shadow:none}}}&:not(.ant-switch-disabled),&:not(.ant-switch-disabled):hover{background:var(--bg-tertiary);.ant-switch-handle{background:var(--toggle-button-bg)}}&.ant-switch-checked:not(.ant-switch-disabled){background:var(--toggle-active-bg);.ant-switch-handle{background:var(--toggle-button-active-bg)}}}.k-table{&.ant-table-wrapper{.ant-table-container{border-radius:0}.ant-table-tbody .ant-table-row.ant-table-row-selected>.ant-table-cell{background:var(--grey-100);.dark &{background:var(--grey-700)}}table>thead>tr:first-child>:first-child{border-left-style:solid;border-radius:.375rem 0 0 .375rem}table>thead>tr:first-child>:last-child{border-radius:0 .375rem .375rem 0;border-right-style:solid}.ant-table-thead{>tr>th{background:var(--bg-secondary);border-color:var(--border-secondary);border-radius:0;border-style:solid none;border-width:.0625rem;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:0;line-height:1.125rem;padding:.25rem .5rem;&:before{display:none}}}.ant-table-tbody{>tr{&:hover{background:var(--bg-primary_hover)}}>tr>td{border-color:var(--border-secondary);border-style:none none solid;border-width:.0625rem;font-size:.875rem;font-weight:400;letter-spacing:-.006em;line-height:1.25rem;padding:.5rem}}}}.ant-typography,.k-tabs{&.k-paragraph,&.k-text,&.k-title{align-items:center;display:flex;flex-wrap:wrap;justify-content:start;.ant-typography-copy{width:1em}}}
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */.k-select{align-items:center;border-width:.0625rem;display:inline-flex}.k-select.k-select-auto-complete .k-select-input{-webkit-appearance:none;appearance:none;background:transparent;border:0;display:block;inset-block:0;inset-inline:0;margin:0;outline:none;position:absolute}.k-select:not(.k-select-auto-complete) .k-select-input{display:none}.k-select:not(.k-select-auto-complete) .k-select-content-value{display:block}.k-select.k-auto-complete-md,.k-select.k-auto-complete-sm,.k-select.k-select-md,.k-select.k-select-sm{border-radius:.375rem;font-size:1rem;gap:.5rem;letter-spacing:-.011em;line-height:1.5rem;padding:.375rem .625rem}.k-select.k-auto-complete-lg,.k-select.k-select-lg{border-radius:.5rem;font-size:1rem;gap:.5rem;letter-spacing:-.011em;line-height:1.5rem;padding:.625rem}.k-select.k-auto-complete-xl,.k-select.k-select-xl{border-radius:.5rem;font-size:1rem;letter-spacing:-.011em;line-height:1.5rem;padding:.75rem}.k-select .k-select-content{flex:1;position:relative}:is(.k-select .k-select-content) .k-select-content-value{flex:1;font-size:.875rem;font-weight:400;letter-spacing:-.006em}.k-select:not(.k-select-disabled){background:var(--bg-primary);border-color:var(--border-primary);color:var(--text-primary)}.k-select.k-select-open:not(.k-select-disabled){background:var(--bg-primary);border-color:var(--border-solid)}.k-select.k-select-open:not(.k-select-disabled):hover{border-color:var(--border-solid)}.k-select:not(.k-select-disabled):focus-visible{outline:none}.k-select:not(.k-select-disabled):hover{background:var(--bg-primary_hover);border-color:var(--border-primary)}.k-select.k-select-disabled{background:var(--bg-disabled_subtle);border-color:var(--border-disabled);color:var(--text-disabled)}.k-select-root.k-select-dropdown .k-select-item-option-selected:not(.k-select-item-option-disabled){background-color:var(--bg-primary)}.k-button{align-items:center;display:inline-flex;font-style:normal;font-weight:500;justify-content:center}.k-button.k-button-sm:not(.k-button-link){border-radius:.375rem;gap:.125rem;height:1.5rem;padding-inline:.375rem}.k-button.k-button-md:not(.k-button-link){border-radius:.375rem;gap:.25rem;height:2rem;padding-inline:.5rem}.k-button.k-button-lg:not(.k-button-link){border-radius:.5rem;gap:.25rem;height:2.5rem;padding-inline:.625rem}.k-button.k-button-xl:not(.k-button-link){border-radius:.5rem;gap:.25rem;height:3rem;padding-inline:1rem}.k-button .k-button-link{gap:.25rem}.k-button.k-button-sm{font-size:.75rem;letter-spacing:0;line-height:1.125rem}.k-button.k-button-md{font-size:.875rem;letter-spacing:-.006em;line-height:1.25rem}.k-button.k-button-lg,.k-button.k-button-xl{font-size:1rem;letter-spacing:-.011em;line-height:1.5rem}.k-button.k-button-primary{background:var(--button-bg);border:.0625rem solid transparent;box-shadow:var(--shadow-xs-button);color:var(--button-text)}.k-button.k-button-primary:not(:disabled):hover{background:var(--button-bg-hover);border-color:transparent;box-shadow:var(--shadow-xs-button);color:var(--button-text)}.k-button.k-button-primary:not(:disabled):active{background:var(--button-bg-pressed);border-color:transparent;box-shadow:var(--shadow-xs-button);color:var(--button-text)}.k-button.k-button-primary:disabled{background:var(--button-bg-disabled);border-color:transparent;box-shadow:none;color:var(--text-disabled)}.k-button.k-button-outline{background:var(--bg-primary);border:.0625rem solid var(--border-primary);box-shadow:var(--shadow-xs-button);color:var(--text-primary)}.k-button.k-button-outline:not(:disabled):hover{background:var(--bg-primary_hover);border-color:var(--border-primary);box-shadow:var(--shadow-xs-button);color:var(--text-primary)}.k-button.k-button-outline:not(:disabled):active{background:var(--bg-secondary_hover);border-color:var(--border-primary);box-shadow:var(--shadow-xs-button);color:var(--text-primary)}.k-button.k-button-outline:disabled{background:var(--button-bg-disabled);border-color:var(--border-primary);box-shadow:none;color:var(--text-disabled)}.k-button.k-button-ghost{background:var(--white);border:.0625rem solid transparent;box-shadow:none;color:var(--text-primary)}.k-button.k-button-ghost:not(:disabled):hover{background:var(--bg-primary_hover);border-color:transparent;box-shadow:none;color:var(--text-primary)}.k-button.k-button-ghost:not(:disabled):active{background:var(--bg-secondary_hover);border-color:transparent;box-shadow:none;color:var(--text-primary)}.k-button.k-button-ghost:disabled{background:var(--button-bg-disabled);border-color:transparent;box-shadow:none;color:var(--text-disabled)}.k-button.k-button-link{background:var(--white);border:.0625rem solid transparent;box-shadow:none;color:var(--text-primary)}.k-button.k-button-link:not(:disabled):hover{background:var(--white);border-color:transparent;box-shadow:none;color:var(--text-tertiary_hover)}.k-button.k-button-link:not(:disabled):active{background:var(--white);border-color:transparent;box-shadow:none;color:var(--button-bg-pressed)}.k-button.k-button-link:disabled{background:var(--white);border-color:transparent;box-shadow:none;color:var(--text-disabled)}.k-checkbox-group,.k-checkbox-wrapper{display:flex;gap:.5rem}.k-checkbox-wrapper{align-items:center;justify-content:center}.k-checkbox-wrapper .k-checkbox{box-sizing:border-box;position:relative}:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-input{inset:0;margin:0;opacity:0;position:absolute;z-index:1}:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner{align-items:center;border-style:solid;border-width:.0625rem;display:flex;justify-content:center}:is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner):before{content:"";mask:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.81.747-7 7a.438.438 0 0 1-.62 0L.129 4.685a.438.438 0 1 1 .62-.62L3.5 6.82 10.19.13a.438.438 0 1 1 .62.618Z' fill='%23000'/%3E%3C/svg%3E") no-repeat center;mask-size:100% 100%}:is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner):after{content:"";display:flex}.k-checkbox-sm :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner){border-radius:.25rem;height:1rem;width:1rem}:is(.k-checkbox-sm :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner)):before{height:.421875rem;width:.58625rem}:is(.k-checkbox-sm :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner)):after{height:.5rem;width:.5rem}.k-checkbox-group :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-lg :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-md :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-xl :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner){border-radius:.375rem;height:1.25rem;width:1.25rem}:is(.k-checkbox-md :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-lg :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-xl :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-group :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner)):before{height:.4925rem;width:.68375rem}:is(.k-checkbox-md :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-lg :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-xl :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner),.k-checkbox-group :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner)):after{height:.625rem;width:.625rem}:is(.k-checkbox-indeterminate:not(.k-checkbox-checked) :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-inner)):after{background:var(--fg-primary);border-radius:.125rem;display:block;height:.625rem;width:.625rem}:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-label{font-weight:500;padding-inline:.5rem}.k-checkbox-sm :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-label){font-size:.875rem;letter-spacing:-.006em;line-height:1.25rem}.k-checkbox-md :is(:is(.k-checkbox-wrapper .k-checkbox) .k-checkbox-label){font-size:1rem;letter-spacing:-.011em;line-height:1.5rem}.k-checkbox-wrapper.k-checkbox-wrapper-disabled{cursor:not-allowed}:is(.k-checkbox-wrapper.k-checkbox-wrapper-disabled .k-checkbox) .k-checkbox-inner{background:var(--bg-disabled_subtle);border-color:var(--border-disabled_subtle)}:is(:is(.k-checkbox-wrapper.k-checkbox-wrapper-disabled .k-checkbox) .k-checkbox-inner):after,:is(:is(.k-checkbox-wrapper.k-checkbox-wrapper-disabled .k-checkbox) .k-checkbox-inner):before{display:none}:is(.k-checkbox-indeterminate:not(.k-checkbox-checked) :is(:is(.k-checkbox-wrapper.k-checkbox-wrapper-disabled .k-checkbox) .k-checkbox-inner)):after{background:var(--fg-disabled_subtle)}.k-checkbox-checked :is(:is(.k-checkbox-wrapper.k-checkbox-wrapper-disabled .k-checkbox) .k-checkbox-inner){background:var(--bg-disabled_subtle);border-color:var(--border-disabled_subtle)}:is(.k-checkbox-checked :is(:is(.k-checkbox-wrapper.k-checkbox-wrapper-disabled .k-checkbox) .k-checkbox-inner)):before{background-color:var(--fg-disabled_subtle);display:block}:is(.k-checkbox-checked :is(:is(.k-checkbox-wrapper.k-checkbox-wrapper-disabled .k-checkbox) .k-checkbox-inner)):after{display:none}.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled){cursor:pointer}:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-input{cursor:pointer}:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-input:focus-visible+.k-checkbox-inner{outline:var(--utility-grey-700) solid .125rem;outline-offset:.125rem}:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner{background:var(--bg-primary);border-color:var(--border-primary);border-style:solid;border-width:.0625rem}.k-checkbox-wrapper:hover :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner){border-color:var(--checkbox-border_hover)}:is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner):before{background:var(--checkbox-checkmark-fg);display:none}:is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner):after{background:var(--fg-primary);display:none}.k-checkbox-wrapper:hover :is(.k-checkbox-indeterminate :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)){border-color:var(--checkbox-border_hover)}.k-checkbox-indeterminate :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner){background:var(--bg-primary);border-color:var(--border-primary)}:is(.k-checkbox-indeterminate.k-checkbox-checked :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)):before{display:flex}:is(.k-checkbox-indeterminate.k-checkbox-checked :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)):after{display:none}:is(.k-checkbox-indeterminate:not(.k-checkbox-checked) :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)):before{display:none}:is(.k-checkbox-indeterminate:not(.k-checkbox-checked) :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)):after{display:flex}.k-checkbox-wrapper:hover :is(.k-checkbox-checked :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)){border-color:var(--fg-primary)}.k-checkbox-checked :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner){background:var(--fg-primary);border-color:var(--fg-primary)}:is(.k-checkbox-checked :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)):before{display:flex}:is(.k-checkbox-checked :is(:is(.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox) .k-checkbox-inner)):after{display:none}.k-checkbox-wrapper:not(.k-checkbox-wrapper-disabled) .k-checkbox-label{color:var(--text-primary)}.k-dropdown .k-dropdown-menu{list-style:none}.k-dropdown,.k-select-dropdown{border-radius:.5rem;border-width:.0625rem;box-shadow:0 12px 16px -4px rgba(13,14,18,.03),0 4px 6px -2px rgba(13,14,18,.08),0 2px 2px -1px rgba(13,14,18,.04);display:block;left:-9999px;padding:.25rem .375rem;position:absolute;top:-9999px;z-index:1050}.k-auto-complete-dropdown-hidden:is(.k-dropdown,.k-select-dropdown),.k-dropdown-hidden:is(.k-dropdown,.k-select-dropdown),.k-select-dropdown-hidden:is(.k-dropdown,.k-select-dropdown){display:none}:is(.k-dropdown,.k-select-dropdown) .k-dropdown-menu-item,:is(.k-dropdown,.k-select-dropdown) .k-select-item{align-items:center;border-radius:.375rem;display:flex;gap:.5rem;padding:.5rem .625rem}:is(:is(.k-dropdown,.k-select-dropdown) .k-dropdown-menu-item,:is(.k-dropdown,.k-select-dropdown) .k-select-item):hover{background:var(--bg-primary_hover)}.k-dropdown,.k-select-dropdown{background:var(--bg-primary);border-color:var(--border-secondary_alt)}.k-input-affix-wrapper{display:inline-flex}.k-input-affix-wrapper .k-input{border:none;flex:1}.k-input,.k-input-affix-wrapper{border-width:.0625rem;font-style:normal;font-weight:400;overflow:hidden;text-overflow:ellipsis}.k-input-sm:is(.k-input,.k-input-affix-wrapper){border-radius:.375rem;font-size:1rem;gap:.5rem;letter-spacing:-.011em;line-height:1.5rem;padding:.375rem .625rem}.k-input-md:is(.k-input,.k-input-affix-wrapper){border-radius:.375rem;font-size:1rem;gap:.5rem;letter-spacing:-.011em;line-height:1.5rem;padding:.375rem .625rem}.k-input-lg:is(.k-input,.k-input-affix-wrapper){border-radius:.5rem;font-size:1rem;gap:.5rem;letter-spacing:-.011em;line-height:1.5rem;padding:.625rem}.k-input-xl:is(.k-input,.k-input-affix-wrapper){border-radius:.5rem;font-size:1rem;letter-spacing:-.011em;line-height:1.5rem;padding:.75rem}.k-input,.k-input-affix-wrapper{background-color:var(--bg-primary);border-color:var(--border-primary);border-radius:var(--radius-md);box-shadow:none;color:var(--text-primary);font-size:1rem}.k-input-affix-wrapper-disabled:is(.k-input,.k-input-affix-wrapper),.k-input-disabled:is(.k-input,.k-input-affix-wrapper){background-color:var(--bg-disabled_subtle);border-color:var(--border-disabled);color:var(--text-disabled_subtle)}:is(.k-input-disabled:is(.k-input,.k-input-affix-wrapper),.k-input-affix-wrapper-disabled:is(.k-input,.k-input-affix-wrapper))::placeholder{color:var(--text-disabled)}.k-input-status-warning:is(.k-input,.k-input-affix-wrapper):not(.k-input-disabled,.k-input-affix-wrapper-disabled){border-color:var(--warning-300)}.k-input-status-error:is(.k-input,.k-input-affix-wrapper):not(.k-input-disabled,.k-input-affix-wrapper-disabled){border-color:var(--border-error)}:is(.k-input,.k-input-affix-wrapper)::placeholder{color:var(--text-placeholder)}:is(.k-input,.k-input-affix-wrapper):not(.k-input-disabled,.k-input-affix-wrapper-disabled):hover{border-color:var(--border-solid)}:is(.k-input,.k-input-affix-wrapper):focus{border-color:var(--border-solid)}:is(.k-input,.k-input-affix-wrapper):focus-visible{outline:none}.k-radio-button-wrapper:not(.k-radio-button-wrapper-block),.k-radio-wrapper{align-items:center;display:flex;gap:.5rem;justify-content:center}:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button{box-sizing:border-box;position:relative}:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-input,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-input{inset:0;margin:0;opacity:0;position:absolute;z-index:1}:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner{align-items:center;border-radius:100%;border-style:solid;border-width:.0625rem;display:flex;justify-content:center}:is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner):before{border-radius:100%;content:"";display:flex}.k-radio-group-sm :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-sm :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner){height:1rem;width:1rem}:is(.k-radio-sm :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-group-sm :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner)):before{height:.375rem;width:.375rem}.k-radio-group-lg :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-group-md :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-group-xl :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-lg :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-md :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-xl :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner){height:1.25rem;width:1.25rem}:is(.k-radio-md :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-lg :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-xl :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-group-md :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-group-lg :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner),.k-radio-group-xl :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-inner)):before{height:.5rem;width:.5rem}:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label{font-weight:500;padding-inline:.5rem}.k-radio-sm :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label){font-size:.875rem;letter-spacing:-.006em;line-height:1.25rem}.k-radio-lg :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label),.k-radio-md :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label),.k-radio-xl :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label),.k.radio-group-lg :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label),.k.radio-group-md :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label),.k.radio-group-xl :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-label,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)) .k-radio-button) .k-radio-button-label){font-size:1rem;letter-spacing:-.011em;line-height:1.5rem}.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)){cursor:not-allowed}:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-input,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-input{cursor:not-allowed}:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner{background:var(--bg-disabled_subtle);border-color:var(--border-disabled_subtle)}:is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner):after,:is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner):before{display:none}.k-radio-button-checked :is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner),.k-radio-checked :is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner){background:var(--bg-disabled_subtle);border-color:var(--border-disabled_subtle)}:is(.k-radio-checked :is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner),.k-radio-button-checked :is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner)):before{background-color:var(--fg-disabled_subtle);display:block}:is(.k-radio-checked :is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner),.k-radio-button-checked :is(:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio,:is(.k-radio-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)),.k-radio-button-wrapper-disabled:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block))) .k-radio-button) .k-radio-button-inner)):after{display:none}:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled){cursor:pointer}:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-input,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-input{cursor:pointer}:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-input:focus-visible+.k-radio-button-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-input:focus-visible+.k-radio-inner{outline:var(--utility-grey-700) solid .125rem;outline-offset:.125rem}:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner{background:var(--bg-primary);border-color:var(--border-primary);border-style:solid;border-width:.0625rem}.k-radio-button-wrapper:hover :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner),.k-radio-wrapper:hover :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner){border-color:var(--radio-border_hover)}:is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner):before{background:var(--checkbox-checkmark-fg);display:none}:is(:not(.k-radio-checked) :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner),:not(.k-radio-button-checked) :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner)):after{display:flex}.k-radio-button-wrapper:hover :is(.k-radio-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner),.k-radio-button-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner)),.k-radio-wrapper:hover :is(.k-radio-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner),.k-radio-button-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner)){border-color:var(--fg-primary)}.k-radio-button-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner),.k-radio-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner){background:var(--fg-primary);border-color:var(--fg-primary)}:is(.k-radio-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner),.k-radio-button-checked :is(:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-inner,:is(:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button) .k-radio-button-inner)):before{display:flex}:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-button-label,:is(.k-radio-wrapper,.k-radio-button-wrapper:not(.k-radio-button-wrapper-block)):not(.k-radio-wrapper-disabled,.k-radio-button-wrapper-disabled) .k-radio-label{color:var(--text-primary)}.k-radio-group:not(.k-radio-group-block){display:flex;gap:.5rem}.k-radio-group.k-radio-group-block{display:flex}.k-radio-button-wrapper.k-radio-button-wrapper-block{border:.0625rem solid #000;border-block-start-width:.0625rem;border-inline-end-width:.0625rem;cursor:pointer;display:inline-flex;font-style:normal;font-weight:500;margin-inline-end:-.0625rem;padding-inline:.9375rem;position:relative}.k-radio-button-wrapper.k-radio-button-wrapper-block:first-child{border-inline-start-style:solid;border-inline-start-width:.0625rem}.k-radio-group-sm .k-radio-button-wrapper.k-radio-button-wrapper-block{font-size:.75rem;gap:.125rem;line-height:1.125rem;padding:.1875rem .375rem}:is(.k-radio-group-sm .k-radio-button-wrapper.k-radio-button-wrapper-block):first-child{border-end-start-radius:.375rem;border-start-start-radius:.375rem}:is(.k-radio-group-sm .k-radio-button-wrapper.k-radio-button-wrapper-block):last-child{border-end-end-radius:.375rem;border-start-end-radius:.375rem}.k-radio-group-md .k-radio-button-wrapper.k-radio-button-wrapper-block{font-size:.875rem;gap:.25rem;letter-spacing:-.006em;line-height:1.25rem;padding:.375rem .5rem}:is(.k-radio-group-md .k-radio-button-wrapper.k-radio-button-wrapper-block):first-child{border-end-start-radius:.375rem;border-start-start-radius:.375rem}:is(.k-radio-group-md .k-radio-button-wrapper.k-radio-button-wrapper-block):last-child{border-end-end-radius:.375rem;border-start-end-radius:.375rem}.k-radio-group-lg .k-radio-button-wrapper.k-radio-button-wrapper-block{font-size:1rem;gap:.125rem;letter-spacing:-.011em;line-height:1.5rem;padding:.5rem .625rem}:is(.k-radio-group-lg .k-radio-button-wrapper.k-radio-button-wrapper-block):first-child{border-end-start-radius:.375rem;border-start-start-radius:.375rem}:is(.k-radio-group-lg .k-radio-button-wrapper.k-radio-button-wrapper-block):last-child{border-end-end-radius:.375rem;border-start-end-radius:.375rem}.k-radio-group-xl .k-radio-button-wrapper.k-radio-button-wrapper-block{font-size:1rem;gap:.125rem;letter-spacing:-.011em;line-height:1.5rem;padding:.625rem 1rem}:is(.k-radio-group-xl .k-radio-button-wrapper.k-radio-button-wrapper-block):first-child{border-end-start-radius:.375rem;border-start-start-radius:.375rem}:is(.k-radio-group-xl .k-radio-button-wrapper.k-radio-button-wrapper-block):last-child{border-end-end-radius:.375rem;border-start-end-radius:.375rem}.k-radio-button-wrapper.k-radio-button-wrapper-block .k-radio-button{height:100%;inset-block-start:0;inset-inline-start:0;position:absolute;width:100%;z-index:-1}:is(.k-radio-button-wrapper.k-radio-button-wrapper-block .k-radio-button) .k-radio-button-input{height:0;opacity:0;pointer-events:none;width:0}.k-radio-button-wrapper.k-radio-button-wrapper-block.k-radio-button-wrapper-checked{z-index:1}.k-radio-button-wrapper.k-radio-button-wrapper-block.k-radio-button-wrapper-disabled{cursor:not-allowed}.k-radio-group-solid .k-radio-button-wrapper.k-radio-button-wrapper-block.k-radio-button-wrapper-disabled{background:var(--button-bg-disabled);border-color:var(--button-bg-disabled);color:var(--text-disabled)}.k-radio-group-outline .k-radio-button-wrapper.k-radio-button-wrapper-block.k-radio-button-wrapper-disabled{background:var(--button-bg-disabled);border-color:var(--border-primary);color:var(--text-disabled)}.k-radio-group-outline .k-radio-button-wrapper.k-radio-button-wrapper-block:not(.k-radio-button-wrapper-disabled){background:var(--bg-primary);border-color:var(--border-primary)}.k-radio-group-solid .k-radio-button-wrapper.k-radio-button-wrapper-block.k-radio-button-wrapper-checked:not(.k-radio-button-wrapper-disabled){background:var(--button-bg);color:var(--button-text)}.k-radio-group-outline .k-radio-button-wrapper.k-radio-button-wrapper-block.k-radio-button-wrapper-checked:not(.k-radio-button-wrapper-disabled){border-color:var(--button-bg);color:var(--button-bg)}.k-switch{display:inline-flex;position:relative;transition:background .2s ease-in-out}.k-switch .k-switch-handle{border-radius:100%;position:absolute;transition:all .2s ease-in-out}:is(.k-switch .k-switch-handle):before{border-radius:100%;content:"";inset:0;position:absolute;transition:all .2s ease-in-out}:is(.k-switch .k-switch-handle) .k-switch-loading-icon{inset:0;margin:auto;position:absolute}.k-switch.k-switch-sm{border-radius:1.25rem;height:1rem;min-width:1.75rem}.k-switch.k-switch-sm .k-switch-handle{height:.75rem;inset-block-start:.125rem;inset-inline-start:.125rem;width:.75rem}.k-switch-checked :is(.k-switch.k-switch-sm .k-switch-handle){inset-inline-start:calc(100% - .875rem)}:is(.k-switch.k-switch-sm .k-switch-handle) .k-switch-loading-icon{height:calc(100% - .125rem);width:calc(100% - .125rem)}.k-switch.k-switch-lg,.k-switch.k-switch-md,.k-switch.k-switch-xl{border-radius:1.25rem;height:1.25rem;min-width:2.25rem}:is(.k-switch.k-switch-md,.k-switch.k-switch-lg,.k-switch.k-switch-xl) .k-switch-handle{height:1rem;inset-block-start:.125rem;inset-inline-start:.125rem;width:1rem}.k-switch-checked :is(:is(.k-switch.k-switch-md,.k-switch.k-switch-lg,.k-switch.k-switch-xl) .k-switch-handle){inset-inline-start:calc(100% - 1.125rem)}:is(:is(.k-switch.k-switch-md,.k-switch.k-switch-lg,.k-switch.k-switch-xl) .k-switch-handle) .k-switch-loading-icon{height:calc(100% - .125rem);width:calc(100% - .125rem)}.k-switch:focus-visible{outline:.125rem solid var(--utility-grey-700);outline-offset:.125rem}.k-switch.k-switch-disabled{background:var(--bg-disabled);cursor:not-allowed}:is(.k-switch.k-switch-disabled .k-switch-handle):before{background:var(--fg-disabled_subtle);box-shadow:none}.k-switch:not(.k-switch-disabled){cursor:pointer}.k-switch:not(.k-switch-disabled):not(.k-switch-checked){background:var(--bg-tertiary)}:is(.k-switch:not(.k-switch-disabled):not(.k-switch-checked) .k-switch-handle):before{background-color:var(--toggle-button-fg)}.k-switch.k-switch-checked:not(.k-switch-disabled){background:var(--toggle-active-bg)}:is(.k-switch.k-switch-checked:not(.k-switch-disabled) .k-switch-handle):before{background-color:var(--toggle-button-active-fg)}:is([class^=k-table],[class*=k-table]):focus-visible{outline:none}.k-table .k-table-container{border-radius:0}.dark :is(.k-table .k-table-tbody .k-table-row.k-table-row-selected>.k-table-cell){background:var(--grey-700)}.k-table .k-table-tbody .k-table-row.k-table-row-selected>.k-table-cell{background:var(--grey-100)}.k-table table{border-collapse:separate;border-spacing:0;text-align:start;width:100%}.k-table .k-table-thead .k-table-cell{position:relative;text-align:start}.k-table table>thead>tr:first-child>:first-child{border-left-style:solid;border-radius:.375rem 0 0 .375rem}.k-table table>thead>tr:first-child>:last-child{border-radius:0 .375rem .375rem 0;border-right-style:solid}:is(.k-table .k-table-thead)>tr>th{background:var(--bg-secondary);border-color:var(--border-secondary);border-radius:0;border-style:solid none;border-width:.0625rem;color:var(--text-tertiary);font-size:.75rem;font-weight:600;letter-spacing:0;line-height:1.125rem;padding:.25rem .5rem}:is(:is(.k-table .k-table-thead)>tr>th):before{display:none}:is(:is(.k-table .k-table-tbody)>tr):hover{background:var(--bg-primary_hover)}:is(.k-table .k-table-tbody)>tr>td{border-color:var(--border-secondary);border-style:none none solid;border-width:.0625rem;font-size:.875rem;font-weight:400;letter-spacing:-.006em;line-height:1.25rem;padding:.5rem}:is([class^=k-tabs],[class*=" k-tabs"]):focus-visible{outline:none}.k-tabs{box-sizing:border-box;color:var(--text-primary);display:flex;font-size:.875rem;line-height:1.5rem;list-style:none;margin:0;padding:0}.k-tabs .k-tabs-nav{align-items:center;display:flex;flex:none;position:relative}:is(.k-tabs .k-tabs-nav):before{border-bottom:.0625rem solid var(--border-secondary);content:"";left:0;position:absolute;right:0}.k-tabs .k-tabs-nav-wrap{align-self:stretch;display:flex;flex:auto;overflow:hidden;position:relative;transform:translate(0);white-space:nowrap}.k-tabs .k-tabs-nav-list{display:flex;position:relative;transition:opacity .3s}.k-tabs .k-tabs-tab{align-items:center;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;outline:none;padding:.75rem 0;position:relative;transition:color .2s ease-in-out}:is(.k-tabs .k-tabs-tab):hover{color:var(--text-primary)}.k-tabs-tab-active:is(.k-tabs .k-tabs-tab){color:var(--text-primary)}.k-tabs-tab-active:is(.k-tabs .k-tabs-tab) .k-tabs-tab-btn{color:var(--text-primary)}.k-tabs-tab-disabled:is(.k-tabs .k-tabs-tab){color:var(--text-disabled);cursor:not-allowed}:is(.k-tabs .k-tabs-tab)+.k-tabs-tab{margin-left:2rem}.k-tabs .k-tabs-tab-btn{background:transparent;border:0;color:inherit;cursor:inherit;outline:none;transition:all .2s}:is(.k-tabs .k-tabs-tab-btn):focus-visible{border-radius:.25rem;outline:.125rem solid var(--utility-grey-700);outline-offset:.125rem}.k-tabs .k-tabs-ink-bar{background:var(--fg-primary);pointer-events:none;position:absolute;transition:width .3s,left .3s,right .3s}.k-tabs .k-tabs-content-holder{flex:auto;min-height:0;min-width:0}.k-tabs .k-tabs-content{position:relative;width:100%}.k-tabs .k-tabs-tabpane{outline:none}.k-tabs .k-tabs-tabpane-hidden{display:none}.k-tabs .k-tabs-extra-content{flex:none}.k-tabs .k-tabs-nav-operations{align-self:stretch;display:flex}.k-tabs .k-tabs-nav-operations-hidden{pointer-events:none;position:absolute;visibility:hidden}.k-tabs .k-tabs-nav-more{background:transparent;border:0;color:var(--text-secondary);cursor:pointer;padding:.5rem 1rem;position:relative}:is(.k-tabs .k-tabs-nav-more):hover{color:var(--text-primary)}.k-tabs .k-tabs-nav-add{background:transparent;border:.0625rem solid var(--border-secondary);border-radius:.5rem .5rem 0 0;color:var(--text-secondary);cursor:pointer;margin-left:.125rem;min-height:2.5rem;min-width:2.5rem;outline:none;padding:0 .5rem;transition:all .2s}:is(.k-tabs .k-tabs-nav-add):hover{color:var(--text-primary)}.k-tabs .k-tabs-tab-remove{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;flex:none;font-size:.75rem;margin-left:.5rem;margin-right:-.25rem;outline:none;padding:0;transition:all .2s}:is(.k-tabs .k-tabs-tab-remove):hover{color:var(--text-primary)}.k-tabs-top{flex-direction:column}.k-tabs-top>.k-tabs-nav,.k-tabs-top>div>.k-tabs-nav{margin-bottom:1rem}:is(.k-tabs-top>.k-tabs-nav,.k-tabs-top>div>.k-tabs-nav):before{bottom:0}:is(.k-tabs-top>.k-tabs-nav,.k-tabs-top>div>.k-tabs-nav) .k-tabs-ink-bar{bottom:0;height:.125rem}.k-tabs-bottom{flex-direction:column}.k-tabs-bottom>.k-tabs-nav,.k-tabs-bottom>div>.k-tabs-nav{margin-bottom:0;margin-top:1rem;order:1}:is(.k-tabs-bottom>.k-tabs-nav,.k-tabs-bottom>div>.k-tabs-nav):before{top:0}:is(.k-tabs-bottom>.k-tabs-nav,.k-tabs-bottom>div>.k-tabs-nav) .k-tabs-ink-bar{height:.125rem;top:0}.k-tabs-bottom>.k-tabs-content-holder,.k-tabs-bottom>div>.k-tabs-content-holder{order:0}.k-tabs-left{flex-direction:row}.k-tabs-left>.k-tabs-nav,.k-tabs-left>div>.k-tabs-nav{flex-direction:column;margin-right:1rem;min-width:3rem}:is(.k-tabs-left>.k-tabs-nav,.k-tabs-left>div>.k-tabs-nav):before{border-bottom:0;border-right:.0625rem solid var(--border-secondary);bottom:0;left:auto;right:0;top:0}:is(.k-tabs-left>.k-tabs-nav,.k-tabs-left>div>.k-tabs-nav) .k-tabs-ink-bar{right:0;width:.125rem}:is(.k-tabs-left>.k-tabs-nav,.k-tabs-left>div>.k-tabs-nav) .k-tabs-tab{padding:.5rem 1.5rem;text-align:center}:is(:is(.k-tabs-left>.k-tabs-nav,.k-tabs-left>div>.k-tabs-nav) .k-tabs-tab)+.k-tabs-tab{margin-left:0;margin-top:1rem}:is(.k-tabs-left>.k-tabs-nav,.k-tabs-left>div>.k-tabs-nav) .k-tabs-nav-wrap{flex-direction:column}:is(.k-tabs-left>.k-tabs-nav,.k-tabs-left>div>.k-tabs-nav) .k-tabs-nav-list{flex-direction:column}.k-tabs-right{flex-direction:row}.k-tabs-right>.k-tabs-nav,.k-tabs-right>div>.k-tabs-nav{flex-direction:column;margin-left:1rem;min-width:3rem;order:1}:is(.k-tabs-right>.k-tabs-nav,.k-tabs-right>div>.k-tabs-nav):before{border-bottom:0;border-left:.0625rem solid var(--border-secondary);bottom:0;left:0;right:auto;top:0}:is(.k-tabs-right>.k-tabs-nav,.k-tabs-right>div>.k-tabs-nav) .k-tabs-ink-bar{left:0;width:.125rem}:is(.k-tabs-right>.k-tabs-nav,.k-tabs-right>div>.k-tabs-nav) .k-tabs-tab{padding:.5rem 1.5rem;text-align:center}:is(:is(.k-tabs-right>.k-tabs-nav,.k-tabs-right>div>.k-tabs-nav) .k-tabs-tab)+.k-tabs-tab{margin-left:0;margin-top:1rem}:is(.k-tabs-right>.k-tabs-nav,.k-tabs-right>div>.k-tabs-nav) .k-tabs-nav-wrap{flex-direction:column}:is(.k-tabs-right>.k-tabs-nav,.k-tabs-right>div>.k-tabs-nav) .k-tabs-nav-list{flex-direction:column}.k-tabs-right>.k-tabs-content-holder,.k-tabs-right>div>.k-tabs-content-holder{order:0}:is(.k-tabs-card>.k-tabs-nav,.k-tabs-card>div>.k-tabs-nav) .k-tabs-tab{background:var(--bg-secondary);border:.0625rem solid var(--border-secondary);margin:0;padding:.5rem 1rem;transition:all .2s}:is(:is(.k-tabs-card>.k-tabs-nav,.k-tabs-card>div>.k-tabs-nav) .k-tabs-tab)+.k-tabs-tab{margin-left:-.0625rem}.k-tabs-tab-active:is(:is(.k-tabs-card>.k-tabs-nav,.k-tabs-card>div>.k-tabs-nav) .k-tabs-tab){background:var(--bg-primary);border-bottom-color:var(--bg-primary);color:var(--text-primary)}:is(.k-tabs-card>.k-tabs-nav,.k-tabs-card>div>.k-tabs-nav) .k-tabs-ink-bar{visibility:hidden}.k-tabs-card.k-tabs-top>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-top>div>.k-tabs-nav .k-tabs-tab{border-radius:.5rem .5rem 0 0}.k-tabs-tab-active:is(.k-tabs-card.k-tabs-top>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-top>div>.k-tabs-nav .k-tabs-tab){border-bottom-color:var(--bg-primary)}.k-tabs-card.k-tabs-bottom>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-bottom>div>.k-tabs-nav .k-tabs-tab{border-radius:0 0 .5rem .5rem}.k-tabs-tab-active:is(.k-tabs-card.k-tabs-bottom>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-bottom>div>.k-tabs-nav .k-tabs-tab){border-top-color:var(--bg-primary)}.k-tabs-card.k-tabs-left>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-left>div>.k-tabs-nav .k-tabs-tab{border-radius:.5rem 0 0 .5rem}.k-tabs-tab-active:is(.k-tabs-card.k-tabs-left>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-left>div>.k-tabs-nav .k-tabs-tab){border-right-color:var(--bg-primary)}.k-tabs-card.k-tabs-right>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-right>div>.k-tabs-nav .k-tabs-tab{border-radius:0 .5rem .5rem 0}.k-tabs-tab-active:is(.k-tabs-card.k-tabs-right>.k-tabs-nav .k-tabs-tab,.k-tabs-card.k-tabs-right>div>.k-tabs-nav .k-tabs-tab){border-left-color:var(--bg-primary)}:is(.k-tabs-editable-card>.k-tabs-nav,.k-tabs-editable-card>div>.k-tabs-nav) .k-tabs-tab{background:var(--bg-secondary);border:.0625rem solid var(--border-secondary);margin:0;padding:.5rem 1rem;transition:all .2s}:is(:is(.k-tabs-editable-card>.k-tabs-nav,.k-tabs-editable-card>div>.k-tabs-nav) .k-tabs-tab)+.k-tabs-tab{margin-left:-.0625rem}.k-tabs-tab-active:is(:is(.k-tabs-editable-card>.k-tabs-nav,.k-tabs-editable-card>div>.k-tabs-nav) .k-tabs-tab){background:var(--bg-primary);border-bottom-color:var(--bg-primary);color:var(--text-primary)}:is(:is(.k-tabs-editable-card>.k-tabs-nav,.k-tabs-editable-card>div>.k-tabs-nav) .k-tabs-tab):not(.k-tabs-tab-disabled):hover .k-tabs-tab-remove{opacity:1}:is(.k-tabs-editable-card>.k-tabs-nav,.k-tabs-editable-card>div>.k-tabs-nav) .k-tabs-ink-bar{visibility:hidden}.k-tabs-editable-card.k-tabs-top>.k-tabs-nav .k-tabs-tab,.k-tabs-editable-card.k-tabs-top>div>.k-tabs-nav .k-tabs-tab{border-radius:.5rem .5rem 0 0}.k-tabs-tab-active:is(.k-tabs-editable-card.k-tabs-top>.k-tabs-nav .k-tabs-tab,.k-tabs-editable-card.k-tabs-top>div>.k-tabs-nav .k-tabs-tab){border-bottom-color:var(--bg-primary)}.k-tabs-small>.k-tabs-nav .k-tabs-tab,.k-tabs-small>div>.k-tabs-nav .k-tabs-tab{font-size:.875rem;padding:.5rem 0}.k-tabs-large>.k-tabs-nav .k-tabs-tab,.k-tabs-large>div>.k-tabs-nav .k-tabs-tab{font-size:1rem;padding:1rem 0}:is(.k-tabs-centered>.k-tabs-nav,.k-tabs-centered>div>.k-tabs-nav) .k-tabs-nav-wrap{justify-content:center}.k-tabs-dropdown .k-tabs-dropdown-menu{background-clip:padding-box;background-color:var(--bg-primary);border-radius:.5rem;box-shadow:var(--shadow-lg);list-style-type:none;margin:0;max-height:12.5rem;outline:none;overflow-x:hidden;overflow-y:auto;padding:.25rem 0;text-align:left}.k-tabs-dropdown .k-tabs-dropdown-menu-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:400;line-height:1.5rem;margin:0;min-width:7.5rem;overflow:hidden;padding:.375rem .75rem;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}:is(.k-tabs-dropdown .k-tabs-dropdown-menu-item):hover{background:var(--bg-primary_hover)}-disabled:is(.k-tabs-dropdown .k-tabs-dropdown-menu-item){color:var(--text-disabled);cursor:not-allowed}-disabled:is(.k-tabs-dropdown .k-tabs-dropdown-menu-item):hover{background:transparent}.k-typography.k-paragraph,.k-typography.k-text,.k-typography.k-title{align-items:center;display:flex;flex-wrap:wrap;justify-content:start}:is(.k-typography.k-title,.k-typography.k-paragraph,.k-typography.k-text) .k-typography-copy{width:1em}
package/dist/index.cjs.js CHANGED
@@ -31,139 +31,104 @@ const lightTheme = {
31
31
  },
32
32
  };
33
33
 
34
- const ThemeProvider = ({ mode = 'light', children, ...props }) => {
34
+ const ThemeProvider = ({ mode = 'light', children, theme, ...props }) => {
35
35
  const baseTheme = mode === "dark" ? darkTheme : lightTheme;
36
+ baseTheme.zeroRuntime = true;
37
+ baseTheme.cssVar = { prefix: 'v', key: 'app' };
38
+ if (!props.wave) {
39
+ props.wave = {
40
+ disabled: true,
41
+ };
42
+ }
36
43
  const mergedTheme = {
37
44
  ...baseTheme,
38
- ...props,
39
- token: props.token ? {
45
+ ...theme,
46
+ token: (theme === null || theme === void 0 ? void 0 : theme.token) ? {
40
47
  ...baseTheme.token,
41
- ...props.token,
48
+ ...theme.token,
42
49
  } : baseTheme.token,
43
- components: props.components ? {
50
+ components: (theme === null || theme === void 0 ? void 0 : theme.components) ? {
44
51
  ...baseTheme.components,
45
- ...props.components,
52
+ ...theme.components,
46
53
  } : baseTheme.components,
47
54
  };
48
- return (jsxRuntime.jsx(antd.ConfigProvider, { theme: mergedTheme, children: children }));
55
+ return (jsxRuntime.jsx(antd.ConfigProvider, { ...props, theme: mergedTheme, children: children }));
49
56
  };
50
57
 
51
58
  const KAutoComplete = React.forwardRef(({ className, size = 'lg', ...props }, ref) => {
52
- return (jsxRuntime.jsx(antd.AutoComplete, { ...props, ref: ref, className: tailwindMerge.twJoin('k-auto-complete', `k-auto-complete-${size}`, className) }));
59
+ return (jsxRuntime.jsx(antd.AutoComplete, { ...props, prefixCls: 'k-select', className: tailwindMerge.twJoin(`k-auto-complete-${size}`, className), ref: ref }));
53
60
  });
54
61
  KAutoComplete.displayName = 'KAutoComplete';
55
62
 
56
63
  const KButton = React.forwardRef(({ children, className, type = 'primary', size = 'lg', ...rest }, ref) => {
57
- return (jsxRuntime.jsx(antd.Button, { ...rest, className: tailwindMerge.twJoin('k-button', `k-button-${type}`, `k-button-${size}`, className), ref: ref, size: 'middle', type: 'default', children: children }));
64
+ return (jsxRuntime.jsx(antd.Button, { ...rest, prefixCls: 'k-button', className: tailwindMerge.twJoin(`k-button-${type}`, `k-button-${size}`, className), ref: ref, size: 'middle', type: 'default', children: children }));
58
65
  });
59
66
 
60
67
  const KCheckboxGroup = React.forwardRef((props, ref) => {
61
- return jsxRuntime.jsx(antd.Checkbox.Group, { ...props, className: tailwindMerge.twJoin('k-checkbox-group', props.className), ref: ref });
68
+ return jsxRuntime.jsx(antd.Checkbox.Group, { ...props, prefixCls: 'k-checkbox', className: tailwindMerge.twJoin(props.className), ref: ref });
62
69
  });
63
- const KCheckbox = React.forwardRef(({ children, className, size = 'md', ...props }, ref) => {
64
- return (jsxRuntime.jsx(antd.Checkbox, { ...props, className: tailwindMerge.twJoin(`k-checkbox k-checkbox-${size}`, className), ref: ref, children: children }));
70
+ const KCheckbox = React.forwardRef(({ children, className, size = 'lg', ...props }, ref) => {
71
+ return (jsxRuntime.jsx(antd.Checkbox, { ...props, prefixCls: 'k-checkbox', className: tailwindMerge.twJoin(`k-checkbox-${size}`, className), ref: ref, children: children }));
65
72
  });
66
73
  KCheckbox.Group = KCheckboxGroup;
67
74
 
68
75
  const KDropdown = ({ children, className, ...props }) => {
69
- return (jsxRuntime.jsx(antd.Dropdown, { ...props, className: tailwindMerge.twJoin('k-dropdown', className), children: children }));
76
+ return (jsxRuntime.jsx(antd.Dropdown, { ...props, prefixCls: 'k-dropdown', className: tailwindMerge.twJoin(className), children: children }));
70
77
  };
71
78
 
72
79
  const InternalKInput = React.forwardRef(({ className, size = 'lg', ...props }, ref) => {
73
- return (jsxRuntime.jsx(antd.Input, { ...props, className: tailwindMerge.twJoin('k-input', `k-input-${size}`, className), ref: ref }));
80
+ return (jsxRuntime.jsx(antd.Input, { ...props, prefixCls: 'k-input', className: tailwindMerge.twJoin(`k-input-${size}`, className), ref: ref }));
81
+ });
82
+ const KTextArea = React.forwardRef(({ className, size = 'lg', ...props }, ref) => {
83
+ return (jsxRuntime.jsx(antd.Input.TextArea, { ...props, prefixCls: 'k-input', className: tailwindMerge.twJoin(`k-input-${size}`, className), ref: ref }));
84
+ });
85
+ const KSearch = React.forwardRef(({ className, size = 'lg', ...props }, ref) => {
86
+ return (jsxRuntime.jsx(antd.Input.Search, { ...props, prefixCls: 'k-input', className: tailwindMerge.twJoin(`k-input-${size}`, className), ref: ref }));
87
+ });
88
+ const KPassword = React.forwardRef(({ className, size = 'lg', ...props }, ref) => {
89
+ return (jsxRuntime.jsx(antd.Input.Password, { ...props, prefixCls: 'k-input', inputPrefixCls: 'k-input', className: tailwindMerge.twJoin(`k-input-${size}`, className), ref: ref }));
90
+ });
91
+ const KOTP = React.forwardRef(({ className, size = 'lg', ...props }, ref) => {
92
+ return (jsxRuntime.jsx(antd.Input.OTP, { ...props, prefixCls: 'k-input', className: tailwindMerge.twJoin(`k-input-${size}`, className), ref: ref }));
74
93
  });
75
94
  const KInput = InternalKInput;
76
- KInput.TextArea = antd.Input.TextArea;
77
- KInput.Search = antd.Input.Search;
78
- KInput.Password = antd.Input.Password;
79
- KInput.OTP = antd.Input.OTP;
95
+ KInput.TextArea = KTextArea;
96
+ KInput.Search = KSearch;
97
+ KInput.Password = KPassword;
98
+ KInput.OTP = KOTP;
80
99
 
81
- const KRadioGroup = React.forwardRef((props, ref) => {
82
- return jsxRuntime.jsx(antd.Radio.Group, { ...props, className: tailwindMerge.twJoin('k-radio-group', props.className), ref: ref });
100
+ const KRadioGroup = React.forwardRef(({ size = 'md', ...props }, ref) => {
101
+ return jsxRuntime.jsx(antd.Radio.Group, { ...props, prefixCls: 'k-radio', className: tailwindMerge.twJoin(`k-radio-group-${size}`, props.className), ref: ref });
83
102
  });
84
103
  const KRadioButton = React.forwardRef((props, ref) => {
85
- return jsxRuntime.jsx(antd.Radio.Button, { ...props, className: tailwindMerge.twJoin('k-radio-button', props.className), ref: ref });
104
+ return jsxRuntime.jsx(antd.Radio.Button, { ...props, prefixCls: 'k-radio', className: tailwindMerge.twJoin(props.className), ref: ref });
86
105
  });
87
- const KRadio = React.forwardRef(({ children, size = 'md', ...props }, ref) => {
88
- return (jsxRuntime.jsx(antd.Radio, { ...props, className: tailwindMerge.twJoin('k-radio', `k-radio-${size}`, props.className), ref: ref, children: children }));
106
+ const KRadio = React.forwardRef(({ children, size = 'lg', ...props }, ref) => {
107
+ return (jsxRuntime.jsx(antd.Radio, { ...props, prefixCls: 'k-radio', className: tailwindMerge.twJoin(`k-radio-${size}`, props.className), ref: ref, children: children }));
89
108
  });
90
109
  KRadio.Group = KRadioGroup;
91
110
  KRadio.Button = KRadioButton;
92
111
 
93
- const KSelect = React.forwardRef(({ children, className, ...props }, ref) => {
94
- return (jsxRuntime.jsx(antd.Select, { ...props, className: tailwindMerge.twJoin('k-select', className), ref: ref, children: children }));
112
+ const KSelect = React.forwardRef(({ children, size = 'lg', ...props }, ref) => {
113
+ return (jsxRuntime.jsx(antd.Select, { ...props, prefixCls: 'k-select', className: tailwindMerge.twJoin(`k-select-${size}`, props.className), rootClassName: tailwindMerge.twJoin(
114
+ // 'k-select-root',
115
+ props.rootClassName), ref: ref, children: children }));
95
116
  });
96
117
 
97
118
  const KSpin = ({ className, size = 'lg', ...props }) => {
98
- return (jsxRuntime.jsx(antd.Spin, { ...props, className: tailwindMerge.twJoin('k-spin', `k-spin-${size}`, className) }));
119
+ return (jsxRuntime.jsx(antd.Spin, { ...props, prefixCls: 'k-spin', className: tailwindMerge.twJoin(`k-spin-${size}`, className) }));
99
120
  };
100
121
 
101
- const KSwitch = React.forwardRef(({ size = 'md', className, ...props }, ref) => {
102
- return (jsxRuntime.jsx(antd.Switch, { ...props, className: tailwindMerge.twJoin('k-switch', `k-switch-${size}`, className), ref: ref }));
122
+ const KSwitch = React.forwardRef(({ size = 'lg', className, ...props }, ref) => {
123
+ return (jsxRuntime.jsx(antd.Switch, { ...props, prefixCls: 'k-switch', className: tailwindMerge.twJoin(`k-switch-${size}`, className), ref: ref }));
103
124
  });
104
125
 
105
- const useFocusVisible = ({ focusVisible = false, prefix = 'k-focus', selector = '[class^="ant-"]' } = {}) => {
106
- const id = React.useId().replace(/:/g, '');
107
- const idClass = `${prefix}-${id}`;
108
- React.useEffect(() => {
109
- if (focusVisible)
110
- return;
111
- const idClassInner = `${prefix}-${id}`;
112
- let timer;
113
- const updateTabIndex = () => {
114
- const container = document.querySelector(`.${idClassInner}`);
115
- if (!container)
116
- return;
117
- const elements = container.querySelectorAll(selector);
118
- elements.forEach(el => {
119
- if (el.getAttribute('tabindex') !== '-1') {
120
- el.setAttribute('tabindex', '-1');
121
- }
122
- });
123
- };
124
- const debouncedUpdate = () => {
125
- clearTimeout(timer);
126
- timer = setTimeout(updateTabIndex, 0);
127
- };
128
- // 初始执行一次
129
- updateTabIndex();
130
- // 监听 DOM 变化
131
- const container = document.querySelector(`.${idClassInner}`);
132
- if (!container)
133
- return;
134
- const observer = new MutationObserver((mutations) => {
135
- // 过滤掉我们自己修改 tabindex 引起的变动,避免触发(虽然代码里有判断,但过滤一下更安全)
136
- const hasExternalChanges = mutations.some(m => {
137
- if (m.type === 'attributes' && m.attributeName === 'tabindex') {
138
- const target = m.target;
139
- return target.getAttribute('tabindex') !== '-1';
140
- }
141
- return true;
142
- });
143
- if (hasExternalChanges) {
144
- debouncedUpdate();
145
- }
146
- });
147
- observer.observe(container, {
148
- childList: true,
149
- subtree: true,
150
- attributes: true,
151
- attributeFilter: ['class', 'tabindex']
152
- });
153
- return () => {
154
- observer.disconnect();
155
- clearTimeout(timer);
156
- };
157
- }, [focusVisible, id, prefix, selector]);
158
- return idClass;
159
- };
160
-
161
126
  const KTable = React.forwardRef(({ className, focusVisible = false, ...props }, ref) => {
162
- const idClass = useFocusVisible({
163
- focusVisible,
164
- prefix: 'k-table',
165
- selector: '[class^="ant-table"], [class^="ant-pagination"]'
166
- });
127
+ // const idClass = useFocusVisible({
128
+ // focusVisible,
129
+ // prefix: 'k-table',
130
+ // selector: '[class^="ant-table"], [class^="ant-pagination"]'
131
+ // });
167
132
  const rowSelection = props.rowSelection ? {
168
133
  ...props.rowSelection,
169
134
  getCheckboxProps: (record) => {
@@ -189,24 +154,26 @@ const KTable = React.forwardRef(({ className, focusVisible = false, ...props },
189
154
  };
190
155
  }
191
156
  } : undefined;
192
- return (jsxRuntime.jsx(antd.Table, { ...props, rowSelection: rowSelection, className: tailwindMerge.twJoin('k-table', idClass, className), ref: ref }));
157
+ return (jsxRuntime.jsx(antd.Table, { ...props, prefixCls: 'k-table', rowSelection: rowSelection, className: className, ref: ref }));
193
158
  });
194
159
 
195
160
  const KTabs = React.forwardRef(({ className, focusVisible = false, ...props }, ref) => {
196
- const idClass = useFocusVisible({
197
- focusVisible,
198
- prefix: 'k-tabs',
199
- selector: '.ant-tabs-nav [class^="ant-tabs"]'
200
- });
201
- return (jsxRuntime.jsx(antd.Tabs, { className: tailwindMerge.twJoin('k-tabs', `k-tabs-${props.size}`, idClass, className), ref: ref, ...props }));
161
+ // const idClass = useFocusVisible({
162
+ // focusVisible,
163
+ // prefix: 'k-tabs',
164
+ // selector: '.ant-tabs-nav [class^="ant-tabs"]'
165
+ // });
166
+ return (jsxRuntime.jsx(antd.Tabs, { ...props, prefixCls: 'k-tabs', className: tailwindMerge.twJoin(`k-tabs-${props.size}`,
167
+ // idClass,
168
+ className), ref: ref }));
202
169
  });
203
170
 
204
171
  const KTag = React.forwardRef(({ children, className, ...props }, ref) => {
205
- return (jsxRuntime.jsx(antd.Tag, { ...props, className: tailwindMerge.twJoin('k-tag', className), ref: ref, children: children }));
172
+ return (jsxRuntime.jsx(antd.Tag, { ...props, prefixCls: 'k-tag', className: tailwindMerge.twJoin(className), ref: ref, children: children }));
206
173
  });
207
174
 
208
175
  const KTooltip = React.forwardRef(({ children, className, ...props }, ref) => {
209
- return (jsxRuntime.jsx(antd.Tooltip, { ...props, className: tailwindMerge.twJoin('k-tooltip', className), ref: ref, children: children }));
176
+ return (jsxRuntime.jsx(antd.Tooltip, { ...props, prefixCls: 'k-tooltip', className: tailwindMerge.twJoin(className), ref: ref, children: children }));
210
177
  });
211
178
 
212
179
  const { Text, Title, Paragraph } = antd.Typography;
@@ -227,16 +194,16 @@ const getCopyableConfig = (copyable) => {
227
194
  };
228
195
  };
229
196
  const KText = React.forwardRef(({ className, ...props }, ref) => {
230
- return jsxRuntime.jsx(Text, { ...props, className: tailwindMerge.twJoin('k-text', className), copyable: getCopyableConfig(props.copyable), ref: ref });
197
+ return jsxRuntime.jsx(Text, { ...props, prefixCls: 'k-text', className: tailwindMerge.twJoin(className), copyable: getCopyableConfig(props.copyable), ref: ref });
231
198
  });
232
199
  const KTitle = React.forwardRef(({ className, ...props }, ref) => {
233
- return jsxRuntime.jsx(Title, { ...props, className: tailwindMerge.twJoin('k-title', className), copyable: getCopyableConfig(props.copyable), ref: ref });
200
+ return jsxRuntime.jsx(Title, { ...props, prefixCls: 'k-title', className: tailwindMerge.twJoin(className), copyable: getCopyableConfig(props.copyable), ref: ref });
234
201
  });
235
202
  const KParagraph = React.forwardRef(({ className, ...props }, ref) => {
236
- return jsxRuntime.jsx(Paragraph, { ...props, className: tailwindMerge.twJoin('k-paragraph', className), copyable: getCopyableConfig(props.copyable), ref: ref });
203
+ return jsxRuntime.jsx(Paragraph, { ...props, prefixCls: 'k-paragraph', className: tailwindMerge.twJoin(className), copyable: getCopyableConfig(props.copyable), ref: ref });
237
204
  });
238
205
  const KTypography = React.forwardRef((props, ref) => {
239
- return jsxRuntime.jsx(antd.Typography, { ...props, ref: ref });
206
+ return jsxRuntime.jsx(antd.Typography, { ...props, prefixCls: 'k-typograph', ref: ref });
240
207
  });
241
208
  KTypography.Text = KText;
242
209
  KTypography.Title = KTitle;