/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
	-moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
	tab-size: 4; /* 3 */
}

/*
Sections
========
*/

body {
	margin: 0; /* Remove the margin in all browsers. */
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/ui/LoginUi/Inter-Regular-358200361080fccb.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/ui/LoginUi/Inter-Medium-94afb4f3993a225e.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/ui/LoginUi/Inter-SemiBold-6ea51c0eff654c89.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url(/assets/ui/LoginUi/Inter-Bold-ff699d3134c17db1.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url(/assets/ui/LoginUi/Inter-Black-1bfc4037b6caea3e.woff2) format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Apercu Mono Pro';
  src: url(/assets/ui/LoginUi/apercu-mono-regular-pro-2ce4cbebc6e625c9.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Apercu Mono Pro';
  src: url(/assets/ui/LoginUi/apercu-mono-medium-pro-3c319c956fa76f44.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Apercu Mono Pro';
  src: url(/assets/ui/LoginUi/apercu-mono-bold-pro-e1110e6b3a403a27.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root, .baltoBaseDimension {
  --base-dimension-text-small: 12px;
  --base-dimension-text-regular: 14px;
  --base-dimension-text-large: 16px;
  --base-dimension-text-xlarge: 20px;
  --base-dimension-text-xxlarge: 28px;
  --base-dimension-text-xxxlarge: 40px;
  --base-dimension-spacing-0-25x: 2px;
  --base-dimension-spacing-0-5x: 4px;
  --base-dimension-spacing-0-75x: 6px;
  --base-dimension-spacing-1x: 8px;
  --base-dimension-spacing-1-5x: 12px;
  --base-dimension-spacing-2x: 16px;
  --base-dimension-spacing-2-5x: 20px;
  --base-dimension-spacing-3x: 24px;
  --base-dimension-spacing-4x: 32px;
  --base-dimension-spacing-5x: 40px;
  --base-dimension-spacing-6x: 48px;
  --base-dimension-spacing-8x: 64px;
  --base-dimension-radius-xsmall: 4px;
  --base-dimension-radius-small: 6px;
  --base-dimension-radius-medium: 8px;
  --base-dimension-radius-large: 16px;
  --base-dimension-breakpoint-xsmall: 480px;
  --base-dimension-breakpoint-small: 720px;
  --base-dimension-breakpoint-medium: 1024px;
  --base-dimension-breakpoint-large: 1360px;
  --base-dimension-breakpoint-xlarge: 1680px;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root, .baltoBaseColor {
  --base-color-white: #ffffff;
  --base-color-black: #000000;
  --base-color-transparent: transparent;
  --base-color-gray-10: #f7f7f7;
  --base-color-gray-15: #eceef1;
  --base-color-gray-20: #dee3ea;
  --base-color-gray-30: #d5dae4;
  --base-color-gray-40: #bdc4d5;
  --base-color-gray-50: #9fabc1;
  --base-color-gray-55: #8a96ad;
  --base-color-gray-60: #70819a;
  --base-color-gray-70: #5d6a85;
  --base-color-gray-80: #293246;
  --base-color-gray-85: #1e252f;
  --base-color-gray-90: #191e24;
  --base-color-gray-95: #0f161e;
  --base-color-gray-00: #fbfbfb;
  --base-color-blue-10: #bbd6fe;
  --base-color-blue-20: #86b6fc;
  --base-color-blue-30: #5999f8;
  --base-color-blue-40: #3580f2;
  --base-color-blue-50: #1a6ce7;
  --base-color-blue-60: #085bd7;
  --base-color-blue-70: #004cbe;
  --base-color-blue-80: #003e9a;
  --base-color-blue-90: #002c6e;
  --base-color-blue-00: #f1f7ff;
  --base-color-blue-05: #d6e6ff;
  --base-color-green-10: #bdf8e9;
  --base-color-green-20: #97f3cf;
  --base-color-green-30: #80e3c1;
  --base-color-green-40: #51d9ae;
  --base-color-green-50: #51caa5;
  --base-color-green-60: #1db588;
  --base-color-green-70: #0e9c73;
  --base-color-green-80: #087959;
  --base-color-green-90: #034237;
  --base-color-green-00: #eafff9;
  --base-color-red-10: #ffd1dc;
  --base-color-red-20: #f76a86;
  --base-color-red-30: #ef405e;
  --base-color-red-40: #e32442;
  --base-color-red-50: #d3132f;
  --base-color-red-60: #bf0822;
  --base-color-red-70: #a40319;
  --base-color-red-80: #860112;
  --base-color-red-90: #66000e;
  --base-color-red-00: #fff5f8;
  --base-color-yellow-10: #ffedcd;
  --base-color-yellow-20: #fccf54;
  --base-color-yellow-30: #f8c52a;
  --base-color-yellow-40: #f3be0f;
  --base-color-yellow-50: #ecb700;
  --base-color-yellow-60: #e3a300;
  --base-color-yellow-70: #ea9d00;
  --base-color-yellow-80: #b67901;
  --base-color-yellow-90: #653e03;
  --base-color-yellow-00: #fff8e6;
  --base-color-violet-10: #ded8fd;
  --base-color-violet-20: #c7bcfb;
  --base-color-violet-30: #a797f8;
  --base-color-violet-40: #7e66f5;
  --base-color-violet-50: #7157f4;
  --base-color-violet-60: #5d3ff3;
  --base-color-violet-70: #5139c7;
  --base-color-violet-80: #402d9f;
  --base-color-violet-90: #281c63;
  --base-color-violet-00: #f7f5fe;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

:root, .lightMode {
  --themed-font-family-body: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --themed-font-family-mono: 'Apercu Mono Pro', ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
  --themed-font-family-editorial: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --themed-font-family-heading: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --themed-font-weight-regular: 400;
  --themed-font-weight-medium: 500;
  --themed-font-weight-semi-bold: 600;
  --themed-font-weight-bold: 700;
  --themed-font-size-small: 12px;
  --themed-font-size-regular: 14px;
  --themed-font-size-large: 16px;
  --themed-font-size-xlarge: 20px;
  --themed-font-size-xxlarge: 28px;
  --themed-font-size-xxxlarge: 40px;
  --themed-line-height-small-single-line: 14px;
  --themed-line-height-regular-single-line: 16px;
  --themed-line-height-small-body: 18px;
  --themed-line-height-regular-body: 20px;
  --themed-line-height-sub-header: 20px;
  --themed-line-height-page-header: 24px;
  --themed-line-height-large-editorial: 34px;
  --themed-line-height-larger-editorial: 48px;
  --themed-surface-level-1-background: #ffffff;
  --themed-surface-level-1-border: #d5dae4;
  --themed-surface-level-2-background: #fbfbfb;
  --themed-surface-level-2-border: #d5dae4;
  --themed-surface-level-3-background: #fbfbfb;
  --themed-surface-level-3-border: #bdc4d5;
  --themed-elevation-1-shadow-color: rgba(25, 30, 36, 0.1);
  --themed-elevation-1-shadow-blur: 4px;
  --themed-elevation-1-shadow-ofset-x: 0px;
  --themed-elevation-1-shadow-offset-y: 2px;
  --themed-elevation-1-box-shadow: 0px 2px 4px rgba(25, 30, 36, 0.1);
  --themed-elevation-2-shadow-color: rgba(25, 30, 36, 0.15);
  --themed-elevation-2-shadow-blur: 8px;
  --themed-elevation-2-shadow-ofset-x: 0px;
  --themed-elevation-2-shadow-offset-y: 2px;
  --themed-elevation-2-box-shadow: 0px 2px 8px rgba(25, 30, 36, 0.15);
  --themed-elevation-3-shadow-color: rgba(25, 30, 36, 0.2);
  --themed-elevation-3-shadow-blur: 16px;
  --themed-elevation-3-shadow-ofset-x: 0px;
  --themed-elevation-3-shadow-offset-y: 4px;
  --themed-elevation-3-box-shadow: 0px 4px 16px rgba(25, 30, 36, 0.2);
  --themed-interaction-pressable-default-background: #1a6ce7;
  --themed-interaction-pressable-default-content: #ffffff;
  --themed-interaction-pressable-hovered-background: #085bd7;
  --themed-interaction-pressable-pressed-background: #003e9a;
  --themed-interaction-pressable-disabled-background: #bbd6fe;
  --themed-interaction-pressable-disabled-content: #5999f8;
  --themed-chart-1: #1a6ce7;
  --themed-chart-2: #ecb700;
  --themed-chart-3: #51caa5;
  --themed-chart-4: #d3132f;
  --themed-chart-5: #7157f4;
  --themed-chart-6: #ff7c1d;
  --themed-chart-7: #70ddff;
  --themed-chart-8: #d45cff;
  --themed-chart-dim-1: #c6dbfd;
  --themed-chart-dim-2: #f5d791;
  --themed-chart-dim-3: #b0e5d1;
  --themed-chart-dim-4: #fccfcc;
  --themed-chart-dim-5: #d6d7ff;
  --themed-chart-dim-6: #ffd1b5;
  --themed-chart-dim-7: #96e5ff;
  --themed-chart-dim-8: #f3cdff;
  --themed-reusable-border-default: #d5dae4;
  --themed-reusable-border-bright: #bdc4d5;
  --themed-reusable-border-hover: #9fabc1;
  --themed-reusable-border-disabled: #dee3ea;
  --themed-reusable-border-active: #1a6ce7;
  --themed-reusable-border-focused-active-item: #d6e6ff;
  --themed-reusable-border-focused-critical-item: #ffd1dc;
  --themed-reusable-border-focused-success-item: #51d9ae;
  --themed-reusable-border-focused-warning-item: #ffedcd;
  --themed-reusable-background-null: #d5dae4;
  --themed-reusable-background-additional-info: #f7f7f7;
  --themed-reusable-background-row-hover: #eceef1;
  --themed-reusable-background-component-selected-knockout: #fbfbfb;
  --themed-reusable-text-primary: #1e252f;
  --themed-reusable-text-secondary: #5d6a85;
  --themed-reusable-text-header: #1e252f;
  --themed-reusable-link-default: #1a6ce7;
  --themed-reusable-link-hover: #004cbe;
  --themed-reusable-link-press: #003e9a;
  --themed-reusable-link-disabled: #86b6fc;
  --themed-reusable-link-success-default: #034237;
  --themed-reusable-link-success-hover: #001d11;
  --themed-reusable-link-success-press: #000000;
  --themed-reusable-link-success-disabled: #649c8e;
  --themed-reusable-link-neutral-default: #1e252f;
  --themed-reusable-link-neutral-hover: #000005;
  --themed-reusable-link-neutral-press: #000000;
  --themed-reusable-link-neutral-disabled: #717985;
  --themed-reusable-link-critical-default: #66000e;
  --themed-reusable-link-critical-hover: #3b0000;
  --themed-reusable-link-critical-press: #290000;
  --themed-reusable-link-critical-disabled: #cf655e;
  --themed-reusable-link-caution-default: #653e03;
  --themed-reusable-link-caution-hover: #3a1700;
  --themed-reusable-link-caution-press: #230000;
  --themed-reusable-link-caution-disabled: #ca965b;
  --themed-reusable-link-info-default: #002c6e;
  --themed-reusable-link-info-hover: #000142;
  --themed-reusable-link-info-press: #00001e;
  --themed-reusable-link-info-disabled: #7380ce;
  --themed-reusable-icon-default: #5d6a85;
  --themed-reusable-icon-subtle: #bdc4d5;
  --themed-reusable-selected-text: #085bd7;
  --themed-reusable-selected-background: #d6e6ff;
  --themed-reusable-selected-ui: #085bd7;
  --themed-reusable-selected-hovered-text: #004cbe;
  --themed-reusable-selected-hovered-background: #bbd6fe;
  --themed-reusable-selected-hovered-ui: #1a6ce7;
  --themed-reusable-disabled-text: #9fabc1;
  --themed-status-critical-message-text: #d3132f;
  --themed-status-critical-text: #66000e;
  --themed-status-critical-background: #ffd1dc;
  --themed-status-critical-ui: #d3132f;
  --themed-status-critical-chart: #ef405e;
  --themed-status-critical-chart-dim: #ffced0;
  --themed-status-caution-message-text: #653e03;
  --themed-status-caution-text: #653e03;
  --themed-status-caution-background: #ffedcd;
  --themed-status-caution-ui: #f3be0f;
  --themed-status-caution-chart: #f8c52a;
  --themed-status-caution-chart-dim: #fad67b;
  --themed-status-success-message-text: #087959;
  --themed-status-success-text: #034237;
  --themed-status-success-background: #bdf8e9;
  --themed-status-success-ui: #0e9c73;
  --themed-status-success-chart: #51d9ae;
  --themed-status-success-chart-dim: #a0e9cd;
  --themed-status-info-message-text: #085bd7;
  --themed-status-info-text: #002c6e;
  --themed-status-info-background: #d6e6ff;
  --themed-status-info-ui: #1a6ce7;
  --themed-status-info-chart: #3580f2;
  --themed-status-info-chart-dim: #c5dcff;
  --themed-status-neutral-message-text: #1e252f;
  --themed-status-neutral-text: #1e252f;
  --themed-status-neutral-background: #eceef1;
  --themed-status-neutral-ui: #bdc4d5;
  --themed-status-neutral-chart: #bdc4d5;
  --themed-status-neutral-chart-dim: #d5dae5;
  --themed-status-active-chart: #5d6a85;
  --themed-status-active-chart-dim: #d6dae1;
  --themed-component-range-slider-track-background-default: #dee3ea;
  --themed-component-range-slider-range-background-left: #86b6fc;
  --themed-component-range-slider-range-background-right: #3580f2;
  --themed-component-range-slider-range-background-disabled: #dee3ea;
  --themed-component-range-slider-thumb-background-default: #ffffff;
  --themed-component-range-slider-thumb-background-disabled: #d5dae4;
  --themed-component-range-slider-thumb-border-default: #d5dae4;
  --themed-component-range-slider-thumb-border-disabled: #d5dae4;
  --themed-component-range-slider-step-background-default: #ffffff;
  --themed-component-range-slider-step-background-disabled: #d5dae4;
  --themed-component-range-slider-step-border-default: #bdc4d5;
  --themed-component-range-slider-step-border-disabled: #d5dae4;
  --themed-component-dialog-overlay: rgba(0, 0, 0, 0.2);
  --themed-component-status-pill-active-background: #5d6a85;
  --themed-component-status-pill-active-text: #fbfbfb;
  --themed-component-preview-badge-default-text: #191e24;
  --themed-component-preview-badge-default-background: #dee3ea;
  --themed-component-preview-badge-hovered-text: #191e24;
  --themed-component-preview-badge-hovered-background: #d5dae4;
  --themed-component-preview-badge-pressed-text: #191e24;
  --themed-component-preview-badge-pressed-background: #bdc4d5;
  --themed-component-preview-badge-disabled-text: #191e24;
  --themed-component-preview-badge-disabled-background: #dee3ea;
  --themed-component-scrollbar-thumb: #dee3ea;
  --themed-component-form-control-border-default: #bdc4d5;
  --themed-component-form-control-border-hover: #9fabc1;
  --themed-component-form-control-border-press: #9fabc1;
  --themed-component-form-control-border-active: #1a6ce7;
  --themed-component-form-control-border-disabled: #dee3ea;
  --themed-component-form-control-border-critical: #d3132f;
  --themed-component-form-control-border-caution: #f3be0f;
  --themed-component-form-control-border-success: #0e9c73;
  --themed-component-form-control-background-default: #fbfbfb;
  --themed-component-form-control-background-disabled: #eceef1;
  --themed-component-form-control-background-unselected: #d5dae4;
  --themed-component-form-control-background-selected-default: #1a6ce7;
  --themed-component-form-control-background-selected-hover: #085bd7;
  --themed-component-form-control-background-selected-disabled: #bbd6fe;
  --themed-component-form-control-knob-default: #fbfbfb;
  --themed-component-form-control-knob-disabled: #ffffff;
  --themed-component-form-control-knob-selected-disabled: #ffffff;
  --themed-component-form-control-helper-text-default: #5d6a85;
  --themed-component-form-control-helper-text-critical: #d3132f;
  --themed-component-form-control-helper-text-caution: #653e03;
  --themed-code-errored-background: #ffd1dc;
  --themed-code-executed-background: #d6e6ff;
  --themed-code-line-number-default-text: #5d6a85;
  --themed-code-line-number-active-text: #191e24;
  --themed-code-comment-text: #5d6a85;
  --themed-code-search-focused-text: #0f161e;
  --themed-code-search-focused-background: #ffc49a;
  --themed-code-search-highlighted-text: #0f161e;
  --themed-code-search-highlighted-background: #ffedcd;
  --themed-code-sql-keyword-text: #085bd7;
  --themed-code-sql-system-function-text: #087959;
  --themed-code-sql-editor-text-name-text: #191e24;
  --themed-code-sql-string-text: #860112;
  --themed-code-sql-type-text: #653e03;
  --themed-code-python-control-keyword-text: #653e03;
  --themed-code-python-variable-name-text: #002c6e;
  --themed-code-python-keyword-text: #9712e8;
  --themed-code-python-function-or-variable-name-text: #b67901;
  --themed-code-python-number-text: #087959;
  --themed-code-python-special-text: #bf0822;
  --themed-code-python-type-name-text: #087959;
  --themed-product-areas-worksheets-panel-background: #f7f7f7;
  --themed-product-areas-worksheets-tab-action-icon-color: #5d6a85;
  --themed-product-areas-worksheets-tab-action-hover-background: #d5dae4;
  --themed-product-areas-worksheets-tab-action-pressed-background: #bdc4d5;
  --themed-product-areas-worksheets-tab-overflow-gradient: #ffffff;
  --themed-product-areas-worksheets-tab-area-background: #ffffff;
  --themed-product-areas-worksheets-tab-active-border: #d5dae4;
  --themed-product-areas-worksheets-tab-active-background: #f7f7f7;
  --themed-product-areas-worksheets-tab-inactive-background: #eceef1;
  --themed-product-areas-worksheets-card-background-regular: #fbfbfb;
  --themed-product-areas-worksheets-card-background-hover: #ffffff;
  --themed-product-areas-dmx-listing-card-bg-hover: #f7f7f7;
}

/**
 * Do not edit directly, this file was auto-generated.
 */

.darkMode {
  --themed-font-family-body: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --themed-font-family-mono: 'Apercu Mono Pro', ui-monospace, Menlo, Monaco, 'Cascadia Mono', 'Segoe UI Mono', 'Roboto Mono', 'Oxygen Mono', 'Ubuntu Monospace', 'Source Code Pro', 'Fira Mono', 'Droid Sans Mono', 'Courier New', monospace;
  --themed-font-family-editorial: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --themed-font-family-heading: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --themed-font-weight-regular: 400;
  --themed-font-weight-medium: 500;
  --themed-font-weight-semi-bold: 600;
  --themed-font-weight-bold: 700;
  --themed-font-size-small: 12px;
  --themed-font-size-regular: 14px;
  --themed-font-size-large: 16px;
  --themed-font-size-xlarge: 20px;
  --themed-font-size-xxlarge: 28px;
  --themed-font-size-xxxlarge: 40px;
  --themed-line-height-small-single-line: 14px;
  --themed-line-height-regular-single-line: 16px;
  --themed-line-height-small-body: 18px;
  --themed-line-height-regular-body: 20px;
  --themed-line-height-sub-header: 20px;
  --themed-line-height-page-header: 24px;
  --themed-line-height-large-editorial: 34px;
  --themed-line-height-larger-editorial: 48px;
  --themed-surface-level-1-background: #191e24;
  --themed-surface-level-1-border: #293246;
  --themed-surface-level-2-background: #1e252f;
  --themed-surface-level-2-border: #293246;
  --themed-surface-level-3-background: #1e252f;
  --themed-surface-level-3-border: rgba(93, 106, 133, 0.6);
  --themed-elevation-1-shadow-color: rgba(0, 0, 0, 0.2);
  --themed-elevation-1-shadow-blur: 4px;
  --themed-elevation-1-shadow-ofset-x: 0px;
  --themed-elevation-1-shadow-offset-y: 2px;
  --themed-elevation-1-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  --themed-elevation-2-shadow-color: rgba(0, 0, 0, 0.25);
  --themed-elevation-2-shadow-blur: 8px;
  --themed-elevation-2-shadow-ofset-x: 0px;
  --themed-elevation-2-shadow-offset-y: 2px;
  --themed-elevation-2-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
  --themed-elevation-3-shadow-color: rgba(0, 0, 0, 0.3);
  --themed-elevation-3-shadow-blur: 16px;
  --themed-elevation-3-shadow-ofset-x: 0px;
  --themed-elevation-3-shadow-offset-y: 4px;
  --themed-elevation-3-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.3);
  --themed-interaction-pressable-default-background: #004cbe;
  --themed-interaction-pressable-default-content: #f1f7ff;
  --themed-interaction-pressable-hovered-background: #085bd7;
  --themed-interaction-pressable-pressed-background: #1a6ce7;
  --themed-interaction-pressable-disabled-background: #002c6e;
  --themed-interaction-pressable-disabled-content: #085bd7;
  --themed-chart-1: #5999f8;
  --themed-chart-2: #f8c52a;
  --themed-chart-3: #80e3c1;
  --themed-chart-4: #ef405e;
  --themed-chart-5: #a797f8;
  --themed-chart-6: #ffc59c;
  --themed-chart-7: #9ce7ff;
  --themed-chart-8: #e59cff;
  --themed-chart-dim-1: #006bc5;
  --themed-chart-dim-2: #c19500;
  --themed-chart-dim-3: #4db191;
  --themed-chart-dim-4: #b60035;
  --themed-chart-dim-5: #7569c5;
  --themed-chart-dim-6: #ca946d;
  --themed-chart-dim-7: #69b5cc;
  --themed-chart-dim-8: #b26ccb;
  --themed-reusable-border-default: #293246;
  --themed-reusable-border-bright: rgba(93, 106, 133, 0.6);
  --themed-reusable-border-hover: #8a96ad;
  --themed-reusable-border-disabled: #293246;
  --themed-reusable-border-active: #1a6ce7;
  --themed-reusable-border-focused-active-item: rgba(89, 153, 248, 0.5);
  --themed-reusable-border-focused-critical-item: #860112;
  --themed-reusable-border-focused-success-item: #034237;
  --themed-reusable-border-focused-warning-item: #653e03;
  --themed-reusable-background-null: #293246;
  --themed-reusable-background-additional-info: #0f161e;
  --themed-reusable-background-row-hover: #293246;
  --themed-reusable-background-component-selected-knockout: #fbfbfb;
  --themed-reusable-text-primary: #bdc4d5;
  --themed-reusable-text-secondary: #8a96ad;
  --themed-reusable-text-header: #d5dae4;
  --themed-reusable-link-default: #5999f8;
  --themed-reusable-link-hover: #bbd6fe;
  --themed-reusable-link-press: #1a6ce7;
  --themed-reusable-link-disabled: #003e9a;
  --themed-reusable-link-success-default: #97f3cf;
  --themed-reusable-link-success-hover: #caffff;
  --themed-reusable-link-success-press: #65c09e;
  --themed-reusable-link-success-disabled: #318f70;
  --themed-reusable-link-neutral-default: #bdc4d5;
  --themed-reusable-link-neutral-hover: #f0f7ff;
  --themed-reusable-link-neutral-press: #8d94a4;
  --themed-reusable-link-neutral-disabled: #5f6675;
  --themed-reusable-link-critical-default: #f76a86;
  --themed-reusable-link-critical-hover: #ff9cb6;
  --themed-reusable-link-critical-press: #c03759;
  --themed-reusable-link-critical-disabled: #8a0031;
  --themed-reusable-link-caution-default: #fccf54;
  --themed-reusable-link-caution-hover: #ffff85;
  --themed-reusable-link-caution-press: #c69e1f;
  --themed-reusable-link-caution-disabled: #917000;
  --themed-reusable-link-info-default: #86b6fc;
  --themed-reusable-link-info-hover: #bae8ff;
  --themed-reusable-link-info-press: #5287c9;
  --themed-reusable-link-info-disabled: #105a98;
  --themed-reusable-icon-default: #8a96ad;
  --themed-reusable-icon-subtle: rgba(93, 106, 133, 0.6);
  --themed-reusable-selected-text: #5999f8;
  --themed-reusable-selected-background: #002c6e;
  --themed-reusable-selected-ui: #5999f8;
  --themed-reusable-selected-hovered-text: #86b6fc;
  --themed-reusable-selected-hovered-background: #003e9a;
  --themed-reusable-selected-hovered-ui: #86b6fc;
  --themed-reusable-disabled-text: #5d6a85;
  --themed-status-critical-message-text: #f76a86;
  --themed-status-critical-text: #f76a86;
  --themed-status-critical-background: rgba(211, 19, 47, 0.2);
  --themed-status-critical-ui: #e32442;
  --themed-status-critical-chart: #f76a86;
  --themed-status-critical-chart-dim: #c03759;
  --themed-status-caution-message-text: #ea9d00;
  --themed-status-caution-text: #fccf54;
  --themed-status-caution-background: rgba(248, 197, 42, 0.2);
  --themed-status-caution-ui: #e3a300;
  --themed-status-caution-chart: #fccf54;
  --themed-status-caution-chart-dim: #c69e1f;
  --themed-status-success-message-text: #51d9ae;
  --themed-status-success-text: #97f3cf;
  --themed-status-success-background: rgba(151, 243, 207, 0.2);
  --themed-status-success-ui: #087959;
  --themed-status-success-chart: #80e3c1;
  --themed-status-success-chart-dim: #4db191;
  --themed-status-info-message-text: #3580f2;
  --themed-status-info-text: #86b6fc;
  --themed-status-info-background: rgba(26, 108, 231, 0.2);
  --themed-status-info-ui: #004cbe;
  --themed-status-info-chart: #5999f8;
  --themed-status-info-chart-dim: #006bc5;
  --themed-status-neutral-message-text: #bdc4d5;
  --themed-status-neutral-text: #bdc4d5;
  --themed-status-neutral-background: #293246;
  --themed-status-neutral-ui: rgba(93, 106, 133, 0.6);
  --themed-status-neutral-chart: #d5dae4;
  --themed-status-neutral-chart-dim: #a4a9b2;
  --themed-status-active-chart: #70819a;
  --themed-status-active-chart-dim: #44556c;
  --themed-component-range-slider-track-background-default: #293246;
  --themed-component-range-slider-range-background-left: #085bd7;
  --themed-component-range-slider-range-background-right: #3580f2;
  --themed-component-range-slider-range-background-disabled: #293246;
  --themed-component-range-slider-thumb-background-default: #fbfbfb;
  --themed-component-range-slider-thumb-background-disabled: #5d6a85;
  --themed-component-range-slider-thumb-border-default: #fbfbfb;
  --themed-component-range-slider-thumb-border-disabled: #5d6a85;
  --themed-component-range-slider-step-background-default: #fbfbfb;
  --themed-component-range-slider-step-background-disabled: #5d6a85;
  --themed-component-range-slider-step-border-default: rgba(93, 106, 133, 0.6);
  --themed-component-range-slider-step-border-disabled: #5d6a85;
  --themed-component-dialog-overlay: rgba(25, 30, 36, 0.7);
  --themed-component-status-pill-active-background: rgba(93, 106, 133, 0.4);
  --themed-component-status-pill-active-text: #fbfbfb;
  --themed-component-preview-badge-default-text: #191e24;
  --themed-component-preview-badge-default-background: #8a96ad;
  --themed-component-preview-badge-hovered-text: #191e24;
  --themed-component-preview-badge-hovered-background: #9fabc1;
  --themed-component-preview-badge-pressed-text: #70819a;
  --themed-component-preview-badge-pressed-background: #293246;
  --themed-component-preview-badge-disabled-text: #191e24;
  --themed-component-preview-badge-disabled-background: #8a96ad;
  --themed-component-scrollbar-thumb: #293246;
  --themed-component-form-control-border-default: #5d6a85;
  --themed-component-form-control-border-hover: #8a96ad;
  --themed-component-form-control-border-press: #5d6a85;
  --themed-component-form-control-border-active: #1a6ce7;
  --themed-component-form-control-border-disabled: #293246;
  --themed-component-form-control-border-critical: #e32442;
  --themed-component-form-control-border-caution: #e3a300;
  --themed-component-form-control-border-success: #087959;
  --themed-component-form-control-background-default: #1e252f;
  --themed-component-form-control-background-disabled: #293246;
  --themed-component-form-control-background-unselected: #293246;
  --themed-component-form-control-background-selected-default: #004cbe;
  --themed-component-form-control-background-selected-hover: #085bd7;
  --themed-component-form-control-background-selected-disabled: #002c6e;
  --themed-component-form-control-knob-default: #fbfbfb;
  --themed-component-form-control-knob-disabled: #5d6a85;
  --themed-component-form-control-knob-selected-disabled: #191e24;
  --themed-component-form-control-helper-text-default: #8a96ad;
  --themed-component-form-control-helper-text-critical: #f76a86;
  --themed-component-form-control-helper-text-caution: #ea9d00;
  --themed-code-errored-background: #66000e;
  --themed-code-executed-background: #002c6e;
  --themed-code-line-number-default-text: #bdc4d5;
  --themed-code-line-number-active-text: #fbfbfb;
  --themed-code-comment-text: #70819a;
  --themed-code-search-focused-text: #000000;
  --themed-code-search-focused-background: #dd5f04;
  --themed-code-search-highlighted-text: #ffffff;
  --themed-code-search-highlighted-background: #653e03;
  --themed-code-sql-keyword-text: #86b6fc;
  --themed-code-sql-system-function-text: #97f3cf;
  --themed-code-sql-editor-text-name-text: #f7f7f7;
  --themed-code-sql-string-text: #f76a86;
  --themed-code-sql-type-text: #fccf54;
  --themed-code-python-control-keyword-text: #fccf54;
  --themed-code-python-variable-name-text: #5999f8;
  --themed-code-python-keyword-text: #cb7efa;
  --themed-code-python-function-or-variable-name-text: #fccf54;
  --themed-code-python-number-text: #97f3cf;
  --themed-code-python-special-text: #f76a86;
  --themed-code-python-type-name-text: #97f3cf;
  --themed-product-areas-worksheets-panel-background: #191e24;
  --themed-product-areas-worksheets-tab-action-icon-color: #8a96ad;
  --themed-product-areas-worksheets-tab-action-hover-background: #1e252f;
  --themed-product-areas-worksheets-tab-action-pressed-background: #293246;
  --themed-product-areas-worksheets-tab-overflow-gradient: #000000;
  --themed-product-areas-worksheets-tab-area-background: #000000;
  --themed-product-areas-worksheets-tab-active-border: #293246;
  --themed-product-areas-worksheets-tab-active-background: #191e24;
  --themed-product-areas-worksheets-tab-inactive-background: #0f161e;
  --themed-product-areas-worksheets-card-background-regular: #1e252f;
  --themed-product-areas-worksheets-card-background-hover: #293246;
  --themed-product-areas-dmx-listing-card-bg-hover: #1e252f;
}

body {
  background-color: var(--themed-surface-level-2-background);
}

.Cpy7qF1EgjENAEHe {
  top: var(--base-dimension-spacing-2x);
  padding: var(--base-dimension-spacing-2x);
  max-width: 560px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: var(--themed-surface-level-3-background);
  color: var(--themed-reusable-text-primary);
  box-shadow: var(--themed-elevation-3-box-shadow);
  border-radius: var(--base-dimension-radius-medium);
  font-size: 12px;
  text-align: center;
}

.Cpy7qF1EgjENAEHe a {
  color: inherit;
}

.Cpy7qF1EgjENAEHe a:visited {
  color: inherit;
}

.OuS7aNxgGpUtCsUX {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--base-dimension-spacing-1x);
}

/**
 * This file contains global CSS for View Transitions
 * on DOM nodes within `<PageCenteredContainer>` component
 *
 * References for View Transition API
 * https://developer.chrome.com/docs/web-platform/view-transitions/same-document
 * https://jakearchibald.com/2024/view-transitions-handling-aspect-ratio-changes
 * https://github.com/WICG/view-transitions/blob/main/explainer.md
 *
 * The exact animation behavior is easy to regress without careful inspection
 * When making change to this file,
 * (1) Increase --main-card-animation-duration to inspect animation more slowly
 * (2) Use Chrome inspector's `animation` tab to pause animations and inspect
 * ::view-transition-* pseudoelements in the midst of animation
 *
 * Current animation behavior:
 * (1a) main-card grows/shrinks in height
 * (1b) in parallel, main-card-content fades out; overflowing old content is clipped
 * (2) after main-card size change/fade out is complete, new main-card-content fades in
 */

:root {
  --main-card-animation-duration: 200ms;
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/**
 * This controls animation for size and position (layout) of "main-card"
 */
::view-transition-group(main-card) {
  /**
   * By default, size/position animates;
   * customize just duration to synchronize with fade-out effect on main-card-content
   */
  animation-duration: 200ms;
  animation-duration: var(--main-card-animation-duration);
}

::view-transition-old(main-card) {
  /**
   * Inherit height of the parent ::view-transition-group that is dynamically resized
   */
  height: 100%;
  /**
   * Do not apply the default cross-fade transition;
   * keeps the card always completely opaque as layout transitions with view-transition-group
   */
  animation: none;
}
::view-transition-new(main-card) {
  /**
   * No need to leverage the new snapshot for animation
   * In practice, it's better to only render one of the snapshots so
   * that shadows on this node dont conflict between snapshots
   */
  display: none;
}

/**
 * This controls animation for size and position (layout) of "main-card-content"
 */
::view-transition-group(main-card-content) {
  /**
   * By default, size/position animates;
   * customize just duration to synchronize with shrinking of  on main-card-content
   */
  animation-duration: 200ms;
  animation-duration: var(--main-card-animation-duration);
}

::view-transition-old(main-card-content) {
  /**
   * Inherit height from parent view-transition-group
   * whose size is dynamically adjusted with animation
   */
  height: 100%;
  /**
   * object-fit, object-position, overflow are involved with clipping away
   * old content that may stretch beyond the bounds of new shrunken content
   * with the snapshot image pegged to the top
   */
  object-fit: none;
  object-position: top;
  overflow: clip;

  /**
   * Initially start fully opaque
   */
  opacity: 1;
  /**
   * Apply fade out animation
   */
  animation: fade-out 200ms ease-in-out forwards;
  animation: fade-out var(--main-card-animation-duration) ease-in-out forwards;
}

/**
 * This controls animation for width/height/transform
 * of "main-card" view-transition-group
 */
::view-transition-new(main-card-content) {
  /**
   * Initially start fully transparent
   */
  opacity: 0;
  /**
   * Apply fade in animation (after delay to wait for fade-out to complete)
   */
  animation: fade-in 200ms ease-in-out
    200ms forwards;
  animation: fade-in var(--main-card-animation-duration) ease-in-out
    var(--main-card-animation-duration) forwards;
}

.zsqN4XhTlM0lDLoX {
  padding: var(--base-dimension-spacing-2x);
  border-radius: var(--base-dimension-radius-medium);
  background-color: var(--themed-status-caution-background);
  display: flex;
  flex-direction: row;
  gap: var(--base-dimension-spacing-1x);
}

.Y6msf9xr28YLFDKA {
  list-style-type: circle;
  display: flex;
  flex-direction: column;
  gap: var(--base-dimension-spacing-0-5x);
  line-height: 18px;
  margin-bottom: 0;
}

.xoWPrNeVT0EmmEX0 {
  white-space: nowrap;
}

.zgetBfKb7isRzFIZ {
  font-weight: 500;
  margin-bottom: var(--base-dimension-spacing-1x);
  display: flex;
  align-items: center;
}

.WMbNGzTUOZEdWzQU {
  margin-left: 4px;
}

.uR0Sojhlr4suoFq6 {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}

.Xpdrnt1ydh0mZaIt {
  margin-top: var(--base-dimension-spacing-1-5x);
}


/*# sourceMappingURL=main-0e29d6bf54e8cc5c.css.map*/