@progress/kendo-theme-core 12.0.0-dev.2 → 12.0.0-dev.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/dist/all.css +1 -1
  2. package/package.json +2 -2
  3. package/scss/components/bubble/_layout.scss +2 -2
  4. package/scss/components/card/_layout.scss +8 -8
  5. package/scss/components/chat/_layout.scss +11 -5
  6. package/scss/components/checkbox/_layout.scss +2 -2
  7. package/scss/components/dialog/_layout.scss +2 -2
  8. package/scss/components/editor/_layout.scss +16 -16
  9. package/scss/components/gantt/_layout.scss +2 -2
  10. package/scss/components/loader/_layout.scss +42 -42
  11. package/scss/components/map/_layout.scss +8 -8
  12. package/scss/components/popover/_layout.scss +8 -8
  13. package/scss/components/responsivepanel/_layout.scss +2 -2
  14. package/scss/components/scheduler/_layout.scss +2 -2
  15. package/scss/components/scrollview/_layout.scss +2 -2
  16. package/scss/components/spreadsheet/_layout.scss +8 -8
  17. package/scss/components/tabstrip/_layout.scss +0 -8
  18. package/scss/components/window/_layout.scss +2 -0
  19. package/scss/styles/_base.scss +2 -2
package/dist/all.css CHANGED
@@ -1 +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;inset-block-start:50%;inset-inline-start: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)}
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)}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-core",
3
3
  "description": "A collection of functions and mixins used for building themes for Kendo UI",
4
- "version": "12.0.0-dev.2",
4
+ "version": "12.0.0-dev.4",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -45,5 +45,5 @@
45
45
  "directories": {
46
46
  "doc": "docs"
47
47
  },
48
- "gitHead": "3d3c1e57932a00e6c1a0e1fbbd14d7ba1e2fe4a9"
48
+ "gitHead": "40ed04da0bc564e727c8bffc99c00df652e70c12"
49
49
  }
package/scss/components/bubble/_layout.scss CHANGED
@@ -21,7 +21,7 @@
21
21
  color: inherit;
22
22
  text-decoration: underline;
23
23
  }
24
-
24
+
25
25
  &:hover,
26
26
  &.k-hover {
27
27
  cursor: pointer;
@@ -34,7 +34,7 @@
34
34
  overflow: hidden;
35
35
 
36
36
  &.k-expanded {
37
- white-space: normal
37
+ white-space: normal;
38
38
  }
39
39
 
40
40
  .k-bubble-content {
package/scss/components/card/_layout.scss CHANGED
@@ -310,23 +310,23 @@
310
310
  }
311
311
 
312
312
  .k-card-callout.k-callout-n {
313
- inset-block-start: 0;
314
- inset-inline-start: 50%;
313
+ top: 0;
314
+ left: 50%;
315
315
  transform: translate(-50%, -50%) rotate(45deg);
316
316
  }
317
317
  .k-card-callout.k-callout-e {
318
- inset-block-start: 50%;
319
- inset-inline-end: 0;
318
+ top: 50%;
319
+ right: 0;
320
320
  transform: translate(50%, -50%) rotate(-45deg);
321
321
  }
322
322
  .k-card-callout.k-callout-s {
323
- inset-block-end: 0;
324
- inset-inline-start: 50%;
323
+ bottom: 0;
324
+ left: 50%;
325
325
  transform: translate(-50%, 50%) rotate(45deg);
326
326
  }
327
327
  .k-card-callout.k-callout-w {
328
- inset-block-start: 50%;
329
- inset-inline-start: 0;
328
+ top: 50%;
329
+ left: 0;
330
330
  transform: translate(-50%, -50%) rotate(45deg);
331
331
  }
332
332
 
package/scss/components/chat/_layout.scss CHANGED
@@ -173,6 +173,13 @@
173
173
  text-overflow: ellipsis;
174
174
  overflow: hidden;
175
175
  flex-shrink: 0;
176
+
177
+ word-wrap: break-word;
178
+ white-space: pre-wrap;
179
+
180
+ &:has(.k-skeleton-container) {
181
+ white-space: normal;
182
+ }
176
183
  }
177
184
 
178
185
  // Full-width message
@@ -194,14 +201,14 @@
194
201
  }
195
202
  }
196
203
 
