@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(23.93% 0 0deg);--kendo-color-on-app-surface: oklch(100% 0.0001 0deg);--kendo-color-subtle: oklch(68.3% 0.0001 0deg);--kendo-color-surface: oklch(28.09% 0 0deg);--kendo-color-surface-alt: oklch(28.09% 0 0deg);--kendo-color-border: oklch(51.03% 0.0001 0deg);--kendo-color-border-alt: oklch(56.24% 0.0001 0deg);--kendo-color-base-subtle: oklch(19.13% 0 0deg);--kendo-color-base-subtle-hover: oklch(28.09% 0 0deg);--kendo-color-base-subtle-active: oklch(26.03% 0 0deg);--kendo-color-base: oklch(28.09% 0 0deg);--kendo-color-base-hover: oklch(36% 0 0deg);--kendo-color-base-active: oklch(34.07% 0 0deg);--kendo-color-base-emphasis: oklch(51.03% 0.0001 0deg);--kendo-color-base-on-subtle: oklch(87.61% 0.0001 0deg);--kendo-color-on-base: oklch(100% 0.0001 0deg);--kendo-color-base-on-surface: oklch(100% 0.0001 0deg);--kendo-color-primary-subtle: oklch(24.78% 0.0515 245.62deg);--kendo-color-primary-subtle-hover: oklch(31.21% 0.0423 245.59deg);--kendo-color-primary-subtle-active: oklch(19.73% 0.0352 243.33deg);--kendo-color-primary: oklch(47.64% 0.1311 251.43deg);--kendo-color-primary-hover: oklch(52.63% 0.1494 251.64deg);--kendo-color-primary-active: oklch(43.64% 0.1124 249.14deg);--kendo-color-primary-emphasis: oklch(38.83% 0.0961 248.45deg);--kendo-color-primary-on-subtle: oklch(96.07% 0.0149 251.24deg);--kendo-color-on-primary: oklch(100% 0.0001 0deg);--kendo-color-primary-on-surface: oklch(68.63% 0.1535 251.09deg);--kendo-color-secondary-subtle: oklch(14.48% 0 0deg);--kendo-color-secondary-subtle-hover: oklch(23.93% 0 0deg);--kendo-color-secondary-subtle-active: oklch(21.78% 0 0deg);--kendo-color-secondary: oklch(0% 0 0deg);--kendo-color-secondary-hover: oklch(19.13% 0 0deg);--kendo-color-secondary-active: oklch(16.84% 0 0deg);--kendo-color-secondary-emphasis: oklch(43.86% 0.0001 0deg);--kendo-color-secondary-on-subtle: oklch(74.76% 0.0001 0deg);--kendo-color-on-secondary: oklch(74.76% 0.0001 0deg);--kendo-color-secondary-on-surface: oklch(74.76% 0.0001 0deg);--kendo-color-tertiary-subtle: oklch(26.11% 0.0836 331.67deg);--kendo-color-tertiary-subtle-hover: oklch(39.13% 0.1367 332.87deg);--kendo-color-tertiary-subtle-active: oklch(48.25% 0.1743 332.5deg);--kendo-color-tertiary: oklch(58.95% 0.2164 332.75deg);--kendo-color-tertiary-hover: oklch(54.62% 0.1996 332.89deg);--kendo-color-tertiary-active: oklch(48.25% 0.1743 332.5deg);--kendo-color-tertiary-emphasis: oklch(58.95% 0.2164 332.75deg);--kendo-color-tertiary-on-subtle: oklch(71.97% 0.1529 331.05deg);--kendo-color-on-tertiary: oklch(100% 0.0001 0deg);--kendo-color-tertiary-on-surface: oklch(66.25% 0.1839 332.02deg);--kendo-color-info-subtle: oklch(29.46% 0.0692 254.27deg);--kendo-color-info-subtle-hover: oklch(36.76% 0.0832 250.28deg);--kendo-color-info-subtle-active: oklch(43.1% 0.0862 245.13deg);--kendo-color-info: oklch(65.12% 0.1367 245.65deg);--kendo-color-info-hover: oklch(60.3% 0.1257 245.57deg);--kendo-color-info-active: oklch(53.39% 0.1097 245.43deg);--kendo-color-info-emphasis: oklch(60.3% 0.1257 245.57deg);--kendo-color-info-on-subtle: oklch(83.03% 0.0665 243.86deg);--kendo-color-on-info: oklch(100% 0.0001 0deg);--kendo-color-info-on-surface: oklch(88.33% 0.0461 242.33deg);--kendo-color-success-subtle: oklch(23.25% 0.0677 143.03deg);--kendo-color-success-subtle-hover: oklch(34.11% 0.1064 142.81deg);--kendo-color-success-subtle-active: oklch(42% 0.1343 142.73deg);--kendo-color-success: oklch(51.04% 0.1654 142.68deg);--kendo-color-success-hover: oklch(47.47% 0.1534 142.69deg);--kendo-color-success-active: oklch(42% 0.1343 142.73deg);--kendo-color-success-emphasis: oklch(51.04% 0.1654 142.68deg);--kendo-color-success-on-subtle: oklch(67.93% 0.1563 143.64deg);--kendo-color-on-success: oklch(100% 0.0001 0deg);--kendo-color-success-on-surface: oklch(82.82% 0.0981 144.68deg);--kendo-color-warning-subtle: oklch(29.54% 0.076 47.13deg);--kendo-color-warning-subtle-hover: oklch(44.61% 0.125 44.07deg);--kendo-color-warning-subtle-active: oklch(55.62% 0.1598 43.36deg);--kendo-color-warning: oklch(68% 0.198 42.96deg);--kendo-color-warning-hover: oklch(70.71% 0.1807 46.34deg);--kendo-color-warning-active: oklch(73.97% 0.1591 48.88deg);--kendo-color-warning-emphasis: oklch(62.85% 0.1819 43.15deg);--kendo-color-warning-on-subtle: oklch(88.75% 0.0634 51.99deg);--kendo-color-on-warning: oklch(100% 0.0001 0deg);--kendo-color-warning-on-surface: oklch(88.75% 0.0634 51.99deg);--kendo-color-error-subtle: oklch(22.97% 0.0825 22.64deg);--kendo-color-error-subtle-hover: oklch(55.77% 0.1357 125.99deg);--kendo-color-error-subtle-active: oklch(42.85% 0.1675 25.21deg);--kendo-color-error: oklch(52.27% 0.2063 25.84deg);--kendo-color-error-hover: oklch(48.34% 0.1898 25.68deg);--kendo-color-error-active: oklch(42.85% 0.1675 25.21deg);--kendo-color-error-emphasis: oklch(52.27% 0.2063 25.84deg);--kendo-color-error-on-subtle: oklch(64.93% 0.1529 16.85deg);--kendo-color-on-error: oklch(100% 0.0001 0deg);--kendo-color-error-on-surface: oklch(80.8% 0.0779 12.85deg);--kendo-color-inverse-subtle: oklch(56.24% 0.0001 0deg);--kendo-color-inverse-subtle-hover: oklch(43.86% 0.0001 0deg);--kendo-color-inverse-subtle-active: oklch(51.03% 0.0001 0deg);--kendo-color-inverse: oklch(87.61% 0.0001 0deg);--kendo-color-inverse-hover: oklch(68.3% 0.0001 0deg);--kendo-color-inverse-active: oklch(74.76% 0.0001 0deg);--kendo-color-inverse-emphasis: oklch(51.03% 0.0001 0deg);--kendo-color-inverse-on-subtle: oklch(100% 0.0001 0deg);--kendo-color-on-inverse: oklch(28.09% 0 0deg);--kendo-color-inverse-on-surface: oklch(74.76% 0.0001 0deg);--kendo-color-series: oklch(64.54% 0.0997 198.44deg);--kendo-color-series-a: oklch(64.54% 0.0997 198.45deg);--kendo-color-series-a-bold: oklch(72.89% 0.0856 198.4deg);--kendo-color-series-a-bolder: oklch(81.5% 0.0605 198.77deg);--kendo-color-series-a-subtle: oklch(52.32% 0.0797 195.04deg);--kendo-color-series-a-subtler: oklch(39.56% 0.0586 198.4deg);--kendo-color-series-b: oklch(65.31% 0.1335 91.49deg);--kendo-color-series-b-bold: oklch(73.72% 0.1258 95.69deg);--kendo-color-series-b-bolder: oklch(82.28% 0.0906 95.27deg);--kendo-color-series-b-subtle: oklch(52.99% 0.1084 92.38deg);--kendo-color-series-b-subtler: oklch(40.03% 0.0819 93.02deg);--kendo-color-series-c: oklch(59.99% 0.2476 353.26deg);--kendo-color-series-c-bold: oklch(65.17% 0.2269 347.36deg);--kendo-color-series-c-bolder: oklch(74.61% 0.1593 344.13deg);--kendo-color-series-c-subtle: oklch(48.4% 0.2001 352.63deg);--kendo-color-series-c-subtler: oklch(36.26% 0.1503 351.87deg);--kendo-color-series-d: oklch(61.62% 0.204 142.42deg);--kendo-color-series-d-bold: oklch(69.91% 0.1798 142.8deg);--kendo-color-series-d-bolder: oklch(79.21% 0.125 143.41deg);--kendo-color-series-d-subtle: oklch(50.11% 0.1643 142.47deg);--kendo-color-series-d-subtler: oklch(37.92% 0.1219 142.35deg);--kendo-color-series-e: oklch(50.76% 0.1374 271.38deg);--kendo-color-series-e-bold: oklch(66.56% 0.1517 272.42deg);--kendo-color-series-e-bolder: oklch(78.93% 0.0618 304.42deg);--kendo-color-series-e-subtle: oklch(44.46% 0.1175 271.35deg);--kendo-color-series-e-subtler: oklch(38.49% 0.0993 272.18deg);--kendo-color-series-f: oklch(58.54% 0.1689 42.33deg);--kendo-color-series-f-bold: oklch(47.52% 0.1337 42.98deg);--kendo-color-series-f-bolder: oklch(36.01% 0.0972 43.85deg);--kendo-color-series-f-subtle: oklch(67.65% 0.1295 47.36deg);--kendo-color-series-f-subtler: oklch(77.93% 0.0856 48.31deg)}: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(23.93% 0 0deg))}.\!k-text-app-surface{color:var(--kendo-color-app-surface, oklch(23.93% 0 0deg)) !important}.k-text-on-app-surface{color:var(--kendo-color-on-app-surface, oklch(100% 0.0001 0deg))}.\!k-text-on-app-surface{color:var(--kendo-color-on-app-surface, oklch(100% 0.0001 0deg)) !important}.k-text-subtle{color:var(--kendo-color-subtle, oklch(68.3% 0.0001 0deg))}.\!k-text-subtle{color:var(--kendo-color-subtle, oklch(68.3% 0.0001 0deg)) !important}.k-text-surface{color:var(--kendo-color-surface, oklch(28.09% 0 0deg))}.\!k-text-surface{color:var(--kendo-color-surface, oklch(28.09% 0 0deg)) !important}.k-text-surface-alt{color:var(--kendo-color-surface-alt, oklch(28.09% 0 0deg))}.\!k-text-surface-alt{color:var(--kendo-color-surface-alt, oklch(28.09% 0 0deg)) !important}.k-text-border{color:var(--kendo-color-border, oklch(51.03% 0.0001 0deg))}.\!k-text-border{color:var(--kendo-color-border, oklch(51.03% 0.0001 0deg)) !important}.k-text-border-alt{color:var(--kendo-color-border-alt, oklch(56.24% 0.0001 0deg))}.\!k-text-border-alt{color:var(--kendo-color-border-alt, oklch(56.24% 0.0001 0deg)) !important}.k-text-base-subtle{color:var(--kendo-color-base-subtle, oklch(19.13% 0 0deg))}.\!k-text-base-subtle{color:var(--kendo-color-base-subtle, oklch(19.13% 0 0deg)) !important}.k-text-base-emphasis{color:var(--kendo-color-base-emphasis, oklch(51.03% 0.0001 0deg))}.\!k-text-base-emphasis{color:var(--kendo-color-base-emphasis, oklch(51.03% 0.0001 0deg)) !important}.k-text-primary-subtle{color:var(--kendo-color-primary-subtle, oklch(24.78% 0.0515 245.62deg))}.\!k-text-primary-subtle{color:var(--kendo-color-primary-subtle, oklch(24.78% 0.0515 245.62deg)) !important}.k-text-primary{color:var(--kendo-color-primary, oklch(47.64% 0.1311 251.43deg))}.\