/* This file is automatically generated */

/* @deprecated Use common-ui design tokens instead. */

html[data-theme='light'] {
  --breakpoints-desktop-md: 1399;
  --breakpoints-desktop-sm: 1279;
  --breakpoints-desktop-xs: 767;
  --palette-grayscale-1: rgb(247 247 247);
  --palette-grayscale-2: rgb(234 234 234);
  --palette-grayscale-3: rgb(218 218 218);
  --palette-grayscale-4: rgb(209 211 212);
  --palette-grayscale-5: rgb(179 179 179);
  --palette-grayscale-6: rgb(78 77 68);
  --palette-yellow-1: rgb(254 252 232);
  --palette-yellow-2: rgb(250 230 185);
  --palette-yellow-3: rgb(247 214 129);
  --palette-yellow-4: rgb(243 196 74);
  --palette-yellow-5: rgb(227 172 67);
  --palette-yellow-6: rgb(158 116 56);
  --palette-orange-1: rgb(252 241 215);
  --palette-orange-2: rgb(238 186 114);
  --palette-orange-3: rgb(236 145 66);
  --palette-orange-4: rgb(225 108 56);
  --palette-orange-5: rgb(142 61 40);
  --palette-orange-6: rgb(82 37 29);
  --palette-red-1: rgb(245 212 207);
  --palette-red-2: rgb(230 141 120);
  --palette-red-3: rgb(222 89 84);
  --palette-red-4: rgb(203 66 59);
  --palette-red-5: rgb(160 46 42);
  --palette-red-6: rgb(118 53 59);
  --palette-purple-1: rgb(233 225 233);
  --palette-purple-2: rgb(203 195 218);
  --palette-purple-3: rgb(183 131 180);
  --palette-purple-4: rgb(144 75 150);
  --palette-purple-5: rgb(96 79 111);
  --palette-purple-6: rgb(62 48 80);
  --palette-blue-1: rgb(228 238 241);
  --palette-blue-2: rgb(190 213 222);
  --palette-blue-3: rgb(84 172 223);
  --palette-blue-4: rgb(47 75 147);
  --palette-blue-5: rgb(23 64 94);
  --palette-blue-6: rgb(33 40 54);
  --palette-green-1: rgb(231 243 236);
  --palette-green-2: rgb(185 218 186);
  --palette-green-3: rgb(137 195 156);
  --palette-green-4: rgb(79 173 138);
  --palette-green-5: rgb(53 121 108);
  --palette-green-6: rgb(34 84 80);
  --color-black: rgb(0 0 0);
  --color-white: rgb(255 255 255);
  --color-border: rgb(0 0 0 / 8%);
  --color-primary: rgb(243 196 74);
  --color-secondary: rgb(47 75 147);
  --color-danger: rgb(203 66 59);
  --color-success: rgb(79 173 138);
  --color-info: rgb(84 172 223);
  --color-warning: rgb(236 145 66);
  --color-shadow-secondary: rgb(84 172 223 / 16%);
  --color-tp-primary: rgb(246 195 34);
  --color-tp-primary-65: rgb(246 195 34 / 65%);
  --color-tp-primary-30: rgb(246 195 34 / 3%);
  --color-tp-secondary: rgb(77 78 83);
  --color-tp-secondary-65: rgb(77 78 83 / 65%);
  --color-tp-secondary-30: rgb(77 78 83 / 3%);
}

/* This file is automatically generated */

/* @deprecated Use common-ui design tokens instead. */

