/**
 * Riverty Design System tokens - version - 1.1.3
 * 
 * Legacy Tokens
 */
:root {
  --r-color-semantic-red: #da1e28;
  --r-color-semantic-orange: #f26a20;
  --r-color-semantic-green: #298535;
  --r-color-semantic-blue: #466882;
  --r-color-semantic-focus-blue: #0071e3;
  --r-color-semantic-red-100: #fef6f6;
  --r-color-semantic-orange-100: #fef9f5;
  --r-color-semantic-green-100: #f7fdf8;
  --r-color-semantic-blue-100: #f8fafb;
  --r-color-neutral-white: #ffffff;
  --r-color-orange-ember-400: #ef706b;
  --r-color-orange-ember: #ef706b;
  --r-color-white-haze-600: #bfbdbb;
  --r-color-white-haze-500: #d4d1cf;
  --r-color-white-haze-400: #e7e4e2;
  --r-color-white-haze: #e7e4e2;
  --r-color-white-haze-300: #ece9e8;
  --r-color-white-haze-200: #f3f1f0;
  --r-color-grey-charcoal-600: #000000;
  --r-color-grey-charcoal-500: #141414;
  --r-color-grey-charcoal-400: #282828;
  --r-color-grey-charcoal: #282828;
  --r-color-grey-charcoal-300: #686868;
  --r-color-grey-charcoal-200: #c9c9c9;
  --r-color-green-vanguard-600: #37522c;
  --r-color-green-vanguard-500: #456637;
  --r-color-green-vanguard-400: #527a42;
  --r-color-green-vanguard: #527a42;
  --r-color-green-vanguard-300: #86a27b;
  --r-color-green-vanguard-200: #cbd7c6;
  --r-color-green-vanguard-100: #e5ebe3;
  --r-color-focus-blue: #0071e3;
  --r-font-size-desktop-900: 3.5rem;
  --r-font-size-desktop-800: 2.875rem;
  --r-font-size-desktop-700: 2.25rem;
  --r-font-size-desktop-600: 1.75rem;
  --r-font-size-desktop-500: 1.375rem;
  --r-font-size-desktop-400: 1rem;
  --r-font-size-desktop-300: 0.875rem;
  --r-font-size-desktop-200: 0.8125rem;
  --r-font-size-mobile-900: 2.625rem;
  --r-font-size-mobile-800: 1.875rem;
  --r-font-size-mobile-700: 1.75rem;
  --r-font-size-mobile-600: 1.5rem;
  --r-font-size-mobile-500: 1.25rem;
  --r-font-size-mobile-400: 1rem;
  --r-font-size-mobile-300: 0.875rem;
  --r-font-size-mobile-200: 0.8125rem;
  --r-font-weight-semibold: 600;
  --r-font-weight-regular: 400;
  --r-font-weight-light: 300;
  --r-font-family-heading: "GT Ultra Median", Skeena, ui-serif, serif;
  --r-font-family-text:
    system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", sans-serif;
  --r-icon-size-s: 16px;
  --r-icon-size-m: 24px;
  --r-icon-size-l: 32px;
  --r-line-height-xs: 1.1;
  --r-line-height-s: 1.2;
  --r-line-height-m: 1.5;
  --r-line-height-l: 1.7;
  --r-spacing-025: 0.25rem;
  --r-spacing-050: 0.5rem;
  --r-spacing-075: 0.75rem;
  --r-spacing-100: 1rem;
  --r-spacing-125: 1.25rem;
  --r-spacing-150: 1.5rem;
  --r-spacing-175: 1.75rem;
  --r-spacing-200: 2rem;
  --r-spacing-225: 2.25rem;
  --r-spacing-250: 2.5rem;
  --r-spacing-275: 2.75rem;
  --r-spacing-300: 3rem;
  --r-spacing-350: 3.5rem;
  --r-spacing-400: 4rem;
  --r-spacing-450: 4.5rem;
  --r-spacing-500: 5rem;
}

/**
 * Base Tokens
 */
