@progress/kendo-theme-core 12.1.0-dev.1 → 12.1.0-dev.3

package/dist/all.css

@@ -1 +1 @@
-:root{--kendo-color-app-surface: #ffffff;--kendo-color-on-app-surface: #3d3d3d;--kendo-color-subtle: #666666;--kendo-color-surface: #fafafa;--kendo-color-surface-alt: #ffffff;--kendo-color-border: rgba(0, 0, 0, 0.08);--kendo-color-border-alt: rgba(0, 0, 0, 0.16);--kendo-color-base-subtle: #ebebeb;--kendo-color-base-subtle-hover: #e0e0e0;--kendo-color-base-subtle-active: #d6d6d6;--kendo-color-base: #f5f5f5;--kendo-color-base-hover: #ebebeb;--kendo-color-base-active: #d6d6d6;--kendo-color-base-emphasis: #c2c2c2;--kendo-color-base-on-subtle: #3d3d3d;--kendo-color-on-base: #3d3d3d;--kendo-color-base-on-surface: #3d3d3d;--kendo-color-primary-subtle: #ffeceb;--kendo-color-primary-subtle-hover: #ffdedb;--kendo-color-primary-subtle-active: #ffc8c4;--kendo-color-primary: #ff6358;--kendo-color-primary-hover: #ea5a51;--kendo-color-primary-active: #d45349;--kendo-color-primary-emphasis: #ff9d97;--kendo-color-primary-on-subtle: #5c201c;--kendo-color-on-primary: #ffffff;--kendo-color-primary-on-surface: #ff6358;--kendo-color-secondary-subtle: #fafafa;--kendo-color-secondary-subtle-hover: #f5f5f5;--kendo-color-secondary-subtle-active: #ebebeb;--kendo-color-secondary: #666666;--kendo-color-secondary-hover: #525252;--kendo-color-secondary-active: #3d3d3d;--kendo-color-secondary-emphasis: #e0e0e0;--kendo-color-secondary-on-subtle: #141414;--kendo-color-on-secondary: #ffffff;--kendo-color-secondary-on-surface: #292929;--kendo-color-tertiary-subtle: #d8f1fd;--kendo-color-tertiary-subtle-hover: #c5eafc;--kendo-color-tertiary-subtle-active: #a3dffb;--kendo-color-tertiary: #03a9f4;--kendo-color-tertiary-hover: #039ae0;--kendo-color-tertiary-active: #028ccb;--kendo-color-tertiary-emphasis: #61c9f9;--kendo-color-tertiary-on-subtle: #023f5c;--kendo-color-on-tertiary: #ffffff;--kendo-color-tertiary-on-surface: #028ccb;--kendo-color-info-subtle: #d2e2fb;--kendo-color-info-subtle-hover: #bdd4f8;--kendo-color-info-subtle-active: #80acf4;--kendo-color-info: #0058e9;--kendo-color-info-hover: #0052d6;--kendo-color-info-active: #004ac2;--kendo-color-info-emphasis: #6098f2;--kendo-color-info-on-subtle: #002259;--kendo-color-on-info: #ffffff;--kendo-color-info-on-surface: #004ac2;--kendo-color-success-subtle: #dcf0d3;--kendo-color-success-subtle-hover: #cbe9bf;--kendo-color-success-subtle-active: #b7e1a5;--kendo-color-success: #37b400;--kendo-color-success-hover: #32a500;--kendo-color-success-active: #2d9600;--kendo-color-success-emphasis: #81d15f;--kendo-color-success-on-subtle: #1c5a00;--kendo-color-on-success: #ffffff;--kendo-color-success-on-surface: #2d9600;--kendo-color-warning-subtle: #fff4d3;--kendo-color-warning-subtle-hover: #ffeebd;--kendo-color-warning-subtle-active: #ffe79e;--kendo-color-warning: #ffc000;--kendo-color-warning-hover: #eaaf00;--kendo-color-warning-active: #d49f00;--kendo-color-warning-emphasis: #ffd760;--kendo-color-warning-on-subtle: #5e4700;--kendo-color-on-warning: #3d3d3d;--kendo-color-warning-on-surface: #ffc000;--kendo-color-error-subtle: #fcddda;--kendo-color-error-subtle-hover: #fbc8c3;--kendo-color-error-subtle-active: #f98b80;--kendo-color-error: #f31700;--kendo-color-error-hover: #df1600;--kendo-color-error-active: #ca1400;--kendo-color-error-emphasis: #f76f60;--kendo-color-error-on-subtle: #7a0c00;--kendo-color-on-error: #ffffff;--kendo-color-error-on-surface: #ca1400;--kendo-color-light-subtle: #fafafa;--kendo-color-light-subtle-hover: #f5f5f5;--kendo-color-light-subtle-active: #ebebeb;--kendo-color-light: #ebebeb;--kendo-color-light-hover: #e0e0e0;--kendo-color-light-active: #d6d6d6;--kendo-color-light-emphasis: #d6d6d6;--kendo-color-light-on-subtle: #141414;--kendo-color-on-light: #000000;--kendo-color-light-on-surface: #e0e0e0;--kendo-color-dark-subtle: #c2c2c2;--kendo-color-dark-subtle-hover: #adadad;--kendo-color-dark-subtle-active: #999999;--kendo-color-dark: #3d3d3d;--kendo-color-dark-hover: #292929;--kendo-color-dark-active: #1f1f1f;--kendo-color-dark-emphasis: #666666;--kendo-color-dark-on-subtle: #1f1f1f;--kendo-color-on-dark: #ffffff;--kendo-color-dark-on-surface: #141414;--kendo-color-inverse-subtle: #c2c2c2;--kendo-color-inverse-subtle-hover: #adadad;--kendo-color-inverse-subtle-active: #999999;--kendo-color-inverse: #3d3d3d;--kendo-color-inverse-hover: #292929;--kendo-color-inverse-active: #1f1f1f;--kendo-color-inverse-emphasis: #666666;--kendo-color-inverse-on-subtle: #1f1f1f;--kendo-color-on-inverse: #ffffff;--kendo-color-inverse-on-surface: #141414;--kendo-color-series-a: #ff6358;--kendo-color-series-a-bold: #bf4a42;--kendo-color-series-a-bolder: #80322c;--kendo-color-series-a-subtle: #ffb1ac;--kendo-color-series-a-subtler: #ff8a82;--kendo-color-series-b: #ffe162;--kendo-color-series-b-bold: #bfa94a;--kendo-color-series-b-bolder: #807131;--kendo-color-series-b-subtle: #fff0b1;--kendo-color-series-b-subtler: #ffe989;--kendo-color-series-c: #4cd180;--kendo-color-series-c-bold: #399d60;--kendo-color-series-c-bolder: #266940;--kendo-color-series-c-subtle: #a6e8c0;--kendo-color-series-c-subtler: #79dda0;--kendo-color-series-d: #4b5ffa;--kendo-color-series-d-bold: #3847bc;--kendo-color-series-d-bolder: #26307d;--kendo-color-series-d-subtle: #a5affd;--kendo-color-series-d-subtler: #7887fb;--kendo-color-series-e: #ac58ff;--kendo-color-series-e-bold: #8142bf;--kendo-color-series-e-bolder: #562c80;--kendo-color-series-e-subtle: #d6acff;--kendo-color-series-e-subtler: #c182ff;--kendo-color-series-f: #ff5892;--kendo-color-series-f-bold: #bf426e;--kendo-color-series-f-bolder: #802c49;--kendo-color-series-f-subtle: #ffacc9;--kendo-color-series-f-subtler: #ff82ae}.k-sr-only{position:absolute;inset-inline-start:-1px;width:1px;height:1px;overflow:hidden}.k-push-right-enter,.k-push-right-appear{transform:translate(-100%, 0)}.k-push-right-enter-active,.k-push-right-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-right-exit{transform:translate(0, 0)}.k-push-right-exit-active{transform:translate(100%, 0);transition:transform 300ms ease-in-out}.k-push-left-enter,.k-push-left-appear{transform:translate(100%, 0)}.k-push-left-enter-active,.k-push-left-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-left-exit{transform:translate(0, 0)}.k-push-left-exit-active{transform:translate(-100%, 0);transition:transform 300ms ease-in-out}.k-push-down-enter,.k-push-down-appear{transform:translate(0, -100%)}.k-push-down-enter-active,.k-push-down-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-down-exit{transform:translate(0, 0)}.k-push-down-exit-active{transform:translate(0, 100%);transition:transform 300ms ease-in-out}.k-push-up-enter,.k-push-up-appear{transform:translate(0, 100%)}.k-push-up-enter-active,.k-push-up-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-up-exit{transform:translate(0, 0)}.k-push-up-exit-active{transform:translate(0, -100%);transition:transform 300ms ease-in-out}.k-expand-vertical-enter,.k-expand-vertical-appear{transform:scaleY(0)}.k-expand-vertical-enter-active,.k-expand-vertical-appear-active{transform:scaleY(1);transition:transform 300ms ease-in-out}.k-expand-vertical-exit{transform:scaleY(1)}.k-expand-vertical-exit-active{transform:scaleY(0);transition:transform 300ms ease-in-out}.k-expand-horizontal-enter,.k-expand-horizontal-appear{transform:scaleX(0)}.k-expand-horizontal-enter-active,.k-expand-horizontal-appear-active{transform:scaleX(1);transition:transform 300ms ease-in-out}.k-expand-horizontal-exit{transform:scaleX(1)}.k-expand-horizontal-exit-active{transform:scaleX(0);transition:transform 300ms ease-in-out}.k-fade-enter,.k-fade-appear{opacity:0}.k-fade-enter-active,.k-fade-appear-active{opacity:1;transition:opacity 500ms ease-in-out}.k-fade-exit{opacity:1}.k-fade-exit-active{opacity:0;transition:opacity 500ms ease-in-out}.k-fade-exit-active+.k-fade-exit-active,.k-fade-enter-active+.k-fade-enter-active{display:none}.k-zoom-in-enter,.k-zoom-in-appear{opacity:0;transform:scale(0)}.k-zoom-in-enter-active,.k-zoom-in-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-in-exit{opacity:1;transform:scale(1)}.k-zoom-in-exit-active{opacity:0;transform:scale(2);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-enter,.k-zoom-out-appear{opacity:0;transform:scale(2)}.k-zoom-out-enter-active,.k-zoom-out-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-exit{opacity:1;transform:scale(1)}.k-zoom-out-exit-active{opacity:0;transform:scale(0);transition:transform,opacity 300ms ease-in-out}.k-slide-in-appear{opacity:.1;transform:translate(0, -3em)}.k-slide-in-appear .k-centered{transform:translate(-50%, -60%)}.k-slide-in-appear-active{opacity:1;transform:translate(0, 0);transition:transform .3s cubic-bezier(0.2, 0.6, 0.4, 1),opacity .3s cubic-bezier(0.2, 1, 0.2, 1)}.k-slide-in-appear-active .k-centered{transform:translate(-50%, -50%)}.k-slide-down-enter,.k-slide-down-appear{transform:translateY(-100%)}.k-slide-down-enter-active,.k-slide-down-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-down-exit{transform:translateY(0)}.k-slide-down-exit-active{transform:translateY(-100%);transition:transform 300ms ease-in-out}.k-slide-up-enter,.k-slide-up-appear{transform:translateY(100%)}.k-slide-up-enter-active,.k-slide-up-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-up-exit{transform:translateY(0)}.k-slide-up-exit-active{transform:translateY(100%);transition:transform 300ms ease-in-out}.k-slide-right-enter,.k-slide-right-appear{transform:translateX(-100%)}.k-slide-right-enter-active,.k-slide-right-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-right-exit{transform:translateX(0)}.k-slide-right-exit-active{transform:translateX(-100%);transition:transform 300ms ease-in-out}.k-slide-left-enter,.k-slide-left-appear{transform:translateX(100%)}.k-slide-left-enter-active,.k-slide-left-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-left-exit{transform:translateX(0)}.k-slide-left-exit-active{transform:translateX(100%);transition:transform 300ms ease-in-out}.k-reveal-vertical-enter,.k-reveal-vertical-appear{max-height:0}.k-reveal-vertical-enter-active,.k-reveal-vertical-appear-active{transition:max-height 300ms ease-in-out}.k-reveal-vertical-exit-active{max-height:0 !important;transition:max-height 300ms ease-in-out}.k-reveal-horizontal-enter,.k-reveal-horizontal-appear{max-width:0}.k-reveal-horizontal-enter-active,.k-reveal-horizontal-appear-active{transition:max-width 300ms ease-in-out}.k-reveal-horizontal-exit-active{max-width:0 !important;transition:max-width 300ms ease-in-out}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{transition:all 350ms ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden,.k-fx-hidden *{visibility:hidden !important}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{transform:scale(0) !important}.k-fx-zoom.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{transform:scale(0) !important}.k-fx-fade.k-fx-start .k-fx-next{will-change:opacity;opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{will-change:opacity;opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-current .km-footer{transition:all 350ms ease-out}.k-fx-slide.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-start .k-fx-next .km-content{will-change:transform;transform:translateX(100%)}.k-fx-slide.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-start .k-fx-next .km-footer{will-change:opacity;opacity:0}.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{will-change:transform;transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer{will-change:opacity;opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer{opacity:0}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{transform:translateX(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0%)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx-tile.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:translateX(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0%)}.k-fx.k-fx-overlay.k-fx-start .k-fx-next,.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{transform:translateY(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{transform:translateY(-100%)}.k-theme-test-class,.k-common-test-class{opacity:0}.k-hstack,.k-hbox{display:flex;flex-flow:row nowrap}.k-vstack,.k-vbox{display:flex;flex-flow:column nowrap}.k-spacer,.k-flex{flex:1 1 auto}.k-spacer-sized{flex:none}.k-float-wrap::after,.k-floatwrap::after{content:"";display:block;clear:both}.k-flex-layout{display:flex}.k-grid-layout{display:grid}.k-separator{width:auto;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;flex-grow:0 !important;flex-shrink:0 !important;align-self:stretch}.k-separator-horizontal,.k-vstack>.k-separator,.k-vbox>.k-separator{width:auto;height:0;border-width:1px 0 0}.k-separator-vertical,.k-hstack>.k-separator,.k-hbox>.k-separator{width:0;height:auto;border-width:0 0 0 1px}hr.k-separator{margin:0;padding:0}.k-hidden{display:none !important}.k-rtl{direction:rtl}[hidden]{display:none !important}script{display:none !important}.k-disabled{outline:none;cursor:default;color:var(--kendo-disabled-text, unset);background-color:var(--kendo-disabled-bg, unset);border-color:var(--kendo-disabled-border, unset);opacity:var(--kendo-disabled-opacity, unset);filter:var(--kendo-disabled-filter, unset);pointer-events:none;box-shadow:none}.k-disabled .k-link{cursor:default;outline:0}.k-disabled [disabled],.k-disabled .k-disabled{--kendo-disabled-opacity: 1;--kendo-disabled-filter: grayscale(0)}.k-hr{margin-block:var(--kendo-spacing-4, 1rem);padding:0;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;float:none;clear:both}.k-d-flex-row>.k-hr{margin:0;width:0;height:auto;border-width:0 0 0 1px;flex:0 0 auto}.k-d-flex-col>.k-hr{margin:0;flex:0 0 auto}.k-sprite{display:inline-block;width:1rem;height:1rem;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center}.k-image{display:inline-block}.k-reset{margin:0;padding:0;border-width:0;outline:0;text-decoration:none;font:inherit;list-style:none}kendo-sortable{display:block}.k-link,.k-link:hover{color:inherit;text-decoration:none;outline:0;cursor:pointer}.k-content{outline:0}.k-centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.k-no-click{pointer-events:none}.k-pdf-export-shadow{position:absolute;overflow:hidden;inset-inline-start:-15000px;width:14400px}.kendo-pdf-hide-pseudo-elements::before,.kendo-pdf-hide-pseudo-elements::after{display:none !important}.k-dirty{margin:0;padding:0;width:0;height:0;border-width:3px;border-style:solid;border-block-start-color:currentColor;border-block-end-color:rgba(0,0,0,0);border-inline-start-color:rgba(0,0,0,0);border-inline-end-color:currentColor;position:absolute;inset-block-start:0;inset-inline-end:0}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{inset-block-start:0;inset-inline-end:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}.k-resize-handle,.k-resize-hint{position:absolute;border-color:inherit;z-index:200}.k-resize-handle{display:flex;align-items:center;justify-content:center}.k-resize-handle::before{content:"";border:0 solid;border-color:inherit}.k-resize-n{width:100%;height:6px;flex-direction:row;inset-inline-start:0;inset-block-start:-3px;cursor:n-resize}.k-resize-s{width:100%;height:6px;flex-direction:row;inset-inline-start:0;inset-block-end:-3px;cursor:s-resize}.k-resize-w{width:6px;height:100%;flex-direction:column;inset-block-start:0;inset-inline-start:-3px;cursor:w-resize}.k-resize-e{width:6px;height:100%;flex-direction:column;inset-block-start:0;inset-inline-end:-3px;cursor:e-resize}.k-resize-sw,.k-resize-se,.k-resize-nw,.k-resize-ne{width:5px;height:5px}.k-resize-sw{cursor:sw-resize;inset-block-end:0;inset-inline-start:0}.k-resize-se{cursor:se-resize;inset-block-end:0;inset-inline-end:0}.k-resize-nw{cursor:nw-resize;inset-block-start:0;inset-inline-start:0}.k-resize-ne{cursor:ne-resize;inset-block-start:0;inset-inline-end:0}.k-vertical-resize{cursor:row-resize}.k-horizontal-resize{cursor:col-resize}.k-resize-hint{display:flex;flex-direction:column;align-items:center}.k-resize-hint .k-resize-hint-handle{width:auto;height:20px;align-self:stretch}.k-resize-hint .k-resize-hint-marker{width:2px;height:auto;flex:1 1 auto}.k-resize-hint-vertical{display:flex;flex-direction:row;align-items:center}.k-resize-hint-vertical .k-resize-hint-handle{width:20px;height:auto;align-self:stretch}.k-resize-hint-vertical .k-resize-hint-marker{width:auto;height:2px;flex:1 1 auto}.k-top-start,.k-pos-top-start{top:0;inset-inline-start:0}.k-top-end,.k-pos-top-end{top:0;inset-inline-end:0}.k-bottom-start,.k-pos-bottom-start{bottom:0;inset-inline-start:0}.k-bottom-end,.k-pos-bottom-end{bottom:0;inset-inline-end:0}.k-top-center,.k-pos-top-center{top:0;left:50%;transform:translateX(-50%)}.k-middle-left,.k-middle-start,.k-pos-middle-start{top:50%;left:0;transform:translateY(-50%)}.k-middle-center{top:50%;left:50%;transform:translateY(-50%)}.k-middle-right,.k-middle-end,.k-pos-middle-end{top:50%;right:0;transform:translateY(-50%)}.k-bottom-center,.k-pos-bottom-center{bottom:0;left:50%;transform:translateX(-50%)}:root{--kendo-spacing-0: 0px;--kendo-spacing-1px: 1px;--kendo-spacing-0\.5: 0.125rem;--kendo-spacing-1: 0.25rem;--kendo-spacing-1\.5: 0.375rem;--kendo-spacing-2: 0.5rem;--kendo-spacing-2\.5: 0.625rem;--kendo-spacing-3: 0.75rem;--kendo-spacing-3\.5: 0.875rem;--kendo-spacing-4: 1rem;--kendo-spacing-4\.5: 1.125rem;--kendo-spacing-5: 1.25rem;--kendo-spacing-5\.5: 1.375rem;--kendo-spacing-6: 1.5rem;--kendo-spacing-6\.5: 1.625rem;--kendo-spacing-7: 1.75rem;--kendo-spacing-7\.5: 1.875rem;--kendo-spacing-8: 2rem;--kendo-spacing-9: 2.25rem;--kendo-spacing-10: 2.5rem;--kendo-spacing-11: 2.75rem;--kendo-spacing-12: 3rem;--kendo-spacing-13: 3.25rem;--kendo-spacing-14: 3.5rem;--kendo-spacing-15: 3.75rem;--kendo-spacing-16: 4rem;--kendo-spacing-17: 4.25rem;--kendo-spacing-18: 4.5rem;--kendo-spacing-19: 4.75rem;--kendo-spacing-20: 5rem;--kendo-spacing-21: 5.25rem;--kendo-spacing-22: 5.5rem;--kendo-spacing-23: 5.75rem;--kendo-spacing-24: 6rem;--kendo-spacing-25: 7rem;--kendo-spacing-26: 8rem;--kendo-spacing-27: 9rem;--kendo-spacing-28: 10rem;--kendo-spacing-29: 11rem;--kendo-spacing-30: 12rem}:root{--kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)}:root{--kendo-font-family: inherit;--kendo-font-size: 0.875rem;--kendo-line-height: 1.4285714286;--kendo-font-weight: 400;--kendo-letter-spacing: ;--kendo-font-size-xxs: 0.5rem;--kendo-font-size-xs: 0.625rem;--kendo-font-size-sm: 0.75rem;--kendo-font-size-md: 0.875rem;--kendo-font-size-lg: 1rem;--kendo-font-size-xl: 1.25rem;--kendo-line-height-xs: 1;--kendo-line-height-sm: 1.25;--kendo-line-height-md: 1.4285714286;--kendo-line-height-lg: 1.5;--kendo-font-weight-thin: 100;--kendo-font-weight-extra-light: 200;--kendo-font-weight-light: 300;--kendo-font-weight-normal: 400;--kendo-font-weight-medium: 500;--kendo-font-weight-semibold: 600;--kendo-font-weight-bold: 700;--kendo-font-weight-extra-bold: 800;--kendo-font-weight-black: 900;--kendo-letter-spacing-tightest: -0.15px;--kendo-letter-spacing-tighter: -0.1px;--kendo-letter-spacing-tight: -0.5px;--kendo-letter-spacing-normal: 0px;--kendo-letter-spacing-wide: 0.5px;--kendo-letter-spacing-wider: 0.1px;--kendo-letter-spacing-widest: 0.15px;--kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans;--kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville;--kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace}:root{--kendo-border-radius-none: 0px;--kendo-border-radius-xs: 1px;--kendo-border-radius-sm: 0.125rem;--kendo-border-radius-md: 0.25rem;--kendo-border-radius-lg: 0.375rem;--kendo-border-radius-xl: 0.5rem;--kendo-border-radius-xxl: 0.75rem;--kendo-border-radius-xxxl: 1rem;--kendo-border-radius-full: 9999px}.k-rounded-none{border-radius:var(--kendo-border-radius-none, 0px)}.k-rounded-xs{border-radius:var(--kendo-border-radius-xs, 1px)}.k-rounded-sm{border-radius:var(--kendo-border-radius-sm, 0.125rem)}.k-rounded-md{border-radius:var(--kendo-border-radius-md, 0.25rem)}.k-rounded-lg{border-radius:var(--kendo-border-radius-lg, 0.375rem)}.k-rounded-xl{border-radius:var(--kendo-border-radius-xl, 0.5rem)}.k-rounded-xxl{border-radius:var(--kendo-border-radius-xxl, 0.75rem)}.k-rounded-xxxl{border-radius:var(--kendo-border-radius-xxxl, 1rem)}.k-rounded-full{border-radius:var(--kendo-border-radius-full, 9999px)}
+:root{--kendo-color-app-surface: #ffffff;--kendo-color-on-app-surface: #3d3d3d;--kendo-color-subtle: #666666;--kendo-color-surface: #fafafa;--kendo-color-surface-alt: #ffffff;--kendo-color-border: rgba(0, 0, 0, 0.08);--kendo-color-border-alt: rgba(0, 0, 0, 0.16);--kendo-color-base-subtle: #ebebeb;--kendo-color-base-subtle-hover: #e0e0e0;--kendo-color-base-subtle-active: #d6d6d6;--kendo-color-base: #f5f5f5;--kendo-color-base-hover: #ebebeb;--kendo-color-base-active: #d6d6d6;--kendo-color-base-emphasis: #c2c2c2;--kendo-color-base-on-subtle: #3d3d3d;--kendo-color-on-base: #3d3d3d;--kendo-color-base-on-surface: #3d3d3d;--kendo-color-primary-subtle: #ffeceb;--kendo-color-primary-subtle-hover: #ffdedb;--kendo-color-primary-subtle-active: #ffc8c4;--kendo-color-primary: #ff6358;--kendo-color-primary-hover: #ea5a51;--kendo-color-primary-active: #d45349;--kendo-color-primary-emphasis: #ff9d97;--kendo-color-primary-on-subtle: #5c201c;--kendo-color-on-primary: #ffffff;--kendo-color-primary-on-surface: #ff6358;--kendo-color-secondary-subtle: #fafafa;--kendo-color-secondary-subtle-hover: #f5f5f5;--kendo-color-secondary-subtle-active: #ebebeb;--kendo-color-secondary: #666666;--kendo-color-secondary-hover: #525252;--kendo-color-secondary-active: #3d3d3d;--kendo-color-secondary-emphasis: #e0e0e0;--kendo-color-secondary-on-subtle: #141414;--kendo-color-on-secondary: #ffffff;--kendo-color-secondary-on-surface: #292929;--kendo-color-tertiary-subtle: #d8f1fd;--kendo-color-tertiary-subtle-hover: #c5eafc;--kendo-color-tertiary-subtle-active: #a3dffb;--kendo-color-tertiary: #03a9f4;--kendo-color-tertiary-hover: #039ae0;--kendo-color-tertiary-active: #028ccb;--kendo-color-tertiary-emphasis: #61c9f9;--kendo-color-tertiary-on-subtle: #023f5c;--kendo-color-on-tertiary: #ffffff;--kendo-color-tertiary-on-surface: #028ccb;--kendo-color-info-subtle: #d2e2fb;--kendo-color-info-subtle-hover: #bdd4f8;--kendo-color-info-subtle-active: #80acf4;--kendo-color-info: #0058e9;--kendo-color-info-hover: #0052d6;--kendo-color-info-active: #004ac2;--kendo-color-info-emphasis: #6098f2;--kendo-color-info-on-subtle: #002259;--kendo-color-on-info: #ffffff;--kendo-color-info-on-surface: #004ac2;--kendo-color-success-subtle: #dcf0d3;--kendo-color-success-subtle-hover: #cbe9bf;--kendo-color-success-subtle-active: #b7e1a5;--kendo-color-success: #37b400;--kendo-color-success-hover: #32a500;--kendo-color-success-active: #2d9600;--kendo-color-success-emphasis: #81d15f;--kendo-color-success-on-subtle: #1c5a00;--kendo-color-on-success: #ffffff;--kendo-color-success-on-surface: #2d9600;--kendo-color-warning-subtle: #fff4d3;--kendo-color-warning-subtle-hover: #ffeebd;--kendo-color-warning-subtle-active: #ffe79e;--kendo-color-warning: #ffc000;--kendo-color-warning-hover: #eaaf00;--kendo-color-warning-active: #d49f00;--kendo-color-warning-emphasis: #ffd760;--kendo-color-warning-on-subtle: #5e4700;--kendo-color-on-warning: #3d3d3d;--kendo-color-warning-on-surface: #ffc000;--kendo-color-error-subtle: #fcddda;--kendo-color-error-subtle-hover: #fbc8c3;--kendo-color-error-subtle-active: #f98b80;--kendo-color-error: #f31700;--kendo-color-error-hover: #df1600;--kendo-color-error-active: #ca1400;--kendo-color-error-emphasis: #f76f60;--kendo-color-error-on-subtle: #7a0c00;--kendo-color-on-error: #ffffff;--kendo-color-error-on-surface: #ca1400;--kendo-color-light-subtle: #fafafa;--kendo-color-light-subtle-hover: #f5f5f5;--kendo-color-light-subtle-active: #ebebeb;--kendo-color-light: #ebebeb;--kendo-color-light-hover: #e0e0e0;--kendo-color-light-active: #d6d6d6;--kendo-color-light-emphasis: #d6d6d6;--kendo-color-light-on-subtle: #141414;--kendo-color-on-light: #000000;--kendo-color-light-on-surface: #e0e0e0;--kendo-color-dark-subtle: #c2c2c2;--kendo-color-dark-subtle-hover: #adadad;--kendo-color-dark-subtle-active: #999999;--kendo-color-dark: #3d3d3d;--kendo-color-dark-hover: #292929;--kendo-color-dark-active: #1f1f1f;--kendo-color-dark-emphasis: #666666;--kendo-color-dark-on-subtle: #1f1f1f;--kendo-color-on-dark: #ffffff;--kendo-color-dark-on-surface: #141414;--kendo-color-inverse-subtle: #666666;--kendo-color-inverse-subtle-hover: #525252;--kendo-color-inverse-subtle-active: #3d3d3d;--kendo-color-inverse: #3d3d3d;--kendo-color-inverse-hover: #292929;--kendo-color-inverse-active: #1f1f1f;--kendo-color-inverse-emphasis: #999999;--kendo-color-inverse-on-subtle: #ffffff;--kendo-color-on-inverse: #ffffff;--kendo-color-inverse-on-surface: #141414;--kendo-color-series-a: #ff6358;--kendo-color-series-a-bold: #bf4a42;--kendo-color-series-a-bolder: #80322c;--kendo-color-series-a-subtle: #ffb1ac;--kendo-color-series-a-subtler: #ff8a82;--kendo-color-series-b: #ffe162;--kendo-color-series-b-bold: #bfa94a;--kendo-color-series-b-bolder: #807131;--kendo-color-series-b-subtle: #fff0b1;--kendo-color-series-b-subtler: #ffe989;--kendo-color-series-c: #4cd180;--kendo-color-series-c-bold: #399d60;--kendo-color-series-c-bolder: #266940;--kendo-color-series-c-subtle: #a6e8c0;--kendo-color-series-c-subtler: #79dda0;--kendo-color-series-d: #4b5ffa;--kendo-color-series-d-bold: #3847bc;--kendo-color-series-d-bolder: #26307d;--kendo-color-series-d-subtle: #a5affd;--kendo-color-series-d-subtler: #7887fb;--kendo-color-series-e: #ac58ff;--kendo-color-series-e-bold: #8142bf;--kendo-color-series-e-bolder: #562c80;--kendo-color-series-e-subtle: #d6acff;--kendo-color-series-e-subtler: #c182ff;--kendo-color-series-f: #ff5892;--kendo-color-series-f-bold: #bf426e;--kendo-color-series-f-bolder: #802c49;--kendo-color-series-f-subtle: #ffacc9;--kendo-color-series-f-subtler: #ff82ae}.k-sr-only{position:absolute;inset-inline-start:-1px;width:1px;height:1px;overflow:hidden}.k-push-right-enter,.k-push-right-appear{transform:translate(-100%, 0)}.k-push-right-enter-active,.k-push-right-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-right-exit{transform:translate(0, 0)}.k-push-right-exit-active{transform:translate(100%, 0);transition:transform 300ms ease-in-out}.k-push-left-enter,.k-push-left-appear{transform:translate(100%, 0)}.k-push-left-enter-active,.k-push-left-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-left-exit{transform:translate(0, 0)}.k-push-left-exit-active{transform:translate(-100%, 0);transition:transform 300ms ease-in-out}.k-push-down-enter,.k-push-down-appear{transform:translate(0, -100%)}.k-push-down-enter-active,.k-push-down-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-down-exit{transform:translate(0, 0)}.k-push-down-exit-active{transform:translate(0, 100%);transition:transform 300ms ease-in-out}.k-push-up-enter,.k-push-up-appear{transform:translate(0, 100%)}.k-push-up-enter-active,.k-push-up-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-up-exit{transform:translate(0, 0)}.k-push-up-exit-active{transform:translate(0, -100%);transition:transform 300ms ease-in-out}.k-expand-vertical-enter,.k-expand-vertical-appear{transform:scaleY(0)}.k-expand-vertical-enter-active,.k-expand-vertical-appear-active{transform:scaleY(1);transition:transform 300ms ease-in-out}.k-expand-vertical-exit{transform:scaleY(1)}.k-expand-vertical-exit-active{transform:scaleY(0);transition:transform 300ms ease-in-out}.k-expand-horizontal-enter,.k-expand-horizontal-appear{transform:scaleX(0)}.k-expand-horizontal-enter-active,.k-expand-horizontal-appear-active{transform:scaleX(1);transition:transform 300ms ease-in-out}.k-expand-horizontal-exit{transform:scaleX(1)}.k-expand-horizontal-exit-active{transform:scaleX(0);transition:transform 300ms ease-in-out}.k-fade-enter,.k-fade-appear{opacity:0}.k-fade-enter-active,.k-fade-appear-active{opacity:1;transition:opacity 500ms ease-in-out}.k-fade-exit{opacity:1}.k-fade-exit-active{opacity:0;transition:opacity 500ms ease-in-out}.k-fade-exit-active+.k-fade-exit-active,.k-fade-enter-active+.k-fade-enter-active{display:none}.k-zoom-in-enter,.k-zoom-in-appear{opacity:0;transform:scale(0)}.k-zoom-in-enter-active,.k-zoom-in-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-in-exit{opacity:1;transform:scale(1)}.k-zoom-in-exit-active{opacity:0;transform:scale(2);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-enter,.k-zoom-out-appear{opacity:0;transform:scale(2)}.k-zoom-out-enter-active,.k-zoom-out-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-exit{opacity:1;transform:scale(1)}.k-zoom-out-exit-active{opacity:0;transform:scale(0);transition:transform,opacity 300ms ease-in-out}.k-slide-in-appear{opacity:.1;transform:translate(0, -3em)}.k-slide-in-appear .k-centered{transform:translate(-50%, -60%)}.k-slide-in-appear-active{opacity:1;transform:translate(0, 0);transition:transform .3s cubic-bezier(0.2, 0.6, 0.4, 1),opacity .3s cubic-bezier(0.2, 1, 0.2, 1)}.k-slide-in-appear-active .k-centered{transform:translate(-50%, -50%)}.k-slide-down-enter,.k-slide-down-appear{transform:translateY(-100%)}.k-slide-down-enter-active,.k-slide-down-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-down-exit{transform:translateY(0)}.k-slide-down-exit-active{transform:translateY(-100%);transition:transform 300ms ease-in-out}.k-slide-up-enter,.k-slide-up-appear{transform:translateY(100%)}.k-slide-up-enter-active,.k-slide-up-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-up-exit{transform:translateY(0)}.k-slide-up-exit-active{transform:translateY(100%);transition:transform 300ms ease-in-out}.k-slide-right-enter,.k-slide-right-appear{transform:translateX(-100%)}.k-slide-right-enter-active,.k-slide-right-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-right-exit{transform:translateX(0)}.k-slide-right-exit-active{transform:translateX(-100%);transition:transform 300ms ease-in-out}.k-slide-left-enter,.k-slide-left-appear{transform:translateX(100%)}.k-slide-left-enter-active,.k-slide-left-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-left-exit{transform:translateX(0)}.k-slide-left-exit-active{transform:translateX(100%);transition:transform 300ms ease-in-out}.k-reveal-vertical-enter,.k-reveal-vertical-appear{max-height:0}.k-reveal-vertical-enter-active,.k-reveal-vertical-appear-active{transition:max-height 300ms ease-in-out}.k-reveal-vertical-exit-active{max-height:0 !important;transition:max-height 300ms ease-in-out}.k-reveal-horizontal-enter,.k-reveal-horizontal-appear{max-width:0}.k-reveal-horizontal-enter-active,.k-reveal-horizontal-appear-active{transition:max-width 300ms ease-in-out}.k-reveal-horizontal-exit-active{max-width:0 !important;transition:max-width 300ms ease-in-out}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{transition:all 350ms ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden,.k-fx-hidden *{visibility:hidden !important}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{transform:scale(0) !important}.k-fx-zoom.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{transform:scale(0) !important}.k-fx-fade.k-fx-start .k-fx-next{will-change:opacity;opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{will-change:opacity;opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-current .km-footer{transition:all 350ms ease-out}.k-fx-slide.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-start .k-fx-next .km-content{will-change:transform;transform:translateX(100%)}.k-fx-slide.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-start .k-fx-next .km-footer{will-change:opacity;opacity:0}.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{will-change:transform;transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer{will-change:opacity;opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer{opacity:0}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{transform:translateX(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0%)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx-tile.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:translateX(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0%)}.k-fx.k-fx-overlay.k-fx-start .k-fx-next,.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{transform:translateY(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{transform:translateY(-100%)}.k-theme-test-class,.k-common-test-class{opacity:0}.k-hstack,.k-hbox{display:flex;flex-flow:row nowrap}.k-vstack,.k-vbox{display:flex;flex-flow:column nowrap}.k-spacer,.k-flex{flex:1 1 auto}.k-spacer-sized{flex:none}.k-float-wrap::after,.k-floatwrap::after{content:"";display:block;clear:both}.k-flex-layout{display:flex}.k-grid-layout{display:grid}.k-separator{width:auto;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;flex-grow:0 !important;flex-shrink:0 !important;align-self:stretch}.k-separator-horizontal,.k-vstack>.k-separator,.k-vbox>.k-separator{width:auto;height:0;border-width:1px 0 0}.k-separator-vertical,.k-hstack>.k-separator,.k-hbox>.k-separator{width:0;height:auto;border-width:0 0 0 1px}hr.k-separator{margin:0;padding:0}.k-hidden{display:none !important}.k-rtl{direction:rtl}[hidden]{display:none !important}script{display:none !important}.k-disabled{outline:none;cursor:default;color:var(--kendo-disabled-text, unset);background-color:var(--kendo-disabled-bg, unset);border-color:var(--kendo-disabled-border, unset);opacity:var(--kendo-disabled-opacity, unset);filter:var(--kendo-disabled-filter, unset);pointer-events:none;box-shadow:none}.k-disabled .k-link{cursor:default;outline:0}.k-disabled [disabled],.k-disabled .k-disabled{--kendo-disabled-opacity: 1;--kendo-disabled-filter: grayscale(0)}.k-hr{margin-block:var(--kendo-spacing-4, 1rem);padding:0;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;float:none;clear:both}.k-d-flex-row>.k-hr{margin:0;width:0;height:auto;border-width:0 0 0 1px;flex:0 0 auto}.k-d-flex-col>.k-hr{margin:0;flex:0 0 auto}.k-sprite{display:inline-block;width:1rem;height:1rem;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center}.k-image{display:inline-block}.k-reset{margin:0;padding:0;border-width:0;outline:0;text-decoration:none;font:inherit;list-style:none}kendo-sortable{display:block}.k-link,.k-link:hover{color:inherit;text-decoration:none;outline:0;cursor:pointer}.k-content{outline:0}.k-centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.k-no-click{pointer-events:none}.k-pdf-export-shadow{position:absolute;overflow:hidden;inset-inline-start:-15000px;width:14400px}.kendo-pdf-hide-pseudo-elements::before,.kendo-pdf-hide-pseudo-elements::after{display:none !important}.k-dirty{margin:0;padding:0;width:0;height:0;border-width:3px;border-style:solid;border-block-start-color:currentColor;border-block-end-color:rgba(0,0,0,0);border-inline-start-color:rgba(0,0,0,0);border-inline-end-color:currentColor;position:absolute;inset-block-start:0;inset-inline-end:0}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{inset-block-start:0;inset-inline-end:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}.k-resize-handle,.k-resize-hint{position:absolute;border-color:inherit;z-index:200}.k-resize-handle{display:flex;align-items:center;justify-content:center}.k-resize-handle::before{content:"";border:0 solid;border-color:inherit}.k-resize-n{width:100%;height:6px;flex-direction:row;left:0;top:-3px;cursor:n-resize}.k-resize-s{width:100%;height:6px;flex-direction:row;left:0;bottom:-3px;cursor:s-resize}.k-resize-w{width:6px;height:100%;flex-direction:column;top:0;left:-3px;cursor:w-resize}.k-resize-e{width:6px;height:100%;flex-direction:column;top:0;right:-3px;cursor:e-resize}.k-resize-sw,.k-resize-se,.k-resize-nw,.k-resize-ne{width:5px;height:5px}.k-resize-sw{cursor:sw-resize;bottom:0;left:0}.k-resize-se{cursor:se-resize;bottom:0;right:0}.k-resize-nw{cursor:nw-resize;top:0;left:0}.k-resize-ne{cursor:ne-resize;top:0;right:0}.k-vertical-resize{cursor:row-resize}.k-horizontal-resize{cursor:col-resize}.k-resize-hint{display:flex;flex-direction:column;align-items:center}.k-resize-hint .k-resize-hint-handle{width:auto;height:20px;align-self:stretch}.k-resize-hint .k-resize-hint-marker{width:2px;height:auto;flex:1 1 auto}.k-resize-hint-vertical{display:flex;flex-direction:row;align-items:center}.k-resize-hint-vertical .k-resize-hint-handle{width:20px;height:auto;align-self:stretch}.k-resize-hint-vertical .k-resize-hint-marker{width:auto;height:2px;flex:1 1 auto}.k-top-start,.k-pos-top-start{top:0;inset-inline-start:0}.k-top-end,.k-pos-top-end{top:0;inset-inline-end:0}.k-bottom-start,.k-pos-bottom-start{bottom:0;inset-inline-start:0}.k-bottom-end,.k-pos-bottom-end{bottom:0;inset-inline-end:0}.k-top-center,.k-pos-top-center{top:0;left:50%;transform:translateX(-50%)}.k-middle-left,.k-middle-start,.k-pos-middle-start{top:50%;left:0;transform:translateY(-50%)}.k-middle-center{top:50%;left:50%;transform:translateY(-50%)}.k-middle-right,.k-middle-end,.k-pos-middle-end{top:50%;right:0;transform:translateY(-50%)}.k-bottom-center,.k-pos-bottom-center{bottom:0;left:50%;transform:translateX(-50%)}:root{--kendo-spacing-0: 0px;--kendo-spacing-1px: 1px;--kendo-spacing-0\.5: 0.125rem;--kendo-spacing-1: 0.25rem;--kendo-spacing-1\.5: 0.375rem;--kendo-spacing-2: 0.5rem;--kendo-spacing-2\.5: 0.625rem;--kendo-spacing-3: 0.75rem;--kendo-spacing-3\.5: 0.875rem;--kendo-spacing-4: 1rem;--kendo-spacing-4\.5: 1.125rem;--kendo-spacing-5: 1.25rem;--kendo-spacing-5\.5: 1.375rem;--kendo-spacing-6: 1.5rem;--kendo-spacing-6\.5: 1.625rem;--kendo-spacing-7: 1.75rem;--kendo-spacing-7\.5: 1.875rem;--kendo-spacing-8: 2rem;--kendo-spacing-9: 2.25rem;--kendo-spacing-10: 2.5rem;--kendo-spacing-11: 2.75rem;--kendo-spacing-12: 3rem;--kendo-spacing-13: 3.25rem;--kendo-spacing-14: 3.5rem;--kendo-spacing-15: 3.75rem;--kendo-spacing-16: 4rem;--kendo-spacing-17: 4.25rem;--kendo-spacing-18: 4.5rem;--kendo-spacing-19: 4.75rem;--kendo-spacing-20: 5rem;--kendo-spacing-21: 5.25rem;--kendo-spacing-22: 5.5rem;--kendo-spacing-23: 5.75rem;--kendo-spacing-24: 6rem;--kendo-spacing-25: 7rem;--kendo-spacing-26: 8rem;--kendo-spacing-27: 9rem;--kendo-spacing-28: 10rem;--kendo-spacing-29: 11rem;--kendo-spacing-30: 12rem}:root{--kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)}:root{--kendo-font-family: inherit;--kendo-font-size: 0.875rem;--kendo-line-height: 1.4285714286;--kendo-font-weight: 400;--kendo-letter-spacing: ;--kendo-font-size-xxs: 0.5rem;--kendo-font-size-xs: 0.625rem;--kendo-font-size-sm: 0.75rem;--kendo-font-size-md: 0.875rem;--kendo-font-size-lg: 1rem;--kendo-font-size-xl: 1.25rem;--kendo-line-height-xs: 1;--kendo-line-height-sm: 1.25;--kendo-line-height-md: 1.4285714286;--kendo-line-height-lg: 1.5;--kendo-font-weight-thin: 100;--kendo-font-weight-extra-light: 200;--kendo-font-weight-light: 300;--kendo-font-weight-normal: 400;--kendo-font-weight-medium: 500;--kendo-font-weight-semibold: 600;--kendo-font-weight-bold: 700;--kendo-font-weight-extra-bold: 800;--kendo-font-weight-black: 900;--kendo-letter-spacing-tightest: -0.15px;--kendo-letter-spacing-tighter: -0.1px;--kendo-letter-spacing-tight: -0.5px;--kendo-letter-spacing-normal: 0px;--kendo-letter-spacing-wide: 0.5px;--kendo-letter-spacing-wider: 0.1px;--kendo-letter-spacing-widest: 0.15px;--kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans;--kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville;--kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace}:root{--kendo-border-radius-none: 0px;--kendo-border-radius-xs: 1px;--kendo-border-radius-sm: 0.125rem;--kendo-border-radius-md: 0.25rem;--kendo-border-radius-lg: 0.375rem;--kendo-border-radius-xl: 0.5rem;--kendo-border-radius-xxl: 0.75rem;--kendo-border-radius-xxxl: 1rem;--kendo-border-radius-full: 9999px}.k-rounded-none{border-radius:var(--kendo-border-radius-none, 0px)}.k-rounded-xs{border-radius:var(--kendo-border-radius-xs, 1px)}.k-rounded-sm{border-radius:var(--kendo-border-radius-sm, 0.125rem)}.k-rounded-md{border-radius:var(--kendo-border-radius-md, 0.25rem)}.k-rounded-lg{border-radius:var(--kendo-border-radius-lg, 0.375rem)}.k-rounded-xl{border-radius:var(--kendo-border-radius-xl, 0.5rem)}.k-rounded-xxl{border-radius:var(--kendo-border-radius-xxl, 0.75rem)}.k-rounded-xxxl{border-radius:var(--kendo-border-radius-xxxl, 1rem)}.k-rounded-full{border-radius:var(--kendo-border-radius-full, 9999px)}

package/dist/meta/sassdoc-data.json

@@ -1319,7 +1319,7 @@
                     }
                 }
             ],
