/**
 * Do not edit directly
 * Generated on Fri, 20 Jun 2025 05:41:53 GMT
 */

:root {
  --transform-pagehandle-background-color-active: #3ed5f4;
  --transform-border-color-active: rgba(20, 179, 210, 0.2500);
  --transform-border-color-hover: #5ce0fa;
  --transform-border-color-regular: #5ce0fa;
  --transform-background-color-active: #5ce0fa;
  --transform-background-color-hover: rgba(176, 240, 253, 0.6000);
  --transform-background-color-regular: rgba(229, 251, 255, 0.9600);
  --transform-color-active: #3ed5f4;
  --transform-color-hover: rgba(20, 179, 210, 0.1600);
  --transform-color-regular: rgba(20, 179, 210, 0.1600);
  --transform-grip-background-color-emphasis: #3ed5f4;
  --transform-iconbutton-addpage-background-color-regular: #3ed5f4;
  --divider-background-color-primary: rgba(0, 0, 0, 0.05);
  --color-cyan-900: #14b3d2;
  --color-cyan-800: #33c8e6;
  --color-cyan-700: #4bdaf7;
  --color-cyan-600: #67e6ff;
  --color-cyan-500: #8aebfe;
  --color-cyan-400: #a3f0ff;
  --color-cyan-300: #b8f3ff;
  --color-cyan-200: #d1f8ff;
  --color-cyan-100: #eef8fb;
  --border-radius-full: 99px;
  --border-radius-xxlarge: 20px;
  --border-radius-xlarge: 16px;
  --border-radius-large: 12px;
  --border-radius-medium: 8px;
  --border-radius-small: 6px;
  --border-radius-none: 0;
  --background-color-transparent-emphasis-regular: rgba(103, 230, 255, 0.1600);
  --background-color-divider-regular: rgba(0, 0, 0, 0.05);
  --body-background-color-primary: #ffffff;
  --brand-700: #151719;
  --guide-background-color: var(--color-cyan-600);
  --switch-background-color-checked-hover: var(--color-cyan-900);
  --switch-background-color-checked-regular: var(--color-cyan-800);
  --message-info-color-regular: var(--color-blue-500);
  --control-background-color-checked-hover: var(--color-cyan-800);
  --control-background-color-checked-regular: var(--color-cyan-800);
  --control-border-color-checked-regular: var(--color-cyan-800);
  --control-border-color-active: var(--color-cyan-800);
  --control-border-color-hover: var(--color-cyan-800);
  --selection-list-item-color-focus: var(--color-gray-900);
  --selection-list-item-background-color-focus-unchecked: var(--color-cyan-200);
  --selection-list-item-background-color-focus: var(--color-cyan-400);
  --selection-list-item-background-color-checked: var(--color-cyan-100);
  --link-disabled: var(--color-cyan-400);
  --link-active: var(--color-cyan-800);
  --link-hover: var(--color-cyan-800);
  --link-regular: var(--color-cyan-900);
  --border-color-emphasis: var(--color-cyan-600);
  --background-color-emphasis-secondary-active: var(--color-cyan-300);
  --background-color-emphasis-secondary-hover: var(--color-cyan-200);
  --background-color-emphasis-secondary-regular: var(--color-cyan-100);
  --background-color-emphasis-active: var(--color-cyan-800);
  --background-color-emphasis-hover: var(--color-cyan-700);
  --background-color-emphasis-regular: var(--color-cyan-600);
  --background-color-secondary-active: var(--color-gray-300);
  --background-color-secondary-hover: var(--color-gray-200);
  --background-color-secondary-regular: var(--color-gray-100);
  --text-color-emphasis: var(--color-cyan-900);
  --brand-900: var(--color-gray-900);
  --brand-800: var(--color-gray-900);
  --brand-600: var(--color-gray-900);
  --brand-500: var(--color-gray-800);
  --brand-400: var(--color-gray-500);
  --brand-300: var(--color-gray-300);
  --brand-200: var(--color-gray-200);
  --brand-100: var(--color-gray-100);
  --guide-color-regular: var(--text-color-primary);
  --guide-color-placeholder: var(--color-transparent-black-800);
  --tag-color-checked: var(--text-color-emphasis);
  --tabs-background-color-emphasis-checked-active: var(--background-color-emphasis-active);
  --tabs-background-color-emphasis-checked-hover: var(--background-color-emphasis-hover);
  --tabs-background-color-emphasis-checked-regular: var(--background-color-emphasis-regular);
  --message-success-border-color-regular: var(--color-transparent-green-100);
  --message-error-border-color-regular: var(--color-transparent-red-100);
  --message-warning-border-color-regular: var(--color-transparent-orange-100);
  --message-info-border-color-regular: var(--color-transparent-blue-100);
  --selection-list-drag-background-color: var(--background-color-emphasis-secondary-regular);
  --background-color-secondary-checked-regular: var(--brand-100);
  --text-color-contrast: var(--text-color-primary);
  --user-bubble-text-color: var(--static-color-white);
  --user-bubble-background-color: var(--brand-900);
}