/* ==========================================================================
   CSS Custom Properties (Variables) for MRG_LHI Project
   ========================================================================== */

/* ==========================================================================
   Brand Colors
   ========================================================================== */
:root {
    /* Primary Brand Colors */
    --primary-color: #ff6d41;
    --primary-hover: #df582f;
    --primary-active: #c94c27;
    /* Secondary Brand Colors */
    --secondary-color: #479cc8;
    --secondary-hover: #3f8cb3;
    --secondary-active: #59a6cd;
    /* Brand Green */
    --brand-green: #365d39;
    --brand-green-light: #365D39;
    --brand-green-dark: #273329;
    --brand-green-darker: #28363c;
    --brand-green-darkest: #1f2b31;
    /* Link Colors */
    --link-color: #479CC8;
    --link-bootstrap: #0366d6;
    /* Status Colors */
    --success-color: #5dbf74;
    --warning-color: #e6c54f;
    --error-color: #f9777f;
    --danger-color: #f9777f;
    --info-color: #68d5c8;
    /* Training Status Colors */
    --training-approved: #198754;
    --training-pending: #a6acb1;
    --training-rejected: #dc3545;
    --training-warning: #BA3329;
    /* Trip Status Colors */
    --trip-past: #ffb169;
    --trip-active: #d4a2fc;
    --trip-next-week: #5afa6a;
    --trip-beyond-next-week: #fff15c;
}

/* ==========================================================================
   Neutral Colors & Grays
   ========================================================================== */
:root {
    /* White & Black */
    --white: #ffffff;
    --black: #000000;
    /* Light Grays */
    --light-gray: #e6ecef;
    --border-gray: #dadfe2;
    --border-gray-light: #eaeaea;
    --border-gray-lighter: #eaeef0;
    --border-gray-dark: #cecece;
    --header-border: #d6d5d5;
    /* Medium Grays */
    --medium-gray: #6d787d;
    --placeholder-gray: #6a6a6a;
    --disabled-gray: #88989b;
    /* Dark Grays */
    --text-primary: #212529;
    --text-secondary: #3a474d;
    --text-tertiary: #3a0647;
    --disabled-text: rgba(58, 58, 58, 0.4);
    /* Background Grays */
    --bg-light: #f7f7f7;
    --bg-disabled: rgba(255, 255, 255, 0.7);
}

/* ==========================================================================
   Font Families
   ========================================================================== */
:root {
    /* Primary Font Stack */
    --font-primary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-body: 'Source Sans Pro', Arial, sans-serif;
    /* Specialty Fonts */
    --font-stick: 'Stick No Bills', sans-serif;
    --font-icons: 'Material Icons';
}

/* ==========================================================================
   Font Sizes
   ========================================================================== */
:root {
    /* Headings */
    --font-size-h1: 2.25rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.25rem;
    --font-size-h4: 1.125rem;
    --font-size-h5: 1rem;
    --font-size-h6: 0.875rem;
    /* Body Text */
    --font-size-base: 1rem;
    --font-size-sm: 0.875rem;
    --font-size-xs: 0.6875rem;
    --font-size-lg: 1.0625rem;
    --font-size-xl: 1.1rem;
    --font-size-xxl: 20px;
    --font-size-modal-header: 22px;
    --font-size-login-btn: 28px;
    /* Icons */
    --icon-size-sm: 0.9375rem;
    --icon-size-md: 1.0625rem;
    --icon-size-base: 1.5rem;
    --icon-size-lg: 1.25rem;
}

/* ==========================================================================
   Font Weights
   ========================================================================== */
:root {
    --font-weight-normal: 400;
    --font-weight-medium: 600;
    --font-weight-bold: 700;
    --font-weight-bolder: bold;
}

/* ==========================================================================
   Spacing & Layout
   ========================================================================== */
:root {
    /* Base Spacing Units */
    --spacing-xs: 0.125rem; /* 2px */
    --spacing-sm: 0.25rem; /* 4px */
    --spacing-md: 0.5rem; /* 8px */
    --spacing-lg: 1rem; /* 16px */
    --spacing-xl: 1.5rem; /* 24px */
    --spacing-xxl: 2rem; /* 32px */
    /* Component Specific Spacing */
    --card-padding-x: 1.5625rem;
    --card-padding-y: 1.25rem;
    --card-spacing-bottom: 1rem;
    --button-padding-x: 2rem;
    --button-padding-sm-x: 2.875rem;
    --input-padding-x: 0.625rem;
    --input-padding-y: 0.1875rem;
    /* Layout Spacing */
    --content-padding: 1rem;
    --sidebar-width: 175px;
    --sidebar-max-width: 175px;
    --header-height: 3.5rem;
    --modal-width: 700px;
    --modal-header-height: 170px;
}

/* ==========================================================================
   Border Radius
   ========================================================================== */
:root {
    --border-radius-sm: 2px;
    --border-radius-base: 4px;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    --border-radius-pill: 50%;
    --border-radius-circular: 50%;
}

/* ==========================================================================
   Component Heights
   ========================================================================== */
:root {
    /* Button Heights */
    --button-height-sm: 1.75rem;
    --button-height-md: 2.1875rem;
    /* Input Heights */
    --input-height: 2.1875rem;
    --input-line-height: 1.75rem;
    /* Component Heights */
    --checkbox-size: 1.25rem;
    --radio-size: 1.25rem;
    --switch-width: 3rem;
    --switch-height: 1.8rem;
    --steps-number-size: 2rem;
    --gravatar-size: 2rem;
}

/* ==========================================================================
   Shadows & Effects
   ========================================================================== */
:root {
    /* Box Shadows */
    --shadow-sm: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --shadow-md: 0 0.5rem 1rem rgb(0 0 0 / 15%);
    --shadow-lg: 0 10px 8px 0 rgba(58, 71, 77, 0.06);
    --shadow-modal: 0 0 10px rgba(0, 0, 0, 0.2);
    /* Inset Shadows */
    --shadow-inset: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --shadow-inset-hover: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
    --shadow-inset-button: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    /* Button Effects */
    --button-hover-overlay: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    --button-active-overlay: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    --button-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
}

/* ==========================================================================
   Opacity & Transparency
   ========================================================================== */
:root {
    --opacity-disabled: 0.2;
    --opacity-medium: 0.4;
    --opacity-high: 0.5;
    --opacity-overlay: 0.35;
    /* Background Overlays */
    --bg-overlay-light: rgba(255, 255, 255, 0.25);
    --bg-overlay-lighter: rgba(255, 255, 255, 0.1);
    --bg-overlay-card: rgba(0, 0, 0, 0.03);
}

/* ==========================================================================
   Z-Index Layers
   ========================================================================== */
:root {
    --z-sidebar: 2;
    --z-header: 2;
    --z-footer: 2;
    --z-dropdown: 3;
    --z-modal: 9999;
    --z-help-button: 9999;
    --z-dialog: 1001;
}

/* ==========================================================================
   Transitions & Animations
   ========================================================================== */
:root {
    /* Transition Durations */
    --transition-fast: 0.1s;
    --transition-base: 0.2s;
    --transition-slow: 1s;
    /* Transition Easings */
    --transition-ease: linear;
    --transition-ease-in-out: ease-in-out;
}

/* ==========================================================================
   Grid & Layout Breakpoints
   ========================================================================== */
:root {
    /* Responsive Breakpoints */
    --breakpoint-xs: 576px;
    --breakpoint-sm: 768px;
    --breakpoint-md: 1024px;
    --breakpoint-lg: 1280px;
    --breakpoint-xl: 1920px;
    --breakpoint-xxl: 2560px;
    /* Grid Columns */
    --grid-columns-3: repeat(3, 1fr);
    --grid-columns-5: repeat(5, 1fr);
}

/* ==========================================================================
   Component-Specific Variables
   ========================================================================== */
:root {
    /* Training Session */
    --training-grid-gap: 1.5em;
    --training-field-gap: 0.5em;
    --training-row-gap: 2em;
    /* Cards */
    --card-min-height: 400px;
    --card-min-height-sm: 100px;
    /* TM Dashboard */
    --tm-card-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);
    /* Manual Modal */
    --modal-border-radius: 4px;
    --modal-input-height: 42px;
}

/* ==========================================================================
   Bootstrap Variables
   ========================================================================== */