197
- .k-chat-bubble.k-expanded {
198
- white-space: normal;
199
- }
200
-
201
204
  .k-chat-bubble.k-bubble-expandable:not(.k-expanded) {
202
205
  .k-bubble-content {
203
206
  height: calc( $kendo-chat-line-height * $kendo-chat-font-size);
204
207
  }
208
+
209
+ .k-chat-bubble-text {
210
+ white-space: nowrap;
211
+ }
205
212
  }
206
213
 
207
214
  .k-chat-bubble:has(.k-typing-indicator) {
@@ -236,7 +243,6 @@
236
243
  max-width: 100%;
237
244
  overflow: hidden;
238
245
  overflow-wrap: break-word;
239
- word-break: normal;
240
246
  text-align: start;
241
247
 
242
248
  .k-bubble-content {
package/scss/components/checkbox/_layout.scss CHANGED
@@ -44,8 +44,8 @@
44
44
  transform: translate(-50%, -50%) scale(0);
45
45
  overflow: hidden;
46
46
  position: absolute;
47
- inset-block-start: 50%;
48
- inset-inline-start: 50%;
47
+ top: 50%;
48
+ left: 50%;
49
49
  }
50
50
  }
51
51
 
package/scss/components/dialog/_layout.scss CHANGED
@@ -30,8 +30,8 @@
30
30
  // Centered
31
31
  &.k-dialog-centered {
32
32
  transform: translate(-50%, -50%);
33
- inset-block-start: 50%;
34
- inset-inline-start: 50%;
33
+ top: 50%;
34
+ left: 50%;
35
35
  }
36
36
 
37
37
  .k-multiselect {
package/scss/components/editor/_layout.scss CHANGED
@@ -77,57 +77,57 @@
77
77
  z-index: 100;
78
78
 
79
79
  &.northwest {
80
- inset-block-start: 0;
81
- inset-inline-start: 0;
80
+ top: 0;
81
+ left: 0;
82
82
  transform: translate(-50%, -50%);
83
83
  cursor: nw-resize;
84
84
  }
85
85
 
86
86
  &.north {
87
- inset-block-start: 0;
88
- inset-inline-start: 50%;
87
+ top: 0;
88
+ left: 50%;
89
89
  transform: translate(-50%, -50%);
90
90
  cursor: n-resize;
91
91
  }
92
92
 
93
93
  &.northeast {
94
- inset-block-start: 0;
95
- inset-inline-end: 0;
94
+ top: 0;
95
+ right: 0;
96
96
  transform: translate(50%, -50%);
97
97
  cursor: ne-resize;
98
98
  }
99
99
 
100
100
  &.southwest {
101
- inset-inline-start: 0;
102
- inset-block-end: 0;
101
+ left: 0;
102
+ bottom: 0;
103
103
  transform: translate(-50%, 50%);
104
104
  cursor: sw-resize;
105
105
  }
106
106
 
107
107
  &.south {
108
- inset-block-end: 0;
109
- inset-inline-start: 50%;
108
+ bottom: 0;
109
+ left: 50%;
110
110
  transform: translate(-50%, 50%);
111
111
  cursor: s-resize;
112
112
  }
113
113
 
114
114
  &.southeast {
115
- inset-inline-end: 0;
116
- inset-block-end: 0;
115
+ right: 0;
116
+ bottom: 0;
117
117
  transform: translate(50%, 50%);
118
118
  cursor: se-resize;
119
119
  }
120
120
 
121
121
  &.west {
122
- inset-block-start: 50%;
123
- inset-inline-start: 0;
122
+ top: 50%;
123
+ left: 0;
124
124
  transform: translate(-50%, -50%);
125
125
  cursor: w-resize;
126
126
  }
127
127
 
128
128
  &.east {
129
- inset-block-start: 50%;
130
- inset-inline-end: 0;
129
+ top: 50%;
130
+ right: 0;
131
131
  transform: translate(50%, -50%);
132
132
  cursor: e-resize;
133
133
  }
package/scss/components/gantt/_layout.scss CHANGED
@@ -458,8 +458,8 @@
458
458
  border-radius: 100%;
459
459
  display: inline-block;
460
460
  position: absolute;
461
- inset-block-start: 50%;
462
- inset-inline-start: 50%;
461
+ top: 50%;
462
+ left: 50%;
463
463
  transform: translate(-50%, -50%);
464
464
  }
465
465
  .k-task-dot:hover::before,
package/scss/components/loader/_layout.scss CHANGED
@@ -71,14 +71,14 @@
71
71
  }
72
72
 