:root {
  --r-vanguard-600: #37522c;
  --r-vanguard-500: #456637;
  --r-vanguard-400: #527a42;
  --r-vanguard-300: #86a27b;
  --r-vanguard-200: #cbd7c6;
  --r-vanguard-100: #e5ebe3;
  --r-haze-600: #bfbdbb;
  --r-haze-500: #d4d1cf;
  --r-haze-400: #e7e4e2;
  --r-haze-300: #ece9e8;
  --r-haze-200: #f3f1f0;
  --r-charcoal-500: #141414;
  --r-charcoal-600: #000000;
  --r-charcoal-400: #282828;
  --r-charcoal-300: #686868;
  --r-charcoal-200: #c9c9c9;
  --r-neutral-white: #ffffff;
  --r-ember-400: #ef706b;
  --r-blue-400: #466882;
  --r-blue-100: #f8fafb;
  --r-green-400: #298535;
  --r-green-100: #f7fdf8;
  --r-orange-400: #f26a20;
  --r-orange-100: #fef9f5;
  --r-rustyorange-400: #89411a;
  --r-red-400: #da1e28;
  --r-red-100: #fef6f6;
  --r-data-010: #6e8bc9;
  --r-data-020: #cd7255;
  --r-data-030: #6e8d9a;
  --r-data-040: #9a78d3;
  --r-data-050: #b98427;
  --r-data-060: #3e4059;
  --r-data-070: #b472b6;
  --r-data-080: #5d0e07;
  --r-data-090: #519a71;
  --r-data-100: #da6767;
  --r-dark-red-600: #190606;
  --r-dark-red-500: #ff6972;
  --r-dark-red-400: #ff4d56;
  --r-dark-red-400-alpha-2: rgba(220, 60, 62, 0.12);
  --r-data-dark-060: #6f7295;
  --r-dark-data-080: #ac5a53;
  --r-dark-orange-400: #ffb557;
  --r-dark-orange-400-alpha-2: rgba(255, 181, 87, 0.12);
  --r-dark-rustyorange-500: #31281c;
  --r-dark-rustyorange-400: #ffb24d;
  --r-dark-green-500: #212b22;
  --r-dark-green-400: #80ce88;
  --r-dark-green-400-alpha-2: rgba(128, 206, 136, 0.12);
  --r-dark-blue-600: #222528;
  --r-dark-blue-400: #849fb7;
  --r-dark-blue-300: #99b4cc;
  --r-dark-blue-400-alpha-2: rgba(132, 159, 183, 0.12);
  --r-azure-400: #006ad5;
  --r-focused-400: #0071e3;
  --r-charcoal-400-alpha-04: rgba(40, 40, 40, 0.04);
  --r-haze-200-alpha-04: rgba(243, 241, 240, 0.04);
  --r-charcoal-400-alpha-08: rgba(40, 40, 40, 0.08);
  --r-haze-200-alpha-08: rgba(243, 241, 240, 0.08);
  --r-charcoal-400-alpha-12: rgba(40, 40, 40, 0.12);
  --r-haze-200-alpha-12: rgba(243, 241, 240, 0.12);
  --r-charcoal-600-alpha-48: rgba(0, 0, 0, 0.48);
  --r-charcoal-600-alpha-80: rgba(0, 0, 0, 0.8);
  --r-dark-vanguard-400: #6da258;
  --r-dark-azure-400: #51a8ff;
  --r-spacing-025: 0.25rem;
  --r-spacing-050: 0.5rem;
  --r-spacing-075: 0.75rem;
  --r-spacing-100: 1rem;
  --r-spacing-125: 1.25rem;
  --r-spacing-150: 1.5rem;
  --r-spacing-175: 1.75rem;
  --r-spacing-200: 2rem;
  --r-spacing-225: 2.25rem;
  --r-spacing-250: 2.5rem;
  --r-spacing-275: 2.75rem;
  --r-spacing-300: 3rem;
  --r-spacing-350: 3.5rem;
  --r-spacing-400: 4rem;
  --r-spacing-450: 4.5rem;
  --r-spacing-500: 5rem;
}

/**
 * Semantic Color Tokens - Light
 */