html[data-theme='dark'] {
  --breakpoints-desktop-md: 1399;
  --breakpoints-desktop-sm: 1279;
  --breakpoints-desktop-xs: 767;
  --palette-grayscale-1: rgb(247 247 247);
  --palette-grayscale-2: rgb(234 234 234);
  --palette-grayscale-3: rgb(218 218 218);
  --palette-grayscale-4: rgb(209 211 212);
  --palette-grayscale-5: rgb(179 179 179);
  --palette-grayscale-6: rgb(78 77 68);
  --palette-yellow-1: rgb(254 252 232);
  --palette-yellow-2: rgb(250 230 185);
  --palette-yellow-3: rgb(247 214 129);
  --palette-yellow-4: rgb(243 196 74);
  --palette-yellow-5: rgb(227 172 67);
  --palette-yellow-6: rgb(158 116 56);
  --palette-orange-1: rgb(252 241 215);
  --palette-orange-2: rgb(238 186 114);
  --palette-orange-3: rgb(236 145 66);
  --palette-orange-4: rgb(225 108 56);
  --palette-orange-5: rgb(142 61 40);
  --palette-orange-6: rgb(82 37 29);
  --palette-red-1: rgb(245 212 207);
  --palette-red-2: rgb(230 141 120);
  --palette-red-3: rgb(222 89 84);
  --palette-red-4: rgb(203 66 59);
  --palette-red-5: rgb(160 46 42);
  --palette-red-6: rgb(118 53 59);
  --palette-purple-1: rgb(233 225 233);
  --palette-purple-2: rgb(203 195 218);
  --palette-purple-3: rgb(183 131 180);
  --palette-purple-4: rgb(144 75 150);
  --palette-purple-5: rgb(96 79 111);
  --palette-purple-6: rgb(62 48 80);
  --palette-blue-1: rgb(228 238 241);
  --palette-blue-2: rgb(190 213 222);
  --palette-blue-3: rgb(84 172 223);
  --palette-blue-4: rgb(47 75 147);
  --palette-blue-5: rgb(23 64 94);
  --palette-blue-6: rgb(33 40 54);
  --palette-green-1: rgb(231 243 236);
  --palette-green-2: rgb(185 218 186);
  --palette-green-3: rgb(137 195 156);
  --palette-green-4: rgb(79 173 138);
  --palette-green-5: rgb(53 121 108);
  --palette-green-6: rgb(34 84 80);
  --color-black: rgb(0 0 0);
  --color-white: rgb(255 255 255);
  --color-border: rgb(0 0 0 / 24%);
  --color-primary: rgb(243 196 74);
  --color-secondary: rgb(47 75 147);
  --color-danger: rgb(203 66 59);
  --color-success: rgb(79 173 138);
  --color-info: rgb(84 172 223);
  --color-warning: rgb(236 145 66);
  --color-shadow-secondary: rgb(84 172 223 / 16%);
  --color-tp-primary: rgb(246 195 34);
  --color-tp-primary-65: rgb(246 195 34 / 65%);
  --color-tp-primary-30: rgb(246 195 34 / 3%);
  --color-tp-secondary: rgb(77 78 83);
  --color-tp-secondary-65: rgb(77 78 83 / 65%);
  --color-tp-secondary-30: rgb(77 78 83 / 3%);
}

:root {
  /* Fonts */
  --font-price-large: var(--font-weight-regular) var(--size-font-xxlarge) / var(--size-line-height-xlarge)
    var(--font-family-body);
  --font-code: var(--font-weight-regular) var(--size-font-small) / 18px 'Consolas', 'Courier New', monospace;

  /* Sizes */
  --height-header: 56px;
  --width-sidebar: 56px;
  --width-sidebar-expanded: 240px;
  --width-sidepanel: 400px;

  /* Z-Indices */
  --z-index-banner: 5;
  --z-index-sidepanel: 10;
  --z-index-dropdown: 15;
  --z-index-sidebar: 20;
  --z-index-modal: 25;
}

*,
* + * {
  transition: background 0.1s 0s ease-in-out;
}

body {
  font-size: 100%;
  color: var(--color-neutral-text-default);
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
  text-align: left;
  margin: 0;
  padding: 0;
}

code,
kbd {
  display: inline-block;
  background: var(--color-neutral-bg-weak);
  padding: var(--size-spacing-xsmall);
  margin-bottom: var(--size-spacing-small);
  font: var(--font-code);
}