/*! 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;
}

/* https://rsms.me/inter */

@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(ff710c092db72df4.woff2) format('woff2');
}
@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(ef0ecaff9635470d.woff2) format('woff2');
}

/* Using the previous font name while transitioning */
@font-face {
  font-family: 'proxima-nova';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(ff710c092db72df4.woff2) format('woff2');
}
@font-face {
  font-family: 'proxima-nova';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(ef0ecaff9635470d.woff2) format('woff2');
}

/**
 * Do not edit directly
 * Generated on Fri, 06 Dec 2024 17:38:23 GMT
 */

:root {
  --sl-space-400: 32px;
  --sl-space-1000: 80px;
  --sl-space-800: 64px;
  --sl-space-600: 48px;
  --sl-space-500: 40px;
  --sl-space-300: 24px;
  --sl-space-250: 20px;
  --sl-space-200: 16px;
  --sl-space-150: 12px;
  --sl-space-100: 8px;
  --sl-space-50: 4px;
  --sl-space-25: 2px;
  --sl-space-0: 0px;
  --sl-radius-300: 24px;
  --sl-radius-full: 9999px;
  --sl-radius-200: 16px;
  --sl-radius-150: 12px;
  --sl-radius-100: 8px;
  --sl-radius-50: 4px;
  --sl-radius-25: 2px;
  --sl-radius-0: 0px;
  --sl-zesty-orange: rgb(248, 79, 46, 1);
  --sl-yellow-900: rgb(64, 39, 4, 1);
  --sl-yellow-800: rgb(86, 54, 5, 1);
  --sl-yellow-700: rgb(104, 64, 9, 1);
  --sl-yellow-600: rgb(131, 83, 13, 1);
  --sl-yellow-500: rgb(162, 105, 19, 1);
  --sl-yellow-50: rgb(249, 239, 177, 1);
  --sl-yellow-400: rgb(201, 135, 26, 1);
  --sl-yellow-300: rgb(234, 168, 43, 1);
  --sl-yellow-200: rgb(242, 201, 78, 1);
  --sl-yellow-1000: rgb(41, 24, 2, 1);
  --sl-yellow-100: rgb(241, 222, 115, 1);
  --sl-yellow-0: rgb(255, 251, 228, 1);
  --sl-white: rgb(255, 255, 255, 1);
  --sl-teal-900: rgb(3, 38, 34, 1);
  --sl-teal-800: rgb(6, 55, 50, 1);
  --sl-teal-700: rgb(2, 82, 75, 1);
  --sl-teal-600: rgb(10, 105, 96, 1);
  --sl-teal-500: rgb(16, 133, 122, 1);
  --sl-teal-50: rgb(200, 238, 232, 1);
  --sl-teal-400: rgb(12, 158, 145, 1);
  --sl-teal-300: rgb(59, 181, 169, 1);
  --sl-teal-200: rgb(128, 213, 201, 1);
  --sl-teal-1000: rgb(4, 26, 24, 1);
  --sl-teal-100: rgb(169, 227, 220, 1);
  --sl-teal-0: rgb(239, 253, 251, 1);
  --sl-red-900: rgb(77, 19, 7, 1);
  --sl-red-800: rgb(102, 27, 12, 1);
  --sl-red-700: rgb(137, 36, 16, 1);
  --sl-red-600: rgb(173, 52, 30, 1);
  --sl-red-500: rgb(207, 68, 43, 1);
  --sl-red-50: rgb(254, 224, 216, 1);
  --sl-red-400: rgb(236, 95, 67, 1);
  --sl-red-300: rgb(252, 135, 91, 1);
  --sl-red-200: rgb(253, 174, 148, 1);
  --sl-red-1000: rgb(52, 10, 3, 1);
  --sl-red-100: rgb(255, 206, 192, 1);
  --sl-red-0: rgb(255, 246, 244, 1);
  --sl-purple-900: rgb(47, 7, 45, 1);
  --sl-purple-800: rgb(78, 18, 75, 1);
  --sl-purple-700: rgb(109, 33, 105, 1);
  --sl-purple-600: rgb(142, 52, 136, 1);
  --sl-purple-500: rgb(174, 79, 168, 1);
  --sl-purple-50: rgb(251, 219, 247, 1);
  --sl-purple-400: rgb(201, 110, 194, 1);
  --sl-purple-300: rgb(222, 141, 214, 1);
  --sl-purple-200: rgb(238, 171, 231, 1);
  --sl-purple-1000: rgb(26, 1, 25, 1);
  --sl-purple-100: rgb(248, 198, 243, 1);
  --sl-purple-0: rgb(255, 247, 254, 1);
  --sl-pink-900: rgb(62, 6, 18, 1);
  --sl-pink-800: rgb(89, 16, 32, 1);
  --sl-pink-700: rgb(125, 29, 49, 1);
  --sl-pink-600: rgb(159, 39, 64, 1);
  --sl-pink-500: rgb(203, 62, 89, 1);
  --sl-pink-50: rgb(251, 224, 225, 1);
  --sl-pink-400: rgb(226, 98, 117, 1);
  --sl-pink-300: rgb(238, 140, 150, 1);
  --sl-pink-200: rgb(248, 180, 185, 1);
  --sl-pink-1000: rgb(45, 3, 11, 1);
  --sl-pink-100: rgb(255, 202, 203, 1);
  --sl-pink-0: rgb(254, 246, 246, 1);
  --sl-loft-green: rgb(181, 214, 38, 1);
  --sl-lighten-900: rgb(255, 255, 255, 0.7200000286102295);
  --sl-lighten-800: rgb(255, 255, 255, 0.6399999856948853);
  --sl-lighten-700: rgb(255, 255, 255, 0.5600000023841858);
  --sl-lighten-600: rgb(255, 255, 255, 0.47999998927116394);
  --sl-lighten-500: rgb(255, 255, 255, 0.4000000059604645);
  --sl-lighten-50: rgb(255, 255, 255, 0.03999999910593033);
  --sl-lighten-400: rgb(255, 255, 255, 0.3199999928474426);
  --sl-lighten-300: rgb(255, 255, 255, 0.23999999463558197);
  --sl-lighten-25: rgb(255, 255, 255, 0.019999999552965164);
  --sl-lighten-200: rgb(255, 255, 255, 0.1599999964237213);
  --sl-lighten-150: rgb(255, 255, 255, 0.11999999731779099);
  --sl-lighten-1100: rgb(255, 255, 255, 0.8799999952316284);
  --sl-lighten-1000: rgb(255, 255, 255, 0.800000011920929);
  --sl-lighten-100: rgb(255, 255, 255, 0.07999999821186066);
  --sl-green-900: rgb(13, 47, 35, 1);
  --sl-green-800: rgb(14, 65, 48, 1);
  --sl-green-700: rgb(13, 83, 57, 1);
  --sl-green-600: rgb(9, 102, 70, 1);
  --sl-green-500: rgb(11, 130, 89, 1);
  --sl-green-50: rgb(206, 243, 219, 1);
  --sl-green-400: rgb(14, 169, 116, 1);
  --sl-green-300: rgb(58, 193, 139, 1);
  --sl-green-200: rgb(111, 220, 169, 1);
  --sl-green-1000: rgb(10, 34, 26, 1);
  --sl-green-100: rgb(163, 230, 193, 1);
  --sl-green-0: rgb(238, 255, 243, 1);
  --sl-gray-900: rgb(29, 32, 45, 1);
  --sl-gray-800: rgb(42, 46, 62, 1);
  --sl-gray-700: rgb(65, 69, 87, 1);
  --sl-gray-600: rgb(88, 92, 107, 1);
  --sl-gray-500: rgb(108, 112, 127, 1);
  --sl-gray-50: rgb(229, 231, 238, 1);
  --sl-gray-400: rgb(138, 141, 154, 1);
  --sl-gray-300: rgb(166, 170, 183, 1);
  --sl-gray-200: rgb(196, 199, 209, 1);
  --sl-gray-1000: rgb(8, 11, 20, 1);
  --sl-gray-100: rgb(214, 217, 227, 1);
  --sl-gray-0: rgb(244, 245, 248, 1);
  --sl-darken-900: rgb(0, 0, 0, 0.7200000286102295);
  --sl-darken-800: rgb(0, 0, 0, 0.6399999856948853);
  --sl-darken-700: rgb(0, 0, 0, 0.5600000023841858);
  --sl-darken-600: rgb(0, 0, 0, 0.47999998927116394);
  --sl-darken-500: rgb(0, 0, 0, 0.4000000059604645);
  --sl-darken-50: rgb(0, 0, 0, 0.03999999910593033);
  --sl-darken-400: rgb(0, 0, 0, 0.3199999928474426);
  --sl-darken-300: rgb(0, 0, 0, 0.23999999463558197);
  --sl-darken-25: rgb(0, 0, 0, 0.019999999552965164);
  --sl-darken-200: rgb(0, 0, 0, 0.1599999964237213);
  --sl-darken-150: rgb(0, 0, 0, 0.11999999731779099);
  --sl-darken-1100: rgb(0, 0, 0, 0.8799999952316284);
  --sl-darken-1000: rgb(0, 0, 0, 0.800000011920929);
  --sl-darken-100: rgb(0, 0, 0, 0.07999999821186066);
  --sl-celery-green: rgb(228, 252, 145, 1);
  --sl-bold-blue: rgb(59, 181, 169, 1);
  --sl-blue-900: rgb(13, 30, 61, 1);
  --sl-blue-800: rgb(20, 44, 88, 1);
  --sl-blue-700: rgb(32, 67, 131, 1);
  --sl-blue-600: rgb(41, 87, 173, 1);
  --sl-blue-500: rgb(60, 115, 216, 1);
  --sl-blue-50: rgb(214, 235, 252, 1);
  --sl-blue-400: rgb(88, 140, 237, 1);
  --sl-blue-300: rgb(116, 174, 245, 1);
  --sl-blue-200: rgb(155, 204, 252, 1);
  --sl-blue-1000: rgb(5, 17, 39, 1);
  --sl-blue-100: rgb(182, 221, 253, 1);
  --sl-blue-0: rgb(240, 248, 252, 1);
  --sl-black: rgb(0, 0, 0, 1);
  --sl-line-height-600: 48px;
  --sl-line-height-500: 40px;
  --sl-line-height-400: 32px;
  --sl-line-height-350: 28px;
  --sl-line-height-300: 24px;
  --sl-line-height-250: 20px;
  --sl-line-height-200: 16px;
  --sl-line-height-150: 12px;
  --sl-letter-spacing-normal: 0;
  --sl-letter-spacing-dense: -0.2px;
  --sl-letter-spacing-denser: -0.3px;
  --sl-letter-spacing-densest: -0.5px;
  --sl-font-weight-bold: 675;
  --sl-font-weight-semibold: 600;
  --sl-font-weight-medium: 525;
  --sl-font-weight-regular: 450;
  --sl-font-size-500: 40px;
  --sl-font-size-450: 36px;
  --sl-font-size-400: 32px;
  --sl-font-size-350: 28px;
  --sl-font-size-300: 24px;
  --sl-font-size-250: 20px;
  --sl-font-size-200: 15px;
  --sl-font-size-175: 13px;
  --sl-font-size-150: 11px;
  --sl-font-size-125: 10px;
  --sl-font-family-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
  --sl-font-family-sans: InterVariable, sans-serif;
  --sl-height-6: 0px 24px 48px -8px rgba(0, 0, 0, 24%), 0px 0px 8px 0px rgba(0, 0, 0, 8%);
  --sl-height-5: 0px 8px 12px -6px rgba(0, 0, 0, 12%), 0px 20px 24px -4px rgba(0, 0, 0, 12%), 0px 0px 8px 0px rgba(0, 0, 0, 8%);
  --sl-height-4: 0px 4px 6px -1px rgba(0, 0, 0, 12%), 0px 8px 12px -2px rgba(0, 0, 0, 12%), 0px 0px 8px 0px rgba(0, 0, 0, 8%);
  --sl-height-3: 0px 2px 4px -1px rgba(0, 0, 0, 12%), 0px 4px 8px -2px rgba(0, 0, 0, 12%), 0px 0px 8px 0px rgba(0, 0, 0, 8%);
  --sl-height-2: 0px 0px 8px 0px rgba(0, 0, 0, 8%), 0px 1px 1px 0px rgba(0, 0, 0, 16%);
  --sl-height-1: 0px 0.5px 0.5px 0px rgba(0, 0, 0, 16%), 0px 0px 8px 0px rgba(0, 0, 0, 4%);
  --sl-depth-1: 0px 0px 8px 0px rgba(0, 0, 0, 4%) inset, 0px 0px 2px 0px rgba(0, 0, 0, 8%) inset, 0px 0.5px 0.5px 0px rgba(0, 0, 0, 16%) inset;
}

