blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
	1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
	2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   	This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
	Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

/*
	Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
	1. Correct the inability to style clickable types in iOS and Safari.
	2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
	Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
	Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
	Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
  Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

:root {
	--brand-gray-color-100: #EAE7E5;
	--brand-gray-color-200: #DDDAD8;
	--brand-gray-color-300: #CFCCCA;
	--brand-gray-color-400: #B6B3B1;
	--brand-gray-color-500: #9B9896;
	--brand-gray-color-600: #817E7C;
	--brand-gray-color-700: #6E6C6B;
	--brand-gray-color-800: #4B4948;
	--brand-gray-color-900: #252323;

	--brand-black-color: #000000;
	--brand-white-color: #FFFFFF;
	--brand-red-color: #B31B1B;
	--brand-orange-dark-color: #CF4520;
	--brand-orange-light-color: #E7751D;
	--brand-yellow-color: #FFC72C;

	--primary-light-color: #E7751D;
	--primary-light-contrast-color: #FFFFFF;

	--primary-dark-color: #E7751D;
	--primary-dark-contrast-color: #000000;

	--primary-text-dark-color: #000000;
	--secondary-text-dark-color: #000000B2;

	--primary-text-light-color: #FFFFFFF5;
	--secondary-text-light-color: #FFFFFFC2;

	--primary-idle-button-color: #E7751D;
	--primary-hover-button-color: #E78A1D;
	--primary-pressed-button-color: #CA600F;
	--primary-disabled-button-color: #1C213375;

	--secondary-idle-button-color: #515B6E;
	--secondary-hover-button-color: #626F89;
	--secondary-pressed-button-color: #454F63;
	--secondary-disabled-button-color: #1C2133;

	--border-idle-button-color: #8F99AC;
	--border-hover-button-color: #596887;
	--border-pressed-button-color: #3B4A67;
	--border-disabled-button-color: #1C213366;

	--control-idle-button-color: #1C213333;
	--control-hover-button-color: #1C213363;
	--control-pressed-button-color: #1C213366;

	--background-primary-color: #EFF3F7;
	--background-page-gradient: radial-gradient(58.2% 50.68% at 0% 81.71%, #A5BFF199 0%, #A5AEBF00 100%), radial-gradient(71.25% 52.51% at 100% 0%, #A5BFF199 0%, #A5AEBF00 100%);
	--background-editor-gradient: radial-gradient(70.66% 84.27% at 50% 46.26%, #72778a00 0%, #72778A 100%);
	--background-overlay-25-color: #1C213333;
	--background-overlay-50-color: #1C213380;
	--background-overlay-75-color: #1C2133BF;
	--background-overlay-screen-color: #22242BCC;

	--success-color: #279A62;
	--error-color: #B43030;

	--font-size-base: 16px;
	--font-family-base: Inter sans-serif;

	--section-button-padding: 14px 24px;
	--header-button-padding: 13px 24px;

	--box-border-radius: 8px;

	--form-helper-text-height: 22px;

	--dialog-margin: min(5vw, 68px);
}

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

html,
body {
	height: 100%;
	margin: 0;
	font-size: var(--font-size-base);
	font-family: var(--font-family-base);
}

#root {
	height: 100%;
}