/* Generated from design-system/upwork/tokens.json. Do not edit; run npm run design:sync. */
:root {
  --uw-color-brand-green: #108a00;
  --uw-color-up-green: #14a800;
  --uw-color-uma: #d2ff00;
  --uw-color-up-lime: #95df00;
  --uw-color-forest: #13544e;
  --uw-color-up-black: #181818;
  --uw-color-gray-10: #1a1a1a;
  --uw-color-gray-45: #676767;
  --uw-color-gray-50: #8d8c8c;
  --uw-color-gray-55: #a5a5a5;
  --uw-color-gray-80: #e9e9e9;
  --uw-color-gray-90: #f1f1f1;
  --uw-color-gray-95: #f9f9f9;
  --uw-color-white: #ffffff;
  --uw-color-red: #c70e05;
  --uw-color-blue: #086add;
  --uw-color-yellow: #d9c407;
  --uw-spacing-unit: 4;
  --uw-radius-unit: 2;
  --uw-radius-pill: 10rem;
  --uw-typography-family: Neue Montreal;
  --uw-typography-fallback: Arial, sans-serif;
  --uw-typography-hero-desktop-size: 72;
  --uw-typography-hero-desktop-line-height: 74.88;
  --uw-typography-hero-desktop-weight: 550;
  --uw-typography-hero-mobile-size: 42;
  --uw-typography-hero-mobile-line-height: 43.68;
  --uw-typography-hero-mobile-weight: 550;
  --uw-typography-category-heading-desktop: 40;
  --uw-typography-category-heading-mobile: 30;
  --uw-typography-category-heading-weight: 550;
  --uw-typography-body: 16;
  --uw-typography-compact: 14;
  --uw-typography-eyebrow: 12;
  --uw-control-height: 40;
  --uw-control-small-height: 32;
  --uw-control-radius: 8;
  --uw-control-border: 1px solid #8d8c8c;
  --uw-control-hover-focus-border: #181818;
  --uw-control-hover-focus-shadow: inset 0 0 0 1px #181818;
  --uw-control-error-border: #c70e05;
  --uw-control-error-shadow: inset 0 0 0 1px #c70e05;
  --uw-control-disabled-background: #e9e9e9;
  --uw-control-disabled-text: #a5a5a5;
  --uw-control-keyboard-outline-width: 2;
  --uw-button-default-background: #108a00;
  --uw-button-hover-background: #14a800;
  --uw-button-text: #ffffff;
  --uw-button-active-scale: 0.96;
  --uw-button-height: 40;
  --uw-button-radius: 8;
  --uw-button-nav-radius: 160px;
  --uw-shadow-card: 2px 2px 8px 2px rgba(24,24,24,.08),0 0 0 1px #e9e9e9;
  --uw-shadow-card-hover: 4px 4px 8px 2px rgba(24,24,24,.12),0 0 0 1px #e9e9e9;
  --uw-shadow-dropdown: 0 12px 32px rgba(24,24,24,.12);
  --uw-motion-button-ms: 100;
  --uw-motion-button-easing: ease-in-out;
  --uw-motion-input-ms: 150;
  --uw-motion-input-easing: ease-in-out;
  --uw-motion-hero-ms: 2500;
  --uw-motion-hero-easing: cubic-bezier(.3,.7,.3,1);
  --uw-motion-hero-from: perspective(1000px) translateX(10px) rotateY(25deg) scale(.9);
  --uw-motion-hero-to: perspective(1000px) translateX(0) rotateY(0) scale(1);
  --uw-motion-hero-search-reveal-ms: 2550;
  --uw-motion-dropdown-enter-delay-ms: 200;
  --uw-motion-dropdown-enter-ms: 100;
  --uw-motion-dropdown-enter-easing: ease-out;
  --uw-motion-dropdown-enter-translate-y-from: -4;
  --uw-motion-dropdown-exit-ms: 120;
  --uw-motion-dropdown-exit-easing: ease-in;
  --uw-motion-category-outline-ms: 300;
  --uw-motion-category-outline-easing: ease-in-out;
  --uw-motion-logo-marquee-ms: 17500;
  --uw-motion-logo-marquee-easing: ease-in-out;
  --uw-motion-logo-marquee-iteration: infinite alternate;
  --uw-motion-toggle-ms: 115;
  --uw-motion-toggle-easing: ease-in;
  --uw-motion-loading-spinner-ms: 1000;
  --uw-motion-loading-spinner-easing: linear;
  --uw-motion-loading-spinner-iteration: infinite;
  --uw-motion-loading-label-ms: 320;
  --uw-motion-loading-label-easing: cubic-bezier(.4,0,.2,1);
  --uw-motion-success-enter-ms: 220;
  --uw-motion-success-enter-easing: ease-out;
  --uw-motion-success-draw-delay-ms: 80;
  --uw-motion-success-draw-ms: 260;
  --uw-motion-success-draw-easing: ease-out;
  --uw-motion-label-return-ms: 520;
  --uw-motion-label-return-easing: cubic-bezier(.34,1.56,.64,1);
  --uw-spacing-4: 4px;
  --uw-spacing-8: 8px;
  --uw-spacing-12: 12px;
  --uw-spacing-16: 16px;
  --uw-spacing-20: 20px;
  --uw-spacing-24: 24px;
  --uw-spacing-32: 32px;
  --uw-spacing-40: 40px;
  --uw-spacing-48: 48px;
  --uw-spacing-56: 56px;
  --uw-spacing-64: 64px;
  --uw-spacing-80: 80px;
  --uw-spacing-96: 96px;
  --uw-radius-2: 2px;
  --uw-radius-4: 4px;
  --uw-radius-6: 6px;
  --uw-radius-8: 8px;
  --uw-radius-12: 12px;
  --uw-radius-16: 16px;
  --uw-radius-24: 24px;
  --uw-radius-28: 28px;
  --uw-radius-36: 36px;
  --uw-radius-40: 40px;
}