-            "resolvedValue": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #c2c2c2, inverse-subtle-hover: #adadad, inverse-subtle-active: #999999, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #666666, inverse-on-subtle: #1f1f1f, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
+            "resolvedValue": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #666666, inverse-subtle-hover: #525252, inverse-subtle-active: #3d3d3d, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #999999, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
             "resolvedType": "Map",
             "prettyValue": {
                 "app-surface": "#ffffff",
@@ -1429,14 +1429,14 @@
                 "dark-on-subtle": "#1f1f1f",
                 "on-dark": "#ffffff",
                 "dark-on-surface": "#141414",
-                "inverse-subtle": "#c2c2c2",
-                "inverse-subtle-hover": "#adadad",
-                "inverse-subtle-active": "#999999",
+                "inverse-subtle": "#666666",
+                "inverse-subtle-hover": "#525252",
+                "inverse-subtle-active": "#3d3d3d",
                 "inverse": "#3d3d3d",
                 "inverse-hover": "#292929",
                 "inverse-active": "#1f1f1f",
-                "inverse-emphasis": "#666666",
-                "inverse-on-subtle": "#1f1f1f",
+                "inverse-emphasis": "#999999",
+                "inverse-on-subtle": "#ffffff",
                 "on-inverse": "#ffffff",
                 "inverse-on-surface": "#141414",
                 "series-a": "#ff6358",
@@ -12523,7 +12523,7 @@
                             }
                         }
                     ],