73
73
  .k-loader-segment:nth-child(1) {
74
- inset-inline-start: 0;
74
+ left: 0;
75
75
  transform: scale( 1.5 );
76
76
  transform-origin: 0 50%;
77
77
  animation: pulsing-2-segment 1s ease infinite;
78
78
  animation-delay: -.5s;
79
79
  }
80
80
  .k-loader-segment:nth-child(2) {
81
- inset-inline-end: 0;
81
+ right: 0;
82
82
  transform-origin: 100% 50%;
83
83
  animation: pulsing-2-segment 1s ease infinite;
84
84
  }
@@ -144,19 +144,19 @@
144
144
  transform: translate( -50%, -50% );
145
145
  }
146
146
  .k-loader-segment:nth-child(1) {
147
- inset-block-start: 0;
148
- inset-inline-start: 50%;
147
+ top: 0;
148
+ left: 50%;
149
149
  animation: spinner-3-segment 2s ease infinite;
150
150
  }
151
151
  .k-loader-segment:nth-child(2) {
152
- inset-block-start: 100%;
153
- inset-inline-start: 0;
152
+ top: 100%;
153
+ left: 0;
154
154
  animation: spinner-3-segment 2s ease infinite;
155
155
  animation-delay: calc( -2s / 3 );
156
156
  }
157
157
  .k-loader-segment:nth-child(3) {
158
- inset-block-start: 100%;
159
- inset-inline-start: 100%;
158
+ top: 100%;
159
+ left: 100%;
160
160
  animation: spinner-3-segment 2s ease infinite;
161
161
  animation-delay: calc( -4s / 3 );
162
162
  }
@@ -193,101 +193,101 @@
193
193
  // Loader spinner 4
194
194
  @keyframes spinner-4-segment-1 {
195
195
  0% {
196
- inset-block-start: 50%;
197
- inset-inline-start: 50%;
196
+ top: 50%;
197
+ left: 50%;
198
198
  transform: translateX(-50%) translateY(-50%);
199
199
  }
200
200
 
201
201
  33.3% {
202
- inset-block-start: 0;
203
- inset-inline-start: 0;
202
+ top: 0;
203
+ left: 0;
204
204
  transform: translateX(0) translateY(0);
205
205
  }
206
206
 
207
207
  66.6% {
208
- inset-block-start: 0;
209
- inset-inline-start: 0;
208
+ top: 0;
209
+ left: 0;
210
210
  transform: translateX(0) translateY(0);
211
211
  }
212
212
 
213
213
  100% {
214
- inset-block-start: 50%;
215
- inset-inline-start: 50%;
214
+ top: 50%;
215
+ left: 50%;
216
216
  transform: translateX(-50%) translateY(-50%);
217
217
  }
218
218
  }
219
219
  @keyframes spinner-4-segment-2 {
220
220
  0% {
221
- inset-block-start: 50%;
222
- inset-inline-start: 50%;
221
+ top: 50%;
222
+ left: 50%;
223
223
  transform: translateX(-50%) translateY(-50%);
224
224
  }
225
225
 
226
226
  33.3% {
227
- inset-block-start: 0;
228
- inset-inline-start: 100%;
227
+ top: 0;
228
+ left: 100%;
229
229
  transform: translateX(-100%) translateY(0);
230
230
  }
231
231
 
232
232
  66.6% {
233
- inset-block-start: 0;
234
- inset-inline-start: 100%;
233
+ top: 0;
234
+ left: 100%;
235
235
  transform: translateX(-100%) translateY(0);
236
236
  }
237
237
 
238
238
  100% {
239
- inset-block-start: 50%;
240
- inset-inline-start: 50%;
239
+ top: 50%;
240
+ left: 50%;
241
241
  transform: translateX(-50%) translateY(-50%);
242
242
  }
243
243
  }
244
244
  @keyframes spinner-4-segment-3 {
245
245
  0% {
246
- inset-block-start: 50%;
247
- inset-inline-start: 50%;
246
+ top: 50%;
247
+ left: 50%;
248
248
  transform: translateX(-50%) translateY(-50%);
249
249
  }
250
250
 
251
251
  33.3% {
252
- inset-block-start: 100%;
253
- inset-inline-start: 100%;
252
+ top: 100%;
253
+ left: 100%;
254
254
  transform: translateX(-100%) translateY(-100%);
255
255
  }
256
256
 
257
257
  66.6% {
258
- inset-block-start: 100%;
259
- inset-inline-start: 100%;
258
+ top: 100%;
259
+ left: 100%;
260
260
  transform: translateX(-100%) translateY(-100%);
261
261
  }
262
262
 
263
263
  100% {
264
- inset-block-start: 50%;
265
- inset-inline-start: 50%;
264
+ top: 50%;
265
+ left: 50%;
266
266
  transform: translateX(-50%) translateY(-50%);
267
267
  }
268
268
  }