:root,
[data-theme=light] {
  --r-internal-theme-state: light;
  --r-text-strong: var(--r-charcoal-600);
  --r-text-regular: var(--r-charcoal-400);
  --r-text-soft: var(--r-charcoal-300);
  --r-text-softer: var(--r-charcoal-200);
  --r-text-inverse: var(--r-neutral-white);
  --r-text-warning: var(--r-charcoal-400);
  --r-text-brand: var(--r-vanguard-400);
  --r-link-enabled: var(--r-azure-400);
  --r-icon-regular: var(--r-charcoal-400);
  --r-icon-soft: var(--r-charcoal-300);
  --r-icon-inverse: var(--r-neutral-white);
  --r-icon-warning: var(--r-charcoal-400);
  --r-icon-brand-vanguard: var(--r-vanguard-400);
  --r-icon-regular-static: var(--r-charcoal-400);
  --r-border-strong: var(--r-charcoal-600);
  --r-text-onbrand: var(--r-neutral-white);
  --r-border-regular: var(--r-charcoal-400);
  --r-border-soft: var(--r-charcoal-300);
  --r-border-softer: var(--r-charcoal-200);
  --r-border-softest: var(--r-haze-400);
  --r-border-focused: var(--r-focused-400);
  --r-border-focused-outlined: var(--r-neutral-white);
  --r-border-inverse: var(--r-neutral-white);
  --r-border-brand-vanguard: var(--r-vanguard-400);
  --r-background-soft: var(--r-haze-200);
  --r-background-softest: var(--r-neutral-white);
  --r-background-inverse: var(--r-charcoal-400);
  --r-background-overlay: var(--r-charcoal-600-alpha-48);
  --r-background-modal: var(--r-haze-200);
  --r-background-interactive-strong: var(--r-charcoal-600);
  --r-background-interactive-regular: var(--r-charcoal-400);
  --r-background-interactive-softer: var(--r-haze-400);
  --r-background-interactive-softest: var(--r-neutral-white);
  --r-background-interactive-hovered: var(--r-charcoal-400-alpha-04);
  --r-background-interactive-pressed: var(--r-charcoal-400-alpha-12);
  --r-background-interactive-activated: var(--r-charcoal-400-alpha-08);
  --r-background-brand-vanguard: var(--r-vanguard-400);
  --r-background-brand-vanguard-softest: var(--r-vanguard-100);
  --r-background-softest-static: var(--r-neutral-white);
  --r-status-error-regular: var(--r-red-400);
  --r-status-error-soft: var(--r-red-100);
  --r-status-warning-regular: var(--r-orange-400);
  --r-status-warning-soft: var(--r-orange-100);
  --r-status-warning-strong: var(--r-rustyorange-400);
  --r-status-success-regular: var(--r-green-400);
  --r-status-success-soft: var(--r-green-100);
  --r-status-info-regular: var(--r-blue-400);
  --r-status-info-soft: var(--r-blue-100);
  --r-logo-brand-regular: var(--r-charcoal-400);
  --r-logo-brand-inverse: var(--r-haze-400);
  --r-logo-brand-vanguard: var(--r-vanguard-400);
  --r-logo-brand-ember: var(--r-ember-400);
}

/**
 * Semantic Color Tokens - Dark
 */