-                    "resolvedValue": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #c2c2c2, inverse-subtle-hover: #adadad, inverse-subtle-active: #999999, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #666666, inverse-on-subtle: #1f1f1f, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
+                    "resolvedValue": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #666666, inverse-subtle-hover: #525252, inverse-subtle-active: #3d3d3d, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #999999, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
                     "resolvedType": "Map",
                     "prettyValue": {
                         "app-surface": "#ffffff",
@@ -12633,14 +12633,14 @@
                         "dark-on-subtle": "#1f1f1f",
                         "on-dark": "#ffffff",
                         "dark-on-surface": "#141414",
-                        "inverse-subtle": "#c2c2c2",
-                        "inverse-subtle-hover": "#adadad",
-                        "inverse-subtle-active": "#999999",
+                        "inverse-subtle": "#666666",
+                        "inverse-subtle-hover": "#525252",
+                        "inverse-subtle-active": "#3d3d3d",
                         "inverse": "#3d3d3d",
                         "inverse-hover": "#292929",
                         "inverse-active": "#1f1f1f",
-                        "inverse-emphasis": "#666666",
-                        "inverse-on-subtle": "#1f1f1f",
+                        "inverse-emphasis": "#999999",
+                        "inverse-on-subtle": "#ffffff",
                         "on-inverse": "#ffffff",
                         "inverse-on-surface": "#141414",
                         "series-a": "#ff6358",

package/dist/meta/variables.json

@@ -299,7 +299,7 @@
     },
     "kendo-colors": {
         "type": "Map",
-        "value": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #c2c2c2, inverse-subtle-hover: #adadad, inverse-subtle-active: #999999, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #666666, inverse-on-subtle: #1f1f1f, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
+        "value": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-subtle-hover: #e0e0e0, base-subtle-active: #d6d6d6, base: #f5f5f5, base-hover: #ebebeb, base-active: #d6d6d6, base-emphasis: #c2c2c2, base-on-subtle: #3d3d3d, on-base: #3d3d3d, base-on-surface: #3d3d3d, primary-subtle: #ffeceb, primary-subtle-hover: #ffdedb, primary-subtle-active: #ffc8c4, primary: #ff6358, primary-hover: #ea5a51, primary-active: #d45349, primary-emphasis: #ff9d97, primary-on-subtle: #5c201c, on-primary: #ffffff, primary-on-surface: #ff6358, secondary-subtle: #fafafa, secondary-subtle-hover: #f5f5f5, secondary-subtle-active: #ebebeb, secondary: #666666, secondary-hover: #525252, secondary-active: #3d3d3d, secondary-emphasis: #e0e0e0, secondary-on-subtle: #141414, on-secondary: #ffffff, secondary-on-surface: #292929, tertiary-subtle: #d8f1fd, tertiary-subtle-hover: #c5eafc, tertiary-subtle-active: #a3dffb, tertiary: #03a9f4, tertiary-hover: #039ae0, tertiary-active: #028ccb, tertiary-emphasis: #61c9f9, tertiary-on-subtle: #023f5c, on-tertiary: #ffffff, tertiary-on-surface: #028ccb, info-subtle: #d2e2fb, info-subtle-hover: #bdd4f8, info-subtle-active: #80acf4, info: #0058e9, info-hover: #0052d6, info-active: #004ac2, info-emphasis: #6098f2, info-on-subtle: #002259, on-info: #ffffff, info-on-surface: #004ac2, success-subtle: #dcf0d3, success-subtle-hover: #cbe9bf, success-subtle-active: #b7e1a5, success: #37b400, success-hover: #32a500, success-active: #2d9600, success-emphasis: #81d15f, success-on-subtle: #1c5a00, on-success: #ffffff, success-on-surface: #2d9600, warning-subtle: #fff4d3, warning-subtle-hover: #ffeebd, warning-subtle-active: #ffe79e, warning: #ffc000, warning-hover: #eaaf00, warning-active: #d49f00, warning-emphasis: #ffd760, warning-on-subtle: #5e4700, on-warning: #3d3d3d, warning-on-surface: #ffc000, error-subtle: #fcddda, error-subtle-hover: #fbc8c3, error-subtle-active: #f98b80, error: #f31700, error-hover: #df1600, error-active: #ca1400, error-emphasis: #f76f60, error-on-subtle: #7a0c00, on-error: #ffffff, error-on-surface: #ca1400, light-subtle: #fafafa, light-subtle-hover: #f5f5f5, light-subtle-active: #ebebeb, light: #ebebeb, light-hover: #e0e0e0, light-active: #d6d6d6, light-emphasis: #d6d6d6, light-on-subtle: #141414, on-light: #000000, light-on-surface: #e0e0e0, dark-subtle: #c2c2c2, dark-subtle-hover: #adadad, dark-subtle-active: #999999, dark: #3d3d3d, dark-hover: #292929, dark-active: #1f1f1f, dark-emphasis: #666666, dark-on-subtle: #1f1f1f, on-dark: #ffffff, dark-on-surface: #141414, inverse-subtle: #666666, inverse-subtle-hover: #525252, inverse-subtle-active: #3d3d3d, inverse: #3d3d3d, inverse-hover: #292929, inverse-active: #1f1f1f, inverse-emphasis: #999999, inverse-on-subtle: #ffffff, on-inverse: #ffffff, inverse-on-surface: #141414, series-a: #ff6358, series-a-bold: #bf4a42, series-a-bolder: #80322c, series-a-subtle: #ffb1ac, series-a-subtler: #ff8a82, series-b: #ffe162, series-b-bold: #bfa94a, series-b-bolder: #807131, series-b-subtle: #fff0b1, series-b-subtler: #ffe989, series-c: #4cd180, series-c-bold: #399d60, series-c-bolder: #266940, series-c-subtle: #a6e8c0, series-c-subtler: #79dda0, series-d: #4b5ffa, series-d-bold: #3847bc, series-d-bolder: #26307d, series-d-subtle: #a5affd, series-d-subtler: #7887fb, series-e: #ac58ff, series-e-bold: #8142bf, series-e-bolder: #562c80, series-e-subtle: #d6acff, series-e-subtler: #c182ff, series-f: #ff5892, series-f-bold: #bf426e, series-f-bolder: #802c49, series-f-subtle: #ffacc9, series-f-subtler: #ff82ae)",
         "prettyValue": {
             "app-surface": "#ffffff",
             "on-app-surface": "#3d3d3d",
@@ -408,14 +408,14 @@
             "dark-on-subtle": "#1f1f1f",
             "on-dark": "#ffffff",
             "dark-on-surface": "#141414",
-            "inverse-subtle": "#c2c2c2",
-            "inverse-subtle-hover": "#adadad",
-            "inverse-subtle-active": "#999999",
+            "inverse-subtle": "#666666",
+            "inverse-subtle-hover": "#525252",
+            "inverse-subtle-active": "#3d3d3d",
             "inverse": "#3d3d3d",
             "inverse-hover": "#292929",
             "inverse-active": "#1f1f1f",
-            "inverse-emphasis": "#666666",
-            "inverse-on-subtle": "#1f1f1f",
+            "inverse-emphasis": "#999999",
+            "inverse-on-subtle": "#ffffff",
             "on-inverse": "#ffffff",
             "inverse-on-surface": "#141414",
             "series-a": "#ff6358",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-core",
   "description": "A collection of functions and mixins used for building themes for Kendo UI",
-  "version": "12.1.0-dev.1",
+  "version": "12.1.0-dev.3",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -46,5 +46,5 @@
   "directories": {
     "doc": "docs"
   },
-  "gitHead": "7b3a495779befd95451b5e9193f492f0cc917a6e"
+  "gitHead": "71fe28c36a28e15bfd6c0934fa049a4933e9f184"
 }

package/scss/color-system/_swatch.scss

@@ -123,14 +123,14 @@ $_default-colors: (
     on-dark: map.get( $kendo-palette-gray, "white" ),
     dark-on-surface: map.get( $kendo-palette-gray, 15 ),
     // Inverse
-    inverse-subtle: map.get( $kendo-palette-gray, 6 ),
-    inverse-subtle-hover: map.get( $kendo-palette-gray, 7 ),
-    inverse-subtle-active: map.get( $kendo-palette-gray, 8 ),
+    inverse-subtle: map.get( $kendo-palette-gray, 10 ),
+    inverse-subtle-hover: map.get( $kendo-palette-gray, 11 ),
+    inverse-subtle-active: map.get( $kendo-palette-gray, 12 ),
     inverse: map.get( $kendo-palette-gray, 12 ),
     inverse-hover: map.get( $kendo-palette-gray, 13 ),
     inverse-active: map.get( $kendo-palette-gray, 14 ),
-    inverse-emphasis: map.get( $kendo-palette-gray, 10 ),
-    inverse-on-subtle: map.get( $kendo-palette-gray, 14 ),
+    inverse-emphasis: map.get( $kendo-palette-gray, 8 ),
+    inverse-on-subtle: map.get( $kendo-palette-gray, "white" ),
     on-inverse: map.get( $kendo-palette-gray, "white" ),
     inverse-on-surface: map.get( $kendo-palette-gray, 15 ),
     // Series A

package/scss/components/avatar/_theme.scss

@@ -21,7 +21,7 @@
 
     @each $name, $color in $kendo-avatar-theme-colors {
         .k-avatar-outline-#{$name} {
-            color: $color;
+            color: k-color(#{$name}-on-surface);
         }
     }
 

package/scss/components/badge/_theme.scss

@@ -15,13 +15,14 @@
 
     // Outline badges
     .k-badge-outline {
+        color: k-color(base-on-surface);
         border-color: currentColor;
         background-color: transparent;
     }
 
     @each $name, $color in $kendo-badge-theme-colors {
         .k-badge-outline-#{$name} {
-            color: $color;
+            color: k-color(#{$name}-on-surface);
         }
     }
 

package/scss/components/calendar/_theme.scss

@@ -13,14 +13,13 @@
         );
 
 
-        // TODO: do we even use this?
+        // jQuery classic Calendar
         // Header / footer
         .k-header {
             @include fill(
-                $kendo-calendar-header-text,
-                $kendo-calendar-header-bg,
-                inherit,
-                $kendo-calendar-header-gradient
+                $bg: $kendo-calendar-header-bg,
+                $border: inherit,
+                $gradient: $kendo-calendar-header-gradient
             );
             @include box-shadow( $kendo-calendar-header-shadow );
         }

package/scss/components/calendar/_variables.scss

@@ -19,7 +19,6 @@ $kendo-calendar-header-padding-y: null !default;
 $kendo-calendar-header-border-width: null !default;
 
 $kendo-calendar-header-bg: null !default;
-$kendo-calendar-header-text: null !default;
 $kendo-calendar-header-border: null !default;
 $kendo-calendar-header-gradient: null !default;
 // TODO: variable is used, but the selector using it is not! Potentially remove;

package/scss/components/card/_layout.scss

@@ -40,16 +40,13 @@
         *::after {
             box-sizing: border-box;
         }
-
-        // Card avatar
-        .k-card-avatar,
-        .k-avatar {
-            margin-inline-end: $kendo-card-avatar-spacing;
-            width: $kendo-card-avatar-size;
-            height: $kendo-card-avatar-size;
-            flex-basis: $kendo-card-avatar-size;
-        }
     }