269
269
  @keyframes spinner-4-segment-4 {
270
270
  0% {
271
- inset-block-start: 50%;
272
- inset-inline-start: 50%;
271
+ top: 50%;
272
+ left: 50%;
273
273
  transform: translateX(-50%) translateY(-50%);
274
274
  }
275
275
 
276
276
  33.3% {
277
- inset-block-start: 100%;
278
- inset-inline-start: 0;
277
+ top: 100%;
278
+ left: 0;
279
279
  transform: translateX(0) translateY(-100%);
280
280
  }
281
281
 
282
282
  66.6% {
283
- inset-block-start: 100%;
284
- inset-inline-start: 0;
283
+ top: 100%;
284
+ left: 0;
285
285
  transform: translateX(0) translateY(-100%);
286
286
  }
287
287
 
288
288
  100% {
289
- inset-block-start: 50%;
290
- inset-inline-start: 50%;
289
+ top: 50%;
290
+ left: 50%;
291
291
  transform: translateX(-50%) translateY(-50%);
292
292
  }
293
293
  }
@@ -315,8 +315,8 @@
315
315
  }
316
316
 
317
317
  .k-loader-segment {
318
- inset-block-start: 50%;
319
- inset-inline-start: 50%;
318
+ top: 50%;
319
+ left: 50%;
320
320
  transform: translateX(-50%) translateY(-50%);
321
321
 
322
322
  &:nth-child(1) {
package/scss/components/map/_layout.scss CHANGED
@@ -96,26 +96,26 @@
96
96
  .k-navigator-n,
97
97
  .k-navigator-up {
98
98
  transform: translateX(-50%);
99
- inset-block-start: $kendo-map-navigator-padding;
100
- inset-inline-start: 50%;
99
+ top: $kendo-map-navigator-padding;
100
+ left: 50%;
101
101
  }
102
102
  .k-navigator-e,
103
103
  .k-navigator-right {
104
104
  transform: translateY(-50%);
105
- inset-inline-end: $kendo-map-navigator-padding;
106
- inset-block-start: 50%;
105
+ right: $kendo-map-navigator-padding;
106
+ top: 50%;
107
107
  }
108
108
  .k-navigator-s,
109
109
  .k-navigator-down {
110
110
  transform: translateX(-50%);
111
- inset-block-end: $kendo-map-navigator-padding;
112
- inset-inline-start: 50%;
111
+ bottom: $kendo-map-navigator-padding;
112
+ left: 50%;
113
113
  }
114
114
  .k-navigator-w,
115
115
  .k-navigator-left {
116
116
  transform: translateY(-50%);
117
- inset-inline-start: $kendo-map-navigator-padding;
118
- inset-block-start: 50%;
117
+ left: $kendo-map-navigator-padding;
118
+ top: 50%;
119
119
  }
120
120
  }
121
121
 
package/scss/components/popover/_layout.scss CHANGED
@@ -67,26 +67,26 @@
67
67
  position: absolute;
68
68
 
69
69
  &.k-callout-n {
70
- inset-block-start: 0;
71
- inset-inline-start: 50%;
70
+ top: 0;
71
+ left: 50%;
72
72
  transform: translate(-50%, -50%) rotate(45deg);
73
73
  }
74
74
 
75
75
  &.k-callout-e {
76
- inset-block-start: 50%;
77
- inset-inline-end: 0;
76
+ top: 50%;
77
+ right: 0;
78
78
  transform: translate(50%, -50%) rotate(-45deg);
79
79
  }
80
80
 
81
81
  &.k-callout-s {
82
- inset-block-end: 0;
83
- inset-inline-start: 50%;
82
+ bottom: 0;
83
+ left: 50%;
84
84
  transform: translate(-50%, 50%) rotate(45deg);
85
85
  }
86
86
 
87
87
  &.k-callout-w {
88
- inset-block-start: 50%;
89
- inset-inline-start: 0;
88
+ top: 50%;
89
+ left: 0;
90
90
  transform: translate(-50%, -50%) rotate(45deg);
91
91
  }
92
92
  }
package/scss/components/responsivepanel/_layout.scss CHANGED
@@ -22,11 +22,11 @@
22
22
  }