[data-theme=dark] {
  --r-internal-theme-state: dark;
  --r-text-strong: var(--r-neutral-white);
  --r-text-regular: var(--r-haze-200);
  --r-text-soft: var(--r-charcoal-200);
  --r-text-softer: var(--r-charcoal-300);
  --r-text-inverse: var(--r-charcoal-400);
  --r-text-warning: var(--r-charcoal-400);
  --r-text-brand: var(--r-dark-vanguard-400);
  --r-link-enabled: var(--r-dark-azure-400);
  --r-icon-regular: var(--r-haze-200);
  --r-icon-soft: var(--r-charcoal-200);
  --r-icon-inverse: var(--r-charcoal-400);
  --r-icon-warning: var(--r-charcoal-400);
  --r-icon-brand-vanguard: var(--r-dark-vanguard-400);
  --r-icon-regular-static: var(--r-charcoal-400);
  --r-border-strong: var(--r-neutral-white);
  --r-text-onbrand: var(--r-neutral-white);
  --r-border-regular: var(--r-haze-200);
  --r-border-soft: var(--r-charcoal-300);
  --r-border-softer: var(--r-charcoal-300);
  --r-border-softest: var(--r-charcoal-200);
  --r-border-focused: var(--r-focused-400);
  --r-border-focused-outlined: var(--r-neutral-white);
  --r-border-inverse: var(--r-charcoal-400);
  --r-border-brand-vanguard: var(--r-dark-vanguard-400);
  --r-background-soft: var(--r-charcoal-500);
  --r-background-softest: var(--r-charcoal-400);
  --r-background-inverse: var(--r-haze-200);
  --r-background-overlay: var(--r-charcoal-600-alpha-80);
  --r-background-modal: var(--r-charcoal-400);
  --r-background-interactive-strong: var(--r-haze-500);
  --r-background-interactive-regular: var(--r-haze-200);
  --r-background-interactive-softer: var(--r-charcoal-600);
  --r-background-interactive-softest: var(--r-charcoal-400);
  --r-background-interactive-hovered: var(--r-haze-200-alpha-04);
  --r-background-interactive-pressed: var(--r-haze-200-alpha-12);
  --r-background-interactive-activated: var(--r-haze-200-alpha-08);
  --r-background-brand-vanguard: var(--r-dark-vanguard-400);
  --r-background-brand-vanguard-softest: var(--r-vanguard-100);
  --r-background-softest-static: var(--r-neutral-white);
  --r-status-error-regular: var(--r-dark-red-500);
  --r-status-error-soft: var(--r-dark-red-600);
  --r-status-warning-regular: var(--r-dark-orange-400);
  --r-status-warning-soft: var(--r-dark-rustyorange-500);
  --r-status-warning-strong: var(--r-dark-rustyorange-400);
  --r-status-success-regular: var(--r-dark-green-400);
  --r-status-success-soft: var(--r-dark-green-500);
  --r-status-info-regular: var(--r-dark-blue-300);
  --r-status-info-soft: var(--r-dark-blue-600);
  --r-logo-brand-regular: var(--r-haze-400);
  --r-logo-brand-inverse: var(--r-charcoal-400);
  --r-logo-brand-vanguard: var(--r-vanguard-400);
  --r-logo-brand-ember: var(--r-ember-400);
}

/**
 * Semantic Color Tokens - Dark
 */
@media (prefers-color-scheme: dark) {
  [data-theme=auto] {
    color-scheme: dark;
    --r-internal-theme-state: dark;
    --r-text-strong: var(--r-neutral-white);
    --r-text-regular: var(--r-haze-200);
    --r-text-soft: var(--r-charcoal-200);
    --r-text-softer: var(--r-charcoal-300);
    --r-text-inverse: var(--r-charcoal-400);
    --r-text-warning: var(--r-charcoal-400);
    --r-text-brand: var(--r-dark-vanguard-400);
    --r-link-enabled: var(--r-dark-azure-400);
    --r-icon-regular: var(--r-haze-200);
    --r-icon-soft: var(--r-charcoal-200);
    --r-icon-inverse: var(--r-charcoal-400);
    --r-icon-warning: var(--r-charcoal-400);
    --r-icon-brand-vanguard: var(--r-dark-vanguard-400);
    --r-icon-regular-static: var(--r-charcoal-400);
    --r-border-strong: var(--r-neutral-white);
    --r-text-onbrand: var(--r-neutral-white);
    --r-border-regular: var(--r-haze-200);
    --r-border-soft: var(--r-charcoal-300);
    --r-border-softer: var(--r-charcoal-300);
    --r-border-softest: var(--r-charcoal-200);
    --r-border-focused: var(--r-focused-400);
    --r-border-focused-outlined: var(--r-neutral-white);
    --r-border-inverse: var(--r-charcoal-400);
    --r-border-brand-vanguard: var(--r-dark-vanguard-400);
    --r-background-soft: var(--r-charcoal-500);
    --r-background-softest: var(--r-charcoal-400);
    --r-background-inverse: var(--r-haze-200);
    --r-background-overlay: var(--r-charcoal-600-alpha-80);
    --r-background-modal: var(--r-charcoal-400);
    --r-background-interactive-strong: var(--r-haze-500);
    --r-background-interactive-regular: var(--r-haze-200);
    --r-background-interactive-softer: var(--r-charcoal-600);
    --r-background-interactive-softest: var(--r-charcoal-400);
    --r-background-interactive-hovered: var(--r-haze-200-alpha-04);
    --r-background-interactive-pressed: var(--r-haze-200-alpha-12);
    --r-background-interactive-activated: var(--r-haze-200-alpha-08);
    --r-background-brand-vanguard: var(--r-dark-vanguard-400);
    --r-background-brand-vanguard-softest: var(--r-vanguard-100);
    --r-background-softest-static: var(--r-neutral-white);
    --r-status-error-regular: var(--r-dark-red-500);
    --r-status-error-soft: var(--r-dark-red-600);
    --r-status-warning-regular: var(--r-dark-orange-400);
    --r-status-warning-soft: var(--r-dark-rustyorange-500);
    --r-status-warning-strong: var(--r-dark-rustyorange-400);
    --r-status-success-regular: var(--r-dark-green-400);
    --r-status-success-soft: var(--r-dark-green-500);
    --r-status-info-regular: var(--r-dark-blue-300);
    --r-status-info-soft: var(--r-dark-blue-600);
    --r-logo-brand-regular: var(--r-haze-400);
    --r-logo-brand-inverse: var(--r-charcoal-400);
    --r-logo-brand-vanguard: var(--r-vanguard-400);
    --r-logo-brand-ember: var(--r-ember-400);
  }
}
/**
 * Specify supported color scheme aligned to theming behaivor
 */