/**
 * Do not edit directly
 * Generated on Fri, 06 Dec 2024 17:38:23 GMT
 */

[data-theme], [data-theme="default"] {
  --sl-text-warning: var(--sl-yellow-600);
  --sl-text-success: var(--sl-green-600);
  --sl-text-primary: var(--sl-teal-600);
  --sl-text-muted: var(--sl-gray-500);
  --sl-text-inverse-muted: var(--sl-gray-200);
  --sl-text-inverse: var(--sl-white);
  --sl-text-info: var(--sl-blue-600);
  --sl-text-discovery: var(--sl-purple-600);
  --sl-text-disabled: var(--sl-gray-400);
  --sl-text-default: var(--sl-gray-800);
  --sl-text-danger: var(--sl-red-600);
  --sl-surface-warning-selected: var(--sl-yellow-100);
  --sl-surface-warning-pressed: var(--sl-yellow-200);
  --sl-surface-warning-muted: var(--sl-yellow-0);
  --sl-surface-warning-hovered: var(--sl-yellow-100);
  --sl-surface-warning-disabled: var(--sl-gray-0);
  --sl-surface-warning-default: var(--sl-yellow-50);
  --sl-surface-warning-contrast-muted: var(--sl-yellow-300);
  --sl-surface-warning-contrast: var(--sl-yellow-600);
  --sl-surface-transparent-selected: var(--sl-darken-50);
  --sl-surface-transparent-pressed: var(--sl-darken-100);
  --sl-surface-transparent-hovered: var(--sl-darken-50);
  --sl-surface-transparent-inverse-selected: var(--sl-lighten-100);
  --sl-surface-transparent-inverse-pressed: var(--sl-lighten-150);
  --sl-surface-transparent-inverse-hovered: var(--sl-lighten-100);
  --sl-surface-success-selected: var(--sl-green-100);
  --sl-surface-success-pressed: var(--sl-green-200);
  --sl-surface-success-muted: var(--sl-green-0);
  --sl-surface-success-hovered: var(--sl-green-100);
  --sl-surface-success-disabled: var(--sl-gray-0);
  --sl-surface-success-default: var(--sl-green-50);
  --sl-surface-success-contrast-muted: var(--sl-green-500);
  --sl-surface-success-contrast: var(--sl-green-700);
  --sl-surface-primary-selected: var(--sl-teal-100);
  --sl-surface-primary-pressed: var(--sl-teal-200);
  --sl-surface-primary-muted: var(--sl-teal-0);
  --sl-surface-primary-hovered: var(--sl-teal-100);
  --sl-surface-primary-disabled: var(--sl-gray-0);
  --sl-surface-primary-default: var(--sl-teal-50);
  --sl-surface-primary-contrast-muted: var(--sl-teal-500);
  --sl-surface-primary-contrast: var(--sl-teal-700);
  --sl-surface-neutral-selected: var(--sl-gray-100);
  --sl-surface-neutral-pressed: var(--sl-gray-200);
  --sl-surface-neutral-muted: var(--sl-gray-0);
  --sl-surface-neutral-hovered: var(--sl-gray-100);
  --sl-surface-neutral-disabled: var(--sl-gray-0);
  --sl-surface-neutral-default: var(--sl-gray-50);
  --sl-surface-neutral-contrast-muted: var(--sl-gray-500);
  --sl-surface-neutral-contrast: var(--sl-gray-700);
  --sl-surface-inverse-selected: var(--sl-gray-900);
  --sl-surface-inverse-pressed: var(--sl-gray-800);
  --sl-surface-inverse-hovered: var(--sl-gray-900);
  --sl-surface-inverse-default: var(--sl-gray-1000);
  --sl-surface-info-selected: var(--sl-blue-100);
  --sl-surface-info-pressed: var(--sl-blue-200);
  --sl-surface-info-muted: var(--sl-blue-0);
  --sl-surface-info-hovered: var(--sl-blue-100);
  --sl-surface-info-disabled: var(--sl-gray-0);
  --sl-surface-info-default: var(--sl-blue-50);
  --sl-surface-info-contrast-muted: var(--sl-blue-500);
  --sl-surface-info-contrast: var(--sl-blue-700);
  --sl-surface-discovery-selected: var(--sl-purple-100);
  --sl-surface-discovery-pressed: var(--sl-purple-200);
  --sl-surface-discovery-muted: var(--sl-purple-0);
  --sl-surface-discovery-hovered: var(--sl-purple-100);
  --sl-surface-discovery-disabled: var(--sl-gray-0);
  --sl-surface-discovery-default: var(--sl-purple-50);
  --sl-surface-discovery-contrast-muted: var(--sl-purple-500);
  --sl-surface-discovery-contrast: var(--sl-purple-700);
  --sl-surface-default-selected: var(--sl-gray-0);
  --sl-surface-default-pressed: var(--sl-gray-100);
  --sl-surface-default-hovered: var(--sl-gray-0);
  --sl-surface-default-disabled: var(--sl-gray-0);
  --sl-surface-default-default: var(--sl-white);
  --sl-surface-danger-selected: var(--sl-red-100);
  --sl-surface-danger-pressed: var(--sl-red-200);
  --sl-surface-danger-muted: var(--sl-red-0);
  --sl-surface-danger-hovered: var(--sl-red-100);
  --sl-surface-danger-disabled: var(--sl-gray-0);
  --sl-surface-danger-default: var(--sl-red-50);
  --sl-surface-danger-contrast-muted: var(--sl-red-500);
  --sl-surface-danger-contrast: var(--sl-red-700);
  --sl-interactive-default-pressed: var(--sl-gray-1000);
  --sl-interactive-default-hovered: var(--sl-gray-900);
  --sl-interactive-default-disabled: var(--sl-gray-400);
  --sl-interactive-default-default: var(--sl-gray-800);
  --sl-interactive-danger-pressed: var(--sl-red-700);
  --sl-interactive-danger-hovered: var(--sl-red-600);
  --sl-interactive-danger-disabled: var(--sl-red-200);
  --sl-interactive-danger-default: var(--sl-red-500);
  --sl-interactive-alt-pressed: var(--sl-blue-700);
  --sl-interactive-alt-hovered: var(--sl-blue-600);
  --sl-interactive-alt-disabled: var(--sl-blue-200);
  --sl-interactive-alt-default: var(--sl-blue-500);
  --sl-icon-warning-contrast: var(--sl-yellow-600);
  --sl-icon-warning: var(--sl-yellow-300);
  --sl-icon-success-contrast: var(--sl-green-600);
  --sl-icon-success: var(--sl-green-500);
  --sl-icon-primary-contrast: var(--sl-teal-600);
  --sl-icon-primary: var(--sl-teal-500);
  --sl-icon-muted: var(--sl-gray-500);
  --sl-icon-inverse-muted: var(--sl-gray-200);
  --sl-icon-inverse: var(--sl-white);
  --sl-icon-info-contrast: var(--sl-blue-600);
  --sl-icon-info: var(--sl-blue-500);
  --sl-icon-discovery-contrast: var(--sl-purple-600);
  --sl-icon-discovery: var(--sl-purple-500);
  --sl-icon-disabled: var(--sl-gray-400);
  --sl-icon-default: var(--sl-gray-800);
  --sl-icon-danger-contrast: var(--sl-red-600);
  --sl-icon-danger: var(--sl-red-500);
  --sl-focus-highlight: var(--sl-blue-50);
  --sl-focus-default: var(--sl-blue-400);
  --sl-chart-sequential-9-hovered: var(--sl-purple-600);
  --sl-chart-sequential-9-default: var(--sl-purple-700);
  --sl-chart-sequential-8-hovered: var(--sl-purple-500);
  --sl-chart-sequential-8-default: var(--sl-purple-600);
  --sl-chart-sequential-7-hovered: var(--sl-purple-400);
  --sl-chart-sequential-7-default: var(--sl-purple-500);
  --sl-chart-sequential-6-hovered: var(--sl-purple-300);
  --sl-chart-sequential-6-default: var(--sl-purple-400);
  --sl-chart-sequential-5-hovered: var(--sl-purple-200);
  --sl-chart-sequential-5-default: var(--sl-purple-300);
  --sl-chart-sequential-4-hovered: var(--sl-purple-100);
  --sl-chart-sequential-4-default: var(--sl-purple-200);
  --sl-chart-sequential-3-hovered: var(--sl-purple-50);
  --sl-chart-sequential-3-default: var(--sl-purple-100);
  --sl-chart-sequential-2-hovered: var(--sl-purple-0);
  --sl-chart-sequential-2-default: var(--sl-purple-50);
  --sl-chart-sequential-12-hovered: var(--sl-purple-900);
  --sl-chart-sequential-12-default: var(--sl-purple-1000);
  --sl-chart-sequential-11-hovered: var(--sl-purple-800);
  --sl-chart-sequential-11-default: var(--sl-purple-900);
  --sl-chart-sequential-10-hovered: var(--sl-purple-700);
  --sl-chart-sequential-10-deafult: var(--sl-purple-800);
  --sl-chart-sequential-1-hovered: var(--sl-purple-0);
  --sl-chart-sequential-1-default: var(--sl-purple-0);
  --sl-chart-positive-7-hovered: var(--sl-green-500);
  --sl-chart-positive-7-default: var(--sl-green-600);
  --sl-chart-positive-6-hovered: var(--sl-green-400);
  --sl-chart-positive-6-default: var(--sl-green-500);
  --sl-chart-positive-5-hovered: var(--sl-green-300);
  --sl-chart-positive-5-default: var(--sl-green-400);
  --sl-chart-positive-4-hovered: var(--sl-green-200);
  --sl-chart-positive-4-default: var(--sl-green-300);
  --sl-chart-positive-3-hovered: var(--sl-green-100);
  --sl-chart-positive-3-default: var(--sl-green-200);
  --sl-chart-positive-2-hovered: var(--sl-green-50);
  --sl-chart-positive-2-default: var(--sl-green-100);
  --sl-chart-positive-1-hovered: var(--sl-green-0);
  --sl-chart-positive-1-default: var(--sl-green-50);
  --sl-chart-neutral-9-hovered: var(--sl-gray-600);
  --sl-chart-neutral-9-default: var(--sl-gray-700);
  --sl-chart-neutral-8-hovered: var(--sl-gray-500);
  --sl-chart-neutral-8-default: var(--sl-gray-600);
  --sl-chart-neutral-7-hovered: var(--sl-gray-400);
  --sl-chart-neutral-7-default: var(--sl-gray-500);
  --sl-chart-neutral-6-hovered: var(--sl-gray-300);
  --sl-chart-neutral-6-default: var(--sl-gray-400);
  --sl-chart-neutral-5-hovered: var(--sl-gray-200);
  --sl-chart-neutral-5-default: var(--sl-gray-300);
  --sl-chart-neutral-4-hovered: var(--sl-gray-100);
  --sl-chart-neutral-4-default: var(--sl-gray-200);
  --sl-chart-neutral-3-hovered: var(--sl-gray-50);
  --sl-chart-neutral-3-default: var(--sl-gray-100);
  --sl-chart-neutral-2-hovered: var(--sl-gray-0);
  --sl-chart-neutral-2-default: var(--sl-gray-50);
  --sl-chart-neutral-12-hovered: var(--sl-gray-900);
  --sl-chart-neutral-12-default: var(--sl-gray-1000);
  --sl-chart-neutral-11-hovered: var(--sl-gray-800);
  --sl-chart-neutral-11-default: var(--sl-gray-900);
  --sl-chart-neutral-10-hovered: var(--sl-gray-700);
  --sl-chart-neutral-10-default: var(--sl-gray-800);
  --sl-chart-neutral-1-hovered: var(--sl-gray-0);
  --sl-chart-neutral-1-default: var(--sl-gray-0);
  --sl-chart-negative-7-hovered: var(--sl-pink-500);
  --sl-chart-negative-7-default: var(--sl-pink-600);
  --sl-chart-negative-6-hovered: var(--sl-pink-400);
  --sl-chart-negative-6-default: var(--sl-pink-500);
  --sl-chart-negative-5-hovered: var(--sl-pink-300);
  --sl-chart-negative-5-default: var(--sl-pink-400);
  --sl-chart-negative-4-hovered: var(--sl-pink-200);
  --sl-chart-negative-4-default: var(--sl-pink-300);
  --sl-chart-negative-3-hovered: var(--sl-pink-100);
  --sl-chart-negative-3-default: var(--sl-pink-200);
  --sl-chart-negative-2-hovered: var(--sl-pink-50);
  --sl-chart-negative-2-default: var(--sl-pink-100);
  --sl-chart-negative-1-hovered: var(--sl-pink-0);
  --sl-chart-negative-1-default: var(--sl-pink-50);
  --sl-chart-categorical-9-hovered: var(--sl-green-600);
  --sl-chart-categorical-9-default: var(--sl-green-700);
  --sl-chart-categorical-8-hovered: var(--sl-pink-200);
  --sl-chart-categorical-8-default: var(--sl-pink-300);
  --sl-chart-categorical-7-hovered: var(--sl-pink-600);
  --sl-chart-categorical-7-default: var(--sl-pink-700);
  --sl-chart-categorical-6-hovered: var(--sl-yellow-200);
  --sl-chart-categorical-6-default: var(--sl-yellow-300);
  --sl-chart-categorical-5-hovered: var(--sl-teal-500);
  --sl-chart-categorical-5-default: var(--sl-teal-600);
  --sl-chart-categorical-3-hovered: var(--sl-blue-700);
  --sl-chart-categorical-3-default: var(--sl-blue-800);
  --sl-chart-categorical-2-hovered: var(--sl-teal-200);
  --sl-chart-categorical-2-default: var(--sl-teal-300);
  --sl-chart-categorical-12-hovered: var(--sl-purple-300);
  --sl-chart-categorical-12-default: var(--sl-purple-400);
  --sl-chart-categorical-11-hovered: var(--sl-blue-500);
  --sl-chart-categorical-11-default: var(--sl-blue-600);
  --sl-chart-categorical-10-hovered: var(--sl-red-300);
  --sl-chart-categorical-1-hovered: var(--sl-purple-600);
  --sl-chart-categorical-1-default: var(--sl-purple-700);
  --sl-border-warning-pressed: var(--sl-yellow-500);
  --sl-border-warning-muted: var(--sl-yellow-100);
  --sl-border-warning-hovered: var(--sl-yellow-400);
  --sl-border-warning-default: var(--sl-yellow-300);
  --sl-border-success-pressed: var(--sl-green-700);
  --sl-border-success-muted: var(--sl-green-100);
  --sl-border-success-hovered: var(--sl-green-600);
  --sl-border-success-default: var(--sl-green-500);
  --sl-border-primary-pressed: var(--sl-teal-700);
  --sl-border-primary-muted: var(--sl-teal-100);
  --sl-border-primary-hovered: var(--sl-teal-600);
  --sl-border-primary-default: var(--sl-teal-500);
  --sl-border-inverse-pressed: var(--sl-gray-400);
  --sl-border-inverse-muted: var(--sl-gray-800);
  --sl-border-inverse-hovered: var(--sl-gray-500);
  --sl-border-inverse-default: var(--sl-gray-700);
  --sl-border-info-pressed: var(--sl-blue-700);
  --sl-border-info-muted: var(--sl-blue-100);
  --sl-border-info-hovered: var(--sl-blue-600);
  --sl-border-info-default: var(--sl-blue-500);
  --sl-border-discovery-pressed: var(--sl-purple-700);
  --sl-border-discovery-muted: var(--sl-purple-100);
  --sl-border-discovery-hovered: var(--sl-purple-600);
  --sl-border-discovery-default: var(--sl-purple-500);
  --sl-border-default-pressed: var(--sl-gray-500);
  --sl-border-default-muted: var(--sl-gray-100);
  --sl-border-default-hovered: var(--sl-gray-400);
  --sl-border-default-default: var(--sl-gray-200);
  --sl-border-danger-pressed: var(--sl-red-700);
  --sl-border-danger-muted: var(--sl-red-100);
  --sl-border-danger-hovered: var(--sl-red-600);
  --sl-border-danger-default: var(--sl-red-500);
  --sl-background-overlay: var(--sl-darken-700);
  --sl-background-default: var(--sl-gray-0);
  --sl-action-primary-selected: var(--sl-teal-700);
  --sl-action-primary-pressed: var(--sl-teal-800);
  --sl-action-primary-hovered: var(--sl-teal-700);
  --sl-action-primary-disabled: var(--sl-gray-50);
  --sl-action-primary-default: var(--sl-teal-600);
  --sl-action-neutral-selected: var(--sl-gray-100);
  --sl-action-neutral-pressed: var(--sl-gray-200);
  --sl-action-neutral-hovered: var(--sl-gray-100);
  --sl-action-neutral-disabled: var(--sl-gray-50);
  --sl-action-neutral-default: var(--sl-gray-50);
  --sl-action-danger-selected: var(--sl-red-600);
  --sl-action-danger-pressed: var(--sl-red-700);
  --sl-action-danger-hovered: var(--sl-red-600);
  --sl-action-danger-disabled: var(--sl-gray-50);
  --sl-action-danger-default: var(--sl-red-500);
  --sl-accent-4: var(--sl-zesty-orange);
  --sl-accent-3: var(--sl-loft-green);
  --sl-accent-2: var(--sl-celery-green);
  --sl-accent-1: var(--sl-teal-400);
  --sl-chart-categorical-4-hovered: var(--sl-accent-2);
  --sl-chart-categorical-4-default: var(--sl-accent-3);
  --sl-chart-categorical-10-default: var(--sl-accent-4);
}