23
23
  .k-rpanel-left {
24
24
  transform: translateX(-100%) translateZ(0);
25
- inset-inline-start: 0;
25
+ left: 0;
26
26
  }
27
27
  .k-rpanel-right {
28
28
  transform: translateX(100%) translateZ(0);
29
- inset-inline-end: 0;
29
+ right: 0;
30
30
  }
31
31
 
32
32
  // Top
package/scss/components/scheduler/_layout.scss CHANGED
@@ -543,8 +543,8 @@
543
543
 
544
544
  > .k-icon {
545
545
  position: absolute;
546
- inset-block-start: 50%;
547
- inset-inline-start: 50%;
546
+ top: 50%;
547
+ left: 50%;
548
548
  transform: translate(-50%, -50%);
549
549
  }
550
550
  }
package/scss/components/scrollview/_layout.scss CHANGED
@@ -120,8 +120,8 @@
120
120
  height: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-spacing} );
121
121
  display: block;
122
122
  position: absolute;
123
- inset-block-start: 50%;
124
- inset-inline-start: 50%;
123
+ top: 50%;
124
+ left: 50%;
125
125
  transform: translate(-50%, -50%);
126
126
  pointer-events: initial;
127
127
  border-radius: 0;
package/scss/components/spreadsheet/_layout.scss CHANGED
@@ -820,14 +820,14 @@
820
820
  transform: translate(-50%, -50%);
821
821
 
822
822
  // stylelint-disable declaration-block-single-line-max-declarations, selector-class-pattern
823
- &.N { inset-inline-start: 50%; inset-block-start: 0; cursor: ns-resize; }
824
- &.NE { inset-inline-start: 100%; inset-block-start: 0; cursor: nesw-resize; }
825
- &.E { inset-inline-start: 100%; inset-block-start: 50%; cursor: ew-resize; }
826
- &.SE { inset-inline-start: 100%; inset-block-start: 100%; cursor: nwse-resize; }
827
- &.S { inset-inline-start: 50%; inset-block-start: 100%; cursor: ns-resize; }
828
- &.SW { inset-inline-start: 0; inset-block-start: 100%; cursor: nesw-resize; }
829
- &.W { inset-inline-start: 0; inset-block-start: 50%; cursor: ew-resize; }
830
- &.NW { inset-inline-start: 0; inset-block-start: 0; cursor: nwse-resize; }
823
+ &.N { left: 50%; top: 0; cursor: ns-resize; }
824
+ &.NE { left: 100%; top: 0; cursor: nesw-resize; }
825
+ &.E { left: 100%; top: 50%; cursor: ew-resize; }
826
+ &.SE { left: 100%; top: 100%; cursor: nwse-resize; }
827
+ &.S { left: 50%; top: 100%; cursor: ns-resize; }
828
+ &.SW { left: 0; top: 100%; cursor: nesw-resize; }
829
+ &.W { left: 0; top: 50%; cursor: ew-resize; }
830
+ &.NW { left: 0; top: 0; cursor: nwse-resize; }
831
831
  // stylelint-enable declaration-block-single-line-max-declarations, selector-class-pattern
832
832
  }
833
833
 
package/scss/components/tabstrip/_layout.scss CHANGED
@@ -442,14 +442,6 @@
442
442
  .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after {
443
443
  border-left-width: $kendo-tabstrip-indicator-size;
444
444
  }
445
-
446
-
447
- // Hide tabstrip indicator when dragging
448
- .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging {
449
- &::after {
450
- display: none !important; // stylelint-disable-line declaration-no-important
451
- }
452
- }
453
445
  }
454
446
 
455
447
 
package/scss/components/window/_layout.scss CHANGED
@@ -119,6 +119,8 @@
119
119
  .k-window-content + .k-prompt-container {
120
120
  margin-block-start: - list.slash( $kendo-window-inner-padding-y, 2 );
121
121
  }
122
+
123
+ // TODO: Check if we can remove
122
124
  .k-window-content:first-child {
123
125
  padding-block-start: clamp( #{$kendo-window-inner-padding-y}, #{$kendo-window-titlebar-padding-y}, #{$kendo-window-titlebar-padding-y} );
124
126
  }
package/scss/styles/_base.scss CHANGED
@@ -106,8 +106,8 @@
106
106
  // Centering
107
107
  .k-centered {
108
108
  position: absolute;
109
- inset-block-start: 50%;
110
- inset-inline-start: 50%;
109
+ top: 50%;
110
+ left: 50%;
111
111
  transform: translate(-50%, -50%);
112
112
  }
113
113