@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.
- package/dist/index.cjs.css +1 -1
- package/dist/index.cjs.js +69 -102
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.js +71 -104
- package/dist/index.esm.js.map +1 -1
- package/dist/styles/antd.css +1 -0
- package/dist/styles/theme.css +1 -1
- package/dist/types/ThemeProvider.d.ts +2 -2
- package/dist/types/components/design/KAutoComplete/KAutoComplete.d.ts +3 -3
- package/dist/types/components/design/KAutoComplete/KAutoComplete.stories.d.ts +50 -0
- package/dist/types/components/design/KButton/KButton.d.ts +2 -2
- package/dist/types/components/design/KButton/KButton.stories.d.ts +37 -0
- package/dist/types/components/design/KCheckbox/KCheckbox.d.ts +2 -2
- package/dist/types/components/design/KCheckbox/KCheckbox.stories.d.ts +113 -0
- package/dist/types/components/design/KDropdown/KDropdown.d.ts +2 -1
- package/dist/types/components/design/KDropdown/KDropdown.stories.d.ts +105 -0
- package/dist/types/components/design/KInput/KInput.d.ts +33 -7
- package/dist/types/components/design/KInput/KInput.stories.d.ts +74 -0
- package/dist/types/components/design/KInput/KInputAddon.stories.d.ts +46 -0
- package/dist/types/components/design/KInput/KInputOTP.stories.d.ts +41 -0
- package/dist/types/components/design/KInput/KInputPassword.stories.d.ts +36 -0
- package/dist/types/components/design/KInput/KInputSearch.stories.d.ts +41 -0
- package/dist/types/components/design/KInput/KInputTextArea.stories.d.ts +58 -0
- package/dist/types/components/design/KRadio/KRadio.d.ts +13 -8
- package/dist/types/components/design/KRadio/KRadio.stories.d.ts +91 -0
- package/dist/types/components/design/KRadio/KRadioGroup.stories.d.ts +124 -0
- package/dist/types/components/design/KSelect/KSelect.d.ts +6 -2
- package/dist/types/components/design/KSelect/KSelect.stories.d.ts +132 -0
- package/dist/types/components/design/KSpin/KSpin.d.ts +1 -1
- package/dist/types/components/design/KSpin/KSpin.stories.d.ts +17 -0
- package/dist/types/components/design/KSwitch/KSwitch.d.ts +4 -4
- package/dist/types/components/design/KSwitch/KSwitch.stories.d.ts +116 -0
- package/dist/types/components/design/KTabel/KTable.d.ts +1 -1
- package/dist/types/components/design/KTabel/KTable.stories.d.ts +92 -0
- package/dist/types/components/design/KTabs/KTabs.d.ts +2 -2
- package/dist/types/components/design/KTabs/KTabs.stories.d.ts +123 -0
- package/dist/types/components/design/KTag/KTag.d.ts +2 -2
- package/dist/types/components/design/KTag/KTag.stories.d.ts +14 -0
- package/dist/types/components/design/KTooltip/KTooltip.d.ts +2 -2
- package/dist/types/components/design/KTooltip/KTooltip.stories.d.ts +14 -0
- package/dist/types/components/design/KTypography/KTypography.d.ts +7 -7
- package/dist/types/components/design/KTypography/KTypography.stories.d.ts +21 -0
- package/package.json +5 -1
package/dist/index.cjs.css
CHANGED
|
@@ -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
|
-
...
|
|
39
|
-
token:
|
|
45
|
+
...theme,
|
|
46
|
+
token: (theme === null || theme === void 0 ? void 0 : theme.token) ? {
|
|
40
47
|
...baseTheme.token,
|
|
41
|
-
...
|
|
48
|
+
...theme.token,
|
|
42
49
|
} : baseTheme.token,
|
|
43
|
-
components:
|
|
50
|
+
components: (theme === null || theme === void 0 ? void 0 : theme.components) ? {
|
|
44
51
|
...baseTheme.components,
|
|
45
|
-
...
|
|
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,
|
|
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,
|
|
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,
|
|
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 = '
|
|
64
|
-
return (jsxRuntime.jsx(antd.Checkbox, { ...props, className: tailwindMerge.twJoin(`k-checkbox
|
|
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,
|
|
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,
|
|
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 =
|
|
77
|
-
KInput.Search =
|
|
78
|
-
KInput.Password =
|
|
79
|
-
KInput.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(
|
|
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,
|
|
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 = '
|
|
88
|
-
return (jsxRuntime.jsx(antd.Radio, { ...props,
|
|
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,
|
|
94
|
-
return (jsxRuntime.jsx(antd.Select, { ...props, className: tailwindMerge.twJoin(
|
|
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,
|
|
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 = '
|
|
102
|
-
return (jsxRuntime.jsx(antd.Switch, { ...props,
|
|
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
|
-
|
|
164
|
-
|
|
165
|
-
|
|
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,
|
|
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
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
});
|
|
201
|
-
return (jsxRuntime.jsx(antd.Tabs, {
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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;
|