[data-theme=auto] {
  color-scheme: light dark;
}

[data-theme=light] {
  color-scheme: light;
}

[data-theme=dark] {
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  [data-theme=auto] {
    color-scheme: dark;
  }
}
@font-face {
  font-family: "GT Ultra Median";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: local("GT Ultra Median"), url("GT-Ultra-Median-Light.woff2") format("woff2");
}
@font-face {
  font-family: "GT Ultra Median";
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  src: local("GT Ultra Median"), url("GT-Ultra-Median-Light-Italic.woff2") format("woff2");
}
@font-face {
  font-family: "GT Ultra Median";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local("GT Ultra Median"), url("GT-Ultra-Median-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "GT Ultra Median";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: local("GT Ultra Median"), url("GT-Ultra-Median-Regular-Italic.woff2") format("woff2");
}
:root {
  --r-font-size-900: var(--r-font-size-mobile-900);
  --r-font-size-800: var(--r-font-size-mobile-800);
  --r-font-size-700: var(--r-font-size-mobile-700);
  --r-font-size-600: var(--r-font-size-mobile-600);
  --r-font-size-500: var(--r-font-size-mobile-500);
  --r-font-size-400: var(--r-font-size-mobile-400);
  --r-font-size-300: var(--r-font-size-mobile-300);
  --r-font-size-200: var(--r-font-size-mobile-200);
  --r-font-size-text-500: var(--r-font-size-mobile-500);
  --r-font-size-text-400: var(--r-font-size-mobile-400);
  --r-font-size-text-300: var(--r-font-size-mobile-300);
  --r-font-size-text-200: var(--r-font-size-mobile-200);
  --r-letter-spacing-002: 0.02em;
  --r-letter-spacing-004: 0.04em;
  --r-row-spacing: var(--r-spacing-200);
  --r-form--width: 100%;
  --r-form--max-width: auto;
  --r-form--controls-row--display: grid;
  --r-form--controls-row--justify-content: space-between;
  --r-form--controls-row--gap: var(--r-spacing-100);
  --r-form--controls-row--margin-bottom: var(--r-row-spacing);
  --r-form--controls-row--align-items: start;
  --r-form--control--margin-bottom: var(--r-row-spacing);
  --r-form--actions--display: inline-flex;
  --r-form--actions--align-items: flex-start;
  --r-form--actions--gap: var(--r-spacing-100);
}

@media (min-width: 1024px) {
  :root {
    --r-font-size-900: var(--r-font-size-desktop-900);
    --r-font-size-800: var(--r-font-size-desktop-800);
    --r-font-size-700: var(--r-font-size-desktop-700);
    --r-font-size-600: var(--r-font-size-desktop-600);
    --r-font-size-500: var(--r-font-size-desktop-500);
    --r-font-size-400: var(--r-font-size-desktop-400);
    --r-font-size-300: var(--r-font-size-desktop-300);
    --r-font-size-200: var(--r-font-size-desktop-200);
    --r-font-size-text-500: var(--r-font-size-desktop-500);
  }
  .r-type-headline-xl, .r-typography > h1.xl, .r-typography > .h-xl {
    line-height: var(--r-line-height-s);
  }
}
.r-type-headline-xxl, .r-typography > h1.xxl, .r-typography > .h-xxl {
  font-size: var(--r-font-size-900);
  font-weight: var(--r-font-weight-light);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-heading);
  letter-spacing: -0.02em;
}

