@progress/kendo-theme-core 8.0.2-dev.4 → 8.1.0-dev.1

package/dist/all.css

@@ -6,6 +6,582 @@
     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 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.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;
@@ -97,8 +673,11 @@ script {
 .k-disabled {
     outline: none;
     cursor: default;
-    color: var(--kendo-disabled-text, inherit);
-    border-color: var(--kendo-disabled-border, inherit);
+    color: var(--kendo-disabled-text, );
+    background-color: var(--kendo-disabled-bg, );
+    border-color: var(--kendo-disabled-border, );
+    opacity: var(--kendo-disabled-opacity, );
+    filter: var(--kendo-disabled-filter, );
     pointer-events: none;
     box-shadow: none;
 }
@@ -116,7 +695,7 @@ script {
     height: 0;
     border-width: 1px 0 0;
     border-style: solid;
-    border-color: var(--kendo-component-border, inherit);
+    border-color: var(--kendo-component-border, );
     display: block;
     float: none;
     clear: both;
@@ -215,148 +794,185 @@ kendo-sortable {
     inset-inline-end: 0;
 }
 
-.k-loading-mask,
-.k-loading-image,
-.k-loading-color {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
+.k-marquee {
+    position: absolute;
+    z-index: 100000;
+}
+
+.k-marquee-color,
+.k-marquee-text {
     position: absolute;
     top: 0;
     left: 0;
+    width: 100%;
+    height: 100%;
 }
 
-.k-loading-mask *,
-.k-loading-mask *::before,
-.k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
-.k-loading-image *,
-.k-loading-image *::before,
-.k-loading-image *::after,
-.k-loading-image::before,
-.k-loading-image::after,
-.k-loading-color *,
-.k-loading-color *::before,
-.k-loading-color *::after,
-.k-loading-color::before,
-.k-loading-color::after {
-    box-sizing: border-box;
+.k-marquee-color {
+    color: var(--kendo-neutral-160, );
+    background-color: var(--kendo-primary-60, );
+    border-color: var(--kendo-primary-100, );
+    opacity: .6;
 }
 
-.k-loading-mask {
-    z-index: 100;
+.k-marquee-text {
+    color: var(--kendo-neutral-160, );
 }
 
-.k-loading-mask.k-opaque .k-loading-color {
-    opacity: 1;
+.k-text-selection ::selection {
+    background-color: var(--kendo-primary-100, inherit);
 }
 
-.k-loading-text {
-    text-indent: -4000px;
-    text-align: center;
+.k-scrollbar {
     position: absolute;
+    overflow: scroll;
 }
 
-.k-loading-image {
-    z-index: 2;
+.k-scrollbar-vertical {
+    top: 0;
+    right: 0;
+    width: 17px;
+    height: 100%;
+    overflow-x: hidden;
 }
 
-.k-loading-color {
-    opacity: 0.3;
+.k-touch-scrollbar {
+    display: none;
+    position: absolute;
+    z-index: 200000;
+    height: 8px;
+    width: 8px;
+    border: 1px solid #8a8a8a;
+    background-color: #858585;
 }
 
-.k-i-loading {
-    width: 1em;
-    height: 1em;
-    line-height: 1;
-    display: inline-flex;
-    flex-flow: row nowrap;
+.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;
-    vertical-align: middle;
-    position: relative;
-    background-color: transparent;
-    box-sizing: border-box;
 }
 
-.k-i-loading::before, .k-i-loading::after {
-    box-sizing: border-box;
+.k-resize-handle::before {
+    content: "";
+    border: 0 solid;
+    border-color: inherit;
 }
 
-.k-i-loading::before,
-.k-i-loading::after,
-.k-loading-image::before,
-.k-loading-image::after {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    display: inline-block;
-    content: "";
-    box-sizing: inherit;
-    border-radius: 50%;
-    border-width: .05em;
-    border-style: solid;
-    border-color: currentColor;
-    border-top-color: transparent;
-    border-bottom-color: transparent;
-    background-color: transparent;
+.k-resize-n {
+    width: 100%;
+    height: 6px;
+    flex-direction: row;
+    left: 0;
+    top: -3px;
+    cursor: n-resize;
 }
 
-.k-icon.k-i-loading::before,
-.k-icon.k-i-loading::after {
-    content: "";
+.k-resize-s {
+    width: 100%;
+    height: 6px;
+    flex-direction: row;
+    left: 0;
+    bottom: -3px;
+    cursor: s-resize;
 }
 
-.k-i-loading::before,
-.k-loading-image::before {
-    margin-top: -.5em;
-    margin-left: -.5em;
-    width: 1em;
-    height: 1em;
-    animation: k-loading-animation .7s linear infinite;
+.k-resize-w {
+    width: 6px;
+    height: 100%;
+    flex-direction: column;
+    top: 0;
+    left: -3px;
+    cursor: w-resize;
 }
 
-.k-i-loading::after,
-.k-loading-image::after {
-    margin-top: -.25em;
-    margin-left: -.25em;
-    width: .5em;
-    height: .5em;
-    animation: k-loading-animation reverse 1.4s linear infinite;
+.k-resize-e {
+    width: 6px;
+    height: 100%;
+    flex-direction: column;
+    top: 0;
+    right: -3px;
+    cursor: e-resize;
 }
 
-.k-loading-image::before,
-.k-loading-image::after {
-    content: "";
-    border-width: 1px;
-    border-width: clamp(0.015em, 1px, 1px);
-    font-size: 4em;
+.k-resize-sw,
+.k-resize-se,
+.k-resize-nw,
+.k-resize-ne {
+    width: 5px;
+    height: 5px;
 }
 
-@keyframes k-loading-animation {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
+.k-resize-sw {
+    cursor: sw-resize;
+    bottom: 0;
+    left: 0;
 }
 
-.k-marquee {
-    position: absolute;
-    z-index: 100000;
+.k-resize-se {
+    cursor: se-resize;
+    bottom: 0;
+    right: 0;
 }
 
-.k-marquee-color,
-.k-marquee-text {
-    position: absolute;
+.k-resize-nw {
+    cursor: nw-resize;
     top: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
 }
 
-.k-marquee-color {
-    background-color: var(--kendo-primary-60, );
-    border-color: var(--kendo-primary-100, );
-    opacity: .6;
+.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;
 }