:root {
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
    --bs-card-spacer-bottom: 1rem;
    --bs-card-title-spacer-y: 1rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: transparent;
    --bs-card-border-radius: 1rem;
    --bs-card-inner-border-radius: calc(1rem - 1px);
    --bs-card-cap-padding-y: 1rem;
    --bs-card-cap-padding-x: 2rem;
    --bs-card-cap-bg: rgba(0,0,0,.03);
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
}

    /* ==========================================================================
   Radzen Variables
   ========================================================================== */
    /*:root {*/
    /* Grid */
    /*--rz-grid-filter-color: #88989b;
    --rz-grid-header-filter-icon-margin-inline: 5px 0;
    --rz-grid-header-filter-icon-font-size: 1rem;
    --rz-grid-state-transition: none;
}*/
:root {
    /* Theme Colors */
    --rz-white: #ffffff;
    --rz-black: #000000;
    --rz-base: #dadfe2;
    --rz-base-50: #ffffff;
    --rz-base-100: #f6f7fa;
    --rz-base-200: #e9edf0;
    --rz-base-300: #dadfe2;
    --rz-base-400: #c1c9cb;
    --rz-base-500: #95a4a8;
    --rz-base-600: var(--placeholder-gray);
    --rz-base-700: #545e61;
    --rz-base-800: #3a474d;
    --rz-base-900: #28363c;
    --rz-base-light: #e9edf0;
    --rz-base-lighter: #f6f7fa;
    --rz-base-dark: #77858b;
    --rz-base-darker: #28363c;
    --rz-primary: #ff6d41;
    --rz-primary-light: #ff7f58;
    --rz-primary-lighter: rgba(255, 109, 65, 0.16);
    --rz-primary-dark: #eb643c;
    --rz-primary-darker: #bf5231;
    --rz-secondary: #35a0d7;
    --rz-secondary-light: #4dabdc;
    --rz-secondary-lighter: rgba(53, 160, 215, 0.2);
    --rz-secondary-dark: #3193c6;
    --rz-secondary-darker: #2878a1;
    --rz-info: #2cc8c8;
    --rz-info-light: #4ed1d1;
    --rz-info-lighter: rgba(44, 200, 200, 0.2);
    --rz-info-dark: #25a8a8;
    --rz-info-darker: #219696;
    --rz-success: #5dbf74;
    --rz-success-light: #77c98a;
    --rz-success-lighter: rgba(93, 191, 116, 0.16);
    --rz-success-dark: #4ea061;
    --rz-success-darker: #468f57;
    --rz-warning: #fac152;
    --rz-warning-light: #fbcb6e;
    --rz-warning-lighter: rgba(250, 193, 82, 0.2);
    --rz-warning-dark: #d2a245;
    --rz-warning-darker: #bc913e;
    --rz-danger: #f9777f;
    --rz-danger-light: #fa8d93;
    --rz-danger-lighter: rgba(249, 119, 127, 0.2);
    --rz-danger-dark: #d1646b;
    --rz-danger-darker: #bb595f;
    --rz-on-base: #28363c;
    --rz-on-base-light: #28363c;
    --rz-on-base-lighter: #28363c;
    --rz-on-base-dark: #ffffff;
    --rz-on-base-darker: #ffffff;
    --rz-on-primary: #ffffff;
    --rz-on-primary-light: #ffffff;
    --rz-on-primary-lighter: #ff6d41;
    --rz-on-primary-dark: #ffffff;
    --rz-on-primary-darker: #ffffff;
    --rz-on-secondary: #ffffff;
    --rz-on-secondary-light: #ffffff;
    --rz-on-secondary-lighter: #35a0d7;
    --rz-on-secondary-dark: #ffffff;
    --rz-on-secondary-darker: #ffffff;
    --rz-on-info: #ffffff;
    --rz-on-info-light: #ffffff;
    --rz-on-info-lighter: #2cc8c8;
    --rz-on-info-dark: #ffffff;
    --rz-on-info-darker: #ffffff;
    --rz-on-success: #ffffff;
    --rz-on-success-light: #ffffff;
    --rz-on-success-lighter: #5dbf74;
    --rz-on-success-dark: #ffffff;
    --rz-on-success-darker: #ffffff;
    --rz-on-warning: #ffffff;
    --rz-on-warning-light: #ffffff;
    --rz-on-warning-lighter: #fac152;
    --rz-on-warning-dark: #ffffff;
    --rz-on-warning-darker: #ffffff;
    --rz-on-danger: #ffffff;
    --rz-on-danger-light: #ffffff;
    --rz-on-danger-lighter: #f9777f;
    --rz-on-danger-dark: #ffffff;
    --rz-on-danger-darker: #ffffff;
    --rz-series-1: #0479cc;
    --rz-series-2: #68d5c8;
    --rz-series-3: #ff6d41;
    --rz-series-4: #cb6992;
    --rz-series-5: #e6c54f;
    --rz-series-6: #f9777f;
    --rz-series-7: #5dbf74;
    --rz-series-8: #4db9f2;
    --rz-series-9: #06a9e0;
    --rz-series-10: #92e6de;
    --rz-series-11: #ff995b;
    --rz-series-12: #e093be;
    --rz-series-13: #f0dc6f;
    --rz-series-14: #fba7b2;
    --rz-series-15: #82d9a2;
    --rz-series-16: #6cd5f7;
    --rz-series-17: #0063c2;
    --rz-series-18: #50cdbe;
    --rz-series-19: #ff5628;
    --rz-series-20: #c1527f;
    --rz-series-21: #e1ba36;
    --rz-series-22: #f8616a;
    --rz-series-23: #45b35e;
    --rz-series-24: #34acef;
    /* Theme Constants */
    --rz-border-width: 1px;
    --rz-root-font-size: 16px;
    --rz-body-font-size: 1.0625rem;
    --rz-body-line-height: 1.875rem;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    --rz-outline-offset: 2px;
    --rz-outline-width: 2px;
    --rz-outline-color: var(--rz-secondary);
    /* Semantic Text */
    --rz-text-title-color: var(--rz-base-900);
    --rz-text-color: var(--rz-base-800);
    --rz-text-secondary-color: var(--rz-base-700);
    --rz-text-tertiary-color: var(--rz-base-600);
    --rz-text-disabled-color: var(--rz-base-500);
    --rz-text-contrast-color: var(--rz-white);
    /* Text */
    --rz-text-display-h1-font-size: clamp(4.5rem, 6.667vw, 6rem);
    --rz-text-display-h1-line-height: 1em;
    --rz-text-display-h1-font-weight: 700;
    --rz-text-display-h1-letter-spacing: -0.04em;
    --rz-text-display-h1-color: var(--rz-text-title-color);
    --rz-text-display-h1-margin-block-start: 0;
    --rz-text-display-h1-margin-block-end: 1rem;
    --rz-text-display-h2-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-display-h2-line-height: calc(1em + 4px);
    --rz-text-display-h2-font-weight: 700;
    --rz-text-display-h2-letter-spacing: -0.03em;
    --rz-text-display-h2-color: var(--rz-text-title-color);
    --rz-text-display-h2-margin-block-start: 0;
    --rz-text-display-h2-margin-block-end: 1rem;
    --rz-text-display-h3-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-display-h3-line-height: calc(1em + 4px);
    --rz-text-display-h3-font-weight: 700;
    --rz-text-display-h3-letter-spacing: -0.02em;
    --rz-text-display-h3-color: var(--rz-text-title-color);
    --rz-text-display-h3-margin-block-start: 0;
    --rz-text-display-h3-margin-block-end: 0.75rem;
    --rz-text-display-h4-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-display-h4-line-height: 1em;
    --rz-text-display-h4-font-weight: 700;
    --rz-text-display-h4-letter-spacing: -0.02em;
    --rz-text-display-h4-color: var(--rz-text-title-color);
    --rz-text-display-h4-margin-block-start: 0;
    --rz-text-display-h4-margin-block-end: 0.5rem;
    --rz-text-display-h5-font-size: clamp(1.5rem, 2.222vw, 2rem);
    --rz-text-display-h5-line-height: 1em;
    --rz-text-display-h5-font-weight: 600;
    --rz-text-display-h5-letter-spacing: -0.02em;
    --rz-text-display-h5-color: var(--rz-text-title-color);
    --rz-text-display-h5-margin-block-start: 0;
    --rz-text-display-h5-margin-block-end: 0.5rem;
    --rz-text-display-h6-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-display-h6-line-height: 1em;
    --rz-text-display-h6-font-weight: 600;
    --rz-text-display-h6-letter-spacing: -0.02em;
    --rz-text-display-h6-color: var(--rz-text-title-color);
    --rz-text-display-h6-margin-block-start: 0;
    --rz-text-display-h6-margin-block-end: 0.5rem;
    --rz-text-h1-font-size: clamp(3.75rem, 5.278vw, 4.75rem);
    --rz-text-h1-line-height: calc(1em + 4px);
    --rz-text-h1-font-weight: 600;
    --rz-text-h1-letter-spacing: -0.04em;
    --rz-text-h1-color: var(--rz-text-title-color);
    --rz-text-h1-margin-block-start: 0;
    --rz-text-h1-margin-block-end: 1rem;
    --rz-text-h2-font-size: clamp(2.625rem, 3.889vw, 3.5rem);
    --rz-text-h2-line-height: calc(1em + 4px);
    --rz-text-h2-font-weight: 600;
    --rz-text-h2-letter-spacing: -0.03em;
    --rz-text-h2-color: var(--rz-text-title-color);
    --rz-text-h2-margin-block-start: 0;
    --rz-text-h2-margin-block-end: 1rem;
    --rz-text-h3-font-size: clamp(2.25rem, 3.333vw, 3rem);
    --rz-text-h3-line-height: 1em;
    --rz-text-h3-font-weight: 600;
    --rz-text-h3-letter-spacing: -0.02em;
    --rz-text-h3-color: var(--rz-text-title-color);
    --rz-text-h3-margin-block-start: 0;
    --rz-text-h3-margin-block-end: 0.75rem;
    --rz-text-h4-font-size: clamp(1.75rem, 2.778vw, 2.5rem);
    --rz-text-h4-line-height: 1em;
    --rz-text-h4-font-weight: 600;
    --rz-text-h4-letter-spacing: -0.02em;
    --rz-text-h4-color: var(--rz-text-title-color);
    --rz-text-h4-margin-block-start: 0;
    --rz-text-h4-margin-block-end: 0.5rem;
    --rz-text-h5-font-size: clamp(1.25rem, 1.667vw, 1.5rem);
    --rz-text-h5-line-height: 1em;
    --rz-text-h5-font-weight: 600;
    --rz-text-h5-letter-spacing: -0.02em;
    --rz-text-h5-color: var(--rz-text-title-color);
    --rz-text-h5-margin-block-start: 0;
    --rz-text-h5-margin-block-end: 0.5rem;
    --rz-text-h6-font-size: clamp(1rem, 1.667vw, 1.25rem);
    --rz-text-h6-line-height: 1em;
    --rz-text-h6-font-weight: 600;
    --rz-text-h6-letter-spacing: -0.02em;
    --rz-text-h6-color: var(--rz-text-title-color);
    --rz-text-h6-margin-block-start: 0;
    --rz-text-h6-margin-block-end: 0.5rem;
    --rz-text-subtitle1-font-size: 1rem;
    --rz-text-subtitle1-line-height: 1.25rem;
    --rz-text-subtitle1-font-weight: 600;
    --rz-text-subtitle1-letter-spacing: -0.02em;
    --rz-text-subtitle1-color: var(--rz-text-title-color);
    --rz-text-subtitle1-margin-block-start: 0;
    --rz-text-subtitle1-margin-block-end: 0.5rem;
    --rz-text-subtitle2-font-size: 0.875rem;
    --rz-text-subtitle2-line-height: 1.25rem;
    --rz-text-subtitle2-font-weight: 600;
    --rz-text-subtitle2-letter-spacing: -0.02em;
    --rz-text-subtitle2-color: var(--rz-text-title-color);
    --rz-text-subtitle2-margin-block-start: 0;
    --rz-text-subtitle2-margin-block-end: 0.5rem;
    --rz-text-body1-font-size: 1rem;
    --rz-text-body1-line-height: 1.25rem;
    --rz-text-body1-font-weight: 400;
    --rz-text-body1-letter-spacing: -0.02em;
    --rz-text-body1-color: var(--rz-text-color);
    --rz-text-body1-margin-block-start: 0;
    --rz-text-body1-margin-block-end: 0.5rem;
    --rz-text-body2-font-size: 0.875rem;
    --rz-text-body2-line-height: 1.25rem;
    --rz-text-body2-font-weight: 400;
    --rz-text-body2-letter-spacing: -0.02em;
    --rz-text-body2-color: var(--rz-text-color);
    --rz-text-body2-margin-block-start: 0;
    --rz-text-body2-margin-block-end: 0.5rem;
    --rz-text-button-font-size: 0.875rem;
    --rz-text-button-line-height: 1.25rem;
    --rz-text-button-font-weight: 600;
    --rz-text-button-letter-spacing: -0.02em;
    --rz-text-button-color: var(--rz-text-color);
    --rz-text-button-margin-block-start: 0;
    --rz-text-button-margin-block-end: 0.5rem;
    --rz-text-caption-font-size: 0.75rem;
    --rz-text-caption-line-height: normal;
    --rz-text-caption-font-weight: 400;
    --rz-text-caption-letter-spacing: 0.4px;
    --rz-text-caption-color: var(--rz-text-color);
    --rz-text-caption-margin-block-start: 0;
    --rz-text-caption-margin-block-end: 0.5rem;
    --rz-text-overline-font-size: 0.625rem;
    --rz-text-overline-line-height: normal;
    --rz-text-overline-font-weight: 400;
    --rz-text-overline-letter-spacing: 1.5px;
    --rz-text-overline-text-transform: uppercase;
    --rz-text-overline-color: var(--rz-text-color);
    --rz-text-overline-margin-block-start: 0;
    --rz-text-overline-margin-block-end: 0.5rem;
    --rz-text-selection-background-color: var(--rz-primary-lighter);
    --rz-text-selection-color: inherit;
    /* Link */
    --rz-link-color: var(--rz-secondary);
    --rz-link-text-decoration: none;
    --rz-link-hover-color: var(--rz-secondary-dark);
    --rz-link-hover-text-decoration: underline;
    --rz-link-focus-outline: var(--rz-outline-focus);
    --rz-link-focus-outline-offset: var(--rz-outline-offset);
    /* Base Background */
    --rz-base-background-color: var(--rz-white);
    /* Border */
    --rz-border-white: var(--rz-border-width) solid var(--rz-white);
    --rz-border-black: var(--rz-border-width) solid var(--rz-black);
    --rz-border-base: var(--rz-border-width) solid var(--rz-base);
    --rz-border-base-50: var(--rz-border-width) solid var(--rz-base-50);
    --rz-border-base-100: var(--rz-border-width) solid var(--rz-base-100);
    --rz-border-base-200: var(--rz-border-width) solid var(--rz-base-200);
    --rz-border-base-300: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-base-400: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-base-500: var(--rz-border-width) solid var(--rz-base-500);
    --rz-border-base-600: var(--rz-border-width) solid var(--rz-base-600);
    --rz-border-base-700: var(--rz-border-width) solid var(--rz-base-700);
    --rz-border-base-800: var(--rz-border-width) solid var(--rz-base-800);
    --rz-border-base-900: var(--rz-border-width) solid var(--rz-base-900);
    --rz-border-base-light: var(--rz-border-width) solid var(--rz-base-light);
    --rz-border-base-lighter: var(--rz-border-width) solid var(--rz-base-lighter);
    --rz-border-base-dark: var(--rz-border-width) solid var(--rz-base-dark);
    --rz-border-base-darker: var(--rz-border-width) solid var(--rz-base-darker);
    --rz-border-primary: var(--rz-border-width) solid var(--rz-primary);
    --rz-border-primary-light: var(--rz-border-width) solid var(--rz-primary-light);
    --rz-border-primary-lighter: var(--rz-border-width) solid var(--rz-primary-lighter);
    --rz-border-primary-dark: var(--rz-border-width) solid var(--rz-primary-dark);
    --rz-border-primary-darker: var(--rz-border-width) solid var(--rz-primary-darker);
    --rz-border-secondary: var(--rz-border-width) solid var(--rz-secondary);
    --rz-border-secondary-light: var(--rz-border-width) solid var(--rz-secondary-light);
    --rz-border-secondary-lighter: var(--rz-border-width) solid var(--rz-secondary-lighter);
    --rz-border-secondary-dark: var(--rz-border-width) solid var(--rz-secondary-dark);
    --rz-border-secondary-darker: var(--rz-border-width) solid var(--rz-secondary-darker);
    --rz-border-info: var(--rz-border-width) solid var(--rz-info);
    --rz-border-info-light: var(--rz-border-width) solid var(--rz-info-light);
    --rz-border-info-lighter: var(--rz-border-width) solid var(--rz-info-lighter);
    --rz-border-info-dark: var(--rz-border-width) solid var(--rz-info-dark);
    --rz-border-info-darker: var(--rz-border-width) solid var(--rz-info-darker);
    --rz-border-success: var(--rz-border-width) solid var(--rz-success);
    --rz-border-success-light: var(--rz-border-width) solid var(--rz-success-light);
    --rz-border-success-lighter: var(--rz-border-width) solid var(--rz-success-lighter);
    --rz-border-success-dark: var(--rz-border-width) solid var(--rz-success-dark);
    --rz-border-success-darker: var(--rz-border-width) solid var(--rz-success-darker);
    --rz-border-warning: var(--rz-border-width) solid var(--rz-warning);
    --rz-border-warning-light: var(--rz-border-width) solid var(--rz-warning-light);
    --rz-border-warning-lighter: var(--rz-border-width) solid var(--rz-warning-lighter);
    --rz-border-warning-dark: var(--rz-border-width) solid var(--rz-warning-dark);
    --rz-border-warning-darker: var(--rz-border-width) solid var(--rz-warning-darker);
    --rz-border-danger: var(--rz-border-width) solid var(--rz-danger);
    --rz-border-danger-light: var(--rz-border-width) solid var(--rz-danger-light);
    --rz-border-danger-lighter: var(--rz-border-width) solid var(--rz-danger-lighter);
    --rz-border-danger-dark: var(--rz-border-width) solid var(--rz-danger-dark);
    --rz-border-danger-darker: var(--rz-border-width) solid var(--rz-danger-darker);
    --rz-border-on-base: var(--rz-border-width) solid var(--rz-on-base);
    --rz-border-on-base-light: var(--rz-border-width) solid var(--rz-on-base-light);
    --rz-border-on-base-lighter: var(--rz-border-width) solid var(--rz-on-base-lighter);
    --rz-border-on-base-dark: var(--rz-border-width) solid var(--rz-on-base-dark);
    --rz-border-on-base-darker: var(--rz-border-width) solid var(--rz-on-base-darker);
    --rz-border-on-primary: var(--rz-border-width) solid var(--rz-on-primary);
    --rz-border-on-primary-light: var(--rz-border-width) solid var(--rz-on-primary-light);
    --rz-border-on-primary-lighter: var(--rz-border-width) solid var(--rz-on-primary-lighter);
    --rz-border-on-primary-dark: var(--rz-border-width) solid var(--rz-on-primary-dark);
    --rz-border-on-primary-darker: var(--rz-border-width) solid var(--rz-on-primary-darker);
    --rz-border-on-secondary: var(--rz-border-width) solid var(--rz-on-secondary);
    --rz-border-on-secondary-light: var(--rz-border-width) solid var(--rz-on-secondary-light);
    --rz-border-on-secondary-lighter: var(--rz-border-width) solid var(--rz-on-secondary-lighter);
    --rz-border-on-secondary-dark: var(--rz-border-width) solid var(--rz-on-secondary-dark);
    --rz-border-on-secondary-darker: var(--rz-border-width) solid var(--rz-on-secondary-darker);
    --rz-border-on-info: var(--rz-border-width) solid var(--rz-on-info);
    --rz-border-on-info-light: var(--rz-border-width) solid var(--rz-on-info-light);
    --rz-border-on-info-lighter: var(--rz-border-width) solid var(--rz-on-info-lighter);
    --rz-border-on-info-dark: var(--rz-border-width) solid var(--rz-on-info-dark);
    --rz-border-on-info-darker: var(--rz-border-width) solid var(--rz-on-info-darker);
    --rz-border-on-success: var(--rz-border-width) solid var(--rz-on-success);
    --rz-border-on-success-light: var(--rz-border-width) solid var(--rz-on-success-light);
    --rz-border-on-success-lighter: var(--rz-border-width) solid var(--rz-on-success-lighter);
    --rz-border-on-success-dark: var(--rz-border-width) solid var(--rz-on-success-dark);
    --rz-border-on-success-darker: var(--rz-border-width) solid var(--rz-on-success-darker);
    --rz-border-on-warning: var(--rz-border-width) solid var(--rz-on-warning);
    --rz-border-on-warning-light: var(--rz-border-width) solid var(--rz-on-warning-light);
    --rz-border-on-warning-lighter: var(--rz-border-width) solid var(--rz-on-warning-lighter);
    --rz-border-on-warning-dark: var(--rz-border-width) solid var(--rz-on-warning-dark);
    --rz-border-on-warning-darker: var(--rz-border-width) solid var(--rz-on-warning-darker);
    --rz-border-on-danger: var(--rz-border-width) solid var(--rz-on-danger);
    --rz-border-on-danger-light: var(--rz-border-width) solid var(--rz-on-danger-light);
    --rz-border-on-danger-lighter: var(--rz-border-width) solid var(--rz-on-danger-lighter);
    --rz-border-on-danger-dark: var(--rz-border-width) solid var(--rz-on-danger-dark);
    --rz-border-on-danger-darker: var(--rz-border-width) solid var(--rz-on-danger-darker);
    --rz-border-series-1: var(--rz-border-width) solid var(--rz-series-1);
    --rz-border-series-2: var(--rz-border-width) solid var(--rz-series-2);
    --rz-border-series-3: var(--rz-border-width) solid var(--rz-series-3);
    --rz-border-series-4: var(--rz-border-width) solid var(--rz-series-4);
    --rz-border-series-5: var(--rz-border-width) solid var(--rz-series-5);
    --rz-border-series-6: var(--rz-border-width) solid var(--rz-series-6);
    --rz-border-series-7: var(--rz-border-width) solid var(--rz-series-7);
    --rz-border-series-8: var(--rz-border-width) solid var(--rz-series-8);
    --rz-border-series-9: var(--rz-border-width) solid var(--rz-series-9);
    --rz-border-series-10: var(--rz-border-width) solid var(--rz-series-10);
    --rz-border-series-11: var(--rz-border-width) solid var(--rz-series-11);
    --rz-border-series-12: var(--rz-border-width) solid var(--rz-series-12);
    --rz-border-series-13: var(--rz-border-width) solid var(--rz-series-13);
    --rz-border-series-14: var(--rz-border-width) solid var(--rz-series-14);
    --rz-border-series-15: var(--rz-border-width) solid var(--rz-series-15);
    --rz-border-series-16: var(--rz-border-width) solid var(--rz-series-16);
    --rz-border-series-17: var(--rz-border-width) solid var(--rz-series-17);
    --rz-border-series-18: var(--rz-border-width) solid var(--rz-series-18);
    --rz-border-series-19: var(--rz-border-width) solid var(--rz-series-19);
    --rz-border-series-20: var(--rz-border-width) solid var(--rz-series-20);
    --rz-border-series-21: var(--rz-border-width) solid var(--rz-series-21);
    --rz-border-series-22: var(--rz-border-width) solid var(--rz-series-22);
    --rz-border-series-23: var(--rz-border-width) solid var(--rz-series-23);
    --rz-border-series-24: var(--rz-border-width) solid var(--rz-series-24);
    /* Interaction State Border */
    --rz-border-normal: var(--rz-border-width) solid var(--rz-base-300);
    --rz-border-hover: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-focus: var(--rz-border-width) solid var(--rz-base-400);
    --rz-border-disabled: var(--rz-border-width) solid var(--rz-base-200);
    /* Border Radius */
    --rz-border-radius: 4px;
    --rz-border-radius-0: 0;
    --rz-border-radius-1: 0.25rem;
    --rz-border-radius-2: 0.5rem;
    --rz-border-radius-3: 0.75rem;
    --rz-border-radius-4: 1rem;
    --rz-border-radius-5: 1.25rem;
    --rz-border-radius-6: 1.5rem;
    --rz-border-radius-7: 1.75rem;
    --rz-border-radius-8: 2rem;
    --rz-border-radius-9: 2.25rem;
    --rz-border-radius-10: 2.5rem;
    /* Outline */
    --rz-outline-white: var(--rz-outline-width) solid var(--rz-white);
    --rz-outline-black: var(--rz-outline-width) solid var(--rz-black);
    --rz-outline-base: var(--rz-outline-width) solid var(--rz-base);
    --rz-outline-base-50: var(--rz-outline-width) solid var(--rz-base-50);
    --rz-outline-base-100: var(--rz-outline-width) solid var(--rz-base-100);
    --rz-outline-base-200: var(--rz-outline-width) solid var(--rz-base-200);
    --rz-outline-base-300: var(--rz-outline-width) solid var(--rz-base-300);
    --rz-outline-base-400: var(--rz-outline-width) solid var(--rz-base-400);
    --rz-outline-base-500: var(--rz-outline-width) solid var(--rz-base-500);
    --rz-outline-base-600: var(--rz-outline-width) solid var(--rz-base-600);
    --rz-outline-base-700: var(--rz-outline-width) solid var(--rz-base-700);
    --rz-outline-base-800: var(--rz-outline-width) solid var(--rz-base-800);
    --rz-outline-base-900: var(--rz-outline-width) solid var(--rz-base-900);
    --rz-outline-base-light: var(--rz-outline-width) solid var(--rz-base-light);
    --rz-outline-base-lighter: var(--rz-outline-width) solid var(--rz-base-lighter);
    --rz-outline-base-dark: var(--rz-outline-width) solid var(--rz-base-dark);
    --rz-outline-base-darker: var(--rz-outline-width) solid var(--rz-base-darker);
    --rz-outline-primary: var(--rz-outline-width) solid var(--rz-primary);
    --rz-outline-primary-light: var(--rz-outline-width) solid var(--rz-primary-light);
    --rz-outline-primary-lighter: var(--rz-outline-width) solid var(--rz-primary-lighter);
    --rz-outline-primary-dark: var(--rz-outline-width) solid var(--rz-primary-dark);
    --rz-outline-primary-darker: var(--rz-outline-width) solid var(--rz-primary-darker);
    --rz-outline-secondary: var(--rz-outline-width) solid var(--rz-secondary);
    --rz-outline-secondary-light: var(--rz-outline-width) solid var(--rz-secondary-light);
    --rz-outline-secondary-lighter: var(--rz-outline-width) solid var(--rz-secondary-lighter);
    --rz-outline-secondary-dark: var(--rz-outline-width) solid var(--rz-secondary-dark);
    --rz-outline-secondary-darker: var(--rz-outline-width) solid var(--rz-secondary-darker);
    --rz-outline-info: var(--rz-outline-width) solid var(--rz-info);
    --rz-outline-info-light: var(--rz-outline-width) solid var(--rz-info-light);
    --rz-outline-info-lighter: var(--rz-outline-width) solid var(--rz-info-lighter);
    --rz-outline-info-dark: var(--rz-outline-width) solid var(--rz-info-dark);
    --rz-outline-info-darker: var(--rz-outline-width) solid var(--rz-info-darker);
    --rz-outline-success: var(--rz-outline-width) solid var(--rz-success);
    --rz-outline-success-light: var(--rz-outline-width) solid var(--rz-success-light);
    --rz-outline-success-lighter: var(--rz-outline-width) solid var(--rz-success-lighter);
    --rz-outline-success-dark: var(--rz-outline-width) solid var(--rz-success-dark);
    --rz-outline-success-darker: var(--rz-outline-width) solid var(--rz-success-darker);
    --rz-outline-warning: var(--rz-outline-width) solid var(--rz-warning);
    --rz-outline-warning-light: var(--rz-outline-width) solid var(--rz-warning-light);
    --rz-outline-warning-lighter: var(--rz-outline-width) solid var(--rz-warning-lighter);
    --rz-outline-warning-dark: var(--rz-outline-width) solid var(--rz-warning-dark);
    --rz-outline-warning-darker: var(--rz-outline-width) solid var(--rz-warning-darker);
    --rz-outline-danger: var(--rz-outline-width) solid var(--rz-danger);
    --rz-outline-danger-light: var(--rz-outline-width) solid var(--rz-danger-light);
    --rz-outline-danger-lighter: var(--rz-outline-width) solid var(--rz-danger-lighter);
    --rz-outline-danger-dark: var(--rz-outline-width) solid var(--rz-danger-dark);
    --rz-outline-danger-darker: var(--rz-outline-width) solid var(--rz-danger-darker);
    --rz-outline-on-base: var(--rz-outline-width) solid var(--rz-on-base);
    --rz-outline-on-base-light: var(--rz-outline-width) solid var(--rz-on-base-light);
    --rz-outline-on-base-lighter: var(--rz-outline-width) solid var(--rz-on-base-lighter);
    --rz-outline-on-base-dark: var(--rz-outline-width) solid var(--rz-on-base-dark);
    --rz-outline-on-base-darker: var(--rz-outline-width) solid var(--rz-on-base-darker);
    --rz-outline-on-primary: var(--rz-outline-width) solid var(--rz-on-primary);
    --rz-outline-on-primary-light: var(--rz-outline-width) solid var(--rz-on-primary-light);
    --rz-outline-on-primary-lighter: var(--rz-outline-width) solid var(--rz-on-primary-lighter);
    --rz-outline-on-primary-dark: var(--rz-outline-width) solid var(--rz-on-primary-dark);
    --rz-outline-on-primary-darker: var(--rz-outline-width) solid var(--rz-on-primary-darker);
    --rz-outline-on-secondary: var(--rz-outline-width) solid var(--rz-on-secondary);
    --rz-outline-on-secondary-light: var(--rz-outline-width) solid var(--rz-on-secondary-light);
    --rz-outline-on-secondary-lighter: var(--rz-outline-width) solid var(--rz-on-secondary-lighter);
    --rz-outline-on-secondary-dark: var(--rz-outline-width) solid var(--rz-on-secondary-dark);
    --rz-outline-on-secondary-darker: var(--rz-outline-width) solid var(--rz-on-secondary-darker);
    --rz-outline-on-info: var(--rz-outline-width) solid var(--rz-on-info);
    --rz-outline-on-info-light: var(--rz-outline-width) solid var(--rz-on-info-light);
    --rz-outline-on-info-lighter: var(--rz-outline-width) solid var(--rz-on-info-lighter);
    --rz-outline-on-info-dark: var(--rz-outline-width) solid var(--rz-on-info-dark);
    --rz-outline-on-info-darker: var(--rz-outline-width) solid var(--rz-on-info-darker);
    --rz-outline-on-success: var(--rz-outline-width) solid var(--rz-on-success);
    --rz-outline-on-success-light: var(--rz-outline-width) solid var(--rz-on-success-light);
    --rz-outline-on-success-lighter: var(--rz-outline-width) solid var(--rz-on-success-lighter);
    --rz-outline-on-success-dark: var(--rz-outline-width) solid var(--rz-on-success-dark);
    --rz-outline-on-success-darker: var(--rz-outline-width) solid var(--rz-on-success-darker);
    --rz-outline-on-warning: var(--rz-outline-width) solid var(--rz-on-warning);
    --rz-outline-on-warning-light: var(--rz-outline-width) solid var(--rz-on-warning-light);
    --rz-outline-on-warning-lighter: var(--rz-outline-width) solid var(--rz-on-warning-lighter);
    --rz-outline-on-warning-dark: var(--rz-outline-width) solid var(--rz-on-warning-dark);
    --rz-outline-on-warning-darker: var(--rz-outline-width) solid var(--rz-on-warning-darker);
    --rz-outline-on-danger: var(--rz-outline-width) solid var(--rz-on-danger);
    --rz-outline-on-danger-light: var(--rz-outline-width) solid var(--rz-on-danger-light);
    --rz-outline-on-danger-lighter: var(--rz-outline-width) solid var(--rz-on-danger-lighter);
    --rz-outline-on-danger-dark: var(--rz-outline-width) solid var(--rz-on-danger-dark);
    --rz-outline-on-danger-darker: var(--rz-outline-width) solid var(--rz-on-danger-darker);
    --rz-outline-series-1: var(--rz-outline-width) solid var(--rz-series-1);
    --rz-outline-series-2: var(--rz-outline-width) solid var(--rz-series-2);
    --rz-outline-series-3: var(--rz-outline-width) solid var(--rz-series-3);
    --rz-outline-series-4: var(--rz-outline-width) solid var(--rz-series-4);
    --rz-outline-series-5: var(--rz-outline-width) solid var(--rz-series-5);
    --rz-outline-series-6: var(--rz-outline-width) solid var(--rz-series-6);
    --rz-outline-series-7: var(--rz-outline-width) solid var(--rz-series-7);
    --rz-outline-series-8: var(--rz-outline-width) solid var(--rz-series-8);
    --rz-outline-series-9: var(--rz-outline-width) solid var(--rz-series-9);
    --rz-outline-series-10: var(--rz-outline-width) solid var(--rz-series-10);
    --rz-outline-series-11: var(--rz-outline-width) solid var(--rz-series-11);
    --rz-outline-series-12: var(--rz-outline-width) solid var(--rz-series-12);
    --rz-outline-series-13: var(--rz-outline-width) solid var(--rz-series-13);
    --rz-outline-series-14: var(--rz-outline-width) solid var(--rz-series-14);
    --rz-outline-series-15: var(--rz-outline-width) solid var(--rz-series-15);
    --rz-outline-series-16: var(--rz-outline-width) solid var(--rz-series-16);
    --rz-outline-series-17: var(--rz-outline-width) solid var(--rz-series-17);
    --rz-outline-series-18: var(--rz-outline-width) solid var(--rz-series-18);
    --rz-outline-series-19: var(--rz-outline-width) solid var(--rz-series-19);
    --rz-outline-series-20: var(--rz-outline-width) solid var(--rz-series-20);
    --rz-outline-series-21: var(--rz-outline-width) solid var(--rz-series-21);
    --rz-outline-series-22: var(--rz-outline-width) solid var(--rz-series-22);
    --rz-outline-series-23: var(--rz-outline-width) solid var(--rz-series-23);
    --rz-outline-series-24: var(--rz-outline-width) solid var(--rz-series-24);
    /* Interaction State Outline */
    --rz-outline-normal: none;
    --rz-outline-focus: var(--rz-outline-width) solid var(--rz-outline-color);
    /* Shadow */
    --rz-shadow-0: none;
    --rz-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08);
    --rz-shadow-2: 0 0 2px 0 rgba(0, 0, 0, 0.08), 0px 2px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px 0 rgba(0, 0, 0, 0.04);
    --rz-shadow-3: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    --rz-shadow-4: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 3px 5px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.11);
    --rz-shadow-5: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 4px 6px rgba(0, 0, 0, 0.04), 0px 12px 24px rgba(0, 0, 0, 0.12);
    --rz-shadow-6: 0 0 6px 0 rgba(0, 0, 0, 0.04), 0px 5px 8px rgba(0, 0, 0, 0.04), 0px 14px 28px rgba(0, 0, 0, 0.13);
    --rz-shadow-7: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 6px 10px rgba(0, 0, 0, 0.04), 0px 16px 32px rgba(0, 0, 0, 0.14);
    --rz-shadow-8: 0 0 8px 0 rgba(0, 0, 0, 0.04), 0px 7px 12px rgba(0, 0, 0, 0.04), 0px 18px 40px rgba(0, 0, 0, 0.15);
    --rz-shadow-9: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 20px 48px rgba(0, 0, 0, 0.16);
    --rz-shadow-10: 0 0 12px 0 rgba(0, 0, 0, 0.04), 0px 9px 20px rgba(0, 0, 0, 0.04), 0px 22px 64px rgba(0, 0, 0, 0.2);
    /* Transition */
    --rz-transition: 0.1s linear;
    --rz-transition-all: all 0.1s linear;
    --rz-expander-transition: 0.2s ease-in-out;
    /* Layout Body */
    --rz-layout-body-margin: 0;
    --rz-layout-body-padding: 1rem;
    --rz-layout-body-border-radius: 0;
    --rz-layout-body-background-color: transparent;
    /* Accordion */
    --rz-accordion-item-padding-block: 0.25rem;
    --rz-accordion-item-padding-inline: 0;
    --rz-accordion-item-margin: 0;
    --rz-accordion-item-border: none;
    --rz-accordion-item-background-color: var(--rz-base-background-color);
    --rz-accordion-item-color: var(--rz-text-color);
    --rz-accordion-item-focus-outline: var(--rz-outline-focus);
    --rz-accordion-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-accordion-item-line-height: 1.25rem;
    --rz-accordion-item-font-size: var(--rz-body-font-size);
    --rz-accordion-item-font-weight: normal;
    --rz-accordion-icon-width: var(--rz-icon-size);
    --rz-accordion-icon-height: var(--rz-icon-size);
    --rz-accordion-icon-font-size: var(--rz-icon-size);
    --rz-accordion-icon-margin-inline: 0 0.25rem;
    --rz-accordion-toggle-icon-margin-inline: 0 0.25rem;
    --rz-accordion-toggle-icon-order: 0;
    --rz-accordion-selected-color: var(--rz-secondary);
    --rz-accordion-hover-color: var(--rz-secondary);
    --rz-accordion-content-padding-inline: 1.5rem 0.5rem;
    --rz-accordion-content-padding-block: 0.5rem;
    --rz-accordion-content-font-size: var(--rz-body-font-size);
    --rz-accordion-border-radius: var(--rz-border-radius);
    --rz-accordion-shadow: none;
    /* Alert */
    --rz-alert-margin: 0.5rem 0;
    --rz-alert-padding: 1rem;
    --rz-alert-gap: 1rem;
    --rz-alert-color: var(--rz-text-color);
    --rz-alert-background-color: var(--rz-base-200);
    --rz-alert-box-shadow: var(--rz-shadow-3);
    --rz-alert-border-radius: var(--rz-border-radius);
    --rz-alert-message-margin: 0.25rem 0;
    --rz-alert-title-color: var(--rz-text-h6-color);
    --rz-alert-icon-color: var(--rz-alert-color);
    --rz-alert-icon-margin: 0.25rem 0;
    --rz-alert-icon-size: var(--rz-icon-size);
    /* Badge */
    --rz-badge-border-radius: var(--rz-border-radius);
    --rz-badge-pill-border-radius: calc(4 * var(--rz-border-radius));
    --rz-badge-padding: 0.125rem 0.25rem;
    --rz-badge-pill-padding: 0.125rem 0.5rem;
    --rz-badge-font-size: 0.75rem;
    --rz-badge-font-weight: 600;
    --rz-badge-line-height: 1rem;
    --rz-badge-text-transform: uppercase;
    --rz-badge-letter-spacing: 0.02rem;
    /* Button */
    --rz-button-base-background-color: var(--rz-primary);
    --rz-button-base-color: var(--rz-on-primary);
    --rz-button-background-size: auto;
    --rz-button-border-radius: var(--rz-border-radius);
    --rz-button-shadow: none;
    --rz-button-transition: var(--rz-transition-all), width 0, height 0;
    /*    --rz-button-line-height: 2.1875rem;*/
    --rz-button-line-height: initial;
    --rz-button-vertical-align: middle;
    --rz-button-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-button-hover-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    --rz-button-hover-background-size: auto;
    --rz-button-focus-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-button-focus-gradient: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    --rz-button-focus-background-size: auto;
    --rz-button-focus-outline: var(--rz-outline-focus);
    --rz-button-focus-outline-offset: var(--rz-outline-offset);
    --rz-button-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    --rz-button-active-gradient: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    --rz-button-active-background-size: auto;
    --rz-button-disabled-opacity: 0.6;
    --rz-button-empty-opacity: 0.4;
    /* Card */
    --rz-card-padding: 1.25rem;
    --rz-card-background-color: var(--rz-base-background-color);
    --rz-card-flat-background-color: var(--rz-base-100);
    --rz-card-shadow: var(--rz-shadow-2);
    --rz-card-border: var(--rz-border-normal);
    --rz-card-border-radius: var(--rz-border-radius);
    --rz-card-heading-margin-bottom: 0.5rem;
    /* Carousel */
    --rz-carousel-pager-button-width: 0.75rem;
    --rz-carousel-pager-button-height: 0.75rem;
    --rz-carousel-pager-button-border: 0.125rem solid var(--rz-base);
    --rz-carousel-pager-button-border-radius: 50%;
    --rz-carousel-pager-button-background-color: var(--rz-base);
    --rz-carousel-pager-button-color: var(--rz-on-base);
    --rz-carousel-pager-button-hover-border: var(--rz-carousel-pager-button-border);
    --rz-carousel-pager-button-hover-background-color: transparent;
    --rz-carousel-pager-button-hover-color: var(--rz-on-base-dark);
    --rz-carousel-pager-button-active-width: var(--rz-carousel-pager-button-width);
    --rz-carousel-pager-button-active-height: var(--rz-carousel-pager-button-height);
    --rz-carousel-pager-button-active-border: 0.125rem solid var(--rz-white);
    --rz-carousel-pager-button-active-background-color: var(--rz-primary);
    --rz-carousel-pager-button-active-color: var(--rz-on-primary);
    --rz-carousel-pager-overlay-opacity: 0.7;
    --rz-carousel-pager-gap: 0.5rem;
    --rz-carousel-pager-height: 3rem;
    --rz-carousel-prev-next-button-border-radius: var(--rz-button-border-radius);
    --rz-carousel-prev-next-button-inset: 1rem;
    --rz-carousel-border-radius: var(--rz-card-border-radius);
    /* Chart */
    --rz-chart-axis-color: var(--rz-base-300);
    --rz-chart-axis-label-color: var(--rz-text-secondary-color);
    --rz-chart-axis-font-size: 0.875rem;
    --rz-chart-legend-font-size: 0.875rem;
    --rz-chart-legend-focus-outline: var(--rz-outline-focus);
    --rz-chart-legend-focus-outline-offset: var(--rz-outline-offset);
    --rz-chart-tooltip-background: var(--rz-base-background-color);
    --rz-chart-tooltip-color: var(--rz-text-color);
    --rz-chart-tooltip-border-radius: var(--rz-tooltip-border-radius);
    --rz-chart-tooltip-font-size: var(--rz-tooltip-font-size);
    --rz-chart-tooltip-item-border-radius: var(--rz-border-radius);
    --rz-chart-tooltip-item-hover-background-color: var(--rz-grid-stripe-background-color);
    --rz-chart-marker-stroke: var(--rz-base-background-color);
    /* Chat */
    --rz-chat-background-color: var(--rz-base-background-color);
    --rz-chat-border: var(--rz-border-normal);
    --rz-chat-border-radius: var(--rz-border-radius);
    --rz-chat-header-padding-block: 0.5rem;
    --rz-chat-header-padding-inline: 1rem 0.5rem;
    --rz-chat-header-background-color: var(--rz-base-background-color);
    --rz-chat-header-bottom-border: var(--rz-border-normal);
    --rz-chat-header-shadow: none;
    --rz-chat-header-title-font-size: 1rem;
    --rz-chat-header-title-font-weight: 600;
    --rz-chat-message-user-color: var(--rz-on-primary-lighter);
    --rz-chat-message-user-background-color: var(--rz-primary-lighter);
    --rz-chat-message-assistant-color: var(--rz-on-base);
    --rz-chat-message-assistant-background-color: var(--rz-base);
    --rz-chat-message-text-padding: 0.25rem 0.5rem;
    --rz-chat-message-text-border-radius: var(--rz-border-radius);
    --rz-chat-avatar-size: 2rem;
    --rz-chat-avatar-border-radius: var(--rz-border-radius);
    --rz-chat-avatar-font-size: 1rem;
    --rz-chat-avatar-font-weight: 700;
    --rz-chat-message-time-padding: 0;
    --rz-chat-message-callout-radius: calc(var(--rz-border-radius) / 4);
    /* Checkbox */
    --rz-checkbox-width: 1.25rem;
    --rz-checkbox-height: 1.25rem;
    --rz-checkbox-border-radius: 2px;
    --rz-checkbox-border-width: 1px;
    --rz-checkbox-label-margin-block: 0;
    --rz-checkbox-label-margin-inline: 0.5rem 1rem;
    --rz-checkbox-margin-block: 0;
    --rz-checkbox-margin-inline: 0;
    --rz-checkbox-focus-outline: var(--rz-outline-focus);
    --rz-checkbox-focus-outline-offset: var(--rz-outline-offset);
    --rz-checkbox-checked-background-color: var(--rz-secondary);
    --rz-checkbox-checked-hover-background-color: var(--rz-secondary-light);
    --rz-checkbox-checked-disabled-background-color: var(--rz-secondary);
    --rz-checkbox-checked-color: var(--rz-on-secondary);
    --rz-checkbox-checked-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-checkbox-checked-border: var(--rz-input-border-block-end);
    --rz-checkbox-checked-hover-border: var(--rz-input-border-block-end);
    --rz-checkbox-checked-disabled-border: var(--rz-input-border-block-end);
    --rz-checkbox-checked-icon-background-color: transparent;
    --rz-checkbox-checked-icon-border-radius: 0;
    --rz-checkbox-icon-width: var(--rz-body-font-size);
    --rz-checkbox-icon-height: var(--rz-body-font-size);
    --rz-checkbox-icon-font-size: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-width: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-height: var(--rz-body-font-size);
    --rz-checkbox-tri-icon-font-size: var(--rz-body-font-size);
    /* Chip */
    --rz-chip-background-color: var(--rz-base-200);
    --rz-chip-color: var(--rz-text-color);
    --rz-chip-padding-block: 0;
    --rz-chip-padding-inline: 0.5rem 0;
    --rz-chip-gap: 0.5rem;
    --rz-chip-border-radius: var(--rz-border-radius);
    --rz-chip-font-size: 0.875rem;
    /* ColorPicker */
    --rz-colorpicker-panel-border: var(--rz-border-normal);
    --rz-colorpicker-panel-background-color: var(--rz-base-background-color);
    --rz-colorpicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-colorpicker-panel-padding: 0.5rem;
    --rz-colorpicker-panel-max-width: 20rem;
    --rz-colorpicker-saturation-height: 200px;
    --rz-colorpicker-focus-outline: var(--rz-outline-focus);
    --rz-colorpicker-focus-outline-offset: var(--rz-outline-offset);
    --rz-colorpicker-value-border-radius: var(--rz-border-radius);
    --rz-colorpicker-items-gap: 0.5rem;
    --rz-colorpicker-item-size: 1.25rem;
    --rz-colorpicker-item-border-radius: var(--rz-border-radius);
    --rz-colorpicker-item-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.25) 0px 0px 4px inset;
    --rz-colorpicker-handle-size: 12px;
    --rz-colorpicker-handle-border: 2px solid var(--rz-white);
    --rz-colorpicker-handle-shadow: var(--rz-white) 0px 0px 0px 1px, rgba(0, 0, 0, 0.3) 0px 0px 1px 1px inset, rgba(0, 0, 0, 0.4) 0px 0px 1px 2px;
    --rz-colorpicker-hex-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-hex-input-height: 2rem;
    --rz-colorpicker-rgba-input-padding: 0.25rem 0.5rem;
    --rz-colorpicker-rgba-input-height: 2rem;
    --rz-colorpicker-input-labels-color: var(--rz-text-tertiary-color);
    /* DataFilter */
    --rz-datafilter-item-padding-block: 0.25rem;
    --rz-datafilter-item-padding-inline-start: 2rem;
    --rz-datafilter-item-indentation: 0.25rem;
    --rz-datafilter-item-path-width: 1rem;
    --rz-datafilter-item-path-height: calc(0.25rem + var(--rz-input-height) / 2);
    --rz-datafilter-item-path-border: var(--rz-border-normal);
    --rz-datafilter-item-path-border-radius: calc(2 * var(--rz-border-radius));
    /* DataList */
    --rz-datalist-background-color: var(--rz-base-background-color);
    --rz-datalist-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-datalist-padding: 0.5rem;
    --rz-datalist-border: var(--rz-border-base-200);
    --rz-datalist-border-radius: var(--rz-border-radius);
    --rz-datalist-item-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-datalist-item-border: var(--rz-border-base-200);
    --rz-datalist-item-margin-block: 0.5rem;
    --rz-datalist-item-margin-inline: 0.5rem;
    --rz-datalist-item-padding: 1rem;
    --rz-datalist-item-background-color: var(--rz-base-background-color);
    /* DatePicker */
    --rz-datepicker-trigger-icon-width: var(--rz-icon-size);
    --rz-datepicker-trigger-icon-height: var(--rz-icon-size);
    --rz-datepicker-line-height: 1.25rem;
    --rz-datepicker-trigger-icon-color: var(--rz-input-value-color);
    --rz-datepicker-trigger-icon-hover-color: #479cc8;
    --rz-datepicker-popup-width: 20rem;
    --rz-datepicker-panel-border: var(--rz-border-normal);
    --rz-datepicker-panel-background-color: var(--rz-base-background-color);
    --rz-datepicker-panel-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-datepicker-panel-margin: 0;
    --rz-datepicker-header-color: var(--rz-text-secondary-color);
    --rz-datepicker-header-background-color: var(--rz-base-200);
    --rz-datepicker-header-padding-block: 0.25rem;
    --rz-datepicker-header-padding-inline: 0.25rem;
    --rz-datepicker-header-border: none;
    --rz-datepicker-footer-padding: 0 1rem;
    --rz-datepicker-footer-line-height: 2.8125rem;
    --rz-datepicker-prev-next-icon-size: 1.5rem;
    --rz-datepicker-prev-next-button-border-radius: var(--rz-border-radius);
    --rz-datepicker-calendar-padding-block: 0;
    --rz-datepicker-calendar-padding-inline: 0;
    --rz-datepicker-calendar-item-padding: 0.5rem 0.875rem;
    --rz-datepicker-calendar-header-font-size: 0.625rem;
    --rz-datepicker-calendar-header-text-transform: uppercase;
    --rz-datepicker-calendar-header-color: var(--rz-text-tertiary-color);
    --rz-datepicker-calendar-font-size: var(--rz-body-font-size);
    --rz-datepicker-calendar-color: var(--rz-text-color);
    --rz-datepicker-calendar-hover-color: var(--rz-on-secondary-light);
    --rz-datepicker-calendar-hover-background-color: var(--rz-secondary-light);
    --rz-datepicker-calendar-selected-color: var(--rz-on-secondary-dark);
    --rz-datepicker-calendar-selected-background-color: var(--rz-secondary-dark);
    --rz-datepicker-calendar-selected-hover-color: var(--rz-on-secondary);
    --rz-datepicker-calendar-selected-hover-background-color: var(--rz-secondary);
    --rz-datepicker-calendar-border: var(--rz-border-base-100);
    --rz-datepicker-calendar-border-radius: 0;
    --rz-datepicker-calendar-transition: var(--rz-transition-all);
    --rz-datepicker-calendar-today-color: var(--rz-secondary);
    --rz-datepicker-calendar-today-background-color: transparent;
    --rz-datepicker-calendar-today-box-shadow: none;
    --rz-datepicker-calendar-today-border-radius: var(--rz-datepicker-calendar-border-radius);
    --rz-datepicker-month-dropdown-width: 8rem;
    --rz-datepicker-year-dropdown-width: 6rem;
    --rz-datepicker-focus-outline: var(--rz-outline-focus);
    --rz-datepicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-timepicker-color: var(--rz-text-color);
    --rz-timepicker-background-color: var(--rz-base-200);
    --rz-timepicker-separator-color: var(--rz-text-color);
    --rz-timepicker-padding-block: 0.5rem;
    --rz-timepicker-padding-inline: 0.5rem;
    --rz-timepicker-hour-padding: 0.5rem;
    --rz-timepicker-button-color: var(--rz-on-secondary);
    --rz-timepicker-button-background-color: var(--rz-secondary);
    --rz-timepicker-button-width: 0.875rem;
    --rz-timepicker-button-height: 0.875rem;
    --rz-timepicker-button-border-radius: 2px;
    --rz-timepicker-button-padding: 0.5rem 1rem !important;
    --rz-timepicker-gap: 0.5rem;
    --rz-timepicker-separator-margin: 0 0.5rem;
    --rz-timepicker-border: none;
    /* Dialog */
    --rz-dialog-background-color: var(--rz-base-background-color);
    --rz-dialog-shadow: 0 22px 64px 0 rgba(0, 0, 0, 0.22);
    --rz-dialog-title-background-color: var(--rz-base-100);
    --rz-dialog-title-border: none;
    --rz-dialog-title-padding-block: 0.6875rem;
    --rz-dialog-title-padding-inline: 1.25rem;
    --rz-dialog-title-font-size: 1.25rem;
    --rz-dialog-title-line-height: 1.875rem;
    --rz-dialog-title-font-weight: normal;
    --rz-dialog-title-letter-spacing: normal;
    --rz-dialog-title-color: var(--rz-text-title-color);
    --rz-dialog-close-font-size: var(--rz-icon-size);
    --rz-dialog-close-color: var(--rz-text-tertiary-color);
    --rz-dialog-close-hover-color: var(--rz-text-color);
    --rz-dialog-close-vertical-align: middle;
    --rz-dialog-content-padding: 1.25rem;
    --rz-dialog-mask-background-color: var(--rz-base-800);
    --rz-dialog-border-radius: var(--rz-border-radius);
    --rz-dialog-mask-zindex: 1000;
    --rz-dialog-zindex: 1001;
    --rz-dialog-transition: 0.1s ease-in-out;
    /* DropDown */
    --rz-dropdown-trigger-icon-width: 1.1875rem;
    --rz-dropdown-trigger-icon-height: 1.1875rem;
    --rz-dropdown-trigger-icon-margin-block: 0;
    --rz-dropdown-trigger-icon-margin-inline: 0 0.5rem;
    --rz-dropdown-horizontal-padding: 0.5rem;
    --rz-dropdown-panel-padding: 0 0.5rem;
    --rz-dropdown-items-margin: 0 -0.5rem;
    --rz-dropdown-items-padding: 0;
    --rz-dropdown-item-padding: 0.25rem 0.625rem;
    --rz-dropdown-item-font-size: 0.875rem;
    --rz-dropdown-item-hover-background-color: #59a6cd;
    --rz-dropdown-item-selected-background-color: #479cc8;
    --rz-dropdown-item-selected-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-dropdown-item-hover-color: var(--rz-on-secondary-light);
    --rz-dropdown-item-selected-color: var(--rz-on-secondary-dark);
    --rz-dropdown-item-selected-hover-background-color: var(--rz-secondary);
    --rz-dropdown-item-selected-hover-color: var(--rz-on-secondary);
    --rz-dropdown-item-transition: none;
    --rz-dropdown-item-disabled-opacity: 0.2;
    --rz-dropdown-label-padding-block: 0;
    --rz-dropdown-label-padding-inline: 0 var(--rz-icon-size);
    --rz-dropdown-filter-border: var(--rz-border-base-100);
    --rz-dropdown-filter-padding: 0.5rem 0;
    --rz-dropdown-open-background-color: var(--rz-base-background-color);
    --rz-dropdown-open-border: var(--rz-input-border);
    --rz-dropdown-panel-border: var(--rz-input-border);
    --rz-dropdown-panel-shadow: none;
    --rz-dropdown-chips-padding-block: var(--rz-input-padding-block);
    --rz-dropdown-chips-padding-inline: var(--rz-input-padding-inline);
    --rz-multiselect-checkbox-margin-block: 0;
    --rz-multiselect-checkbox-margin-inline: 0 0.5rem;
    /* Editor */
    --rz-editor-border: var(--rz-input-border);
    --rz-editor-border-radius: var(--rz-border-radius);
    --rz-editor-toolbar-background-color: var(--rz-base-background-color);
    --rz-editor-toolbar-item-margin: 0.25rem 0.125rem;
    --rz-editor-button-padding: 0.5rem;
    --rz-editor-button-background-color: var(--rz-base-background-color);
    --rz-editor-button-color: var(--rz-text-color);
    --rz-editor-button-disabled-color: var(--rz-text-disabled-color);
    --rz-editor-button-selected-background-color: var(--rz-secondary);
    --rz-editor-button-selected-color: var(--rz-on-secondary);
    --rz-editor-separator-background-color: var(--rz-base-200);
    --rz-editor-content-background-color: var(--rz-base-background-color);
    --rz-editor-focus-outline: var(--rz-outline-focus);
    --rz-editor-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    /* Fieldset */
    --rz-fieldset-border: var(--rz-border-normal);
    --rz-fieldset-border-radius: 0;
    --rz-fieldset-padding: 1.25rem;
    --rz-fieldset-legend-color: #88989b;
    --rz-fieldset-legend-font-size: 0.875rem;
    --rz-fieldset-legend-margin-block: 0;
    --rz-fieldset-legend-margin-inline: 1rem 0;
    --rz-fieldset-legend-padding-block: 0;
    --rz-fieldset-legend-padding-inline: 1rem;
    --rz-fieldset-toggle-width: 1.125rem;
    --rz-fieldset-toggle-margin-block: 0;
    --rz-fieldset-toggle-margin-inline: 0 0.5rem;
    --rz-fieldset-toggle-height: 1.125rem;
    --rz-fieldset-toggle-background-color: var(--rz-base-200);
    --rz-fieldset-toggle-color: var(--rz-text-tertiary-color);
    --rz-fieldset-toggle-font-size: 1rem;
    --rz-fieldset-toggle-border: none;
    --rz-fieldset-toggle-focus-outline: var(--rz-outline-focus);
    --rz-fieldset-toggle-focus-outline-offset: var(--rz-outline-offset);
    /* Footer */
    --rz-footer-padding: 1rem;
    --rz-footer-background-color: var(--rz-base-background-color);
    --rz-footer-border: var(--rz-border-base-200);
    --rz-footer-color: var(--rz-text-color);
    --rz-footer-z: 2;
    /* FormField */
    --rz-form-field-margin-block: 0.625rem 0;
    --rz-form-field-margin-inline: 0;
    --rz-form-field-start-end-padding-block: 0;
    --rz-form-field-start-end-padding-inline: var(--rz-input-padding-inline);
    --rz-form-field-filled-height: 3.25rem;
    --rz-form-field-filled-padding-block: 1.4375rem 0.4375rem;
    --rz-form-field-filled-padding-inline: 0.4375rem;
    --rz-form-field-filled-numeric-padding-block: 1.5rem 0.5rem;
    --rz-form-field-filled-numeric-padding-inline: 0.5rem 1.25rem;
    --rz-form-field-filled-background-color: var(--rz-base-100);
    --rz-form-field-filled-hover-background-color: var(--rz-base-200);
    --rz-form-field-filled-border: var(--rz-input-border);
    --rz-form-field-filled-hover-border: var(--rz-input-hover-border);
    --rz-form-field-filled-focus-border: var(--rz-input-focus-border);
    --rz-form-field-filled-border-radius: var(--rz-border-radius);
    --rz-form-field-filled-label-floating-top: 0.25rem;
    --rz-form-field-filled-hover-shadow: var(--rz-input-hover-shadow);
    --rz-form-field-filled-focus-shadow: var(--rz-input-focus-shadow);
    --rz-form-field-filled-underline-display: none;
    --rz-form-field-shadow: none;
    --rz-form-field-hover-shadow: none;
    --rz-form-field-focus-shadow: none;
    --rz-form-field-label-color: var(--rz-text-color);
    --rz-form-field-label-focus-color: var(--rz-primary);
    --rz-form-field-label-padding: 0.125rem 0.1875rem;
    --rz-form-field-text-label-padding: 0.125rem 0;
    --rz-form-field-label-inset-inline-start: 0.25rem;
    --rz-form-field-label-textarea-top: 0.375rem;
    --rz-form-field-label-floating-top: -0.625rem;
    --rz-form-field-label-floating-background-color: var(--rz-input-background-color);
    --rz-form-field-helper-padding: 0 0.5rem;
    /* Forms */
    --rz-form-error-color: var(--rz-danger);
    --rz-form-error-font-size: 0.75rem;
    --rz-validator-background-color: var(--rz-danger);
    --rz-validator-color: var(--rz-on-danger);
    --rz-validator-shadow: 0 6px 14px 0 rgba(249, 119, 127, 0.3);
    --rz-validator-text-padding: 0;
    --rz-validator-padding: 0.25rem 0.5rem;
    --rz-validator-pointer-size: 0.375rem;
    --rz-validator-transform: translateY(12px);
    /* Gauge */
    --rz-gauge-scale-color: var(--rz-base-300);
    --rz-gauge-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-scale-font-size: var(--rz-body-font-size);
    --rz-gauge-pointer-color: var(--rz-text-secondary-color);
    --rz-gauge-arc-scale-color: var(--rz-base-300);
    --rz-gauge-arc-scale-label-color: var(--rz-text-tertiary-color);
    --rz-gauge-arc-value-color: var(--rz-secondary);
    /* Map */
    --rz-map-height: 10rem;
    --rz-map-padding: 1.25rem;
    --rz-map-background-color: var(--rz-base-background-color);
    --rz-map-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    /* Gravatar */
    --rz-gravatar-width: 2rem;
    --rz-gravatar-height: 2rem;
    --rz-gravatar-border-radius: 50%;
    --rz-gravatar-box-shadow: none;
    /* Grid */
    --rz-grid-data-border-shadow: none;
    --rz-grid-cell-border: var(--rz-border-normal);
    --rz-grid-right-cell-border: var(--rz-border-normal);
    --rz-grid-bottom-cell-border: var(--rz-border-normal);
    --rz-grid-cell-padding: 0.5rem 0.625rem 0.5rem 0.625rem;
    --rz-grid-cell-color: #48606c;
    --rz-grid-cell-font-size: 0.875rem;
    --rz-grid-cell-line-height: 1.5;
    --rz-grid-cell-focus-background-color: var(--rz-secondary-lighter);
    --rz-grid-cell-focus-color: var(--rz-on-secondary-lighter);
    --rz-grid-cell-focus-outline: var(--rz-outline-focus);
    --rz-grid-cell-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-grid-hover-background-color: var(--rz-secondary-lighter);
    --rz-grid-hover-color: var(--rz-on-secondary-lighter);
    --rz-grid-focus-outline: var(--rz-outline-focus);
    --rz-grid-focus-outline-offset: var(--rz-outline-offset);
    --rz-grid-selected-background-color: var(--rz-secondary-dark);
    --rz-grid-selected-color: var(--rz-on-secondary-dark);
    --rz-grid-toolbar-background-color: var(--rz-base-background-color);
    --rz-grid-header-cell-border: var(--rz-border-normal);
    --rz-grid-header-cell-border-bottom: none;
    --rz-grid-header-background-color: var(--rz-base-200);
    --rz-grid-header-font-size: 0.75rem;
    --rz-grid-header-line-height: 1rem;
    --rz-grid-header-font-weight: normal;
    --rz-grid-header-text-transform: uppercase;
    --rz-grid-header-color: var(--rz-text-color);
    --rz-grid-header-cell-padding: 0.625rem 0;
    --rz-grid-header-title-padding-inline: 0.5rem 0;
    --rz-grid-header-sorted-background-color: var(--rz-base-300);
    --rz-grid-header-padding: 1rem;
    --rz-grid-foot-cell-color: var(--rz-text-color);
    --rz-grid-foot-background-color: var(--rz-base-200);
    --rz-grid-filter-background-color: var(--rz-base-100);
    --rz-grid-filter-padding: 0.5rem;
    --rz-grid-filter-margin: 0;
    --rz-grid-filter-border: var(--rz-border-normal);
    --rz-grid-filter-font-size: var(--rz-body-font-size);
    --rz-grid-filter-icon-width: var(--rz-icon-size);
    --rz-grid-filter-icon-height: var(--rz-icon-size);
    --rz-grid-filter-icon-margin-inline: 0 0.25rem;
    --rz-grid-filter-icon-font-size: var(--rz-icon-size);
    --rz-grid-filter-color: var(--rz-text-disabled-color);
    --rz-grid-filter-focus-color: var(--rz-secondary);
    --rz-grid-filter-gap: 1rem;
    --rz-grid-filter-buttons-padding: 0 1rem 1rem;
    --rz-grid-filter-buttons-border: none;
    --rz-grid-filter-buttons-background-color: var(--rz-base-100);
    --rz-grid-filter-button-padding-inline: 1rem;
    --rz-grid-clear-filter-button-background-color: var(--rz-base);
    --rz-grid-clear-filter-button-color: var(--rz-on-base);
    --rz-grid-clear-filter-button-shadow: none;
    --rz-grid-apply-filter-button-background-color: var(--rz-primary);
    --rz-grid-apply-filter-button-color: var(--rz-on-primary);
    --rz-grid-apply-filter-button-shadow: none;
    --rz-grid-header-filter-icon-margin-inline: auto 0.5rem;
    --rz-grid-header-filter-icon-hover-color: var(--rz-text-color);
    --rz-grid-header-filter-icon-active-color: var(--rz-primary);
    --rz-grid-header-filter-icon-font-size: 1rem;
    --rz-grid-simple-filter-icon-active-color: var(--rz-on-secondary-lighter);
    --rz-grid-simple-filter-icon-active-background-color: var(--rz-secondary-lighter);
    --rz-grid-border: var(--rz-border-normal);
    --rz-grid-border-radius: 0;
    --rz-grid-sort-icon-width: 1rem;
    --rz-grid-sort-icon-height: 1rem;
    --rz-grid-sort-icon-color: var(--rz-text-disabled-color);
    --rz-grid-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-grid-background-color: var(--rz-base-background-color);
    --rz-grid-stripe-background-color: var(--rz-base-100);
    --rz-grid-stripe-odd-background-color: var(--rz-base-background-color);
    --rz-grid-column-resizer-width: 0.5rem;
    --rz-grid-column-resizer-helper-width: 0.25rem;
    --rz-grid-column-resizer-helper-background-color: var(--rz-secondary);
    --rz-grid-column-icon-width: 2rem;
    --rz-grid-column-icon-padding: 0;
    --rz-grid-detail-template-border: none;
    --rz-grid-detail-template-border-radius: 0;
    --rz-grid-detail-template-padding: 0;
    --rz-grid-detail-template-background-color: var(--rz-base-background-color);
    --rz-grid-loading-indicator-color: currentColor;
    --rz-grid-loading-indicator-background-color: var(--rz-base-600);
    --rz-grid-loading-indicator-background-opacity: 0.5;
    --rz-grid-frozen-cell-border: var(--rz-border-normal);
    --rz-grid-frozen-cell-background-color: var(--rz-base-200);
    --rz-grid-state-transition: var(--rz-transition-all);
    --rz-grid-group-header-padding: 0.5rem;
    --rz-grid-group-header-gap: 0.5rem;
    --rz-grid-group-header-item-color: var(--rz-text-color);
    --rz-grid-group-header-item-background-color: var(--rz-base-background-color);
    --rz-grid-group-header-item-padding-block: 0.5rem;
    --rz-grid-group-header-item-padding-inline: 0.5rem;
    --rz-grid-group-header-item-border: var(--rz-border-normal);
    --rz-grid-group-header-item-border-radius: var(--rz-border-radius);
    --rz-grid-group-header-item-title-margin-inline: 0 0.5rem;
    --rz-column-drag-handle-color: var(--rz-text-color);
    --rz-column-drag-handle-hover-color: var(--rz-text-color);
    --rz-column-drag-handle-margin-inline: 0 auto;
    --rz-column-draggable-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
    /* Header */
    --rz-header-background-color: var(--rz-base-background-color);
    --rz-header-min-height: 3.125rem;
    --rz-header-z: 2;
    --rz-header-border: var(--rz-border-base-200);
    --rz-header-color: var(--rz-text-color);
    --rz-header-shadow: none;
    /* Icon */
    --rz-icon-font-family: Material Icons;
    --rz-icon-size: 1.0625;
    --rz-icon-fill: 0;
    --rz-icon-weight: inherit;
    --rz-icon-grade: 0;
    --rz-icon-optical-size: 48;
    /* Input */
    --rz-input-font-size: 0.875rem;
    --rz-input-height: 2.1875rem;
    --rz-input-line-height: var(--rz-body-line-height);
    --rz-input-padding-block: 0;
    --rz-input-padding-inline: 0;
    --rz-input-value-color: var(--rz-text-color);
    --rz-input-placeholder-color: var(--rz-text-tertiary-color);
    --rz-input-background-color: var(--rz-base-background-color);
    --rz-input-border: var(--rz-border-normal);
    --rz-input-border-block-end: var(--rz-border-normal);
    --rz-input-border-radius: var(--rz-border-radius);
    --rz-input-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-hover-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-hover-background-color: var(--rz-base-background-color);
    --rz-input-hover-border: var(--rz-border-hover);
    --rz-input-hover-border-block-end: var(--rz-input-hover-border);
    --rz-input-focus-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-focus-background-color: var(--rz-base-background-color);
    --rz-input-focus-border: var(--rz-border-focus);
    --rz-input-focus-border-block-end: var(--rz-input-focus-border);
    --rz-input-focus-outline: var(--rz-outline-normal);
    --rz-input-focus-outline-offset: 0;
    --rz-input-disabled-border: var(--rz-border-disabled);
    --rz-input-disabled-border-block-end: var(--rz-border-disabled);
    --rz-input-disabled-shadow: inset 0 4px 3px 0 rgba(0, 0, 0, 0.03);
    --rz-input-disabled-background-color: var(--rz-base-100);
    --rz-input-disabled-color: #212529;
    --rz-input-disabled-placeholder-color: var(--rz-text-disabled-color);
    --rz-input-disabled-opacity: 1;
    --rz-input-transition: var(--rz-transition-all), width 0, height 0;
    /* Layout */
    --rz-layout-background-color: var(--rz-body-background-color);
    /* Listbox */
    --rz-listbox-background-color: var(--rz-input-background-color);
    --rz-listbox-border-radius: var(--rz-input-border-radius);
    --rz-listbox-border: var(--rz-input-border);
    --rz-listbox-focus-border: var(--rz-input-focus-border);
    --rz-listbox-focus-shadow: var(--rz-input-focus-shadow);
    --rz-listbox-filter-border: var(--rz-border-base-100);
    --rz-listbox-padding: 0;
    --rz-listbox-item-padding: var(--rz-dropdown-item-padding);
    --rz-listbox-item-margin: 0;
    --rz-listbox-checkbox-margin-block: 0;
    --rz-listbox-checkbox-margin-inline: 0 0.5rem;
    --rz-listbox-header-padding-block: 0.5rem;
    --rz-listbox-header-padding-inline: 0.5rem;
    --rz-listbox-header-icon-width: var(--rz-icon-size);
    --rz-listbox-header-icon-height: var(--rz-icon-size);
    --rz-listbox-header-icon-margin: 0;
    /* Login */
    --rz-login-register-background-color: var(--rz-base-100);
    --rz-login-register-padding-block: 1rem;
    --rz-login-register-padding-inline: 1rem;
    --rz-login-register-margin-block: 2rem 0;
    --rz-login-register-margin-inline: 0;
    --rz-login-register-button-margin-block: 0;
    --rz-login-register-button-margin-inline: 0;
    /* Lookup */
    --rz-lookup-panel-background-color: var(--rz-base-background-color);
    --rz-lookup-panel-padding: 1rem;
    --rz-lookup-search-gap: 0.5rem;
    --rz-lookup-search-margin-bottom: 0.5rem;
    /* Menu */
    --rz-menu-background-color: var(--rz-base-background-color);
    --rz-menu-border: var(--rz-border-normal);
    --rz-menu-border-radius: 2px;
    --rz-menu-item-padding-block: 0.5rem;
    --rz-menu-item-padding-inline: 0.5rem 1rem;
    --rz-menu-item-border-radius: 0;
    --rz-menu-item-color: var(--rz-text-color);
    --rz-menu-item-hover-color: var(--rz-on-secondary-light);
    --rz-menu-item-hover-background-color: var(--rz-secondary-light);
    --rz-menu-item-focus-outline: var(--rz-outline-focus);
    --rz-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-menu-item-selected-color: var(--rz-secondary);
    --rz-menu-item-selected-background-color: transparent;
    --rz-menu-item-icon-margin-inline: 0 0.5rem;
    --rz-menu-item-icon-color: var(--rz-text-color);
    --rz-menu-item-icon-hover-color: var(--rz-on-secondary-light);
    --rz-menu-item-offset: 1rem;
    --rz-menu-item-transition: none;
    --rz-menu-item-disabled-opacity: 0.2;
    --rz-menu-top-item-padding-block: 0.5rem;
    --rz-menu-top-item-padding-inline: 0.5rem;
    --rz-menu-top-item-border-radius: 0;
    --rz-menu-top-item-color: var(--rz-text-color);
    --rz-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-menu-top-item-hover-color: var(--rz-secondary);
    --rz-menu-top-item-hover-background-color: transparent;
    --rz-menu-top-item-selected-color: var(--rz-secondary);
    --rz-menu-top-item-selected-background-color: transparent;
    --rz-menu-top-item-icon-color: var(--rz-text-color);
    --rz-menu-top-item-icon-hover-color: var(--rz-secondary);
    --rz-context-menu-padding-block: 0;
    --rz-context-menu-padding-inline: 0;
    --rz-context-menu-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0px 2px 4px rgba(0, 0, 0, 0.04), 0px 4px 16px rgba(0, 0, 0, 0.1);
    /* Notification */
    --rz-notification-padding: 1rem 1.25rem;
    --rz-notification-gap: 0.625rem;
    --rz-notification-icon-margin: 0;
    --rz-notification-container-background-color: transparent;
    --rz-notification-shadow: none;
    --rz-notification-border-radius: var(--rz-border-radius);
    --rz-notification-success-color: var(--rz-on-success);
    --rz-notification-success-background-color: var(--rz-success);
    --rz-notification-success-icon-color: var(--rz-on-success);
    --rz-notification-warning-color: var(--rz-on-warning);
    --rz-notification-warning-background-color: var(--rz-warning);
    --rz-notification-warning-icon-color: var(--rz-on-warning);
    --rz-notification-error-color: var(--rz-on-danger);
    --rz-notification-error-background-color: var(--rz-danger);
    --rz-notification-error-icon-color: var(--rz-on-danger);
    --rz-notification-info-color: var(--rz-on-info);
    --rz-notification-info-background-color: var(--rz-info);
    --rz-notification-info-icon-color: var(--rz-on-info);
    /* Numeric */
    --rz-numeric-line-height: 1.25rem;
    --rz-numeric-input-padding-block: 0.5rem;
    --rz-numeric-input-padding-inline: 0.5rem 1.25rem;
    --rz-numeric-button-width: 0.875rem;
    --rz-numeric-button-height: 0.875rem;
    --rz-numeric-button-offset: 2px;
    --rz-numeric-button-border-radius: calc(var(--rz-border-radius) - 2px);
    --rz-numeric-button-background-color: var(--rz-secondary);
    --rz-numeric-button-disabled-background-color: var(--rz-base-300);
    --rz-numeric-button-disabled-color: var(--rz-text-disabled-color);
    --rz-numeric-button-color: var(--rz-on-secondary);
    /* Overlay */
    --rz-overlay-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-overlay-border: var(--rz-border-normal);
    --rz-overlay-background-color: var(--rz-base-100);
    /* Pager */
    --rz-pager-background-color: var(--rz-base-background-color);
    --rz-pager-padding: 0.5rem;
    --rz-pager-gap: 0.5rem;
    --rz-pager-border: var(--rz-border-normal);
    --rz-pager-button-border-radius: var(--rz-border-radius);
    --rz-pager-numeric-button-background-color: var(--rz-base-200);
    --rz-pager-numeric-button-color: var(--rz-text-color);
    --rz-pager-numeric-button-border: 1px solid transparent;
    --rz-pager-numeric-button-hover-background-color: var(--rz-base-200);
    --rz-pager-numeric-button-hover-color: var(--rz-text-color);
    --rz-pager-numeric-button-padding: 0.4375rem;
    --rz-pager-numeric-button-selected-background-color: var(--rz-base-background-color);
    --rz-pager-numeric-button-selected-color: var(--rz-primary);
    --rz-pager-numeric-button-selected-border: var(--rz-border-base-200);
    --rz-pager-numeric-button-selected-padding: 0.4375rem;
    --rz-pager-numeric-button-min-width: 2.25rem;
    --rz-pager-back-button-background-color: var(--rz-base-200);
    --rz-pager-back-button-color: var(--rz-text-color);
    --rz-pager-next-button-background-color: var(--rz-base-200);
    --rz-pager-next-button-color: var(--rz-text-color);
    --rz-pager-dropdown-width: 80px;
    --rz-pager-summary-padding: 1.25rem;
    --rz-pager-summary-font-size: var(--rz-body-font-size);
    --rz-pager-summary-color: var(--rz-text-secondary-color);
    /* PanelMenu */
    --rz-panel-menu-padding-block: 0;
    --rz-panel-menu-padding-inline: 0;
    --rz-panel-menu-font-size: var(--rz-body-font-size);
    --rz-panel-menu-font-weight: 600;
    --rz-panel-menu-focus-outline: var(--rz-outline-focus);
    --rz-panel-menu-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-panel-menu-item-line-height: 1.25rem;
    --rz-panel-menu-item-padding-block: 0.75rem;
    --rz-panel-menu-item-padding-inline: 1rem;
    --rz-panel-menu-item-margin-block: 0;
    --rz-panel-menu-item-margin-inline: 0;
    --rz-panel-menu-item-border: var(--rz-border-base-900);
    --rz-panel-menu-item-border-radius: 0;
    --rz-panel-menu-item-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-background-color: var(--rz-base-800);
    --rz-panel-menu-item-hover-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-hover-background-color: rgba(0, 0, 0, 0.3);
    --rz-panel-menu-item-active-color: var(--rz-text-contrast-color);
    --rz-panel-menu-item-active-background-color: var(--rz-base-900);
    --rz-panel-menu-item-active-indicator: var(--rz-secondary);
    --rz-panel-menu-item-offset: 0.75rem;
    --rz-panel-menu-item-transition: color var(--rz-transition), background-color var(--rz-transition);
    --rz-panel-menu-2nd-level-vertical-offset: 0;
    --rz-panel-menu-item-2nd-level-padding-block: 0.5rem;
    --rz-panel-menu-item-2nd-level-padding-inline: 1rem;
    --rz-panel-menu-item-2nd-level-margin-block: 0;
    --rz-panel-menu-item-2nd-level-margin-inline: 0;
    --rz-panel-menu-item-2nd-level-border-radius: 0;
    --rz-panel-menu-item-2nd-level-offset: 2.75rem;
    --rz-panel-menu-item-2nd-level-font-size: var(--rz-body-font-size);
    --rz-panel-menu-item-2nd-level-font-weight: 400;
    --rz-panel-menu-item-2nd-level-color: inherit;
    --rz-panel-menu-item-2nd-level-background-color: var(--rz-base-900);
    --rz-panel-menu-item-2nd-level-hover-color: inherit;
    --rz-panel-menu-item-2nd-level-hover-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-active-color: inherit;
    --rz-panel-menu-item-2nd-level-active-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-2nd-level-active-font-weight: inherit;
    --rz-panel-menu-item-3rd-level-color: inherit;
    --rz-panel-menu-item-3rd-level-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-3rd-level-hover-color: inherit;
    --rz-panel-menu-item-3rd-level-hover-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-item-3rd-level-active-color: inherit;
    --rz-panel-menu-item-3rd-level-active-background-color: rgba(0, 0, 0, 0.6);
    --rz-panel-menu-icon-width: var(--rz-icon-size);
    --rz-panel-menu-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-icon-color: inherit;
    --rz-panel-menu-icon-height: var(--rz-icon-size);
    --rz-panel-menu-icon-margin-inline: 0 0.5rem;
    --rz-panel-menu-icon-2nd-level-margin-inline: -1.625rem 0.625rem;
    --rz-panel-menu-icon-2nd-level-icon-size: calc(var(--rz-icon-size) * 0.8);
    --rz-panel-menu-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-menu-toggle-icon-opacity: 1;
    /* Panel */
    --rz-panel-background-color: var(--rz-base-background-color);
    --rz-panel-padding: 0.5rem;
    --rz-panel-title-line-height: 1.25rem;
    --rz-panel-title-font-weight: 600;
    --rz-panel-content-margin: 0;
    --rz-panel-toggle-icon-width: var(--rz-icon-size);
    --rz-panel-toggle-icon-height: var(--rz-icon-size);
    --rz-panel-toggle-icon-font-size: var(--rz-icon-size);
    --rz-panel-toggle-icon-border-radius: 2px;
    --rz-panel-toggle-icon-background-color: var(--rz-base-200);
    --rz-panel-toggle-icon-focus-outline: var(--rz-outline-focus);
    --rz-panel-toggle-icon-focus-outline-offset: var(--rz-outline-offset);
    --rz-panel-hover-color: var(--rz-secondary);
    --rz-panel-border-radius: var(--rz-border-radius);
    --rz-panel-shadow: none;
    /* ProfileMenu */
    --rz-profile-menu-background-color: var(--rz-base-background-color);
    --rz-profile-menu-top-item-background-color: var(--rz-base-background-color);
    --rz-profile-menu-border: var(--rz-border-base-200);
    --rz-profile-menu-padding-block: 0.625rem;
    --rz-profile-menu-padding-inline: 1rem;
    --rz-profile-menu-border-radius: var(--rz-border-radius);
    --rz-profile-menu-toggle-button-color: var(--rz-secondary);
    --rz-profile-menu-item-hover-background-color: var(--rz-secondary);
    --rz-profile-menu-item-focus-outline: var(--rz-outline-focus);
    --rz-profile-menu-item-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-profile-menu-item-icon-width: var(--rz-icon-size);
    --rz-profile-menu-item-icon-height: var(--rz-icon-size);
    --rz-profile-menu-item-icon-font-size: var(--rz-icon-size);
    --rz-profile-menu-item-icon-margin-inline: 0 0.5rem;
    /* ProgressBar */
    --rz-progressbar-value: 100%;
    --rz-progressbar-background-color: var(--rz-base-200);
    --rz-progressbar-color: var(--rz-text-color);
    --rz-progressbar-font-size: var(--rz-body-font-size);
    --rz-progressbar-height: 1.25rem;
    --rz-progressbar-border-radius: var(--rz-border-radius);
    --rz-progressbar-value-background-color: var(--rz-secondary);
    --rz-progressbar-value-transition: var(--rz-transition-all);
    --rz-progressbar-circular-stroke-width: 2px;
    --rz-progressbar-circular-value-stroke-width: 3px;
    --rz-progressbar-circular-value-endpoint: round;
    /* Radio */
    --rz-radio-width: 1.25rem;
    --rz-radio-height: 1.25rem;
    --rz-radio-border-radius: 50%;
    --rz-radio-border-width: inherit;
    --rz-radio-label-margin-block: 0;
    --rz-radio-label-margin-inline: 1rem;
    --rz-radio-margin-block: 0;
    --rz-radio-margin-inline: 0;
    --rz-radio-focus-outline: var(--rz-outline-focus);
    --rz-radio-focus-outline-offset: var(--rz-outline-offset);
    --rz-radio-active-background-color: var(--rz-secondary);
    --rz-radio-active-shadow: inset 0 3px 0 0 rgba(0, 0, 0, 0.1);
    --rz-radio-checked-background-color: var(--rz-secondary);
    --rz-radio-checked-hover-background-color: var(--rz-secondary-light);
    --rz-radio-checked-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-radio-checked-color: var(--rz-text-contrast-color);
    --rz-radio-circle-background-color: var(--rz-base-background-color);
    --rz-radio-circle-shadow: inset 0 4px 7px 0 rgba(0, 0, 0, 0.03);
    --rz-radio-circle-hover-background-color: var(--rz-base-100);
    --rz-radio-icon-width: 0.5rem;
    --rz-radio-icon-height: 0.5rem;
    --rz-radio-checked-border: var(--rz-input-border-block-end);
    /* Rating */
    --rz-rating-color: var(--rz-secondary);
    --rz-rating-opacity: 1;
    --rz-rating-font-size: var(--rz-icon-size);
    --rz-rating-selected-color: var(--rz-primary);
    --rz-rating-focus-color: var(--rz-primary-darker);
    --rz-rating-disabled-color: var(--rz-text-disabled-color);
    --rz-rating-disabled-opacity: 0.3;
    --rz-rating-ban-icon: highlight_off;
    --rz-rating-ban-icon-color: var(--rz-secondary);
    /* Sankey Diagram */
    --rz-sankey-node-stroke-width: 0;
    --rz-sankey-link-stroke-width: 0;
    --rz-sankey-link-opacity: 0.5;
    --rz-sankey-link-hover-opacity: 0.7;
    --rz-sankey-label-font-size: 0.875rem;
    --rz-sankey-label-color: var(--rz-text-color);
    --rz-sankey-label-stroke: var(--rz-body-background-color);
    --rz-sankey-label-stroke-width: 2px;
    /* Scheduler */
    --rz-scheduler-border: var(--rz-border-normal);
    --rz-scheduler-border-color: var(--rz-base-300);
    --rz-scheduler-minor-border-color: var(--rz-base-200);
    --rz-scheduler-border-radius: var(--rz-border-radius);
    --rz-scheduler-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-scheduler-background-color: var(--rz-base-background-color);
    --rz-scheduler-color: var(--rz-text-tertiary-color);
    --rz-scheduler-toolbar-padding: 0.5rem;
    --rz-scheduler-toolbar-background-color: var(--rz-base-200);
    --rz-scheduler-toolbar-title-font-size: inherit;
    --rz-scheduler-toolbar-title-font-weight: inherit;
    --rz-scheduler-toolbar-title-color: #6a6a6a;
    --rz-scheduler-prev-next-button-background-color: var(--secondary-color);
    --rz-scheduler-prev-next-button-color: var(--rz-on-secondary);
    --rz-scheduler-prev-next-button-padding-block: 0.5rem;
    --rz-scheduler-prev-next-button-padding-inline: 0.5rem;
    --rz-scheduler-prev-next-button-font-size: 11px;
    --rz-scheduler-prev-button-border-start-start-radius: var(--rz-border-radius);
    --rz-scheduler-prev-button-border-start-end-radius: 0;
    --rz-scheduler-prev-button-border-end-start-radius: var(--rz-border-radius);
    --rz-scheduler-prev-button-border-end-end-radius: 0;
    --rz-scheduler-next-button-border-start-start-radius: 0;
    --rz-scheduler-next-button-border-start-end-radius: var(--rz-border-radius);
    --rz-scheduler-next-button-border-end-start-radius: 0;
    --rz-scheduler-next-button-border-end-end-radius: var(--rz-border-radius);
    --rz-scheduler-today-button-margin-inline-start: 0.5rem;
    --rz-scheduler-today-button-padding: 0.25rem 0.5rem;
    --rz-scheduler-today-button-font-size: 0.6875rem;
    --rz-scheduler-today-button-text-transform: uppercase;
    --rz-scheduler-view-button-border: var(--rz-border-normal);
    --rz-scheduler-view-button-color: var(--rz-text-secondary-color);
    --rz-scheduler-view-button-background-color: var(--rz-base-background-color);
    --rz-scheduler-view-selected-color: var(--rz-on-secondary);
    --rz-scheduler-view-selected-background-color: var(--rz-secondary);
    --rz-scheduler-view-selected-border-color: var(--rz-secondary);
    --rz-scheduler-header-background-color: var(--rz-base-200);
    --rz-scheduler-header-font-size: 0.75rem;
    --rz-scheduler-header-font-size-small: 0.5rem;
    --rz-scheduler-header-text-transform: uppercase;
    --rz-scheduler-header-color: inherit;
    --rz-scheduler-header-border: var(--rz-border-normal);
    --rz-scheduler-header-padding: 0.5rem 0;
    --rz-scheduler-event-color: var(--rz-on-info);
    --rz-scheduler-event-background-color: none;
    --rz-scheduler-event-font-size: 0.6875rem;
    --rz-scheduler-event-line-height: 12px;
    --rz-scheduler-event-padding-block: 0 1px;
    --rz-scheduler-event-padding-inline: 1px;
    --rz-scheduler-event-content-padding: 0.25rem;
    --rz-scheduler-event-list-button-color: var(--rz-secondary);
    --rz-scheduler-event-list-button-font-size: 0.75rem;
    --rz-scheduler-slot-title-font-size: 0.875rem;
    --rz-scheduler-slot-title-font-size-small: 0.6rem;
    --rz-scheduler-slot-title-padding: 0 0.25rem;
    --rz-scheduler-day-number-padding: 0 0.5rem;
    --rz-scheduler-weekend-color: var(--rz-text-disabled-color);
    --rz-scheduler-weekend-background-color: var(--rz-base-50);
    --rz-scheduler-other-month-background-color: var(--rz-base-100);
    --rz-scheduler-timeline-slot-width: 7rem;
    --rz-scheduler-timeline-slot-height: 7rem;
    --rz-scheduler-year-padding: 1.5rem;
    --rz-scheduler-year-slot-padding: 1px;
    --rz-scheduler-year-slot-title-width: 100%;
    --rz-scheduler-year-slot-title-border-radius: 0.25rem;
    --rz-scheduler-planner-slot-width: 3rem;
    --rz-scheduler-planner-slot-height: 4.5rem;
    --rz-scheduler-focus-outline: var(--rz-outline-focus);
    --rz-scheduler-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-scheduler-highlight-background-color: rgba(255, 220, 40, 0.2);
    /* Scrollbar */
    --rz-scrollbar-background-color: transparent;
    --rz-scrollbar-color: var(--rz-secondary);
    --rz-scrollbar-border-radius: calc(2 * var(--rz-border-radius));
    --rz-scrollbar-size: 16px;
    /* SecurityCode */
    --rz-security-code-input-min-width: var(--rz-input-height);
    --rz-security-code-input-min-height: var(--rz-input-height);
    --rz-security-code-input-padding: 0.125rem;
    --rz-security-code-input-font-size: 1.25rem;
    --rz-security-code-input-font-weight: 600;
    --rz-security-code-input-line-height: 1;
    /* SelectBar */
    --rz-selectbar-background-color: var(--rz-base-background-color);
    --rz-selectbar-color: var(--rz-text-color);
    --rz-selectbar-border: var(--rz-border-normal);
    --rz-selectbar-selected-background-color: var(--rz-secondary);
    --rz-selectbar-selected-color: var(--rz-on-secondary);
    --rz-selectbar-selected-border: var(--rz-border-secondary);
    --rz-selectbar-border-radius: var(--rz-border-radius);
    --rz-selectbar-focus-outline: var(--rz-outline-focus);
    --rz-selectbar-focus-outline-offset: var(--rz-outline-offset);
    --rz-selectbar-button-focus-outline: var(--rz-outline-width) solid var(--rz-text-color);
    --rz-selectbar-button-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    /* SidebarToggle */
    --rz-sidebar-toggle-icon-width: 1.5rem;
    --rz-sidebar-toggle-icon-height: 1.5rem;
    --rz-sidebar-toggle-margin-inline-end: 1rem;
    --rz-sidebar-toggle-padding: 0.8125rem;
    --rz-sidebar-toggle-border: var(--rz-border-base-200);
    --rz-sidebar-toggle-color: var(--rz-base-900);
    --rz-sidebar-toggle-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-color: var(--rz-secondary);
    --rz-sidebar-toggle-hover-background-color: var(--rz-header-background-color);
    --rz-sidebar-toggle-hover-border-radius: 0;
    --rz-sidebar-toggle-focus-outline: var(--rz-outline-focus);
    --rz-sidebar-toggle-focus-outline-offset: calc(-1 * var(--rz-outline-offset));
    /* Sidebar */
    --rz-sidebar-z: 1;
    --rz-sidebar-width: 250px;
    --rz-sidebar-border-inline-end: var(--rz-border-normal);
    --rz-sidebar-background-color: var(--rz-base-800);
    --rz-sidebar-color: var(--rz-white);
    /* Slider */
    --rz-slider-background-color: var(--rz-base-background-color);
    --rz-slider-border: var(--rz-border-normal);
    --rz-slider-border-radius: var(--rz-border-radius);
    --rz-slider-horizontal-height: 0.5rem;
    --rz-slider-horizontal-width: 10rem;
    --rz-slider-range-background-color: var(--rz-secondary-lighter);
    --rz-slider-range-border: var(--rz-border-secondary-light);
    --rz-slider-handle-width: 0.75rem;
    --rz-slider-handle-height: 1.5rem;
    --rz-slider-handle-color: var(--rz-on-secondary);
    --rz-slider-handle-background-color: var(--rz-secondary);
    --rz-slider-handle-border: none;
    --rz-slider-handle-border-radius: calc(var(--rz-border-radius) / 2);
    --rz-slider-handle-shadow: none;
    --rz-slider-handle-transition: background-color var(--rz-transition), color var(--rz-transition), border var(--rz-transition), box-shadow var(--rz-transition);
    --rz-slider-handle-hover-background-color: var(--rz-secondary-light);
    --rz-slider-handle-hover-border: none;
    --rz-slider-handle-hover-shadow: inset 0 -3px 0 0 rgba(255, 255, 255, 0.2);
    --rz-slider-handle-focus-outline: var(--rz-outline-focus);
    --rz-slider-handle-focus-outline-offset: var(--rz-outline-offset);
    --rz-slider-disabled-background-color: var(--rz-base-background-color);
    --rz-slider-disabled-border: var(--rz-border-disabled);
    --rz-slider-disabled-range-background-color: var(--rz-base-100);
    --rz-slider-disabled-range-border: var(--rz-border-normal);
    --rz-slider-disabled-handle-border: none;
    --rz-slider-disabled-handle-background-color: var(--rz-base-300);
    /* SplitButton */
    --rz-splitbutton-menu-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-splitbutton-menu-min-width: 10rem;
    --rz-splitbutton-background-color: var(--rz-primary);
    --rz-splitbutton-border-radius: var(--rz-border-radius);
    /* Splitter */
    --rz-splitter-bar-color: var(--rz-text-secondary-color);
    --rz-splitter-bar-color-active: var(--rz-on-secondary);
    --rz-splitter-bar-background-color: var(--rz-base-200);
    --rz-splitter-bar-background-color-active: var(--rz-secondary);
    --rz-splitter-bar-hover-opacity: 1;
    /* Stack/Grid Layout */
    --rz-gap: 1rem;
    --rz-row-gap: 1rem;
    /* Steps */
    --rz-steps-color: var(--rz-text-color);
    --rz-steps-number-border-radius: 50%;
    --rz-steps-number-padding-block: 0.375rem;
    --rz-steps-number-padding-inline: 0;
    --rz-steps-number-width: 2rem;
    --rz-steps-number-height: 2rem;
    --rz-steps-number-line-height: var(--rz-body-line-height);
    --rz-steps-number-color: var(--rz-text-color);
    --rz-steps-number-background-color: var(--rz-base-200);
    --rz-steps-number-selected-color: var(--rz-on-secondary);
    --rz-steps-number-selected-background: var(--rz-secondary);
    --rz-steps-number-focus-outline: var(--rz-outline-focus);
    --rz-steps-number-focus-outline-offset: var(--rz-outline-offset);
    --rz-steps-title-selected-color: var(--rz-secondary);
    --rz-steps-title-margin-block: 0;
    --rz-steps-title-margin-inline: 0.5rem 1rem;
    --rz-steps-buttons-padding-block: 1rem;
    --rz-steps-buttons-padding-inline: 0;
    --rz-steps-button-color: var(--rz-text-secondary-color);
    /* Switch */
    --rz-switch-background-color: var(--rz-base-400);
    --rz-switch-checked-background-color: var(--rz-secondary);
    --rz-switch-box-shadow: none;
    --rz-switch-circle-background-color: var(--rz-text-contrast-color);
    --rz-switch-checked-circle-background-color: var(--rz-on-secondary);
    --rz-switch-focus-outline: var(--rz-outline-focus);
    --rz-switch-focus-outline-offset: var(--rz-outline-offset);
    /* Tabs */
    --rz-tabs-padding: 1.25rem;
    --rz-tabs-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.01);
    --rz-tabs-border: solid 1px #dfe7ec;
    --rz-tabs-border-radius: var(--rz-border-radius);
    --rz-tabs-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-font-size: var(--rz-body-font-size);
    --rz-tabs-tab-line-height: var(--rz-body-line-height);
    --rz-tabs-tab-font-weight: 600;
    --rz-tabs-tab-text-transform: none;
    --rz-tabs-tab-letter-spacing: 0;
    --rz-tabs-tab-padding-block: 0.5rem;
    --rz-tabs-tab-padding-inline: 1rem;
    --rz-tabs-tab-background-color: #e6ecef;
    --rz-tabs-tab-color: var(--rz-secondary);
    --rz-tabs-tab-selected-background-color: var(--rz-tabs-background-color);
    --rz-tabs-tab-selected-color: var(--rz-text-title-color);
    --rz-tabs-tab-selected-top-border-color: var(--rz-secondary);
    --rz-tabs-tab-hover-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-hover-color: var(--rz-secondary-light);
    --rz-tabs-tab-focus-background-color: var(--rz-base-background-color);
    --rz-tabs-tab-focus-color: var(--rz-secondary-light);
    --rz-tabs-tab-focus-outline: var(--rz-outline-focus);
    --rz-tabs-tab-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-tabs-icon-font-size: var(--rz-icon-size);
    --rz-tabs-icon-margin-inline: -0.25rem 0.25rem;
    --rz-tabs-transition: var(--rz-transition-all);
    /* Textarea */
    --rz-text-area-padding-block: var(--rz-input-padding-block);
    --rz-text-area-padding-inline: var(--rz-input-padding-inline);
    /* Timeline */
    --rz-timeline-item-padding: 0.5rem;
    --rz-timeline-axis-size: 4rem;
    --rz-timeline-point-size: 1rem;
    --rz-timeline-point-border: 3px solid var(--rz-base-background-color);
    --rz-timeline-point-border-radius: calc(var(--rz-border-radius) * 12);
    --rz-timeline-point-background-color: var(--rz-base-300);
    --rz-timeline-point-color: var(--rz-text-color);
    --rz-timeline-line-color: var(--rz-base-300);
    --rz-timeline-line-width: 0.125rem;
    --rz-timeline-line-border-radius: calc(var(--rz-border-radius) * 20);
    /* TimestampPicker */
    --rz-timespanpicker-line-height: 1.25rem;
    --rz-timespanpicker-trigger-icon-width: var(--rz-icon-size);
    --rz-timespanpicker-trigger-icon-height: var(--rz-icon-size);
    --rz-timespanpicker-trigger-icon-color: var(--rz-input-value-color);
    --rz-timespanpicker-trigger-icon-hover-color: var(--rz-input-value-color);
    --rz-timespanpicker-focus-outline: var(--rz-outline-focus);
    --rz-timespanpicker-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-timespanpicker-popup-border: var(--rz-border-normal);
    --rz-timespanpicker-popup-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.06);
    --rz-timespanpicker-popup-margin: 0;
    --rz-timespanpicker-popup-width: fit-content;
    --rz-timespanpicker-panel-background-color: var(--rz-base-background-color);
    --rz-timespanpicker-panel-padding: 0.5rem;
    --rz-timespanpicker-panel-gap: 0.5rem;
    --rz-timespanpicker-panel-unit-gap: 0;
    --rz-timespanpicker-panel-field-min-width: 4rem;
    --rz-timespanpicker-unit-label-color: var(--rz-text-tertiary-color);
    /* Toc */
    --rz-toc-link-padding-block: 0.5rem;
    --rz-toc-link-padding-inline: 0.75rem;
    --rz-toc-link-font-size: var(--rz-body-font-size);
    --rz-toc-link-font-weight: 400;
    --rz-toc-link-border: none;
    --rz-toc-link-border-radius: var(--rz-border-radius);
    --rz-toc-link-color: var(--rz-text-color);
    --rz-toc-link-background-color: transparent;
    --rz-toc-link-hover-color: var(--rz-secondary-dark);
    --rz-toc-link-hover-background-color: transparent;
    --rz-toc-link-selected-border: none;
    --rz-toc-link-selected-color: var(--rz-secondary);
    --rz-toc-link-selected-background-color: transparent;
    --rz-toc-link-selected-indicator-color: var(--rz-secondary);
    --rz-toc-link-selected-indicator-size: 0.125rem;
    --rz-toc-link-selected-indicator-inset-block: 0.5rem;
    --rz-toc-link-selected-indicator-inset-inline: 0 auto;
    --rz-toc-horizontal-shadow: var(--rz-shadow-3);
    --rz-toc-horizontal-border-radius: var(--rz-border-radius);
    --rz-toc-horizontal-background-color: var(--rz-base-background-color);
    --rz-toc-horizontal-link-padding-block: 1rem;
    --rz-toc-horizontal-link-padding-inline: 1rem;
    --rz-toc-horizontal-link-font-size: var(--rz-body-font-size);
    --rz-toc-horizontal-link-selected-indicator-inset-block: auto 0;
    --rz-toc-horizontal-link-selected-indicator-inset-inline: 0.5rem;
    --rz-toc-horizontal-link-selected-border: none;
    --rz-toc-horizontal-link-selected-color: var(--rz-secondary);
    --rz-toc-horizontal-link-selected-background-color: transparent;
    --rz-toc-link-selected-indicator-border-radius: 0;
    /* Tooltip */
    --rz-tooltip-background-color: var(--rz-info);
    --rz-tooltip-color: var(--rz-on-info);
    --rz-tooltip-shadow: 0 6px 14px 0 rgba(0, 0, 0, 0.15);
    --rz-tooltip-padding: 0.25rem 0.5rem;
    --rz-tooltip-border-radius: var(--rz-border-radius);
    --rz-tooltip-font-size: var(--rz-body-font-size);
    /* Tree */
    --rz-tree-background-color: var(--rz-base-background-color);
    --rz-tree-node-padding-block: 0.25rem;
    --rz-tree-node-padding-inline: 0.25rem;
    --rz-tree-node-selected-background-color: var(--rz-secondary);
    --rz-tree-node-selected-color: var(--rz-on-secondary);
    --rz-tree-node-selected-border-radius: calc(var(--rz-border-radius) / 2);
    --rz-tree-node-margin-block: 1px;
    --rz-tree-node-margin-inline: 1px;
    --rz-tree-node-hover-background-color: var(--rz-secondary-light);
    --rz-tree-node-hover-color: var(--rz-on-secondary-light);
    --rz-tree-node-focus-outline: var(--rz-outline-focus);
    --rz-tree-node-focus-outline-offset: calc(-1 * var(--rz-outline-width));
    --rz-tree-node-toggle-width: 1rem;
    --rz-tree-node-toggle-color: var(--rz-text-tertiary-color);
    --rz-tree-node-toggle-hover-color: var(--rz-text-color);
    --rz-tree-transition: var(--rz-transition-all), width 0, height 0;
    /* Upload */
    --rz-upload-button-bar-background-color: var(--rz-base-200);
    --rz-upload-button-bar-padding: 0.5rem;
    --rz-upload-button-bar-border-radius: var(--rz-border-radius);
    --rz-upload-files-background-color: var(--rz-base-background-color);
    --rz-upload-files-padding: 0.5rem 0;
    --rz-upload-files-remove-background-color: var(--rz-base-300);
    --rz-upload-files-remove-color: var(--rz-text-color);
    --rz-upload-files-margin: 0 0.5rem;
    --rz-upload-choose-background-color: var(--rz-secondary);
    --rz-upload-choose-color: var(--rz-on-secondary);
    --rz-upload-choose-hover-background-color: var(--rz-secondary);
    --rz-upload-choose-hover-color: var(--rz-on-secondary);
    --rz-upload-choose-active-background-color: var(--rz-secondary-dark);
    --rz-upload-choose-active-color: var(--rz-on-secondary-dark);
    --rz-upload-cancel-background-color: var(--rz-base-200);
    --rz-upload-cancel-color: var(--rz-text-color);
    --rz-upload-button-background-color: var(--rz-primary);
}