.r-type-headline-xl, .r-typography > h1.xl, .r-typography > .h-xl {
  font-size: var(--r-font-size-800);
  font-weight: var(--r-font-weight-light);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-heading);
  letter-spacing: -0.01em;
}

.r-type-headline-l, .r-typography > h1, .r-typography > .h-l {
  font-size: var(--r-font-size-700);
  font-weight: var(--r-font-weight-light);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-heading);
}

.r-type-headline-m, .r-typography > h2, .r-typography > .h-m {
  font-size: var(--r-font-size-600);
  font-weight: var(--r-font-weight-light);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-heading);
}

.r-type-headline-s, .r-typography > h3, .r-typography > .h-s {
  font-size: var(--r-font-size-500);
  font-weight: var(--r-font-weight-light);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-heading);
}

.r-type-headline-xs, .r-typography > h4, .r-typography > .h-xs {
  font-size: var(--r-font-size-400);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-heading);
}

.r-type-body-text-l {
  font-size: var(--r-font-size-text-500);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-xs);
  font-family: var(--r-font-family-text);
}

.r-type-body-text-m, .r-typography p, .r-typography li {
  font-size: var(--r-font-size-text-400);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
}

.r-type-body-text-m-semibold {
  font-size: var(--r-font-size-text-400);
  font-weight: var(--r-font-weight-semibold);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
}

.r-type-body-text-m-uppercase {
  font-size: var(--r-font-size-text-400);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-xs);
  font-family: var(--r-font-family-text);
  letter-spacing: var(--r-letter-spacing-004);
  text-transform: uppercase;
}

.r-type-body-text-s {
  font-size: var(--r-font-size-text-300);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
}

.r-type-body-text-s-semibold {
  font-size: var(--r-font-size-text-300);
  font-weight: var(--r-font-weight-semibold);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
}

.r-type-body-text-s-uppercase {
  font-size: var(--r-font-size-text-300);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
  letter-spacing: var(--r-letter-spacing-002);
  text-transform: uppercase;
}

.r-type-body-text-xs {
  font-size: var(--r-font-size-text-200);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
}

.r-type-body-text-xs-semibold {
  font-size: var(--r-font-size-text-200);
  font-weight: var(--r-font-weight-semibold);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
}

.r-type-body-text-xs-uppercase {
  font-size: var(--r-font-size-text-200);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
  letter-spacing: var(--r-letter-spacing-002);
  text-transform: uppercase;
}

.r-type-link-text-l {
  font-size: var(--r-font-size-text-500);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-xs);
  font-family: var(--r-font-family-text);
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
}

.r-type-link-text-m, .r-typography a[href],
.r-typography a[href] > * {
  font-size: var(--r-font-size-text-400);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
}

.r-type-link-text-m-semibold {
  font-size: var(--r-font-size-text-400);
  font-weight: var(--r-font-weight-semibold);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
}

.r-type-link-text-m-uppercase {
  font-size: var(--r-font-size-text-400);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-xs);
  font-family: var(--r-font-family-text);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
  letter-spacing: var(--r-letter-spacing-004);
}

.r-type-link-text-s {
  font-size: var(--r-font-size-text-300);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
}

.r-type-link-text-s-semibold {
  font-size: var(--r-font-size-text-300);
  font-weight: var(--r-font-weight-semibold);
  line-height: var(--r-line-height-m);
  font-family: var(--r-font-family-text);
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
}

.r-type-link-text-s-uppercase {
  font-size: var(--r-font-size-text-300);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
  letter-spacing: var(--r-letter-spacing-002);
}

.r-type-link-text-xs {
  font-size: var(--r-font-size-text-200);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
}

.r-type-link-text-xs-semibold {
  font-size: var(--r-font-size-text-200);
  font-weight: var(--r-font-weight-semibold);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
}

