/*! 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, 19 Jul 2024 13:43:07 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(97.25490212440491%, 30.980393290519714%, 18.039216101169586%, 100%);
  --sl-yellow-900: rgb(25.0980406999588%, 15.294118225574493%, 1.568627543747425%, 100%);
  --sl-yellow-800: rgb(33.72549116611481%, 21.176470816135406%, 1.9607843831181526%, 100%);
  --sl-yellow-700: rgb(40.7843142747879%, 25.0980406999588%, 3.5294119268655777%, 100%);
  --sl-yellow-600: rgb(51.372551918029785%, 32.549020648002625%, 5.098039284348488%, 100%);
  --sl-yellow-500: rgb(63.52941393852234%, 41.17647111415863%, 7.450980693101883%, 100%);
  --sl-yellow-50: rgb(97.64705896377563%, 93.72549057006836%, 69.41176652908325%, 100%);
  --sl-yellow-400: rgb(78.82353067398071%, 52.941179275512695%, 10.196078568696976%, 100%);
  --sl-yellow-300: rgb(91.76470637321472%, 65.8823549747467%, 16.862745583057404%, 100%);
  --sl-yellow-200: rgb(94.90196108818054%, 78.82353067398071%, 30.588236451148987%, 100%);
  --sl-yellow-1000: rgb(16.07843190431595%, 9.41176488995552%, 0.7843137718737125%, 100%);
  --sl-yellow-100: rgb(94.50980424880981%, 87.05882430076599%, 45.098039507865906%, 100%);
  --sl-yellow-0: rgb(100%, 98.43137264251709%, 89.41176533699036%, 100%);
  --sl-white: rgb(100%, 100%, 100%, 100%);
  --sl-teal-900: rgb(1.17647061124444%, 14.901961386203766%, 13.333334028720856%, 100%);
  --sl-teal-800: rgb(2.35294122248888%, 21.568627655506134%, 19.607843458652496%, 100%);
  --sl-teal-700: rgb(0.7843137718737125%, 32.1568638086319%, 29.411765933036804%, 100%);
  --sl-teal-600: rgb(3.9215687662363052%, 41.17647111415863%, 37.64705955982208%, 100%);
  --sl-teal-500: rgb(6.2745101749897%, 52.15686559677124%, 47.843137383461%, 100%);
  --sl-teal-50: rgb(78.43137383460999%, 93.33333373069763%, 90.98039269447327%, 100%);
  --sl-teal-400: rgb(4.70588244497776%, 61.96078658103943%, 56.86274766921997%, 100%);
  --sl-teal-300: rgb(23.137255012989044%, 70.98039388656616%, 66.27451181411743%, 100%);
  --sl-teal-200: rgb(50.1960813999176%, 83.52941274642944%, 78.82353067398071%, 100%);
  --sl-teal-1000: rgb(1.568627543747425%, 10.196078568696976%, 9.41176488995552%, 100%);
  --sl-teal-100: rgb(66.27451181411743%, 89.01960849761963%, 86.27451062202454%, 100%);
  --sl-teal-0: rgb(93.72549057006836%, 99.21568632125854%, 98.43137264251709%, 100%);
  --sl-red-900: rgb(30.19607961177826%, 7.450980693101883%, 2.7450980618596077%, 100%);
  --sl-red-800: rgb(40.00000059604645%, 10.588235408067703%, 4.70588244497776%, 100%);
  --sl-red-700: rgb(53.72549295425415%, 14.11764770746231%, 6.2745101749897%, 100%);
  --sl-red-600: rgb(67.84313917160034%, 20.78431397676468%, 11.764705926179886%, 100%);
  --sl-red-500: rgb(81.17647171020508%, 26.66666805744171%, 16.862745583057404%, 100%);
  --sl-red-50: rgb(99.60784316062927%, 87.84313797950745%, 84.70588326454163%, 100%);
  --sl-red-400: rgb(92.54902005195618%, 37.254902720451355%, 26.274511218070984%, 100%);
  --sl-red-300: rgb(98.82352948188782%, 52.941179275512695%, 35.686275362968445%, 100%);
  --sl-red-200: rgb(99.21568632125854%, 68.23529601097107%, 58.03921818733215%, 100%);
  --sl-red-1000: rgb(20.39215713739395%, 3.9215687662363052%, 1.17647061124444%, 100%);
  --sl-red-100: rgb(100%, 80.78431487083435%, 75.29411911964417%, 100%);
  --sl-red-0: rgb(100%, 96.47058844566345%, 95.686274766922%, 100%);
  --sl-purple-900: rgb(18.431372940540314%, 2.7450980618596077%, 17.64705926179886%, 100%);
  --sl-purple-800: rgb(30.588236451148987%, 7.058823853731155%, 29.411765933036804%, 100%);
  --sl-purple-700: rgb(42.74509847164154%, 12.941177189350128%, 41.17647111415863%, 100%);
  --sl-purple-600: rgb(55.68627715110779%, 20.39215713739395%, 53.33333611488342%, 100%);
  --sl-purple-500: rgb(68.23529601097107%, 30.980393290519714%, 65.8823549747467%, 100%);
  --sl-purple-50: rgb(98.43137264251709%, 85.88235378265381%, 96.86274528503418%, 100%);
  --sl-purple-400: rgb(78.82353067398071%, 43.13725531101227%, 76.07843279838562%, 100%);
  --sl-purple-300: rgb(87.05882430076599%, 55.29412031173706%, 83.92156958580017%, 100%);
  --sl-purple-200: rgb(93.33333373069763%, 67.05882549285889%, 90.58823585510254%, 100%);
  --sl-purple-1000: rgb(10.196078568696976%, 0.39215688593685627%, 9.803921729326248%, 100%);
  --sl-purple-100: rgb(97.25490212440491%, 77.64706015586853%, 95.29411792755127%, 100%);
  --sl-purple-0: rgb(100%, 96.86274528503418%, 99.60784316062927%, 100%);
  --sl-pink-900: rgb(24.313725531101227%, 2.35294122248888%, 7.058823853731155%, 100%);
  --sl-pink-800: rgb(34.90196168422699%, 6.2745101749897%, 12.5490203499794%, 100%);
  --sl-pink-700: rgb(49.01960790157318%, 11.372549086809158%, 19.21568661928177%, 100%);
  --sl-pink-600: rgb(62.352943420410156%, 15.294118225574493%, 25.0980406999588%, 100%);
  --sl-pink-500: rgb(79.60784435272217%, 24.313725531101227%, 34.90196168422699%, 100%);
  --sl-pink-50: rgb(98.43137264251709%, 87.84313797950745%, 88.23529481887817%, 100%);
  --sl-pink-400: rgb(88.6274516582489%, 38.43137323856354%, 45.88235318660736%, 100%);
  --sl-pink-300: rgb(93.33333373069763%, 54.90196347236633%, 58.82353186607361%, 100%);
  --sl-pink-200: rgb(97.25490212440491%, 70.58823704719543%, 72.54902124404907%, 100%);
  --sl-pink-1000: rgb(17.64705926179886%, 1.17647061124444%, 4.313725605607033%, 100%);
  --sl-pink-100: rgb(100%, 79.21568751335144%, 79.60784435272217%, 100%);
  --sl-pink-0: rgb(99.60784316062927%, 96.47058844566345%, 96.47058844566345%, 100%);
  --sl-loft-green: rgb(70.98039388656616%, 83.92156958580017%, 14.901961386203766%, 100%);
  --sl-lighten-900: rgb(100%, 100%, 100%, 72.00000286102295%);
  --sl-lighten-800: rgb(100%, 100%, 100%, 63.999998569488525%);
  --sl-lighten-700: rgb(100%, 100%, 100%, 56.00000023841858%);
  --sl-lighten-600: rgb(100%, 100%, 100%, 47.999998927116394%);
  --sl-lighten-500: rgb(100%, 100%, 100%, 40.00000059604645%);
  --sl-lighten-50: rgb(100%, 100%, 100%, 3.999999910593033%);
  --sl-lighten-400: rgb(100%, 100%, 100%, 31.999999284744263%);
  --sl-lighten-300: rgb(100%, 100%, 100%, 23.999999463558197%);
  --sl-lighten-25: rgb(100%, 100%, 100%, 1.9999999552965164%);
  --sl-lighten-200: rgb(100%, 100%, 100%, 15.999999642372131%);
  --sl-lighten-150: rgb(100%, 100%, 100%, 11.999999731779099%);
  --sl-lighten-1100: rgb(100%, 100%, 100%, 87.99999952316284%);
  --sl-lighten-1000: rgb(100%, 100%, 100%, 80.0000011920929%);
  --sl-lighten-100: rgb(100%, 100%, 100%, 7.999999821186066%);
  --sl-green-900: rgb(5.098039284348488%, 18.431372940540314%, 13.725490868091583%, 100%);
  --sl-green-800: rgb(5.490196123719215%, 25.49019753932953%, 18.82352977991104%, 100%);
  --sl-green-700: rgb(5.098039284348488%, 32.549020648002625%, 22.35294133424759%, 100%);
  --sl-green-600: rgb(3.5294119268655777%, 40.00000059604645%, 27.450981736183167%, 100%);
  --sl-green-500: rgb(4.313725605607033%, 50.98039507865906%, 34.90196168422699%, 100%);
  --sl-green-50: rgb(80.78431487083435%, 95.29411792755127%, 85.88235378265381%, 100%);
  --sl-green-400: rgb(5.490196123719215%, 66.27451181411743%, 45.49019634723663%, 100%);
  --sl-green-300: rgb(22.745098173618317%, 75.68627595901489%, 54.509806632995605%, 100%);
  --sl-green-200: rgb(43.529412150382996%, 86.27451062202454%, 66.27451181411743%, 100%);
  --sl-green-1000: rgb(3.9215687662363052%, 13.333334028720856%, 10.196078568696976%, 100%);
  --sl-green-100: rgb(63.921570777893066%, 90.19607901573181%, 75.68627595901489%, 100%);
  --sl-green-0: rgb(93.33333373069763%, 100%, 95.29411792755127%, 100%);
  --sl-gray-900: rgb(11.372549086809158%, 12.5490203499794%, 17.64705926179886%, 100%);
  --sl-gray-800: rgb(16.470588743686676%, 18.039216101169586%, 24.313725531101227%, 100%);
  --sl-gray-700: rgb(25.49019753932953%, 27.05882489681244%, 34.117648005485535%, 100%);
  --sl-gray-600: rgb(34.50980484485626%, 36.07843220233917%, 41.960784792900085%, 100%);
  --sl-gray-500: rgb(42.35294163227081%, 43.92156898975372%, 49.803921580314636%, 100%);
  --sl-gray-50: rgb(89.80392217636108%, 90.58823585510254%, 93.33333373069763%, 100%);
  --sl-gray-400: rgb(54.11764979362488%, 55.29412031173706%, 60.39215922355652%, 100%);
  --sl-gray-300: rgb(65.09804129600525%, 66.66666865348816%, 71.76470756530762%, 100%);
  --sl-gray-200: rgb(76.86274647712708%, 78.03921699523926%, 81.96078538894653%, 100%);
  --sl-gray-1000: rgb(3.13725508749485%, 4.313725605607033%, 7.8431375324726105%, 100%);
  --sl-gray-100: rgb(83.92156958580017%, 85.09804010391235%, 89.01960849761963%, 100%);
  --sl-gray-0: rgb(95.686274766922%, 96.07843160629272%, 97.25490212440491%, 100%);
  --sl-darken-900: rgb(0%, 0%, 0%, 72.00000286102295%);
  --sl-darken-800: rgb(0%, 0%, 0%, 63.999998569488525%);
  --sl-darken-700: rgb(0%, 0%, 0%, 56.00000023841858%);
  --sl-darken-600: rgb(0%, 0%, 0%, 47.999998927116394%);
  --sl-darken-500: rgb(0%, 0%, 0%, 40.00000059604645%);
  --sl-darken-50: rgb(0%, 0%, 0%, 3.999999910593033%);
  --sl-darken-400: rgb(0%, 0%, 0%, 31.999999284744263%);
  --sl-darken-300: rgb(0%, 0%, 0%, 23.999999463558197%);
  --sl-darken-25: rgb(0%, 0%, 0%, 1.9999999552965164%);
  --sl-darken-200: rgb(0%, 0%, 0%, 15.999999642372131%);
  --sl-darken-150: rgb(0%, 0%, 0%, 11.999999731779099%);
  --sl-darken-1100: rgb(0%, 0%, 0%, 87.99999952316284%);
  --sl-darken-1000: rgb(0%, 0%, 0%, 80.0000011920929%);
  --sl-darken-100: rgb(0%, 0%, 0%, 7.999999821186066%);
  --sl-celery-green: rgb(89.41176533699036%, 98.82352948188782%, 56.86274766921997%, 100%);
  --sl-bold-blue: rgb(23.137255012989044%, 70.98039388656616%, 66.27451181411743%, 100%);
  --sl-blue-900: rgb(5.098039284348488%, 11.764705926179886%, 23.9215686917305%, 100%);
  --sl-blue-800: rgb(7.8431375324726105%, 17.25490242242813%, 34.50980484485626%, 100%);
  --sl-blue-700: rgb(12.5490203499794%, 26.274511218070984%, 51.372551918029785%, 100%);
  --sl-blue-600: rgb(16.07843190431595%, 34.117648005485535%, 67.84313917160034%, 100%);
  --sl-blue-500: rgb(23.52941185235977%, 45.098039507865906%, 84.70588326454163%, 100%);
  --sl-blue-50: rgb(83.92156958580017%, 92.15686321258545%, 98.82352948188782%, 100%);
  --sl-blue-400: rgb(34.50980484485626%, 54.90196347236633%, 92.9411768913269%, 100%);
  --sl-blue-300: rgb(45.49019634723663%, 68.23529601097107%, 96.07843160629272%, 100%);
  --sl-blue-200: rgb(60.784316062927246%, 80.0000011920929%, 98.82352948188782%, 100%);
  --sl-blue-1000: rgb(1.9607843831181526%, 6.666667014360428%, 15.294118225574493%, 100%);
  --sl-blue-100: rgb(71.37255072593689%, 86.66666746139526%, 99.21568632125854%, 100%);
  --sl-blue-0: rgb(94.11764740943909%, 97.25490212440491%, 98.82352948188782%, 100%);
  --sl-black: rgb(0%, 0%, 0%, 100%);
  --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, 19 Jul 2024 13:43:07 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-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-500);
  --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-bold-blue);
  --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-0bf1af09bf6f43f0-v1.css.map*/