+    // Card avatar
+    .k-card-avatar,
+    .k-card .k-avatar {
+        margin-inline-end: $kendo-card-avatar-spacing;
+    }
+
     .k-card > .k-card-inner {
         @include border-radius( $kendo-card-inner-border-radius );
         display: flex;

package/scss/components/card/_variables.scss

@@ -57,7 +57,6 @@ $kendo-card-subtitle-letter-spacing: null !default;
 $kendo-card-subtitle-text: null !default;
 
 $kendo-card-img-max-width: null !default;
-$kendo-card-avatar-size: null !default;
 $kendo-card-avatar-spacing: null !default;
 
 $kendo-card-actions-padding-x: null !default;

package/scss/components/chip/_theme.scss

@@ -43,7 +43,7 @@
 
                 &:focus,
                 &.k-focus {
-                    @include focus-indicator( 0 0 0 2px color-mix(in srgb, k-color($name) 16%, transparent));
+                    @include focus-indicator( 0 0 0 2px color-mix(in srgb, k-color(#{$name}-on-surface) 16%, transparent));
                 }
 
                 &:hover,
@@ -100,28 +100,22 @@
                 }
             } @else if ($name == "warning") {
                 @include fill(
-                    k-color(on-app-surface),
+                    k-color(on-#{$name}),
                     transparent,
-                    $color
+                    k-color(#{$name}-on-surface)
                 );
 
                 &:focus,
                 &.k-focus {
-                    @include focus-indicator( 0 0 0 2px color-mix(in srgb, k-color($name) 16%, transparent));
+                    @include focus-indicator( 0 0 0 2px color-mix(in srgb, k-color(#{$name}-on-surface) 16%, transparent));
                 }
 
                 &:hover,
-                &.k-hover {
-                    @include fill(
-                        $color: k-color(on-#{$name}),
-                        $bg: $color
-                    );
-                }
-
+                &.k-hover,
                 &.k-selected {
                     @include fill(
                         $color: k-color(on-#{$name}),
-                        $bg: $color
+                        $bg: k-color(#{$name}-on-surface)
                     );
                 }
             } @else {
@@ -133,23 +127,16 @@
 
                 &:focus,
                 &.k-focus {
-                    @include focus-indicator( 0 0 0 2px color-mix(in srgb, k-color($name) 16%, transparent));
+                    @include focus-indicator( 0 0 0 2px color-mix(in srgb, k-color(#{$name}-on-surface) 16%, transparent));
                 }
 
                 &:hover,
-                &.k-hover {
-                    @include fill(
-                        k-color(on-#{$name}),
-                        k-color(#{$name}-hover),
-                        k-color(#{$name}-hover)
-                    );
-                }
-
+                &.k-hover,
                 &.k-selected {
                     @include fill(
                         k-color(on-#{$name}),
-                        k-color(#{$name}-active),
-                        k-color(#{$name}-active)
+                        k-color(#{$name}-on-surface),
+                        k-color(#{$name}-on-surface)
                     );
                 }
             }

package/scss/components/drawer/_layout.scss

@@ -93,7 +93,7 @@
 
 
     // Push drawer
-    .k-drawer-push {
+    .k-drawer-container:where(.k-drawer-push) {
         display: flex;
         flex-direction: row;
 

package/scss/components/gantt/_layout.scss

@@ -567,21 +567,21 @@
         }
 
         .k-resize-w {
-            inset-inline-start: 0;
+            left: 0;
         }
 
         .k-resize-w::before {
-            inset-inline-start: 2px;
-            border-inline-start-width: 1px;
+            left: 2px;
+            border-left-width: 1px;
         }
 
         .k-resize-e {
-            inset-inline-end: 0;
+            right: 0;
         }
 
         .k-resize-e::before {
-            inset-inline-end: 2px;
-            border-inline-start-width: 1px;
+            right: 2px;
+            border-left-width: 1px;
         }
 
         &:hover .k-resize-handle,

package/scss/components/imageeditor/_layout.scss

@@ -115,14 +115,14 @@
 
         .k-resize-n,
         .k-resize-s {
-            inset-inline-start: calc( 50% - ($kendo-image-editor-resize-handle-size / 2) );
+            left: calc( 50% - ($kendo-image-editor-resize-handle-size / 2) );
             width: $kendo-image-editor-resize-handle-size;
             height: 0;
         }
 
         .k-resize-w,
         .k-resize-e {
-            inset-block-start: calc( 50% - ($kendo-image-editor-resize-handle-size / 2) );
+            top: calc( 50% - ($kendo-image-editor-resize-handle-size / 2) );
             width: 0;
             height: $kendo-image-editor-resize-handle-size;
         }
@@ -141,19 +141,19 @@
         }
 
         .k-resize-n {
-            inset-block-start: 0;
+            top: 0;
         }
 
         .k-resize-s {
-            inset-block-end: 0;
+            bottom: 0;
         }
 
         .k-resize-w {
-            inset-inline-start: 0;
+            left: 0;
         }
 
         .k-resize-e {
-            inset-inline-end: 0;
+            right: 0;
         }
     }
 

package/scss/components/listgroup/_layout.scss

@@ -152,7 +152,7 @@
 
 
     // No flexbox fix
-    .k-noflexbox {
+    :where(.k-noflexbox) {
         .k-listgroup,
         .k-listgroup > ul
         .k-listgroup-item,

package/scss/components/loader/_theme.scss

@@ -2,10 +2,15 @@
 @use "./_variables.scss" as *;
 
 @mixin kendo-loader--theme-base() {
+    .k-loader,
+    .k-loader + .k-loader-container-label {
+        color: k-color(base-on-surface);
+    }
 
     @each $name, $color in $kendo-loader-theme-colors {
-        .k-loader-#{$name} {
-            color: $color;
+        .k-loader-#{$name},
+        .k-loader-#{$name} + .k-loader-container-label {
+            color: k-color(#{$name}-on-surface);
         }
     }
 

package/scss/components/pager/_layout.scss

@@ -43,10 +43,9 @@
         align-items: center;
     }
 
-
+    // TODO: Check if we can remove .k-pager-nav and %base-pager-item
     // Base pager item
     %base-pager-item {
-        color: inherit;
         text-align: center;
         display: inline-flex;
         align-items: center;

package/scss/components/pdf-viewer/_layout.scss

@@ -100,7 +100,6 @@
                 }
             }
 
-
             .k-text-layer {
                 position: absolute;
                 inset-block-start: 0;
@@ -148,9 +147,38 @@
                 transform-origin: 0 0;
                 pointer-events: none;
 
-                section {
+                * {
+                    box-sizing: border-box;
+                }
+
+                .k-link-annotation > a,
+                .k-button-widget-annotation.k-push-button-widget-annotation > a {
+                    position: absolute;
+                    inset-block-start: 0;
+                    inset-inline-start: 0;
+                    width: 100%;
+                    height: 100%;
+                }
+
+                section[class$="annotation" i] {
                     position: absolute;
                     pointer-events: auto;
+
+                    input, select {
+                        height: 100%;
+                        width: 100%;
+                    }
+
+                    :is(.k-text-widget-annotation > input[type="text"]) {
+                        border: none;
+                        text-indent: 0.25em;
+                    }
+
+                    :is(.k-checkbox-widget-annotation > input[type="checkbox"],
+                    .k-radio-button-widget-annotation > input[type="radio"]) {
+                        margin-inline-start: 0;
+                        margin-block-start: 0;
+                    }
                 }
 
                 .k-annotation-text-content {
@@ -163,14 +191,6 @@
                     pointer-events: none;
                 }
 
-                .k-link-annotation > a {
-                    position: absolute;
-                    inset-block-start: 0;
-                    inset-inline-start: 0;
-                    width: 100%;
-                    height: 100%;
-                }
-
                 .k-text-widget-annotation .k-annotation-content {
                     position: absolute;
                     width: 100%;

package/scss/components/pdf-viewer/_theme.scss

@@ -41,6 +41,14 @@
                 $kendo-pdf-viewer-page-border
             );
             @include box-shadow( $kendo-pdf-viewer-page-shadow );
+
+            .k-annotation-layer {
+                .k-link-annotation > a:hover {
+                    opacity: 0.2;
+                    background-color: $kendo-pdf-viewer-search-highlight-mark-bg;
+                    box-shadow: 0 2px 10px $kendo-pdf-viewer-search-highlight-mark-bg;
+                }
+            }
         }
 
         .k-blank-page > .k-icon {

package/scss/components/scheduler/_layout.scss

@@ -468,29 +468,29 @@
         .k-resize-handle::before { border-color: currentColor; }
         .k-resize-n {
             height: .5em;
-            inset-block-start: 0;
+            top: 0;
         }
         .k-resize-s {
             height: .5em;
-            inset-block-end: 0;
+            bottom: 0;
         }
         .k-resize-n::before,
         .k-resize-s::before {
             width: k-spacing(8);
-            border-block-end-width: 1px;
+            border-bottom-width: 1px;
         }
         .k-resize-w {
             width: .5em;
-            inset-inline-start: 0;
+            left: 0;
         }
         .k-resize-e {
             width: .5em;
-            inset-inline-end: 0;
+            right: 0;
         }
         .k-resize-w::before,
         .k-resize-e::before {
             height: k-spacing(8);
-            border-inline-start-width: 1px;
+            border-left-width: 1px;
         }
 
 

package/scss/components/scrollview/_theme.scss

@@ -44,7 +44,6 @@
     .k-scrollview-prev {
         color: $kendo-scrollview-navigation-color;
         background-color: $kendo-scrollview-navigation-bg;
-        text-shadow: $kendo-scrollview-navigation-icon-shadow;
         opacity: $kendo-scrollview-navigation-default-opacity;
         outline-width: 0;
         -webkit-tap-highlight-color: $kendo-scrollview-arrow-tap-highlight-color;

package/scss/components/scrollview/_variables.scss

@@ -23,7 +23,6 @@ $kendo-scrollview-pager-height: null !default;
 
 $kendo-scrollview-arrow-tap-highlight-color: null !default;
 $kendo-scrollview-navigation-color: null !default;
-$kendo-scrollview-navigation-icon-shadow: null !default;
 $kendo-scrollview-navigation-bg: null !default;
 $kendo-scrollview-navigation-default-opacity: null !default;
 $kendo-scrollview-navigation-hover-opacity: null !default;

package/scss/components/skeleton/_layout.scss

@@ -45,25 +45,21 @@
         }
     }
 
-    .k-skeleton-wave {
-
-        .k-skeleton,
-        &.k-skeleton {
-            position: relative;
-            overflow: hidden;
-
-            &::after {
-                content: "";
-                position: absolute;
-                inset-block-start: 0;
-                inset-inline-end: 0;
-                inset-block-end: 0;
-                inset-inline-start: 0;
-                transform: translateX(-100%);
-                animation: k-skeleton-wave 1.6s linear .5s infinite;
-            }
+    :where(.k-skeleton-wave) .k-skeleton,
+    :where(.k-skeleton-wave).k-skeleton {
+        position: relative;
+        overflow: hidden;
+
+        &::after {
+            content: "";
+            position: absolute;
+            inset-block-start: 0;
+            inset-inline-end: 0;
+            inset-block-end: 0;
+            inset-inline-start: 0;
+            transform: translateX(-100%);
+            animation: k-skeleton-wave 1.6s linear .5s infinite;
         }
-
     }
 
 
@@ -80,13 +76,9 @@
         }
     }
 
-    .k-skeleton-pulse {
-
-        .k-skeleton,
-        &.k-skeleton {
-            animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite;
-        }
-
+    :where(.k-skeleton-pulse) .k-skeleton,
+    :where(.k-skeleton-pulse).k-skeleton  {
+        animation: k-skeleton-pulse 1.5s ease-in-out .5s infinite;
     }
 
 }

package/scss/components/skeleton/_theme.scss

@@ -9,10 +9,9 @@
 
 
     // Skeleton wave
-    .k-skeleton-wave {
-
-        .k-skeleton::after,
-        &.k-skeleton::after {
+    :where(.k-skeleton-wave) .k-skeleton,
+    :where(.k-skeleton-wave).k-skeleton {
+        &::after {
             background-image: linear-gradient(
                 to right,
                 transparent,

package/scss/components/stepper/_layout.scss

@@ -58,7 +58,7 @@
             white-space: nowrap;
             display: flex;
             align-items: center;
-            overflow: hidden;
+            overflow: visible;
         }
 
         // Step indicator

package/scss/components/toolbar/_layout.scss

@@ -271,7 +271,7 @@
     }
 
     .k-floating-toolbar,
-    .editorToolbarWindow.k-window-content { // stylelint-disable-line
+    .k-window-content:where(.editorToolbarWindow) { // stylelint-disable-line
         padding-block: $kendo-toolbar-md-padding-y !important; // stylelint-disable-line declaration-no-important
         padding-inline: $kendo-toolbar-md-padding-x !important; // stylelint-disable-line declaration-no-important
         border-width: $kendo-toolbar-border-width;

package/scss/styles/_resizing.scss

@@ -21,32 +21,32 @@
         width: 100%;
         height: 6px;
         flex-direction: row;
-        inset-inline-start: 0;
-        inset-block-start: -3px;
+        left: 0;
+        top: -3px;
         cursor: n-resize;
     }
     .k-resize-s {
         width: 100%;
         height: 6px;
         flex-direction: row;
-        inset-inline-start: 0;
-        inset-block-end: -3px;
+        left: 0;
+        bottom: -3px;
         cursor: s-resize;
     }
     .k-resize-w {
         width: 6px;
         height: 100%;
         flex-direction: column;
-        inset-block-start: 0;
-        inset-inline-start: -3px;
+        top: 0;
+        left: -3px;
         cursor: w-resize;
     }
     .k-resize-e {
         width: 6px;
         height: 100%;
         flex-direction: column;
-        inset-block-start: 0;
-        inset-inline-end: -3px;
+        top: 0;
+        right: -3px;
         cursor: e-resize;
     }
 
@@ -60,23 +60,23 @@
 
     .k-resize-sw {
         cursor: sw-resize;
-        inset-block-end: 0;
-        inset-inline-start: 0;
+        bottom: 0;
+        left: 0;
     }
     .k-resize-se {
         cursor: se-resize;
-        inset-block-end: 0;
-        inset-inline-end: 0;
+        bottom: 0;
+        right: 0;
     }
     .k-resize-nw {
         cursor: nw-resize;
-        inset-block-start: 0;
-        inset-inline-start: 0;
+        top: 0;
+        left: 0;
     }
     .k-resize-ne {
         cursor: ne-resize;
-        inset-block-start: 0;
-        inset-inline-end: 0;
+        top: 0;
+        right: 0;
     }
 
     .k-vertical-resize {