.r-type-link-text-xs-uppercase {
  font-size: var(--r-font-size-text-200);
  font-weight: var(--r-font-weight-regular);
  line-height: var(--r-line-height-s);
  font-family: var(--r-font-family-text);
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: var(--r-spacing-025);
  letter-spacing: var(--r-letter-spacing-002);
}

.r-type-inline-text-link {
  text-decoration: underline;
  color: var(--r-text-regular);
}
.r-type-inline-text-link:hover {
  color: var(--r-text-strong);
}
.r-type-inline-text-link:focus {
  outline-style: dotted;
  outline-color: var(--r-text-softer);
}
.r-type-inline-text-link:active {
  color: var(--r-text-soft);
}
.r-type-inline-text-link.large {
  font-size: var(--r-font-size-desktop-400);
}
.r-type-inline-text-link.small {
  font-size: var(--r-font-size-mobile-300);
}
.r-type-inline-text-link.disabled {
  cursor: default;
  opacity: 0.4;
}

.r-type-fieldset-label {
  font-size: var(--r-font-size-desktop-500);
  line-height: var(--r-line-height-s);
  margin-bottom: var(--r-spacing-075);
}
.r-type-fieldset-caption {
  font-size: var(--r-font-size-desktop-400);
  line-height: var(--r-line-height-s);
  margin-bottom: var(--r-spacing-100);
}

.r-type-code, .r-typography code {
  font-size: inherit;
  padding: 0.1em 0.2em;
  color: var(--r-text-soft);
  background-color: var(--r-background-soft);
  border: 1px solid var(--r-text-softer);
  border-radius: var(--r-spacing-025);
}

.r-typography ul, .r-typography ol {
  margin-top: var(--r-spacing-075);
  margin-bottom: var(--r-spacing-200);
}
.r-typography li + li {
  margin-top: var(--r-spacing-075);
}
.r-typography r-toast + r-toast {
  margin-top: var(--r-spacing-100, 1rem);
}

.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre {
  white-space: pre;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.whitespace-break-spaces {
  white-space: break-spaces;
}

:root {
  --r-table--position: relative;
  --r-table--width: 100%;
  --r-table--border-collapse: collapse;
  --r-table--background-color: var(--r-background-softest);
  --r-table--font-size: var(--r-font-size-300);
  --r-table--tr--border-bottom: 1px solid var(--r-border-softer);
  --r-table--th-td--font-family: var(--r-font-family-text);
  --r-table--th-td--font-weight: normal;
  --r-table--th-td--font-size: var(--r-font-size-300);
  --r-table--th-td--text-align: left;
  --r-table--th-td--border: none;
  --r-table--th--color: var(--r-text-soft);
  --r-table--th--background-color: var(--r-background-soft);
  --r-table--th--padding: 1.1429em;
  --r-table--td--color: var(--r-text-regular);
  --r-table--td--background-color: var(--r-background-softest);
  --r-table--td--padding: 1.1851em 1.1429em;
  --r-table_zebra--tr--background-color: var(--r-background-soft);
}

.r-table-container {
  overflow-x: auto;
}
.r-table, .r-table-container table {
  position: var(--r-table--position);
  width: var(--r-table--width);
  border-collapse: var(--r-table--border-collapse);
  background-color: var(--r-table--background-color);
  font-family: var(--r-table--font-family);
  font-size: var(--r-table--font-size);
}
.r-table tr, .r-table-container table tr {
  border-bottom: var(--r-table--tr--border-bottom);
}
.r-table th, .r-table-container table th, .r-table td, .r-table-container table td {
  font-family: var(--r-table--th-td--font-family);
  font-weight: var(--r-table--th-td--font-weight);
  font-size: var(--r-table--th-td--font-size);
  text-align: var(--r-table--th-td--text-align);
  border: var(--r-table--th-td--border);
}
.r-table th, .r-table-container table th {
  color: var(--r-table--th--color);
  background-color: var(--r-table--th--background-color);
  padding: var(--r-table--th--padding);
}
.r-table td, .r-table-container table td {
  color: var(--r-table--td--color);
  padding: var(--r-table--td--padding);
  background-color: var(--r-table--td--background-color);
}
.r-table.zebra thead + tbody > tr:nth-child(2n) > td, .r-table-container table.zebra thead + tbody > tr:nth-child(2n) > td {
  background-color: var(--r-table_zebra--tr--background-color);
}
.r-table.zebra.even tr:nth-child(2n) > td, .r-table-container table.zebra.even tr:nth-child(2n) > td {
  background-color: var(--r-table_zebra--tr--background-color);
}
.r-table.zebra.even thead + tbody > tr:nth-child(2n) > td, .r-table-container table.zebra.even thead + tbody > tr:nth-child(2n) > td {
  background-color: transparent;
}
.r-table.zebra.even thead + tbody > tr:nth-child(2n+1) > td, .r-table-container table.zebra.even thead + tbody > tr:nth-child(2n+1) > td {
  background-color: var(--r-table_zebra--tr--background-color);
}
.r-table.zebra.odd tr:nth-child(2n+1) > td, .r-table-container table.zebra.odd tr:nth-child(2n+1) > td {
  background-color: var(--r-table_zebra--tr--background-color);
}
.r-table.zebra.odd thead + tbody > tr:nth-child(2n+1) > td, .r-table-container table.zebra.odd thead + tbody > tr:nth-child(2n+1) > td {
  background-color: transparent;
}
.r-table.zebra.odd thead + tbody > tr:nth-child(2n) > td, .r-table-container table.zebra.odd thead + tbody > tr:nth-child(2n) > td {
  background-color: var(--r-table_zebra--tr--background-color);
}
@media (max-width: 720px) {
  .r-table.sticky th:first-child, .r-table-container table.sticky th:first-child, .r-table.sticky td:first-child, .r-table-container table.sticky td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    filter: drop-shadow(4px 25px 15px rgba(0, 0, 0, 0.1));
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  }
}

