@progress/kendo-theme-fluent
Version:
A css variables based theme for Kendo UI that follows the Fluent design system guidelines.
1 lines • 1.12 MB
CSS
:root{--kendo-disabled-text: color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent);--kendo-disabled-bg: var(--kendo-color-base-subtle, #edebe9);--kendo-disabled-border: transparent;--kendo-disabled-opacity: unset;--kendo-disabled-filter: unset}:root{--kendo-icon-size: var( --kendo-icon-size, 1rem );--kendo-icon-size-xs: calc(var(--kendo-icon-size, 1rem) * 0.75);--kendo-icon-size-sm: calc(var(--kendo-icon-size-sm, 1rem) * 0.875);--kendo-icon-size-md: 1rem;--kendo-icon-size-lg: calc(var(--kendo-icon-size-lg, 1rem) * 1.25);--kendo-icon-size-xl: calc(var(--kendo-icon-size, 1rem) * 1.5);--kendo-icon-size-xxl: calc(var(--kendo-icon-size-xxl, 1rem) * 2);--kendo-icon-size-xxxl: calc(var(--kendo-icon-size-xxxl, 1rem) * 3);--kendo-icon-spacing: var(--kendo-spacing-2);--kendo-icon-padding: var(--kendo-spacing-1)}:root{--kendo-color-app-surface: oklch(21.85% 0.0025 67.57deg);--kendo-color-on-app-surface: oklch(96.16% 0.0016 66.9deg);--kendo-color-subtle: oklch(70.36% 0.0036 67.48deg);--kendo-color-surface: oklch(24.42% 0.0024 67.57deg);--kendo-color-surface-alt: oklch(21.85% 0.0025 67.57deg);--kendo-color-border: oklch(70.36% 0.0036 67.48deg);--kendo-color-border-alt: oklch(96.16% 0.0016 66.9deg);--kendo-color-base-subtle: oklch(27.75% 0.0023 67.56deg);--kendo-color-base-subtle-hover: oklch(30.98% 0.0022 67.54deg);--kendo-color-base-subtle-active: oklch(34.91% 0.0022 67.52deg);--kendo-color-base: oklch(21.85% 0.0025 67.57deg);--kendo-color-base-hover: oklch(26.1% 0.0023 67.56deg);--kendo-color-base-active: oklch(27.75% 0.0023 67.56deg);--kendo-color-base-emphasis: oklch(70.36% 0.0036 67.48deg);--kendo-color-base-on-subtle: oklch(96.16% 0.0016 66.9deg);--kendo-color-on-base: oklch(96.16% 0.0016 66.9deg);--kendo-color-base-on-surface: oklch(96.16% 0.0016 66.9deg);--kendo-color-primary-subtle: oklch(26.6% 0.0215 240.2deg);--kendo-color-primary-subtle-hover: oklch(31.21% 0.0423 245.59deg);--kendo-color-primary-subtle-active: oklch(35.98% 0.061 245.36deg);--kendo-color-primary: oklch(66.72% 0.1671 248.75deg);--kendo-color-primary-hover: oklch(68.57% 0.1536 247.32deg);--kendo-color-primary-active: oklch(75.82% 0.1175 244.87deg);--kendo-color-primary-emphasis: oklch(78.11% 0.1011 244.22deg);--kendo-color-primary-on-subtle: oklch(90.23% 0.0452 243.24deg);--kendo-color-on-primary: oklch(21.85% 0.0025 67.57deg);--kendo-color-primary-on-surface: oklch(66.72% 0.1671 248.75deg);--kendo-color-secondary-subtle: oklch(34.91% 0.0022 67.52deg);--kendo-color-secondary-subtle-hover: oklch(41.81% 0.0031 48.16deg);--kendo-color-secondary-subtle-active: oklch(50.09% 0.004 67.55deg);--kendo-color-secondary: oklch(70.36% 0.0036 67.48deg);--kendo-color-secondary-hover: oklch(76.49% 0.0026 47.63deg);--kendo-color-secondary-active: oklch(82.87% 0.0036 38.4deg);--kendo-color-secondary-emphasis: oklch(57.04% 0.0038 67.53deg);--kendo-color-secondary-on-subtle: oklch(98.26% 0.0016 66.88deg);--kendo-color-on-secondary: oklch(21.85% 0.0025 67.57deg);--kendo-color-secondary-on-surface: oklch(89.19% 0.0016 66.99deg);--kendo-color-tertiary-subtle: oklch(27.77% 0.0529 248.54deg);--kendo-color-tertiary-subtle-hover: oklch(33.64% 0.0691 249.42deg);--kendo-color-tertiary-subtle-active: oklch(39.6% 0.0848 249.48deg);--kendo-color-tertiary: oklch(77.83% 0.0725 246.29deg);--kendo-color-tertiary-hover: oklch(81.87% 0.0583 246.98deg);--kendo-color-tertiary-active: oklch(86.8% 0.0418 246.11deg);--kendo-color-tertiary-emphasis: oklch(65.59% 0.1135 248.54deg);--kendo-color-tertiary-on-subtle: oklch(91.75% 0.0268 246.42deg);--kendo-color-on-tertiary: oklch(21.85% 0.0025 67.57deg);--kendo-color-tertiary-on-surface: oklch(77.83% 0.0725 246.29deg);--kendo-color-info-subtle: oklch(29.46% 0.0801 248.41deg);--kendo-color-info-subtle-hover: oklch(37.69% 0.1065 249.91deg);--kendo-color-info-subtle-active: oklch(42.89% 0.1223 250.27deg);--kendo-color-info: oklch(72.91% 0.1503 245.41deg);--kendo-color-info-hover: oklch(78.37% 0.1195 243.26deg);--kendo-color-info-active: oklch(82.67% 0.0946 242.68deg);--kendo-color-info-emphasis: oklch(82.67% 0.0946 242.68deg);--kendo-color-info-on-subtle: oklch(91.98% 0.043 240.79deg);--kendo-color-on-info: oklch(21.85% 0.0025 67.57deg);--kendo-color-info-on-surface: oklch(78.37% 0.1195 243.26deg);--kendo-color-success-subtle: oklch(34.73% 0.053 114.76deg);--kendo-color-success-subtle-hover: oklch(43.41% 0.0717 117.21deg);--kendo-color-success-subtle-active: oklch(48.17% 0.0855 119.96deg);--kendo-color-success: oklch(78.01% 0.1454 128.67deg);--kendo-color-success-hover: oklch(81.59% 0.1318 128.03deg);--kendo-color-success-active: oklch(84.91% 0.1151 127.79deg);--kendo-color-success-emphasis: oklch(75.89% 0.1515 129.25deg);--kendo-color-success-on-subtle: oklch(95.23% 0.043 125.9deg);--kendo-color-on-success: oklch(21.85% 0.0025 67.57deg);--kendo-color-success-on-surface: oklch(88.96% 0.0878 127deg);--kendo-color-warning-subtle: oklch(33.73% 0.0471 83.25deg);--kendo-color-warning-subtle-hover: oklch(38.5% 0.0577 79.64deg);--kendo-color-warning-subtle-active: oklch(45.46% 0.0735 77.93deg);--kendo-color-warning: oklch(79.76% 0.1017 68.84deg);--kendo-color-warning-hover: oklch(82.12% 0.0946 67.41deg);--kendo-color-warning-active: oklch(85.83% 0.078 66.46deg);--kendo-color-warning-emphasis: oklch(82.87% 0.0036 38.4deg);--kendo-color-warning-on-subtle: oklch(93.09% 0.0382 60.94deg);--kendo-color-on-warning: oklch(21.85% 0.0025 67.57deg);--kendo-color-warning-on-surface: oklch(89.23% 0.0585 63.58deg);--kendo-color-error-subtle: oklch(30.95% 0.044 22.02deg);--kendo-color-error-subtle-hover: oklch(37.18% 0.0698 22.21deg);--kendo-color-error-subtle-active: oklch(43.77% 0.0974 21.87deg);--kendo-color-error: oklch(74.1% 0.1391 17.14deg);--kendo-color-error-hover: oklch(79.73% 0.1074 15.39deg);--kendo-color-error-active: oklch(85.08% 0.0766 13.7deg);--kendo-color-error-emphasis: oklch(70.15% 0.1589 16.84deg);--kendo-color-error-on-subtle: oklch(91.28% 0.0437 12.61deg);--kendo-color-on-error: oklch(21.85% 0.0025 67.57deg);--kendo-color-error-on-surface: oklch(79.73% 0.1074 15.39deg);--kendo-color-inverse-subtle: oklch(89.19% 0.0016 66.99deg);--kendo-color-inverse-subtle-hover: oklch(82.87% 0.0036 38.4deg);--kendo-color-inverse-subtle-active: oklch(76.49% 0.0026 47.63deg);--kendo-color-inverse: oklch(98.26% 0.0016 66.88deg);--kendo-color-inverse-hover: oklch(96.16% 0.0016 66.9deg);--kendo-color-inverse-active: oklch(89.19% 0.0016 66.99deg);--kendo-color-inverse-emphasis: oklch(96.16% 0.0016 66.9deg);--kendo-color-inverse-on-subtle: oklch(21.85% 0.0025 67.57deg);--kendo-color-on-inverse: oklch(21.85% 0.0025 67.57deg);--kendo-color-inverse-on-surface: oklch(96.16% 0.0016 66.9deg);--kendo-color-series: oklch(64.54% 0.0997 198.44deg);--kendo-color-series-a: oklch(63.29% 0.1167 221.71deg);--kendo-color-series-a-bold: oklch(71.32% 0.1073 215.9deg);--kendo-color-series-a-bolder: oklch(80.18% 0.0789 213.54deg);--kendo-color-series-a-subtle: oklch(51.43% 0.0942 220.82deg);--kendo-color-series-a-subtler: oklch(38.83% 0.0703 219.15deg);--kendo-color-series-b: oklch(63.04% 0.1946 19.91deg);--kendo-color-series-b-bold: oklch(70.57% 0.1468 16.33deg);--kendo-color-series-b-bolder: oklch(79.55% 0.0953 13.66deg);--kendo-color-series-b-subtle: oklch(51.1% 0.1542 19.33deg);--kendo-color-series-b-subtler: oklch(38.58% 0.1119 19.1deg);--kendo-color-series-c: oklch(82.9% 0.1711 81.05deg);--kendo-color-series-c-bold: oklch(86.54% 0.1578 87.17deg);--kendo-color-series-c-bolder: oklch(90.49% 0.1179 89.17deg);--kendo-color-series-c-subtle: oklch(66.97% 0.138 81.95deg);--kendo-color-series-c-subtler: oklch(50.15% 0.1031 82.93deg);--kendo-color-series-d: oklch(56.97% 0.1704 251.97deg);--kendo-color-series-d-bold: oklch(66.42% 0.1358 245.84deg);--kendo-color-series-d-bolder: oklch(76.97% 0.0924 243.96deg);--kendo-color-series-d-subtle: oklch(46.32% 0.1355 251.21deg);--kendo-color-series-d-subtler: oklch(35.1% 0.0997 250.13deg);--kendo-color-series-e: oklch(57.46% 0.1296 301.67deg);--kendo-color-series-e-bold: oklch(68.36% 0.095 302.86deg);--kendo-color-series-e-bolder: oklch(78.93% 0.0618 304.42deg);--kendo-color-series-e-subtle: oklch(46.85% 0.1025 301.59deg);--kendo-color-series-e-subtler: oklch(35.71% 0.0736 302.58deg);--kendo-color-series-f: oklch(74.04% 0.1939 152.23deg);--kendo-color-series-f-bold: oklch(78.83% 0.1657 157.47deg);--kendo-color-series-f-bolder: oklch(84.7% 0.1186 161.35deg);--kendo-color-series-f-subtle: oklch(59.86% 0.1547 152.83deg);--kendo-color-series-f-subtler: oklch(44.76% 0.1139 153.57deg)}:root{--kendo-spacing-base: 0.25rem;--kendo-spacing-0: 0px;--kendo-spacing-1px: 1px;--kendo-spacing-0\.5: calc(0.5 * var(--kendo-spacing-base));--kendo-spacing-1: calc(1 * var(--kendo-spacing-base));--kendo-spacing-1\.5: calc(1.5 * var(--kendo-spacing-base));--kendo-spacing-2: calc(2 * var(--kendo-spacing-base));--kendo-spacing-2\.5: calc(2.5 * var(--kendo-spacing-base));--kendo-spacing-3: calc(3 * var(--kendo-spacing-base));--kendo-spacing-3\.5: calc(3.5 * var(--kendo-spacing-base));--kendo-spacing-4: calc(4 * var(--kendo-spacing-base));--kendo-spacing-4\.5: calc(4.5 * var(--kendo-spacing-base));--kendo-spacing-5: calc(5 * var(--kendo-spacing-base));--kendo-spacing-5\.5: calc(5.5 * var(--kendo-spacing-base));--kendo-spacing-6: calc(6 * var(--kendo-spacing-base));--kendo-spacing-6\.5: calc(6.5 * var(--kendo-spacing-base));--kendo-spacing-7: calc(7 * var(--kendo-spacing-base));--kendo-spacing-7\.5: calc(7.5 * var(--kendo-spacing-base));--kendo-spacing-8: calc(8 * var(--kendo-spacing-base));--kendo-spacing-9: calc(9 * var(--kendo-spacing-base));--kendo-spacing-10: calc(10 * var(--kendo-spacing-base));--kendo-spacing-11: calc(11 * var(--kendo-spacing-base));--kendo-spacing-12: calc(12 * var(--kendo-spacing-base));--kendo-spacing-13: calc(13 * var(--kendo-spacing-base));--kendo-spacing-14: calc(14 * var(--kendo-spacing-base));--kendo-spacing-15: calc(15 * var(--kendo-spacing-base));--kendo-spacing-16: calc(16 * var(--kendo-spacing-base));--kendo-spacing-17: calc(17 * var(--kendo-spacing-base));--kendo-spacing-18: calc(18 * var(--kendo-spacing-base));--kendo-spacing-19: calc(19 * var(--kendo-spacing-base));--kendo-spacing-20: calc(20 * var(--kendo-spacing-base));--kendo-spacing-21: calc(21 * var(--kendo-spacing-base));--kendo-spacing-22: calc(22 * var(--kendo-spacing-base));--kendo-spacing-23: calc(23 * var(--kendo-spacing-base));--kendo-spacing-24: calc(24 * var(--kendo-spacing-base))}:root{--kendo-border-radius-base: 0.25rem;--kendo-border-radius-none: 0px;--kendo-border-radius-xs: calc(var(--kendo-border-radius-base) * 0.25);--kendo-border-radius-sm: calc(var(--kendo-border-radius-base) * 0.5);--kendo-border-radius-md: var(--kendo-border-radius-base);--kendo-border-radius-lg: calc(var(--kendo-border-radius-base) * 1.5);--kendo-border-radius-xl: calc(var(--kendo-border-radius-base) * 2);--kendo-border-radius-xxl: calc(var(--kendo-border-radius-base) * 3);--kendo-border-radius-xxxl: calc(var(--kendo-border-radius-base) * 4);--kendo-border-radius-full: calc(var(--kendo-border-radius-base) * 9999)}:root{--kendo-elevation-1: 0px 2px 4px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);--kendo-elevation-2: 0px 4px 8px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);--kendo-elevation-3: 0px 8px 16px 0px rgba(0, 0, 0, 0.14), 0px 0px 2px 0px rgba(0, 0, 0, 0.12);--kendo-elevation-4: 0px 14px 28px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.2);--kendo-elevation-5: 0px 32px 64px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.2)}:root{--kendo-font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;--kendo-font-size: 0.875rem;--kendo-line-height: 1.4285714286;--kendo-font-weight: 400;--kendo-letter-spacing: normal;--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.33;--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-duration-instant: var(--kendo-duration-global, 0ms);--kendo-duration-immediate: var(--kendo-duration-global, 50ms);--kendo-duration-brief: var(--kendo-duration-global, 100ms);--kendo-duration-quick: var(--kendo-duration-global, 150ms);--kendo-duration-rapid: var(--kendo-duration-global, 200ms);--kendo-duration-swift: var(--kendo-duration-global, 250ms);--kendo-duration-speedy: var(--kendo-duration-global, 300ms);--kendo-duration-brisk: var(--kendo-duration-global, 350ms);--kendo-duration-prompt: var(--kendo-duration-global, 400ms);--kendo-duration-timely: var(--kendo-duration-global, 450ms);--kendo-duration-moderate: var(--kendo-duration-global, 500ms);--kendo-duration-measured: var(--kendo-duration-global, 550ms);--kendo-duration-steady: var(--kendo-duration-global, 600ms);--kendo-duration-leisurely: var(--kendo-duration-global, 700ms);--kendo-duration-slow: var(--kendo-duration-global, 800ms);--kendo-duration-languid: var(--kendo-duration-global, 900ms);--kendo-duration-sluggish: var(--kendo-duration-global, 1000ms);--kendo-easing-linear: cubic-bezier(0, 0, 1, 1);--kendo-easing-accelerate: cubic-bezier(0.42, 0, 1, 1);--kendo-easing-decelerate: cubic-bezier(0, 0, 0.58, 1);--kendo-easing-standard: cubic-bezier(0.42, 0, 0.58, 1);--kendo-easing-sharp: cubic-bezier(0.75, 0, 0.25, 1);--kendo-easing-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);--kendo-easing-elastic: cubic-bezier(0.5, -0.5, 0.5, 1.5);--kendo-easing-stretchy: cubic-bezier(0.07, 1.81, 0.3, 0.81);--kendo-transition-instant: var(--kendo-duration-instant) var(--kendo-easing-linear);--kendo-transition-rapid: var(--kendo-duration-quick) var(--kendo-easing-decelerate);--kendo-transition-snappy: var(--kendo-duration-swift) var(--kendo-easing-decelerate);--kendo-transition-energetic: var(--kendo-duration-swift) var(--kendo-easing-elastic);--kendo-transition-bouncy: var(--kendo-duration-speedy) var(--kendo-easing-bounce);--kendo-transition-subtle: var(--kendo-duration-brisk) var(--kendo-easing-standard);--kendo-transition-gentle: var(--kendo-duration-prompt) var(--kendo-easing-accelerate);--kendo-transition-enter: var(--kendo-duration-speedy) var(--kendo-easing-decelerate);--kendo-transition-exit: var(--kendo-duration-rapid) var(--kendo-easing-accelerate);--kendo-transition-settle: var(--kendo-duration-brisk) var(--kendo-easing-decelerate);--kendo-transition-scale-out: var(--kendo-duration-quick) var(--kendo-easing-accelerate);--kendo-transition-scale-in: var(--kendo-duration-rapid) var(--kendo-easing-decelerate);--kendo-transition-fade-out: var(--kendo-duration-rapid) var(--kendo-easing-standard);--kendo-transition-fade-in: var(--kendo-duration-swift) var(--kendo-easing-standard);--kendo-transition-slide-out: var(--kendo-duration-swift) var(--kendo-easing-accelerate);--kendo-transition-slide-in: var(--kendo-duration-speedy) var(--kendo-easing-decelerate);--kendo-transition-emphasis: var(--kendo-duration-quick) var(--kendo-easing-sharp);--kendo-transition-collapse: var(--kendo-duration-speedy) var(--kendo-easing-accelerate);--kendo-transition-expand: var(--kendo-duration-prompt) var(--kendo-easing-standard);--kendo-transition-shrink: var(--kendo-duration-brisk) var(--kendo-easing-accelerate);--kendo-transition-grow: var(--kendo-duration-prompt) var(--kendo-easing-standard);--kendo-transition-pulse: var(--kendo-duration-brisk) var(--kendo-easing-standard);--kendo-transition-smooth: var(--kendo-duration-moderate) var(--kendo-easing-standard);--kendo-transition-flip: var(--kendo-duration-measured) var(--kendo-easing-standard);--kendo-transition-fluid: var(--kendo-duration-steady) var(--kendo-easing-standard);--kendo-transition-deliberate: var(--kendo-duration-slow) var(--kendo-easing-standard)}@media(prefers-reduced-motion: reduce){:root{--kendo-duration-global: 0.01ms}}.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 var(--kendo-transition-slide-in)}.k-push-right-exit{transform:translate(0, 0)}.k-push-right-exit-active{transform:translate(100%, 0);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-slide-in)}.k-push-left-exit{transform:translate(0, 0)}.k-push-left-exit-active{transform:translate(-100%, 0);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-slide-in)}.k-push-down-exit{transform:translate(0, 0)}.k-push-down-exit-active{transform:translate(0, 100%);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-slide-in)}.k-push-up-exit{transform:translate(0, 0)}.k-push-up-exit-active{transform:translate(0, -100%);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-expand)}.k-expand-vertical-exit{transform:scaleY(1)}.k-expand-vertical-exit-active{transform:scaleY(0);transition:transform var(--kendo-transition-collapse)}.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 var(--kendo-transition-expand)}.k-expand-horizontal-exit{transform:scaleX(1)}.k-expand-horizontal-exit-active{transform:scaleX(0);transition:transform var(--kendo-transition-collapse)}.k-fade-enter,.k-fade-appear{opacity:0}.k-fade-enter-active,.k-fade-appear-active{opacity:1;transition:opacity var(--kendo-transition-fade-in)}.k-fade-exit{opacity:1}.k-fade-exit-active{opacity:0;transition:opacity var(--kendo-transition-fade-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 var(--kendo-transition-scale-in),opacity var(--kendo-transition-scale-in)}.k-zoom-in-exit{opacity:1;transform:scale(1)}.k-zoom-in-exit-active{opacity:0;transform:scale(2);transition:transform var(--kendo-transition-scale-in),opacity var(--kendo-transition-scale-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 var(--kendo-transition-scale-in),opacity var(--kendo-transition-scale-out)}.k-zoom-out-exit{opacity:1;transform:scale(1)}.k-zoom-out-exit-active{opacity:0;transform:scale(0);transition:transform var(--kendo-transition-scale-in),opacity var(--kendo-transition-scale-in)}.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 var(--kendo-transition-slide-in),opacity var(--kendo-transition-slide-in)}.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 var(--kendo-transition-slide-in)}.k-slide-down-exit{transform:translateY(0)}.k-slide-down-exit-active{transform:translateY(-100%);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-slide-in)}.k-slide-up-exit{transform:translateY(0)}.k-slide-up-exit-active{transform:translateY(100%);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-slide-in)}.k-slide-right-exit{transform:translateX(0)}.k-slide-right-exit-active{transform:translateX(-100%);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-slide-in)}.k-slide-left-exit{transform:translateX(0)}.k-slide-left-exit-active{transform:translateX(100%);transition:transform var(--kendo-transition-slide-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 var(--kendo-transition-grow)}.k-reveal-vertical-exit-active{max-height:0 !important;transition:max-height var(--kendo-transition-shrink)}.k-reveal-horizontal-enter,.k-reveal-horizontal-appear{max-width:0}.k-reveal-horizontal-enter-active,.k-reveal-horizontal-appear-active{transition:max-width var(--kendo-transition-grow)}.k-reveal-horizontal-exit-active{max-width:0 !important;transition:max-width var(--kendo-transition-shrink)}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{transition:all var(--kendo-transition-settle)}.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 var(--kendo-transition-settle)}.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);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%)}.k-body,.k-typography{font-size:var(--kendo-font-size);font-family:var(--kendo-font-family);line-height:var(--kendo-line-height);font-weight:var(--kendo-font-weight-normal);letter-spacing:var(--kendo-letter-spacing);margin:0}.k-body p,.k-typography p{margin:0 0 var(--kendo-font-size)}.k-h1{font-size:var(--kendo-h1-font-size, 80px);font-family:var(--kendo-h1-font-family, var(--kendo-font-family));line-height:var(--kendo-h1-line-height, 100px);font-weight:var(--kendo-h1-font-weight, var(--kendo-font-weight-semibold));letter-spacing:var(--kendo-h1-letter-spacing, var(--kendo-letter-spacing));margin:var(--kendo-h1-margin, 0 0 var(--kendo-font-size))}.k-h2{font-size:var(--kendo-h2-font-size, 68px);font-family:var(--kendo-h2-font-family, var(--kendo-font-family));line-height:var(--kendo-h2-line-height, 92px);font-weight:var(--kendo-h2-font-weight, var(--kendo-font-weight-semibold));letter-spacing:var(--kendo-h2-letter-spacing, var(--kendo-letter-spacing));margin:var(--kendo-h2-margin, 0 0 var(--kendo-font-size))}.k-h3{font-size:var(--kendo-h3-font-size, 40px);font-family:var(--kendo-h3-font-family, var(--kendo-font-family));line-height:var(--kendo-h3-line-height, 52px);font-weight:var(--kendo-h3-font-weight, var(--kendo-font-weight-semibold));letter-spacing:var(--kendo-h3-letter-spacing, var(--kendo-letter-spacing));margin:var(--kendo-h3-margin, 0 0 var(--kendo-font-size))}.k-h4{font-size:var(--kendo-h4-font-size, 32px);font-family:var(--kendo-h4-font-family, var(--kendo-font-family));line-height:var(--kendo-h4-line-height, 40px);font-weight:var(--kendo-h4-font-weight, var(--kendo-font-weight-semibold));letter-spacing:var(--kendo-h4-letter-spacing, var(--kendo-letter-spacing));margin:var(--kendo-h4-margin, 0 0 var(--kendo-font-size))}.k-h5{font-size:var(--kendo-h5-font-size, 28px);font-family:var(--kendo-h5-font-family, var(--kendo-font-family));line-height:var(--kendo-h5-line-height, 36px);font-weight:var(--kendo-h5-font-weight, var(--kendo-font-weight-semibold));letter-spacing:var(--kendo-h5-letter-spacing, var(--kendo-letter-spacing));margin:var(--kendo-h5-margin, 0 0 var(--kendo-font-size))}.k-h6{font-size:var(--kendo-h6-font-size, 24px);font-family:var(--kendo-h6-font-family, var(--kendo-font-family));line-height:var(--kendo-h6-line-height, 32px);font-weight:var(--kendo-h6-font-weight, var(--kendo-font-weight-semibold));letter-spacing:var(--kendo-h6-letter-spacing, var(--kendo-letter-spacing));margin:var(--kendo-h6-margin, 0 0 var(--kendo-font-size))}.k-paragraph{font-size:var(--kendo-paragraph-font-size, var(--kendo-font-size));font-family:var(--kendo-paragraph-font-family, var(--kendo-font-family));line-height:var(--kendo-paragraph-line-height, var(--kendo-line-height));font-weight:var(--kendo-paragraph-font-weight, var(--kendo-font-weight));letter-spacing:var(--kendo-paragraph-letter-spacing, var(--kendo-letter-spacing));margin:var(--kendo-paragraph-margin, 0 0 var(--kendo-font-size))}.k-pre,.k-code{font-size:var(--kendo-code-font-size, var(--kendo-font-size));font-family:var(--kendo-code-font-family, SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace);line-height:var(--kendo-code-line-height, var(--kendo-line-height));font-weight:var(--kendo-code-font-weight, var(--kendo-font-weight));letter-spacing:var(--kendo-code-letter-spacing, var(--kendo-letter-spacing));border-style:solid;border-width:1px}.k-pre{padding-block:var(--kendo-spacing-4);padding-inline:var(--kendo-spacing-6);overflow:auto}.k-pre>.k-code{padding:0;border-width:0;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);font-family:inherit;font-size:inherit}.k-code{padding-block:var(--kendo-spacing-0);padding-inline:var(--kendo-spacing-1)}.k-display-1{font-size:var(--kendo-display1-font-size, calc(var(--kendo-font-size) * 9));font-family:var(--kendo-display1-font-family, var(--kendo-font-family));line-height:var(--kendo-display1-line-height, 180px);font-weight:var(--kendo-display1-font-weight, var(--kendo-font-weight-normal));letter-spacing:var(--kendo-display1-letter-spacing, var(--kendo-letter-spacing))}.k-display-2{font-size:var(--kendo-display2-font-size, calc(var(--kendo-font-size) * 6));font-family:var(--kendo-display2-font-family, var(--kendo-font-family));line-height:var(--kendo-display2-line-height, 160px);font-weight:var(--kendo-display2-font-weight, var(--kendo-font-weight-normal));letter-spacing:var(--kendo-display2-letter-spacing, var(--kendo-letter-spacing))}.k-display-3{font-size:var(--kendo-display3-font-size, 112px);font-family:var(--kendo-display3-font-family, var(--kendo-font-family));line-height:var(--kendo-display3-line-height, 140px);font-weight:var(--kendo-display3-font-weight, var(--kendo-font-weight-normal));letter-spacing:var(--kendo-display3-letter-spacing, var(--kendo-letter-spacing))}.k-display-4{font-size:var(--kendo-display4-font-size, calc(var(--kendo-font-size) * 3));font-family:var(--kendo-display4-font-family, var(--kendo-font-family));line-height:var(--kendo-display4-line-height, 120px);font-weight:var(--kendo-display4-font-weight, var(--kendo-font-weight-normal));letter-spacing:var(--kendo-display4-letter-spacing, var(--kendo-letter-spacing))}.k-body p{margin:0 0 var(--kendo-font-size)}.k-body{color:var(--kendo-color-on-app-surface);background-color:var(--kendo-color-app-surface)}.k-pre,.k-code{border-color:var(--kendo-code-border, color-mix(in srgb, var(--kendo-color-border) 16%, transparent));color:var(--kendo-code-text, var(--kendo-color-on-app-surface));background-color:var(--kendo-code-bg, var(--kendo-color-surface-alt))}.k-font-family-sans{font-family:var(--kendo-font-family-sans, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans)}.\!k-font-family-sans{font-family:var(--kendo-font-family-sans, Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans) !important}.k-font-family-serif{font-family:var(--kendo-font-family-serif, Times New Roman, Georgia, Garamond, Palatino, Baskerville)}.\!k-font-family-serif{font-family:var(--kendo-font-family-serif, Times New Roman, Georgia, Garamond, Palatino, Baskerville) !important}.k-font-family-sans-serif{font-family:var(--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)}.\!k-font-family-sans-serif{font-family:var(--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) !important}.k-font-family-monospace{font-family:var(--kendo-font-family-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace)}.\!k-font-family-monospace{font-family:var(--kendo-font-family-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace) !important}.k-font-size-xxs{font-size:var(--kendo-font-size-xxs, 0.5rem)}.\!k-font-size-xxs{font-size:var(--kendo-font-size-xxs, 0.5rem) !important}.k-font-size-xs{font-size:var(--kendo-font-size-xs, 0.625rem)}.\!k-font-size-xs{font-size:var(--kendo-font-size-xs, 0.625rem) !important}.k-font-size-sm{font-size:var(--kendo-font-size-sm, 0.75rem)}.\!k-font-size-sm{font-size:var(--kendo-font-size-sm, 0.75rem) !important}.k-font-size-md{font-size:var(--kendo-font-size-md, 0.875rem)}.\!k-font-size-md{font-size:var(--kendo-font-size-md, 0.875rem) !important}.k-font-size-lg{font-size:var(--kendo-font-size-lg, 1rem)}.\!k-font-size-lg{font-size:var(--kendo-font-size-lg, 1rem) !important}.k-font-size-xl{font-size:var(--kendo-font-size-xl, 1.25rem)}.\!k-font-size-xl{font-size:var(--kendo-font-size-xl, 1.25rem) !important}.k-fs-xxs{font-size:var(--kendo-fs-xxs, 0.5rem)}.\!k-fs-xxs{font-size:var(--kendo-fs-xxs, 0.5rem) !important}.k-fs-xs{font-size:var(--kendo-fs-xs, 0.625rem)}.\!k-fs-xs{font-size:var(--kendo-fs-xs, 0.625rem) !important}.k-fs-sm{font-size:var(--kendo-fs-sm, 0.75rem)}.\!k-fs-sm{font-size:var(--kendo-fs-sm, 0.75rem) !important}.k-fs-md{font-size:var(--kendo-fs-md, 0.875rem)}.\!k-fs-md{font-size:var(--kendo-fs-md, 0.875rem) !important}.k-fs-lg{font-size:var(--kendo-fs-lg, 1rem)}.\!k-fs-lg{font-size:var(--kendo-fs-lg, 1rem) !important}.k-fs-xl{font-size:var(--kendo-fs-xl, 1.25rem)}.\!k-fs-xl{font-size:var(--kendo-fs-xl, 1.25rem) !important}.k-font-style-italic{font-style:var(--kendo-font-style-italic, italic)}.\!k-font-style-italic{font-style:var(--kendo-font-style-italic, italic) !important}.k-font-style-non-italic{font-style:var(--kendo-font-style-non-italic, normal)}.\!k-font-style-non-italic{font-style:var(--kendo-font-style-non-italic, normal) !important}.k-font-style-oblique{font-style:var(--kendo-font-style-oblique, oblique)}.\!k-font-style-oblique{font-style:var(--kendo-font-style-oblique, oblique) !important}.k-font-thin{font-weight:var(--kendo-font-weight-thin, 100)}.\!k-font-thin{font-weight:var(--kendo-font-weight-thin, 100) !important}.k-font-extra-light{font-weight:var(--kendo-font-weight-extra-light, 200)}.\!k-font-extra-light{font-weight:var(--kendo-font-weight-extra-light, 200) !important}.k-font-light{font-weight:var(--kendo-font-weight-light, 300)}.\!k-font-light{font-weight:var(--kendo-font-weight-light, 300) !important}.k-font-normal{font-weight:var(--kendo-font-weight-normal, 400)}.\!k-font-normal{font-weight:var(--kendo-font-weight-normal, 400) !important}.k-font-medium{font-weight:var(--kendo-font-weight-medium, 500)}.\!k-font-medium{font-weight:var(--kendo-font-weight-medium, 500) !important}.k-font-semibold{font-weight:var(--kendo-font-weight-semibold, 600)}.\!k-font-semibold{font-weight:var(--kendo-font-weight-semibold, 600) !important}.k-font-bold{font-weight:var(--kendo-font-weight-bold, 700)}.\!k-font-bold{font-weight:var(--kendo-font-weight-bold, 700) !important}.k-font-extra-bold{font-weight:var(--kendo-font-weight-extra-bold, 800)}.\!k-font-extra-bold{font-weight:var(--kendo-font-weight-extra-bold, 800) !important}.k-font-black{font-weight:var(--kendo-font-weight-black, 900)}.\!k-font-black{font-weight:var(--kendo-font-weight-black, 900) !important}.k-font-weight-thin{font-weight:var(--kendo-font-weight-thin, 100)}.\!k-font-weight-thin{font-weight:var(--kendo-font-weight-thin, 100) !important}.k-font-weight-extra-light{font-weight:var(--kendo-font-weight-extra-light, 200)}.\!k-font-weight-extra-light{font-weight:var(--kendo-font-weight-extra-light, 200) !important}.k-font-weight-light{font-weight:var(--kendo-font-weight-light, 300)}.\!k-font-weight-light{font-weight:var(--kendo-font-weight-light, 300) !important}.k-font-weight-normal{font-weight:var(--kendo-font-weight-normal, 400)}.\!k-font-weight-normal{font-weight:var(--kendo-font-weight-normal, 400) !important}.k-font-weight-medium{font-weight:var(--kendo-font-weight-medium, 500)}.\!k-font-weight-medium{font-weight:var(--kendo-font-weight-medium, 500) !important}.k-font-weight-semibold{font-weight:var(--kendo-font-weight-semibold, 600)}.\!k-font-weight-semibold{font-weight:var(--kendo-font-weight-semibold, 600) !important}.k-font-weight-bold{font-weight:var(--kendo-font-weight-bold, 700)}.\!k-font-weight-bold{font-weight:var(--kendo-font-weight-bold, 700) !important}.k-font-weight-extra-bold{font-weight:var(--kendo-font-weight-extra-bold, 800)}.\!k-font-weight-extra-bold{font-weight:var(--kendo-font-weight-extra-bold, 800) !important}.k-font-weight-black{font-weight:var(--kendo-font-weight-black, 900)}.\!k-font-weight-black{font-weight:var(--kendo-font-weight-black, 900) !important}.k-letter-spacing-tightest{letter-spacing:var(--kendo-letter-spacing-tightest, -0.15px)}.\!k-letter-spacing-tightest{letter-spacing:var(--kendo-letter-spacing-tightest, -0.15px) !important}.k-letter-spacing-tighter{letter-spacing:var(--kendo-letter-spacing-tighter, -0.1px)}.\!k-letter-spacing-tighter{letter-spacing:var(--kendo-letter-spacing-tighter, -0.1px) !important}.k-letter-spacing-tight{letter-spacing:var(--kendo-letter-spacing-tight, -0.5px)}.\!k-letter-spacing-tight{letter-spacing:var(--kendo-letter-spacing-tight, -0.5px) !important}.k-letter-spacing-normal{letter-spacing:var(--kendo-letter-spacing-normal, 0px)}.\!k-letter-spacing-normal{letter-spacing:var(--kendo-letter-spacing-normal, 0px) !important}.k-letter-spacing-wide{letter-spacing:var(--kendo-letter-spacing-wide, 0.5px)}.\!k-letter-spacing-wide{letter-spacing:var(--kendo-letter-spacing-wide, 0.5px) !important}.k-letter-spacing-wider{letter-spacing:var(--kendo-letter-spacing-wider, 0.1px)}.\!k-letter-spacing-wider{letter-spacing:var(--kendo-letter-spacing-wider, 0.1px) !important}.k-letter-spacing-widest{letter-spacing:var(--kendo-letter-spacing-widest, 0.15px)}.\!k-letter-spacing-widest{letter-spacing:var(--kendo-letter-spacing-widest, 0.15px) !important}.k-line-height-xs{line-height:var(--kendo-line-height-xs, 1)}.\!k-line-height-xs{line-height:var(--kendo-line-height-xs, 1) !important}.k-line-height-sm{line-height:var(--kendo-line-height-sm, 1.25)}.\!k-line-height-sm{line-height:var(--kendo-line-height-sm, 1.25) !important}.k-line-height-md{line-height:var(--kendo-line-height-md, 1.4285714286)}.\!k-line-height-md{line-height:var(--kendo-line-height-md, 1.4285714286) !important}.k-line-height-lg{line-height:var(--kendo-line-height-lg, 1.33)}.\!k-line-height-lg{line-height:var(--kendo-line-height-lg, 1.33) !important}.k-list-none{list-style-type:none}.\!k-list-none{list-style-type:none !important}.k-list-disc{list-style-type:disc}.\!k-list-disc{list-style-type:disc !important}.k-list-decimal{list-style-type:decimal}.\!k-list-decimal{list-style-type:decimal !important}.k-text-left{text-align:left}.\!k-text-left{text-align:left !important}.k-text-right{text-align:right}.\!k-text-right{text-align:right !important}.k-text-center{text-align:center}.\!k-text-center{text-align:center !important}.k-text-justify{text-align:justify}.\!k-text-justify{text-align:justify !important}.k-text-start{text-align:start}.\!k-text-start{text-align:start !important}.k-text-end{text-align:end}.\!k-text-end{text-align:end !important}.k-text-app-surface{color:var(--kendo-color-app-surface, oklch(21.85% 0.0025 67.57deg))}.\!k-text-app-surface{color:var(--kendo-color-app-surface, oklch(21.85% 0.0025 67.57deg)) !important}.k-text-on-app-surface{color:var(--kendo-color-on-app-surface, oklch(96.16% 0.0016 66.9deg))}.\!k-text-on-app-surface{color:var(--kendo-color-on-app-surface, oklch(96.16% 0.0016 66.9deg)) !important}.k-text-subtle{color:var(--kendo-color-subtle, oklch(70.36% 0.0036 67.48deg))}.\!k-text-subtle{color:var(--kendo-color-subtle, oklch(70.36% 0.0036 67.48deg)) !important}.k-text-surface{color:var(--kendo-color-surface, oklch(24.42% 0.0024 67.57deg))}.\!k-text-surface{color:var(--kendo-color-surface, oklch(24.42% 0.0024 67.57deg)) !important}.k-text-surface-alt{color:var(--kendo-color-surface-alt, oklch(21.85% 0.0025 67.57deg))}.\!k-text-surface-alt{color:var(--kendo-color-surface-alt, oklch(21.85% 0.0025 67.57deg)) !important}.k-text-border{color:var(--kendo-color-border, oklch(70.36% 0.0036 67.48deg))}.\!k-text-border{color:var(--kendo-color-border, oklch(70.36% 0.0036 67.48deg)) !important}.k-text-border-alt{color:var(--kendo-color-border-alt, oklch(96.16% 0.0016 66.9deg))}.\!k-text-border-alt{color:var(--kendo-color-border-alt, oklch(96.16% 0.0016 66.9deg)) !important}.k-text-base-subtle{color:var(--kendo-color-base-subtle, oklch(27.75% 0.0023 67.56deg))}.\!k-text-base-subtle{color:var(--kendo-color-base-subtle, oklch(27.75% 0.0023 67.56deg)) !important}.k-text-base-emphasis{color:var(--kendo-color-base-emphasis, oklch(70.36% 0.0036 67.48deg))}.\!k-text-