html,
body {
  position: relative;
  z-index: 2;
  height: 100%;
}

html {
  font-size: 100%;
}

body {
  font-family: InterVariable;
  background-color: var(--sl-surface-neutral-muted);
  color: var(--sl-text-default);
  font-size: var(--sl-font-size-175);
  /** 
   * We have to use a relative height here because too much text expects the
   * line-height to increase with its font size. Ideally we'd use var(--sl-line-height-250).
   */
  line-height: 1.428;
  overflow: hidden;
  overscroll-behavior-y: none;
  -webkit-font-smoothing: antialiased;
}

main {
  display: grid;
  grid-template-areas:
    'sidebar header header header'
    'sidebar banner workflow profile'
    'sidebar content workflow profile'
    'devtools devtools devtools devtools';
  grid-template-rows: 56px min-content 1fr min-content;
  grid-template-columns: min-content 1fr min-content min-content;
  height: 100%;
  overflow: hidden;
}

/** 
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 * Backward compatibility section
 * 
 * The following rules act as shims after we removed Bootstrap from the code.
 * There were certain conventions or assumptions being made throughout the
 * codebase that would have been extremely non-trivial to update so instead we
 * included these global rules.
 * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 */

/**
  * `hr` tags are used in multiple places and rely heavily on the legacy style
  * overrides, so we're bringing those styles over here too.
  */
hr {
  margin-top: 19px;
  margin-bottom: 19px;
  border: 0;
  border-top: 1px solid #eee;
}

/**
 * There are too many places where bare `a` tags are used to not include a basic
 * color and decoration override.
 */
a {
  text-decoration: none;
  color: var(--sl-something);
}

/**
 * Not all buttons have border overrides included. 
 */
button {
  border: 0;
}

/**
 * The `fieldset` tag has weird browser defaults so we're fixing them here for
 * the Conversations video player. 
 */
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

/**
 * Ahh, tables. You fickle beasts.
 */
td,
th {
  padding: 0;
}

/**
 * Too much content depended on these tags not having top margins. 
 */
p,
ul {
  margin-block-start: 0;
}

/**
 * Too much content depended on these tags not having top margins. 
 */
button[role='switch']:only-of-type {
  margin-inline-end: 0;
}


/*# sourceMappingURL=https://sourcemaps.devsalesloft.com/rhapsody/rhapsody-6f1709a06f43c402-v1.css.map*/