r-select:not(.hydrated),
r-textarea:not(.hydrated),
r-pagination:not(.hydrated),
r-checkbox:not(.hydrated),
r-radio-button:not(.hydrated),
r-select-option:not(.hydrated),
r-stepper:not(.hydrated),
r-accordion:not(.hydrated),
r-accordion-item:not(.hydrated),
r-badge:not(.hydrated),
r-design-system-devtools:not(.hydrated),
r-tab:not(.hydrated),
r-tab-panel:not(.hydrated),
r-tabs:not(.hydrated),
r-tabs-list:not(.hydrated),
r-icon:not(.hydrated),
r-button:not(.hydrated),
r-label:not(.hydrated),
r-tooltip:not(.hydrated),
r-hint:not(.hydrated),
r-input:not(.hydrated),
r-panel:not(.hydrated) {
  visibility: hidden;
}

.r-form {
  width: var(--r-form--width);
  max-width: var(--r-form--max-width);
}
.r-form--controls-row.c1 {
  --columns: 1;
}
.r-form--controls-row.c2 {
  --columns: 2;
}
.r-form--controls-row.c3 {
  --columns: 3;
}
.r-form--controls-row.c4 {
  --columns: 4;
}
.r-form--controls-row.c5 {
  --columns: 5;
}
.r-form--controls-row.c6 {
  --columns: 6;
}
.r-form--controls-row.c7 {
  --columns: 7;
}
.r-form--controls-row.c8 {
  --columns: 8;
}
.r-form--controls-row.c9 {
  --columns: 9;
}
.r-form--controls-row.c10 {
  --columns: 10;
}
.r-form--controls-row.c11 {
  --columns: 11;
}
.r-form--controls-row.c12 {
  --columns: 12;
}
.r-form--controls-row {
  display: var(--r-form--controls-row--display);
  grid-template-columns: repeat(var(--columns, 2), 1fr);
  gap: var(--r-form--controls-row--gap);
  margin-bottom: var(--r-form--controls-row--margin-bottom);
  align-items: var(--r-form--controls-row--align-items);
}
.r-form--control {
  margin-bottom: var(--r-form--control--margin-bottom);
}
.r-form--actions {
  display: var(--r-form--actions--display);
  align-items: var(--r-form--actions--align-items);
  gap: var(--r-form--actions--gap);
}

body:has(r-panel[variant=drawer]:not([collapsed])) .r-panel-shiftable-content,
r-panel[variant=drawer]:not([collapsed]) ~ .r-panel-shiftable-content {
  transform: translateX(260px);
}

.r-panel-shiftable-content {
  transition: transform 0.3s ease;
}