/* roboto-cyrillic-ext-100-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 100;

  src: url('fonts/roboto-cyrillic-ext-100-normal_e1270e19.woff2') format('woff2'), url('fonts/roboto-all-100-normal_6c9539d4.woff') format('woff');

  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-100-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 100;

  src: url('fonts/roboto-cyrillic-100-normal_25b3c9e0.woff2') format('woff2'), url('fonts/roboto-all-100-normal_6c9539d4.woff') format('woff');

  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-100-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 100;

  src: url('fonts/roboto-greek-ext-100-normal_93618802.woff2') format('woff2'), url('fonts/roboto-all-100-normal_6c9539d4.woff') format('woff');

  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-100-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 100;

  src: url('fonts/roboto-greek-100-normal_b314efef.woff2') format('woff2'), url('fonts/roboto-all-100-normal_6c9539d4.woff') format('woff');

  unicode-range: U+0370-03FF;
}

/* roboto-vietnamese-100-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 100;

  src: url('fonts/roboto-vietnamese-100-normal_71a23439.woff2') format('woff2'), url('fonts/roboto-all-100-normal_6c9539d4.woff') format('woff');

  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-100-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 100;

  src: url('fonts/roboto-latin-ext-100-normal_4aa4c213.woff2') format('woff2'), url('fonts/roboto-all-100-normal_6c9539d4.woff') format('woff');

  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-100-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 100;

  src: url('fonts/roboto-latin-100-normal_aadbafe1.woff2') format('woff2'), url('fonts/roboto-all-100-normal_6c9539d4.woff') format('woff');

  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* roboto-cyrillic-ext-300-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 300;

  src: url('fonts/roboto-cyrillic-ext-300-normal_92c11773.woff2') format('woff2'), url('fonts/roboto-all-300-normal_76d2d1fd.woff') format('woff');

  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-300-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 300;

  src: url('fonts/roboto-cyrillic-300-normal_eeabae29.woff2') format('woff2'), url('fonts/roboto-all-300-normal_76d2d1fd.woff') format('woff');

  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-300-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 300;

  src: url('fonts/roboto-greek-ext-300-normal_a52c39c6.woff2') format('woff2'), url('fonts/roboto-all-300-normal_76d2d1fd.woff') format('woff');

  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-300-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 300;

  src: url('fonts/roboto-greek-300-normal_53aba646.woff2') format('woff2'), url('fonts/roboto-all-300-normal_76d2d1fd.woff') format('woff');

  unicode-range: U+0370-03FF;
}

/* roboto-vietnamese-300-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 300;

  src: url('fonts/roboto-vietnamese-300-normal_f04f8003.woff2') format('woff2'), url('fonts/roboto-all-300-normal_76d2d1fd.woff') format('woff');

  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-300-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 300;

  src: url('fonts/roboto-latin-ext-300-normal_f3c8a466.woff2') format('woff2'), url('fonts/roboto-all-300-normal_76d2d1fd.woff') format('woff');

  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-300-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 300;

  src: url('fonts/roboto-latin-300-normal_a2c214af.woff2') format('woff2'), url('fonts/roboto-all-300-normal_76d2d1fd.woff') format('woff');

  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* roboto-cyrillic-ext-400-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url('fonts/roboto-cyrillic-ext-400-normal_c5a29393.woff2') format('woff2'), url('fonts/roboto-all-400-normal_602d8a36.woff') format('woff');

  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-400-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url('fonts/roboto-cyrillic-400-normal_caf92e45.woff2') format('woff2'), url('fonts/roboto-all-400-normal_602d8a36.woff') format('woff');

  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-400-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url('fonts/roboto-greek-ext-400-normal_bb641482.woff2') format('woff2'), url('fonts/roboto-all-400-normal_602d8a36.woff') format('woff');

  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-400-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url('fonts/roboto-greek-400-normal_abd27793.woff2') format('woff2'), url('fonts/roboto-all-400-normal_602d8a36.woff') format('woff');

  unicode-range: U+0370-03FF;
}

/* roboto-vietnamese-400-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url('fonts/roboto-vietnamese-400-normal_27ef417a.woff2') format('woff2'), url('fonts/roboto-all-400-normal_602d8a36.woff') format('woff');

  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-400-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url('fonts/roboto-latin-ext-400-normal_e006bb5a.woff2') format('woff2'), url('fonts/roboto-all-400-normal_602d8a36.woff') format('woff');

  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-400-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 400;

  src: url('fonts/roboto-latin-400-normal_749d7137.woff2') format('woff2'), url('fonts/roboto-all-400-normal_602d8a36.woff') format('woff');

  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* roboto-cyrillic-ext-500-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 500;

  src: url('fonts/roboto-cyrillic-ext-500-normal_d8d29bc8.woff2') format('woff2'), url('fonts/roboto-all-500-normal_85bc2d11.woff') format('woff');

  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-500-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 500;

  src: url('fonts/roboto-cyrillic-500-normal_e7aee406.woff2') format('woff2'), url('fonts/roboto-all-500-normal_85bc2d11.woff') format('woff');

  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-500-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 500;

  src: url('fonts/roboto-greek-ext-500-normal_3d09f2f9.woff2') format('woff2'), url('fonts/roboto-all-500-normal_85bc2d11.woff') format('woff');

  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-500-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 500;

  src: url('fonts/roboto-greek-500-normal_304adcbd.woff2') format('woff2'), url('fonts/roboto-all-500-normal_85bc2d11.woff') format('woff');

  unicode-range: U+0370-03FF;
}

/* roboto-vietnamese-500-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 500;

  src: url('fonts/roboto-vietnamese-500-normal_1c9f6858.woff2') format('woff2'), url('fonts/roboto-all-500-normal_85bc2d11.woff') format('woff');

  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-500-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 500;

  src: url('fonts/roboto-latin-ext-500-normal_7fa36e49.woff2') format('woff2'), url('fonts/roboto-all-500-normal_85bc2d11.woff') format('woff');

  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-500-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 500;

  src: url('fonts/roboto-latin-500-normal_4b0658d6.woff2') format('woff2'), url('fonts/roboto-all-500-normal_85bc2d11.woff') format('woff');

  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* roboto-cyrillic-ext-700-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url('fonts/roboto-cyrillic-ext-700-normal_f5625e24.woff2') format('woff2'), url('fonts/roboto-all-700-normal_5a637f7c.woff') format('woff');

  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-700-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url('fonts/roboto-cyrillic-700-normal_dedf0d7f.woff2') format('woff2'), url('fonts/roboto-all-700-normal_5a637f7c.woff') format('woff');

  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-700-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url('fonts/roboto-greek-ext-700-normal_81cd74f7.woff2') format('woff2'), url('fonts/roboto-all-700-normal_5a637f7c.woff') format('woff');

  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-700-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url('fonts/roboto-greek-700-normal_db83bdae.woff2') format('woff2'), url('fonts/roboto-all-700-normal_5a637f7c.woff') format('woff');

  unicode-range: U+0370-03FF;
}

/* roboto-vietnamese-700-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url('fonts/roboto-vietnamese-700-normal_6d301790.woff2') format('woff2'), url('fonts/roboto-all-700-normal_5a637f7c.woff') format('woff');

  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-700-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url('fonts/roboto-latin-ext-700-normal_a8054ede.woff2') format('woff2'), url('fonts/roboto-all-700-normal_5a637f7c.woff') format('woff');

  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-700-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 700;

  src: url('fonts/roboto-latin-700-normal_d69ccc86.woff2') format('woff2'), url('fonts/roboto-all-700-normal_5a637f7c.woff') format('woff');

  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* roboto-cyrillic-ext-900-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 900;

  src: url('fonts/roboto-cyrillic-ext-900-normal_d372ddba.woff2') format('woff2'), url('fonts/roboto-all-900-normal_da7d8b92.woff') format('woff');

  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* roboto-cyrillic-900-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 900;

  src: url('fonts/roboto-cyrillic-900-normal_e1caabf9.woff2') format('woff2'), url('fonts/roboto-all-900-normal_da7d8b92.woff') format('woff');

  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* roboto-greek-ext-900-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 900;

  src: url('fonts/roboto-greek-ext-900-normal_27b8e3eb.woff2') format('woff2'), url('fonts/roboto-all-900-normal_da7d8b92.woff') format('woff');

  unicode-range: U+1F00-1FFF;
}

/* roboto-greek-900-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 900;

  src: url('fonts/roboto-greek-900-normal_3562922b.woff2') format('woff2'), url('fonts/roboto-all-900-normal_da7d8b92.woff') format('woff');

  unicode-range: U+0370-03FF;
}

/* roboto-vietnamese-900-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 900;

  src: url('fonts/roboto-vietnamese-900-normal_a84d86a.woff2') format('woff2'), url('fonts/roboto-all-900-normal_da7d8b92.woff') format('woff');

  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
}

/* roboto-latin-ext-900-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 900;

  src: url('fonts/roboto-latin-ext-900-normal_87c5417e.woff2') format('woff2'), url('fonts/roboto-all-900-normal_da7d8b92.woff') format('woff');

  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* roboto-latin-900-normal*/

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-display: swap;

  font-weight: 900;

  src: url('fonts/roboto-latin-900-normal_ec73099c.woff2') format('woff2'), url('fonts/roboto-all-900-normal_da7d8b92.woff') format('woff');

  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ! tailwindcss v2.2.19 | MIT License | https://tailwindcss.com*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

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

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

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

/**
Use a more readable tab size (opinionated).
*/

html {
  -moz-tab-size: 4;
  tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

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

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
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] {
  -webkit-text-decoration: underline dotted;
          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 all 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.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  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;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

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

button {
  background-color: transparent;
  background-image: none;
}

fieldset {
  margin: 0;
  padding: 0;
}

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

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: var(--family-sans); /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}

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

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

:-moz-focusring {
  outline: auto;
}

table {
  border-collapse: collapse;
}

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

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

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

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 *
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 *
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

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;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after {
  border-color: currentColor;
}

/**
 * Do not edit directly. This file is autogenerated.
 * See **Design Tokens** contributing section in `./README.md`.
 */

:root {
  --spacing-40: 40px; /* 40px */
	--spacing-25: 25px; /* 25px */
  --spacing-20: 20px; /* 20px */
	--spacing-15: 15px; /* 15px */
  --spacing-10: 10px; /* 10px */
  --spacing-5: 5px; /* 5px */
  --spacing-4: 4px; /* 4px */
  --spacing-3: 3px; /* 3px */
  --spacing-2: 2px; /* 2px */
  --spacing-1: 1px; /* 1px */
  --spacing-0: 0px; /* 0px */
  --field-width-base: 278px;
  --weight-black: 900;
  --weight-bold: 700;
  --weight-medium: 500;
  --weight-normal: 400;
  --weight-light: 300;
  --weight-thin: 100;
  --size-4xl: 1.625rem; /* 26px / 32px */
  --size-3xl: 1.375rem; /* 22px */
  --size-2xl: 1.25rem; /* 20px */
  --size-xl: 1.125rem; /* 18px */
  --size-lg: 1rem; /* 16px */
  --size-base: 0.875rem; /* 14px */
  --size-sm: 0.75rem; /* 12px */
  --size-xs: 0.625rem; /* 10px */
  --family-sans: Roboto, sans-serif;
  --shadow-none-dark: none;
  --shadow-none: none;
  --shadow-dark: 0 2px 10px 0 rgba(255, 255, 255, 0.3);
  --shadow-base: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
  --overlay-dark: rgba(0, 0, 0, 0.5);
  --overlay-base: rgba(0, 0, 0, 0.2);
  --color-chart-900: #212121;
  --color-chart-800: #9d9d9d;
  --color-chart-700: #b1634e;
  --color-chart-600: #e02020;
  --color-chart-500: #eea47f;
  --color-chart-400: #9c56b0;
  --color-chart-300: #239ed8;
  --color-chart-200: #9cc4d5;
  --color-chart-100: #2cae66;
  --color-chart-50: #fee715;
  --color-orange-700: #c44f00;
  --color-orange-600: #fa6400;
  --color-orange-500: #fe7801;
  --color-orange-400: #ff8c52;
  --color-orange-300: #eea47f;
  --color-orange-200: #ff9f4b;
  --color-orange-100: #ffd1a9;
  --color-orange-50: #ffe9d5;
  --color-red-900: #b40000;
  --color-red-800: #e02020;
  --color-red-700: #ff0000;
  --color-red-600: #ff5454;
  --color-green-900: #037132;
  --color-green-800: #008f3d;
  --color-green-700: #1c944e;
  --color-green-650: #04a94c;
  --color-green-600: #2cae66;
  --color-green-500: #51b500;
  --color-green-400: #6dd400;
  --color-green-300: #95e400;
  --color-green-200: #bfd0c6;
  --color-green-100: #ddeee4;
  --color-green-50: #eefaf3;
  --color-blue-850: #1f2943;
  --color-blue-800: #145c9c;
  --color-blue-750: #2151af;
  --color-blue-700: #2f80ed;
  --color-blue-600: #49a2f2;
  --color-blue-500: #6bd7ff;
  --color-blue-400: #b5c6ce;
  --color-blue-300: #c4e1ee;
  --color-blue-200: #e4eef1;
  --color-blue-100: #deeef7;
  --color-grey-950: #040209;
  --color-grey-900: #110f15;
  --color-grey-850: #1d1b22;
  --color-grey-800: #212121;
  --color-grey-700: #2e3031;
  --color-grey-650: #2b2933;
  --color-grey-600: #5b5e5e;
  --color-grey-550: #818083;
  --color-grey-500: #aaaaaa;
  --color-grey-400: #c6c6c6;
  --color-grey-300: #e3e3e3;
  --color-grey-200: #f2f4f6;
  --color-grey-100: #fbfafa;
  --color-white: #ffffff;
  --color-black: #000000;
  --color-current: currentColor;
  --color-transparent: transparent;
  --width-base: 1px;
  --width-2: 2px;
  --width-0: 0px;
  --radius-none: 0;
  --radius-full: 9999px;
  --radius-md: 1.25rem; /* 20px */
  --radius-base: 0.5rem; /* 8px */
  --radius-sm: 0.375rem; /* 6px */
  --radius-xs: 0.25rem; /* 4px */
}

:root {
  /* TODO: move to new semantic tokens config */
  --animation-duration: 200ms;
  --animation-function: ease;
  --main-background: var(--color-grey-200);
  --main-text: var(--color-black);
  --transform-direction: 1;
  --validation-state--invalid: var(--color-red-900);
}

.dark {
  --main-background: var(--color-grey-900);
  --main-text: var(--color-grey-200);
  --validation-state--invalid: var(--color-red-700);
}

[dir='rtl'] {
  --transform-direction: -1;
}

body {
  font-size: var(--size-base);
  line-height: 1.313rem;
  background-color: var(--main-background);
  color: var(--main-text);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --animation-duration: 0;
  }
}

.accordion {
  display: flex;
  flex-direction: column;
  --accordion-header-background: var(--color-white);
  --accordion-header-background--hover: var(--color-blue-200);
  --accordion-header-background--open: var(--color-black);
  --accordion-header-background--open--hover: var(--color-grey-700);
  --accordion-header-text-color: var(--color-black);
  --accordion-header-text-color--open: var(--color-white);
  --accordion-subtitle-color: var(--color-grey-600);
  --accordion-subtitle-color--open: var(--color-grey-550);
  --accordion-subtitle-color--info: var(--color-blue-700);
  --accordion-border: var(--color-grey-300);
  --accordion-chevron-background: var(--color-grey-500);
  --accordion-chevron-background--open: var(--color-blue-700);
  --accordion-content-background: var(--color-grey-100);
  --accordion-item-icon: var(--color-grey-600);
  --accordion-item-icon--open: var(--color-grey-550);
  --accordion-item-icon--info: var(--color-blue-700);
  --accordion-item-icon--success: var(--color-green-800);
  --accordion-item-icon--warning: var(--color-orange-600);
  --accordion-item-icon--error: var(--color-red-900);
  --accordion-item-icon--error-open: var(--color-red-800);
}

.dark .accordion {
  --accordion-header-background: var(--color-grey-900);
  --accordion-header-background--hover: var(--color-blue-850);
  --accordion-header-background--open: var(--color-white);
  --accordion-header-background--open--hover: var(--color-grey-300);
  --accordion-header-text-color: var(--color-grey-400);
  --accordion-header-text-color--open: var(--color-black);
  --accordion-subtitle-color: var(--color-grey-550);
  --accordion-subtitle-color--open: var(--color-grey-600);
  --accordion-border: var(--color-grey-650);
  --accordion-content-background: var(--color-grey-850);
  --accordion-item-icon: var(--color-grey-550);
  --accordion-item-icon--open: var(--color-grey-600);
  --accordion-item-icon--error-open: var(--color-red-900);
}

.accordion-item {
  border-bottom-width: var(--width-base);
  border-color: var(--accordion-border);
  width: 100%;
}

.accordion-item--open {
  --accordion-header-background: var(--accordion-header-background--open);
  --accordion-header-background--hover: var(--accordion-header-background--open--hover);
  --accordion-header-text-color: var(--accordion-header-text-color--open);
  --accordion-subtitle-color: var(--accordion-subtitle-color--open);
  --accordion-chevron-background: var(--accordion-chevron-background--open);
  --accordion-chevron-rotate: calc(180deg * var(--transform-direction));
  --accordion-item-icon: var(--accordion-item-icon--open);
  --accordion-item-icon--error: var(--accordion-item-icon--error-open);
}

.accordion-item--disabled .accordion-item__header {
  opacity: 0.4;
}

/**
 * Override button styles
 */

.accordion-item--disabled .accordion-item__header {
  cursor: default; /* 1 */
}

.accordion-item__header {
  display: flex;
  align-items: center;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding-inline: var(--spacing-20);
  background-color: var(--accordion-header-background);
  gap: 8px;
  width: 100%;
}

:where(.accordion-item:not(.accordion-item--disabled) .accordion-item__header):hover {
  --accordion-header-background: var(--accordion-header-background--hover);
}

:where(.accordion-item__header):focus {
  outline: 0;
  outline-offset: 0;
}

/**
 * 1. Force inset outline so it is not cut-off when inside Scrollbar's overlow hidden.
 */

.accordion-item__header--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
  outline-offset: -2px; /* 1 */
}

.accordion-item__title-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  padding-inline-end: var(--spacing-20);
  height: 2.25rem;
}

.accordion-item__title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--size-base);
  line-height: 1.313rem;
  font-weight: var(--weight-medium);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: var(--accordion-header-text-color);
}

.accordion-item__title--required::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

.accordion-item__title--small {
  font-size: var(--size-sm);
  line-height: 1.5;
  line-height: 1rem;
}

/**
 * 1. Rewrite styles from .dark h3 header.
 */

.accordion-item__subtitle {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--size-sm);
  line-height: 1.5;
  line-height: 1rem;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: var(--accordion-subtitle-color) !important; /* 1 */
}

.accordion-item__subtitle--info {
  font-weight: var(--weight-bold);
  --accordion-subtitle-color: var(--accordion-subtitle-color--info);
}

.accordion-item-chevron {
  width: var(--size-base);
  height: var(--size-base);
  background: var(--accordion-chevron-background);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  transition: transform 0.1s;
  transform: rotate(var(--accordion-chevron-rotate));
}

.accordion-item__wrapper {
  background-color: var(--accordion-content-background);
  display: grid;
  grid-template-rows: 0fr;
  overflow: hidden;
  transition: grid-template-rows var(--animation-duration) var(--animation-function);
  transition: grid-template-rows var(--animation-duration) var(--animation-function), -ms-grid-rows var(--animation-duration) var(--animation-function);
}

.accordion-item__wrapper--open {
  grid-template-rows: 1fr;
}

.accordion-item__content {
  min-height: 0;
  transition: visibility var(--animation-duration) var(--animation-function);
  visibility: hidden;
}

.accordion-item__wrapper--open .accordion-item__content {
  visibility: visible;
}

.accordion-item__icon {
  font-size: var(--size-lg);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  color: var(--accordion-item-icon);
}

.accordion-item__icon--info {
  --accordion-item-icon: var(--accordion-item-icon--info);
}

.accordion-item__icon--success {
  --accordion-item-icon: var(--accordion-item-icon--success);
}

.accordion-item__icon--warning {
  --accordion-item-icon: var(--accordion-item-icon--warning);
}

.accordion-item__icon--error {
  --accordion-item-icon: var(--accordion-item-icon--error);
}

.active-filter {
  display: inline-flex;
  align-items: center;
  border-radius: var(--radius-base);
  border-width: var(--width-base);
  line-height: 1;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  --active-filter-backgroud: var(--color-white);
  --active-filter-border: var(--color-transparent);
  --active-filter-border--hover: var(--color-blue-600);
  --active-filter-border--focus: var(--color-blue-700);
  --active-filter-border--active: var(--color-blue-700);
  --active-filter-name: var(--color-black);
  --active-filter-value: var(--color-blue-700);
  --active-filter-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
  --active-filter-icon-color: var(--color-grey-500);
  --active-filter-icon-color--hover: var(--color-red-600);
  background-color: var(--active-filter-backgroud);
  height: 2.25rem;
  border-color: var(--active-filter-border);
}

.dark .active-filter {
  --active-filter-backgroud: var(--color-black);
  --active-filter-name: var(--color-white);
  --active-filter-icon-color: var(--color-grey-550);
}

:where(.active-filter):focus {
  outline: 0;
  outline-offset: 0;
}

:where(.active-filter):hover {
  --active-filter-border: var(--active-filter-border--hover);
}

.active-filter--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
  --active-filter-border: var(--active-filter-border--focus);
}

.active-filter--active {
  --active-filter-border: var(--active-filter-border--active);
}

.active-filter--not-removable {
  padding-inline-end: var(--spacing-10);
}

.active-filter__content {
  padding-inline-end: var(--spacing-0);
  padding-inline-start: var(--spacing-10);
  max-width: 10.5rem;
}

.active-filter__name {
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-medium);
  line-height: 1rem;
  color: var(--active-filter-name);
}

.active-filter__value {
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  line-height: 1rem;
  color: var(--active-filter-value);
}

/* Icon */

.active-filter__icon {
  margin: var(--spacing-10);
  height: var(--spacing-10);
  width: var(--spacing-10);
  outline: 0;
  outline-offset: 0;
  background-color: var(--active-filter-icon-color);
  -webkit-mask-image: var(--active-filter-icon);
          mask-image: var(--active-filter-icon);
}

.active-filter__icon:hover {
  --active-filter-icon-color: var(--active-filter-icon-color--hover);
}

.alert {
  --alert-color--info: var(--color-blue-600);
  --alert-color--success: var(--color-green-800);
  --alert-color--warning: var(--color-orange-600);
  --alert-color--error: var(--color-red-900);
  --alert-text: var(--color-white);
  --alert-text--outline: var(--color-black);
  --alert-background--outline: var(--color-white);
  display: inline-flex;
  gap: var(--spacing-10);
  border-radius: var(--radius-xs);
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
  background-color: var(--alert-background);
  color: var(--alert-text);
  border: 1px solid var(--alert-color);
  width: -moz-fit-content;
  width: fit-content;
  padding-block: 6.5px;
}

.dark .alert {
  --alert-color--info: var(--color-blue-750);
  --alert-text--outline: var(--color-grey-100);
  --alert-background--outline: var(--color-black);
}

/* Colors */

.alert--info {
  --alert-color: var(--alert-color--info);
  --alert-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M7.5 4A1.5 1.5 0 1 0 7.499.999 1.5 1.5 0 0 0 7.5 4zm2.625 8.273H9V5.909C9 5.407 8.608 5 8.125 5h-3.25C4.392 5 4 5.407 4 5.91v.908c0 .502.392.91.875.91H6v4.545H4.875c-.483 0-.875.407-.875.909v.909c0 .502.392.909.875.909h5.25c.483 0 .875-.407.875-.91v-.908c0-.502-.392-.91-.875-.91z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.alert--success {
  --alert-color: var(--alert-color--success);
  --alert-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 2.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 1 1 2.12-2.12L6 9.878l6.94-6.94a1.5 1.5 0 0 1 2.12 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.alert--warning {
  --alert-color: var(--alert-color--warning);
  --alert-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.5 8.021a7.5 7.5 0 1 1-15-.042 7.5 7.5 0 0 1 15 .042zm-6.417.482.327-3.92A1 1 0 0 0 8.413 3.5h-.826a1 1 0 0 0-.997 1.083l.327 3.92a1.087 1.087 0 0 0 2.166 0zM8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.alert--error {
  --alert-color: var(--alert-color--error);
  --alert-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M7.559.827.392 14.265A.5.5 0 0 0 .833 15h14.334a.5.5 0 0 0 .44-.735L8.442.827a.5.5 0 0 0-.882 0zM9 12.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.587-8a1 1 0 0 1 .997 1.083l-.327 3.92a1.087 1.087 0 0 1-2.166 0l-.327-3.92A1 1 0 0 1 7.587 4.5h.826z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

/* Variants */

.alert--solid {
  --alert-background: var(--alert-color);
  --alert-icon-color: var(--alert-text);
}

.alert--outline {
  --alert-background: var(--alert-background--outline);
  --alert-icon-color: var(--alert-color);
  --alert-text: var(--alert-text--outline);
}

.alert::before {
  content: '';
  background-color: var(--alert-icon-color);
  -webkit-mask-image: var(--alert-icon-image);
          mask-image: var(--alert-icon-image);
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  margin-top: 0.1875rem;
}

.alert a {
  color: var(--alert-text);
  text-decoration: underline;
}

.alert a:hover {
  text-decoration: none;
}

/**
 * 1. Makes it responsive to custom browser font size.
 */

.avatar {
  --avatar-background: var(--color-grey-300);
  --avatar-background: var(--avatar-background--custom, var(--color-grey-300));
  --avatar-border: var(--avatar-border--default);
  --avatar-border--default: var(--color-white);
  --avatar-border--hover: var(--color-blue-600);
  --avatar-border--focus: var(--color-blue-600);
  --avatar-border--selected: var(--color-black);
  --avatar-placeholder: var(--color-grey-500);
  --avatar-text: var(--avatar-text--custom, var(--color-grey-550));
  --avatar-size: var(--avatar-size--custom, 32);
  border-radius: var(--radius-full);
  font-weight: var(--weight-bold);
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  aspect-ratio: 1;
  background-color: var(--avatar-background);
  border-color: var(--avatar-border);
  border-style: solid;
  border-width: 1px;
  color: var(--avatar-text);
  container-type: inline-size;
  display: inline-grid;
  overflow: hidden;
  min-width: calc(var(--avatar-size) / 16 * 1rem); /* 1 */
}

.dark .avatar {
  --avatar-background--darkened: color-mix(in srgb, var(--avatar-background--custom) 70%, black);
  --avatar-background: var(--avatar-background--darkened, var(--color-grey-600));
  --avatar-border--default: var(--color-grey-900);
  --avatar-border--selected: var(--color-white);
  --avatar-placeholder: var(--color-grey-700);
  --avatar-text: var(--avatar-text--custom, var(--color-grey-500));
}

.avatar--active:not(.avatar--disabled):hover,
.avatar-group--active:not(.avatar-group--disabled):hover .avatar {
  --avatar-border: var(--avatar-border--hover);
}

.avatar--focused, .avatar-group--focused .avatar {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.avatar--focused,
.avatar-group--focused .avatar {
  --avatar-border: var(--avatar-border--focus);
}

.avatar--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.avatar--selected {
  --avatar-border: var(--avatar-border--selected);
}

.avatar--group + * {
  margin-inline-start: calc(var(--avatar-size) / 2 * -1px);
}

.avatar__initials {
  font-size: 50cqw;
  place-self: center;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.avatar__image {
  object-fit: cover;
}

.avatar__placeholder {
  aspect-ratio: 1;
  background-color: var(--avatar-placeholder);
  display: block;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath d="M12 9c-.35 0-1.767 2-4 2S4.35 9 4 9C.7 9 .017 13.672 0 16h16c0-2.328-.7-7-4-7zM8 9c2.214 0 4-1.786 4-4 0-2.198-1.786-4-4-4S4 2.802 4 5c0 2.214 1.802 4 4 4z"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath d="M12 9c-.35 0-1.767 2-4 2S4.35 9 4 9C.7 9 .017 13.672 0 16h16c0-2.328-.7-7-4-7zM8 9c2.214 0 4-1.786 4-4 0-2.198-1.786-4-4-4S4 2.802 4 5c0 2.214 1.802 4 4 4z"/%3E%3C/svg%3E');
  place-self: center;
  width: 53.38%;
  translate: 0 -1px;
}

/* Group */

/**
 * 1. Removes bottom space when rendered as a button or a link.
 */

.avatar-group {
  outline: 0;
  outline-offset: 0;
  display: inline-flex;
  line-height: 0; /* 1 */
}

.avatar-group--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.backdrop {
  --backdrop-background: var(--overlay-base);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background: var(--backdrop-background);
  inset: 0;
  position: fixed;
  z-index: 1;
}

.dark .backdrop {
  --backdrop-background: var(--overlay-dark);
}

.backdrop {
  transition-property: opacity, visibility;
  transition-timing-function: var(--animation-function);
  transition-duration: var(--animation-duration);
  transition-delay: 150ms;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.backdrop--open {
  opacity: 0.9999;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0ms;
}

.backdrop--transparent {
  background: none;
  transition: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}

@media (prefers-reduced-motion: reduce) {
  .backdrop {
    transition-delay: 0ms;
  }
}

.badge__wrapper {
  display: inline-flex;
  flex-shrink: 0;
  position: relative;
  vertical-align: middle;
}

.badge {
  --badge-size: 17px;
  border-radius: var(--radius-full);
  font-size: var(--size-sm);
  line-height: 1.5;
  color: var(--color-white);
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--badge-background);
  align-content: center;
  align-items: center;
  display: flex;
  height: var(--badge-size);
  justify-content: center;
  min-width: var(--badge-size);
  padding: 5px;
  position: absolute;
  top: 0;
  z-index: 1;
}

/* Alignment */

.badge--start,
[dir='rtl'] .badge--end {
  left: 0;
  right: auto;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}

.badge--center {
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
  transform-origin: 0% 0%;
}

.badge--end,
[dir^='rtl'] .badge--start {
  left: auto;
  right: 0;
  transform: scale(1) translate(50%, -50%);
  transform-origin: 100% 0%;
}

/* Colors */

.badge--info {
  --badge-background: var(--color-blue-700);
}

.badge--success {
  --badge-background: var(--color-green-800);
}

.badge--warning {
  --badge-background: var(--color-orange-600);
}

.badge--error {
  --badge-background: var(--color-red-900);
}

/* Variants */

.badge--dot {
  --badge-size: 7px;
  padding: 0;
}

[dir='rtl'] .badge--invisible.badge--end,
.badge--invisible.badge--start {
  transform: scale(0) translate(-50%, -50%);
}

.badge--invisible.badge--center {
  transform: scale(0) translate(-50%, -50%);
}

[dir^='rtl'] .badge--invisible.badge--start,
.badge--invisible.badge--end {
  transform: scale(0) translate(50%, -50%);
}

.button {
  --button-background: var(--button-background--default);
  --button-background--selected: var(--color-black);
  --button-background--info: var(--color-blue-700);
  --button-background--info-hover: var(--color-blue-600);
  --button-background--success: var(--color-green-800);
  --button-background--success-hover: var(--color-green-600);
  --button-background--warning: var(--color-orange-600);
  --button-background--warning-hover: var(--color-orange-500);
  --button-background--error: var(--color-red-900);
  --button-background--error-hover: var(--color-red-800);
  --button-border: var(--button-background);
  --button-text--light: var(--color-white);
  --button-text--dark: var(--color-black);
  --button-text--selected: var(--color-white);
  --button-text: var(--button-text--dark);
  --button-icon: var(--button-text);
  border-radius: var(--radius-base);
  border-width: var(--width-base);
  font-weight: var(--weight-medium);
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding-inline: var(--spacing-15);
  background-color: var(--button-background);
  border-color: var(--button-border);
  color: var(--button-text);
  gap: 8px;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}

.dark .button {
  --button-background--selected: var(--color-white);
  --button-background--info: var(--color-blue-750);
  --button-background--info-hover: var(--color-blue-700);
  --button-background--success: var(--color-green-900);
  --button-background--success-hover: var(--color-green-650);
  --button-background--warning: var(--color-orange-700);
  --button-background--warning-hover: var(--color-orange-500);
  --button-background--error: var(--color-red-900);
  --button-background--error-hover: var(--color-red-800);
  --button-text--selected: var(--color-black);
}

/* Colors */

.button--info {
  --button-background--default: var(--button-background--info);
  --button-background--hover: var(--button-background--info-hover);
}

.button--success {
  --button-background--default: var(--button-background--success);
  --button-background--hover: var(--button-background--success-hover);
}

.button--warning {
  --button-background--default: var(--button-background--warning);
  --button-background--hover: var(--button-background--warning-hover);
}

.button--error {
  --button-background--default: var(--button-background--error);
  --button-background--hover: var(--button-background--error-hover);
}

/* States */

.button--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

:where(.button:not(:disabled, .button--disabled, .button--pending)):hover {
  --button-background: var(--button-background--hover);
}

.button--active {
  --button-background: var(--button-background--default);
}

.button:disabled,
.button--disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.button--selected {
  --button-icon: var(--button-text--selected) !important;
  background-color: var(--button-background--selected) !important;
  border-color: var(--button-background--selected) !important;
  color: var(--button-text--selected) !important;
}

/* Pending */

.button--pending {
  cursor: default;
}

.button > *:not(.button__progress) {
  opacity: 1;
  transition: opacity ease 0.2s;
}

.button--pending > *:not(.button__progress) {
  opacity: 0;
}

.button__progress {
  --button-progress-size: 1em;
  animation: spin 1.2s linear infinite;
  background-color: var(--button-icon);
  height: var(--button-progress-size);
  left: 50%;
  -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="none"><g stroke="%23fff" stroke-linecap="round" stroke-width="2"><path d="M5.5 1A4.5 4.5 0 0 1 10 5.5M5.5 10A4.5 4.5 0 0 1 1 5.5"/></g></svg>');
          mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" fill="none"><g stroke="%23fff" stroke-linecap="round" stroke-width="2"><path d="M5.5 1A4.5 4.5 0 0 1 10 5.5M5.5 10A4.5 4.5 0 0 1 1 5.5"/></g></svg>');
  -webkit-mask-size: var(--button-progress-size);
          mask-size: var(--button-progress-size);
  opacity: 0;
  position: absolute;
  top: 50%;
  transition: all ease 0.2s;
  visibility: hidden;
  width: var(--button-progress-size);
}

.button__progress--visible {
  visibility: visible;
  opacity: 1;
}

@keyframes spin {
  0% {
    rotate: 0deg;
  }

  100% {
    rotate: 360deg;
  }
}

/* Sizes */

.button--small {
  border-radius: var(--radius-sm);
  font-size: var(--size-sm);
  line-height: 1.5;
  padding-inline: var(--spacing-10);
  gap: 5px;
  height: 1.5rem;
}

/* Variants */

.button--solid {
  --button-text: var(--button-text--light);
}

.button--outline {
  --button-icon: var(--button-background);
  background-color: var(--color-transparent);
}

.dark .button--outline {
  --button-text: var(--button-text--light);
}

.button--quiet {
  --button-icon: var(--button-background);
  border-color: var(--color-transparent);
  background-color: var(--color-transparent);
}

.dark .button--quiet {
  --button-text: var(--button-text--light);
}

.button--quiet:not(:disabled, .button--disabled):hover {
  border-color: var(--button-background--hover);
}

.button--icon-only {
  padding-inline: var(--spacing-10);
}

.button--small.button--icon-only {
  padding-inline: 5px;
}

/* Icon */

.button__icon {
  color: var(--button-icon);
}

.button-group__menu-trigger-icon {
  background-color: currentColor;
  height: 1em;
  width: 1em;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M10 2.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-2 7.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M10 2.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0zM10 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm-2 7.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

/**
 * 1. RGB colors are used to be able to apply opacity within rgb() function. Might be returned back to tokens (which are in HEX) when relative color syntax is supported.
 * 2. theme('colors.grey.800')
 * 3. theme('colors.grey.300')
 */

.calendar {
  --calendar-background: var(--color-white);
  --calendar-cell-dayname: var(--color-grey-550);
  --calendar-cell-background--weekend: var(--color-grey-200);
  --calendar-cell-background--selected: var(--color-blue-300);
  --calendar-cell-background--selected-invalid: var(--color-orange-50);
  --calendar-datetext: 33 33 33; /* 1, 2 */
  --calendar-datetext--hover: 255 255 255; /* 1 */
  --calendar-datetext--selected: 0 0 0; /* 1 */
  --calendar-datetext--selected-end: 255 255 255; /* 1 */
  --calendar-datetext-background--hover: var(--color-blue-600);
  --calendar-datetext-background--selected: var(--color-blue-700);
  --calendar-datetext-background--selected-invalid: var(--color-orange-700);
  background: var(--calendar-background);
  width: -moz-fit-content;
  width: fit-content;
}

.dark .calendar {
  --calendar-background: var(--color-grey-900);
  --calendar-cell-background--weekend: var(--color-grey-850);
  --calendar-cell-background--selected: var(--color-blue-850);
  --calendar-cell-background--selected-invalid: var(--color-red-900);
  --calendar-datetext: 227 227 227; /* 1, 3 */
  --calendar-datetext--selected: 255 255 255; /* 1 */
  --calendar-datetext-background--selected-invalid: var(--color-red-800);
}

/* Base */

.calendar__header {
  margin-bottom: var(--spacing-10);
  -moz-column-gap: var(--spacing-15);
       column-gap: var(--spacing-15);
  display: flex;
}

.calendar__month {
  grid-template-columns: minmax(auto, 1fr) auto minmax(auto, 1fr);
  grid-template-areas: 'prev title next';
  align-items: center;
  display: grid;
  width: 100%;
}

.calendar__month-title {
  font-weight: var(--weight-medium);
  grid-area: title;
}

.calendar__buttons {
  display: flex;
  gap: 5px;
}

.calendar__buttons--prev {
  grid-area: prev;
  justify-self: start;
}

.calendar__buttons--next {
  grid-area: next;
  justify-self: end;
}

.calendar__button-icon {
  background-color: currentColor;
  height: 1em;
  width: 1em;
  -webkit-mask-image: var(--calendar-button-icon);
          mask-image: var(--calendar-button-icon);
  transform: scaleX(var(--transform-direction));
}

.calendar__button-icon--prev-month {
  --calendar-button-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M12.06.94a1.5 1.5 0 0 1 0 2.12L7.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12l-6-6a1.5 1.5 0 0 1 0-2.12l6-6a1.5 1.5 0 0 1 2.122 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.calendar__button-icon--next-month {
  --calendar-button-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M3.94.94a1.5 1.5 0 0 0 0 2.12L8.878 8l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12l6-6a1.5 1.5 0 0 0 0-2.12l-6-6a1.5 1.5 0 0 0-2.122 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.calendar__button-icon--prev-year {
  --calendar-button-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M8.56.94a1.5 1.5 0 0 1 0 2.12L3.622 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12l-6-6a1.5 1.5 0 0 1 0-2.12l6-6a1.5 1.5 0 0 1 2.122 0z" clip-rule="evenodd"/%3E%3Cpath fill-rule="evenodd" d="M15.56.94a1.5 1.5 0 0 1 0 2.12L10.622 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12l-6-6a1.5 1.5 0 0 1 0-2.12l6-6a1.5 1.5 0 0 1 2.122 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.calendar__button-icon--next-year {
  --calendar-button-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M7.44.94a1.5 1.5 0 0 0 0 2.12L12.378 8l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12l6-6a1.5 1.5 0 0 0 0-2.12l-6-6a1.5 1.5 0 0 0-2.122 0z" clip-rule="evenodd"/%3E%3Cpath fill-rule="evenodd" d="M.44.94a1.5 1.5 0 0 0 0 2.12L5.378 8l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12l6-6a1.5 1.5 0 0 0 0-2.12l-6-6a1.5 1.5 0 0 0-2.122 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.calendar__grids {
  -moz-column-gap: var(--spacing-15);
       column-gap: var(--spacing-15);
  display: flex;
  align-items: flex-start;
}

/* Cell */

/**
 * 1. 36px
 * 2. 26px
 */

.calendar__cell {
  font-weight: var(--weight-medium);
  width: 2.25rem; /* 1 */
  height: 1.625rem; /* 2 */
  text-align: center;
  padding: 1px 0;
  box-sizing: content-box;
}

.calendar__cell--weekend {
  background: var(--calendar-cell-background--weekend);
}

.calendar__cell--dayname {
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  color: var(--calendar-cell-dayname);
}

.calendar__date {
  outline: 0;
  outline-offset: 0;
  cursor: default;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

.calendar__date::before,
.calendar__date::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 50%;
}

.calendar__date::before {
  background-color: var(--calendar-date-background-start);
  inset-inline-start: 0;
}

.calendar__date::after {
  background-color: var(--calendar-date-background-end);
  inset-inline-end: 0;
}

.calendar__date:not(.calendar__date--disabled, .calendar__date--outside-range, .calendar__date--unavailable) {
  cursor: pointer;
}

.calendar__date:not(.calendar__date--disabled, .calendar__date--outside-range, .calendar__date--unavailable):hover
  .calendar__datetext {
  --calendar-datetext: var(--calendar-datetext--hover);
  --calendar-datetext-background: var(--calendar-datetext-background--hover);
}

.calendar__date--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
  z-index: 1;
}

.calendar__date--selected {
  font-weight: var(--weight-bold);
  --calendar-datetext: var(--calendar-datetext--selected);
}

:where(:not(.calendar__date--selection-range)).calendar__date--selected {
  --calendar-datetext: var(--calendar-datetext--selected-end);
  --calendar-datetext-background: var(--calendar-datetext-background--selected);
}

:where(:not(.calendar__date--selection-range).calendar__date--selected).calendar__date--invalid {
  --calendar-datetext-background: var(--calendar-datetext-background--selected-invalid);
}

:where(:not(.calendar__date--outside-range).calendar__date--selection-range) {
  --calendar-date-background-start: var(--calendar-cell-background--selected);
  --calendar-date-background-end: var(--calendar-cell-background--selected);
}

:where(.calendar__date--selection-range.calendar__date--invalid) {
  --calendar-date-background-start: var(--calendar-cell-background--selected-invalid);
  --calendar-date-background-end: var(--calendar-cell-background--selected-invalid);
}

.calendar__date--selection-start {
  --calendar-date-background-start: transparent;
}

.calendar__date--selection-end {
  --calendar-date-background-end: transparent;
}

.calendar__date--selection-start .calendar__datetext {
  border-radius: var(--radius-none);
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

[dir='rtl'] .calendar__date--selection-start .calendar__datetext {
  border-radius: var(--radius-none);
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
}

.calendar__date--selection-end .calendar__datetext {
  border-radius: var(--radius-none);
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
}

[dir='rtl'] .calendar__date--selection-end .calendar__datetext {
  border-radius: var(--radius-none);
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

.calendar__date--selection-start.calendar__date--selection-end .calendar__datetext {
  border-radius: var(--radius-sm);
}

.calendar__date--selection-start,
.calendar__date--selection-end {
  --calendar-datetext: var(--calendar-datetext--selected-end);
  --calendar-datetext-background: var(--calendar-datetext-background--selected);
}

.calendar__date--selection-start.calendar__date--invalid,
.calendar__date--selection-end.calendar__date--invalid {
  --calendar-datetext-background: var(--calendar-datetext-background--selected-invalid);
}

.calendar__date--outside-range {
  display: none;
}

.calendar__date--disabled,
.calendar__date--unavailable {
  --calendar-datetext-opacity: 40%;
}

/**
 * 1. 24px
 */

.calendar__date--today .calendar__datetext::after {
  border-radius: var(--radius-full);
  display: block;
  content: '';
  width: 1.5rem; /* 1 */
  height: 1.5rem; /* 1 */
  position: absolute;
  border: 1px solid currentColor;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}

/**
 * 1. 26px
 */

.calendar__datetext {
  border-radius: var(--radius-sm);
  color: rgb(var(--calendar-datetext) / var(--calendar-datetext-opacity, 100%));
  background: var(--calendar-datetext-background);
  width: 1.625rem; /* 1 */
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.checkbox-group {
  gap: var(--spacing-10);
  display: inline-flex;
  flex-direction: column;
}

.checkbox {
  display: flex;
  align-items: center;
  font-weight: var(--weight-medium);
  --checkbox-background: var(--color-grey-100);
  --checkbox-background--checked: var(--color-blue-700);
  --checkbox-background--hover: var(--color-blue-600);
  --checkbox-background-image: var(--checkbox-icon-image--checked);
  --checkbox-border: var(--color-blue-300);
  --checkbox-border--checked: var(--color-blue-700);
  --checkbox-border--hover: var(--color-blue-600);
  --checkbox-border--invalid: var(--validation-state--invalid);
  --checkbox-icon: transparent;
  --checkbox-icon--hover: var(--color-blue-600);
  --checkbox-icon--checked: var(--color-white);
  --checkbox-icon-image--checked: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 2.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 1 1 2.12-2.12L6 9.878l6.94-6.94a1.5 1.5 0 0 1 2.12 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
  --checkbox-icon-image--indeterminate: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15 6.5a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.5.5H1A.5.5 0 0 1 .5 9V7a.5.5 0 0 1 .5-.5h14z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

:where(.dark) .checkbox {
  --checkbox-background: var(--color-grey-800);
  --checkbox-border: var(--color-grey-600);
}

.checkbox--checked, .checkbox--indeterminate {
  font-weight: var(--weight-bold);
}

.checkbox--checked,
.checkbox--indeterminate {
  --checkbox-background: var(--checkbox-background--checked);
  --checkbox-border: var(--checkbox-border--checked);
  --checkbox-icon: var(--checkbox-icon--checked);
  --checkbox-icon--hover: var(--checkbox-icon--checked);
}

.checkbox--checked {
  --checkbox-background-image: var(--checkbox-icon-image--checked);
}

.checkbox--indeterminate {
  --checkbox-background-image: var(--checkbox-icon-image--indeterminate);
}

.checkbox:not(.checkbox--disabled):hover,
.select__option:hover .checkbox:not(.checkbox--disabled) {
  cursor: pointer;
  --checkbox-icon: var(--checkbox-icon--hover);
}

.checkbox:not(.checkbox--disabled).checkbox--indeterminate:hover,
.checkbox:not(.checkbox--disabled).checkbox--checked:hover,
.select__option:hover .checkbox:not(.checkbox--disabled).checkbox--checked {
  --checkbox-background: var(--checkbox-background--hover);
  --checkbox-border: var(--checkbox-border--hover);
}

.checkbox--focused .checkbox__indicator {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.checkbox--disabled {
  opacity: 0.4;
}

.checkbox--invalid {
  --checkbox-border: var(--checkbox-border--invalid);
}

.checkbox__indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  margin-inline-end: var(--spacing-10);
  background-color: var(--checkbox-background);
  border-radius: 4px;
  border: 1px solid var(--checkbox-border);
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
}

.checkbox__indicator::after {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--checkbox-icon);
  content: '';
  height: 0.625rem;
  -webkit-mask-image: var(--checkbox-background-image);
          mask-image: var(--checkbox-background-image);
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 0.625rem;
}

.checkbox-group__label {
  font-weight: var(--weight-medium);
}

.checkbox-group__label--required::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

.dialog {
  padding: var(--spacing-20);
  outline: none;
  display: flex;
  flex-direction: column;
  max-height: inherit;
  overflow: hidden;
}

/**
 * 1. Correct height in flex containers.
*/

.divider {
  --divider-background: var(--color-grey-300);
  --divider-weight: 1px;
  align-self: stretch; /* 1 */
  background-color: var(--divider-background);
  border: none;
  height: var(--divider-weight);
}

.dark .divider {
  --divider-background: var(--color-grey-600);
}

.divider--vertical {
  height: auto;
  width: var(--divider-weight);
}

.datetimefield {
  --datetimefield-background: var(--color-white);
  --datetimefield-border: var(--datetimefield-border--default);
  --datetimefield-border--default: var(--color-grey-400);
  --datetimefield-border--hover: var(--color-blue-600);
  --datetimefield-border--focus: var(--color-blue-700);
  --datetimefield-border--invalid: var(--validation-state--invalid);
  --datetimefield-text: var(--color-black);
  --datetimefield-text-base: var(--spacing-10);
  --datetimefield-text-start: var(--datetimefield-text-base);
  --datetimefield-text-start--icon: calc(var(--datetimefield-text-base) + var(--datetimefield-icon--size) + 0.5em);
  --datetimefield-text-end: var(--datetimefield-text-base);
  --datetimefield-icon: var(--datetimefield-border);
  --datetimefield-icon--size: var(--size-lg);
  --datetimefield-label-text: var(--datetimefield-text);
  --datetimefield-label-text--active: var(--color-grey-600);
  --datetimefield-segment-background--focus: var(--color-blue-300);
  --datetimefield-segment-placeholder: var(--color-grey-500);
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

.dark .datetimefield {
  --datetimefield-background: var(--color-grey-900);
  --datetimefield-border--default: var(--color-grey-600);
  --datetimefield-text: var(--color-grey-200);
  --datetimefield-label-text--active: var(--color-grey-550);
  --datetimefield-segment-background--focus: var(--color-blue-750);
}

/**
 * 1. 24px.
 */

.datetimefield--picker {
  --datetimefield-button: var(--datetimefield-button--default);
  --datetimefield-button--default: var(--color-grey-500);
  --datetimefield-button--hover: var(--color-blue-600);
  --datetimefield-button--active: var(--color-blue-700);
  --datetimefield-button-size: 1.5rem; /* 1 */
}

.datetimefield--icon {
  --datetimefield-text-start: var(--datetimefield-text-start--icon);
}

.datetimefield--disabled {
  opacity: 0.4;
}

.datetimefield--disabled > * {
  cursor: not-allowed !important;
}

/* Label */

/**
 * 1. Cover editable segments behind, so it is not possible to click on them.
 */

.datetimefield__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--radius-xs);
  font-weight: var(--weight-medium);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--datetimefield-background);
  color: var(--datetimefield-label-text);
  inset-inline-start: var(--datetimefield-text-start);
  cursor: text;
  line-height: 1 !important;
  position: absolute;
  transform: translateY(12px);
  padding: 5px 0; /* 1 */
  margin: -5px 0; /* 1 */
  width: calc(
    100% - var(--datetimefield-text-start) - var(--datetimefield-text-end) - var(--datetimefield-button-size, 0px)
  );
}

/**
 * 1. Active label background should be only as wide as is its content.
 */

.datetimefield:focus-within .datetimefield__label,
.datetimefield__label--active {
  --datetimefield-label-text: var(--datetimefield-label-text--active);
  --datetimefield-text-start: var(--datetimefield-text-base);
}

.datetimefield:focus-within .datetimefield__label, .datetimefield__label--active {
  font-size: var(--size-sm);
  line-height: 1.5;
}

.datetimefield:focus-within .datetimefield__label,
.datetimefield__label--active {
  margin: 0 -5px;
  padding: 0 5px;
  transform: translateY(-6px);
  width: auto; /* 1 */
  max-width: calc(100% - var(--datetimefield-text-start)) /* 1 */;
}

.datetimefield__label--required::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

/* Input */

.datetimefield__group {
  border-radius: var(--radius-base);
  border-width: var(--width-base);
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--datetimefield-background);
  border-color: var(--datetimefield-border);
  display: flex;
  cursor: text;
  overflow: hidden;
  padding-top: 0.4642857142857143em; /* 1 */
  padding-bottom: 0.4642857142857143em; /* 1 */
  padding-inline-start: var(--datetimefield-text-start);
  padding-inline-end: var(--datetimefield-text-end);
}

:where(.datetimefield__label:hover + .datetimefield__group:not(.datetimefield__group--disabled)),
:where(.datetimefield__group:not(.datetimefield__group--disabled)):hover {
  --datetimefield-border: var(--datetimefield-border--hover);
}

:where(.datetimefield__group):focus-within,
.datetimefield__group--focused {
  --datetimefield-border: var(--datetimefield-border--focus);
  --datetimefield-button: var(--datetimefield-button--active);
}

.datetimefield__group--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.datetimefield__group--readonly {
  --datetimefield-border: var(--datetimefield-border--default);
  --datetimefield-button: var(--datetimefield-button--default);
}

.datetimefield__group--invalid {
  --datetimefield-border: var(--datetimefield-border--invalid);
}

.datetimefield__input-wrapper {
  font-weight: var(--weight-medium);
  display: flex;
  gap: 5px;
  overflow: hidden;
  width: calc(100% - var(--datetimefield-button-size, 0px));
}

/**
 * 1. Achieve correct height with default font size.
 */

.datetimefield__input {
  color: var(--datetimefield-text);
  display: flex;
}

/* Icon */

.datetimefield__icon {
  color: var(--datetimefield-icon);
  font-size: var(--datetimefield-icon--size);
  inset-inline-start: var(--datetimefield-text-base);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.datetimefield:focus-within .datetimefield__icon {
  --datetimefield-icon: var(--datetimefield-border--focus);
}

/* Segment */

.datetimefield__segment {
  background: var(--datetimefield-segment-background);
  text-align: end;
}

.datetimefield__segment:focus {
  --datetimefield-segment-background: var(--datetimefield-segment-background--focus);
  outline: 0;
}

/**
 * 1. Not really needed as Roboto font uses "tnum" by default, but it's better to be aware of that.
 */

.datetimefield__segment--editable {
  border-radius: 2px;
  box-sizing: content-box;
  font-variant-numeric: tabular-nums; /* 1 */
  padding: 0 2px;
  white-space: nowrap;
}

.datetimefield__segment--literal {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: pre;
}

.datetimefield__segment-placeholder {
  color: var(--datetimefield-segment-placeholder);
  display: block;
  height: 0;
  pointer-events: none;
  text-align: center;
  visibility: hidden;
  width: 100%;
}

.datetimefield__segment-placeholder--active {
  visibility: visible;
  height: auto;
}

/* Button */

.datetimefield__button {
  border-radius: var(--radius-sm);
  outline: 0;
  outline-offset: 0;
  inset-inline-end: 5px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  position: absolute;
  height: var(--datetimefield-button-size);
  width: var(--datetimefield-button-size);
}

.datetimefield__button:not(.datetimefield__button--disabled):hover {
  --datetimefield-button: var(--datetimefield-button--hover);
}

.datetimefield__button--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.datetimefield__button--active {
  --datetimefield-button: var(--datetimefield-button--active);
}

.datetimefield__button--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

/**
 * 1. Avoid applying opacity twice.
 */

.datetimefield--disabled .datetimefield__button--disabled {
  opacity: 1; /* 1 */
}

.datetimefield__button::after {
  font-size: var(--size-lg);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--datetimefield-button);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M4.5 2a1 1 0 0 1 2 0v1h3V2a1 1 0 1 1 2 0v1h3c.25 0 .5.25.5.5v11c0 .25-.25.5-.5.5h-13c-.25 0-.5-.25-.5-.5v-11c0-.25.25-.5.5-.5h3V2zm-2 3.25A.25.25 0 0 1 2.75 5h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM2.75 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5A.25.25 0 0 0 4.25 8h-1.5zm-.25 3.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM5.75 5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5A.25.25 0 0 0 7.25 5h-1.5zM5.5 8.25A.25.25 0 0 1 5.75 8h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM5.75 11a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5zM8.5 5.25A.25.25 0 0 1 8.75 5h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM8.75 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5zm-.25 3.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM11.75 5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5zm-.25 3.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zm.25 2.75a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M4.5 2a1 1 0 0 1 2 0v1h3V2a1 1 0 1 1 2 0v1h3c.25 0 .5.25.5.5v11c0 .25-.25.5-.5.5h-13c-.25 0-.5-.25-.5-.5v-11c0-.25.25-.5.5-.5h3V2zm-2 3.25A.25.25 0 0 1 2.75 5h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM2.75 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5A.25.25 0 0 0 4.25 8h-1.5zm-.25 3.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM5.75 5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5A.25.25 0 0 0 7.25 5h-1.5zM5.5 8.25A.25.25 0 0 1 5.75 8h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM5.75 11a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5zM8.5 5.25A.25.25 0 0 1 8.75 5h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM8.75 8a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5zm-.25 3.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zM11.75 5a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5zm-.25 3.25a.25.25 0 0 1 .25-.25h1.5a.25.25 0 0 1 .25.25v1.5a.25.25 0 0 1-.25.25h-1.5a.25.25 0 0 1-.25-.25v-1.5zm.25 2.75a.25.25 0 0 0-.25.25v1.5c0 .138.112.25.25.25h1.5a.25.25 0 0 0 .25-.25v-1.5a.25.25 0 0 0-.25-.25h-1.5z" clip-rule="evenodd"/%3E%3C/svg%3E');
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: '';
  width: 1em;
  height: 1em;
}

/* Calendar Popup */

/**
 * 1. Override `.field` styles, constrain width so it does not grow when more months are visible.
 */

.datetimefield__times {
  margin-top: var(--spacing-15);
  gap: var(--spacing-15);
  --field-width-base: min(100%, 120px); /* 1 */
  display: flex;
}

.field {
  display: inline-flex;
  flex-direction: column;
  width: var(--field-width-base);
}

.filterlistbox {
  --field-width-base: 100%;
  --filterlistbox-divider-background: var(--color-grey-300);
  display: flex;
  flex-direction: column;
  max-height: 100%;
}

.dark .filterlistbox {
  --filterlistbox-divider-background: var(--color-grey-600);
}

.filterlistbox__selected-switch {
  margin-inline-start: var(--spacing-10);
  margin-top: 5px;
  margin-bottom: 5px;
}

.filterlistbox__listbox-wrapper {
  margin-bottom: var(--spacing-10);
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid var(--filterlistbox-divider-background);
  border-top: 1px solid var(--filterlistbox-divider-background);
}

/**
 * 1. Represents max ~10 options in the list.
 */

.filterlistbox:not(.filterlistbox--big) .filterlistbox__listbox {
  max-height: 295px; /* 1 */
}

/* This selector may change depending on the Scrollbar implementation */

.filterlistbox__listbox:has(.os-scrollbar-visible) .listbox {
  padding-inline-end: var(--spacing-10);
}

.filterlistbox__message {
  margin: auto;
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-15);
}

.filterlistbox__message-icon {
  margin: var(--spacing-10);
}

.filterlistbox__message-icon::before {
  background-color: currentColor;
  display: block;
  width: 1em;
  height: 1em;
  content: '';
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath d="M4 6.5c0 1.42.658 2.687 1.686 3.512a6.012 6.012 0 0 0-.134 2.283 6.509 6.509 0 0 1-.887-.546l-2.958 2.958a1 1 0 0 1-1.414-1.414l2.958-2.958A6.5 6.5 0 1 1 15 6.625a5.972 5.972 0 0 0-2.075-.955A4.501 4.501 0 0 0 4 6.5z"/%3E%3Cpath fill-rule="evenodd" d="M16 11.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zM9.438 8.966a.417.417 0 0 1 .589 0L11.5 10.44l1.473-1.473a.417.417 0 0 1 .59 0l.47.472a.417.417 0 0 1 0 .589L12.562 11.5l1.473 1.473a.417.417 0 0 1 0 .59l-.472.47a.417.417 0 0 1-.589 0L11.5 12.562l-1.473 1.473a.417.417 0 0 1-.59 0l-.47-.472a.417.417 0 0 1 0-.589l1.472-1.473-1.473-1.473a.417.417 0 0 1 0-.59l.472-.47z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath d="M4 6.5c0 1.42.658 2.687 1.686 3.512a6.012 6.012 0 0 0-.134 2.283 6.509 6.509 0 0 1-.887-.546l-2.958 2.958a1 1 0 0 1-1.414-1.414l2.958-2.958A6.5 6.5 0 1 1 15 6.625a5.972 5.972 0 0 0-2.075-.955A4.501 4.501 0 0 0 4 6.5z"/%3E%3Cpath fill-rule="evenodd" d="M16 11.5a4.5 4.5 0 1 1-9 0 4.5 4.5 0 0 1 9 0zM9.438 8.966a.417.417 0 0 1 .589 0L11.5 10.44l1.473-1.473a.417.417 0 0 1 .59 0l.47.472a.417.417 0 0 1 0 .589L12.562 11.5l1.473 1.473a.417.417 0 0 1 0 .59l-.472.47a.417.417 0 0 1-.589 0L11.5 12.562l-1.473 1.473a.417.417 0 0 1-.59 0l-.47-.472a.417.417 0 0 1 0-.589l1.472-1.473-1.473-1.473a.417.417 0 0 1 0-.59l.472-.47z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.filterlistbox__footer {
  display: flex;
  justify-content: space-between;
}

/* Select All */

.filterlistbox__all-button::before {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--button-border);
  display: block;
  width: 1em;
  height: 1em;
  content: '';
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 2.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 1 1 2.12-2.12L6 9.878l6.94-6.94a1.5 1.5 0 0 1 2.12 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 2.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 1 1 2.12-2.12L6 9.878l6.94-6.94a1.5 1.5 0 0 1 2.12 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

/* Clear */

.filterlistbox__clear-button {
  margin-inline-start: auto;
}

.filterlistbox__clear-button::before {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--button-border);
  display: block;
  width: 1em;
  height: 1em;
  content: '';
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

h1, .h1 {
  font-size: var(--size-4xl);
  line-height: 1.230;
  font-weight: var(--weight-light);
  color: var(--color-black);
}

.dark h1, .dark .h1 {
  color: var(--color-white);
}

h2, .h2 {
  font-size: var(--size-3xl);
  line-height: 27px;
  font-weight: var(--weight-normal);
  color: var(--color-blue-700);
}

h3, .h3 {
  font-size: var(--size-xl);
  line-height: 25px;
  font-weight: var(--weight-normal);
  color: var(--color-black);
}

.dark h3, .dark .h3 {
  color: var(--color-white);
}

legend, .legend {
  font-size: var(--size-lg);
  font-weight: var(--weight-normal);
  color: var(--color-black);
}

.dark legend, .dark .legend {
  color: var(--color-white);
}

.helptext {
  --helptext-text: var(--color-grey-550);
  --helptext-text--error: var(--validation-state--invalid);
  --helptext-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M7.5 4A1.5 1.5 0 1 0 7.499.999 1.5 1.5 0 0 0 7.5 4zm2.625 8.273H9V5.909C9 5.407 8.608 5 8.125 5h-3.25C4.392 5 4 5.407 4 5.91v.908c0 .502.392.91.875.91H6v4.545H4.875c-.483 0-.875.407-.875.909v.909c0 .502.392.909.875.909h5.25c.483 0 .875-.407.875-.91v-.908c0-.502-.392-.91-.875-.91z" clip-rule="evenodd"/%3E%3C/svg%3E');
  --helptext-icon--error: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.5 8.021a7.5 7.5 0 1 1-15-.042 7.5 7.5 0 0 1 15 .042zm-6.417.482.327-3.92A1 1 0 0 0 8.413 3.5h-.826a1 1 0 0 0-.997 1.083l.327 3.92a1.087 1.087 0 0 0 2.166 0zM8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"/%3E%3C/svg%3E');
  font-size: var(--size-xs);
  line-height: 1.2;
  color: var(--helptext-text);
  display: flex;
  gap: 5px;
  margin-top: 5px;
}

.dark .helptext {
  --helptext-text: var(--color-grey-500);
}

.helptext--error {
  --helptext-text: var(--helptext-text--error);
  --helptext-icon: var(--helptext-icon--error);
}

.helptext::before {
  font-size: var(--size-sm);
  line-height: 1.5;
  width: 1em;
  height: 1em;
  content: '';
  display: block;
  background-color: currentColor;
  -webkit-mask-image: var(--helptext-icon);
          mask-image: var(--helptext-icon);
  flex-shrink: 0;
}

.illustrated-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--radius-md);
  border-width: var(--width-base);
  padding: var(--spacing-25);
  --illustrated-message-icon-size: 2rem;
  --illustrated-message-icon-color: var(--color-grey-400);
  --illustrated-message-border-color: var(--color-grey-300);
  --illustrated-message-heading-color: var(--color-black);
  --illustrated-message-description-color: var(--color-grey-600);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 600px;
  border-color: var(--illustrated-message-border-color);
}

.dark .illustrated-message {
  --illustrated-message-icon-color: var(--color-grey-600);
  --illustrated-message-border-color: var(--color-grey-600);
  --illustrated-message-heading-color: var(--color-grey-200);
  --illustrated-message-description-color: var(--color-grey-500);
}

/**
 * 1. !important is used here to override default legend styling for dark mode
 */

.illustrated-message__icon {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--illustrated-message-icon-size);
  color: var(--illustrated-message-icon-color) !important; /* 1 */
}

.illustrated-message__icon > svg {
  margin: var(--spacing-10);
}

.illustrated-message--has-icon {
  padding-top: var(--spacing-0) !important;
}

:where(.illustrated-message--has-icon) .illustrated-message__icon {
  margin-bottom: var(--spacing-15);
}

.illustrated-message__heading {
  text-align: center;
  font-size: var(--size-2xl);
  font-weight: var(--weight-bold);
  color: var(--illustrated-message-heading-color) !important;
}

.illustrated-message__description {
  margin-top: var(--spacing-20);
  text-align: center;
  font-size: var(--size-base);
  line-height: 1.313rem;
  font-weight: var(--weight-medium);
  color: var(--illustrated-message-description-color);
}

/* Small */

.illustrated-message--small {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
  padding-top: var(--spacing-25);
  padding-bottom: var(--spacing-20);
  --illustrated-message-icon-size: 1.75rem;
}

:where(.illustrated-message--small) .illustrated-message__heading {
  font-size: var(--size-xl);
  line-height: 25px;
}

:where(.illustrated-message--small) .illustrated-message__description {
  margin-top: var(--spacing-10);
  font-size: var(--size-sm);
  line-height: 1.5;
}

:where(.illustrated-message--has-icon.illustrated-message--small) .illustrated-message__icon {
  margin-bottom: var(--spacing-0);
}

.link {
  color: var(--color-blue-700);
}

.link:hover {
  text-decoration: underline;
}

.listbox {
  --listbox-text: var(--color-black);
  --listbox-option-text: var(--listbox-text);
  --listbox-option-text--hover: var(--listbox-text);
  --listbox-option-text--selected: var(--listbox-text);
  --listbox-option-background: var(--color-transparent);
  --listbox-option-background--disabled: var(--color-transparent);
  --listbox-option-background--hover: var(--color-blue-200);
  --listbox-option-background--selected: var(--color-blue-300);
  --listbox-section-heading-text: var(--color-grey-600);
}

.dark .listbox {
  --listbox-text: var(--color-grey-200);
  --listbox-option-background--hover: var(--color-blue-800);
  --listbox-option-background--selected: var(--color-blue-850);
  --listbox-section-heading-text: var(--color-grey-550);
}

/* Option */

/**
 * 1. Equals 30px.
 */

.listbox__option {
  border-radius: var(--radius-base);
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
  font-weight: var(--weight-medium);
  outline: 0;
  outline-offset: 0;
  align-items: center;
  background-color: var(--listbox-option-background);
  color: var(--listbox-option-text);
  cursor: pointer;
  display: flex;
  min-height: 1.875rem; /* 1 */
}

* + .listbox__option {
  margin-top: 1px;
}

/* Option States */

.listbox__option:not(.listbox__option--disabled):hover {
  --listbox-option-background: var(--listbox-option-background--hover);
  --listbox-option-text: var(--listbox-option-text--hover);
}

/**
 * 1. Force inset outline so it is not cut-off when inside Scrollbar's overlow hidden.
 */

.listbox__option--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
  outline-offset: -2px; /* 1 */
}

.listbox__option--selected {
  --listbox-option-background: var(--listbox-option-background--selected);
  --listbox-option-text: var(--listbox-option-text--selected);
  font-weight: var(--weight-bold);
}

.listbox__option--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

/* Section */

.listbox__section-separator {
  margin: 5px 10px;
}

.listbox__section-heading {
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  padding-inline-start: var(--spacing-10);
  color: var(--listbox-section-heading-text);
}

.menu__popover {
  padding-left: var(--spacing-0) !important;
  padding-right: var(--spacing-0) !important;
  padding-top: var(--spacing-15) !important;
  padding-bottom: var(--spacing-15) !important;
  --menu-option-text: var(--color-black);
  --menu-option-icon: var(--color-grey-600);
  --menu-option-icon--hover: var(--color-grey-600);
  --menu-option-background--hover: var(--color-blue-200);
  --menu-section-title: var(--color-grey-600);
  display: flex;
  flex-direction: column;
}

.dark .menu__popover {
  --menu-option-text: var(--color-grey-200);
  --menu-option-icon: var(--color-grey-550);
  --menu-option-icon--hover: var(--color-grey-200);
  --menu-option-background--hover: var(--color-blue-800);
  --menu-section-title: var(--color-grey-550);
}

.menu {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
  max-width: var(--field-width-base);
}

/**
 * Match icon size.
 */

.menu--has-icons {
  --menu-option-icon-column: calc(var(--size-base) + var(--spacing-10)); /* 1 */
}

/**
 * 1. Equals 30px.
 */

.menu__option {
  border-radius: var(--radius-base);
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
  font-weight: var(--weight-medium);
  outline: 0;
  outline-offset: 0;
  display: grid;
  grid-template-columns: [icon-start] var(--menu-option-icon-column, 0px) [text-start] 1fr [text-end];
  color: var(--menu-option-text);
  cursor: pointer;
  align-items: center;
  background-color: var(--menu-option-background);
  min-height: 1.875rem; /* 1 */
}

* + .menu__option {
  margin-top: 1px;
}

.menu__option:not(.menu__option--disabled):hover {
  --menu-option-background: var(--menu-option-background--hover);
  --menu-option-icon: var(--menu-option-icon--hover);
}

/**
 * 1. Force inset outline so it is not cut-off when inside Scrollbar's overlow hidden.
 */

.menu__option--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
  outline-offset: -2px; /* 1 */
}

.menu__option--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.menu__option-icon {
  flex-shrink: 0;
  margin-inline-end: var(--spacing-10);
  color: var(--menu-option-icon);
}

.menu__option-text {
  grid-column: text-start / text-end;
}

.menu__section-title {
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-bold);
  padding-inline-start: var(--spacing-10);
  color: var(--menu-section-title);
  margin-bottom: 5px;
}

.menu__section-separator {
  margin: 5px 10px;
}

.modal-wrapper {
  inset: 0;
  position: fixed;
  z-index: 1;
  align-items: center;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.modal {
  --modal-background: var(--color-white);
  --modal-footer-background: var(--color-grey-100);
  --modal-border: var(--color-grey-300);
  --modal-max-width: 50vw;
  --modal-min-width: 350px;
  --modal-min-height: 200px;
  --modal-horizontal-padding: var(--spacing-40);
  --modal-vertical-padding: var(--spacing-25);
  border-radius: var(--radius-md);
  background: var(--modal-background);
  border: 1px solid var(--modal-border);
  color: var(--modal-text);
  max-height: calc(100vh - 2 * var(--spacing-15));
  max-width: var(--modal-max-width);
  min-width: var(--modal-min-width);
  min-height: var(--modal-min-height);
  width: -moz-fit-content;
  width: fit-content;
  pointer-events: auto;
}

.dark .modal {
  --modal-title: var(--color-grey-300);
  --modal-text: var(--color-grey-400);
  --modal-background: var(--color-grey-900);
  --modal-border: var(--color-grey-700);
  --modal-footer-background: var(--color-grey-850);
}

/**
 * 1. to align the middle of close button with the end of body and footer we subtract half of the button's width
 */

.modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: var(--modal-vertical-padding);
  padding-bottom: var(--modal-vertical-padding);
  width: 100%;
  padding-inline-start: var(--modal-horizontal-padding);
  padding-inline-end: calc(var(--modal-horizontal-padding) - 18px); /* 1 */
}

/**
 * 1. To make sure we always have space between the close button and the title.
 */

.modal__title {
  font-size: var(--size-2xl);
  font-weight: var(--weight-light);
  color: var(--modal-title);
  max-width: 75%; /* 1 */
}

.modal__close-btn {
  width: 1em;
  height: 1em;
  background-color: var(--button-icon);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

/**
 * 1. As the footer has different background, we need to define the paddings on each section separately.
 */

.modal__body {
  padding-inline-end: var(--spacing-15);
  margin: 0 var(--modal-horizontal-padding) var(--modal-vertical-padding); /* 1 */
}

.modal__footer {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
  padding-left: var(--modal-horizontal-padding);
  padding-right: var(--modal-horizontal-padding);
  background-color: var(--modal-footer-background);
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--modal-border);
}

.modal .dialog {
  padding: 0;
}

/* Transitions */

.modal {
  transition: opacity var(--animation-duration) var(--animation-function) 0ms,
    scale 0ms var(--animation-function) var(--animation-duration),
    translate var(--animation-duration) var(--animation-function) 0ms;
  opacity: 0;
  translate: 0 -2em;
  scale: 0.9;
  pointer-events: none;
}

.modal--open {
  transition: opacity var(--animation-duration) var(--animation-function) 150ms,
    scale var(--animation-duration) var(--animation-function) 150ms;
  opacity: 1;
  scale: 1;
  translate: 0 0;
  pointer-events: auto;
}

.notice {
  display: flex;
  gap: var(--spacing-10);
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-medium);
  --notice-text: var(--color-grey-700);
  color: var(--notice-text);
}

.dark .notice {
  --notice-text: var(--color-grey-400);
}

.notice--info {
  --notice-icon-color: var(--color-blue-700);
  --notice-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M7.5 4A1.5 1.5 0 1 0 7.499.999 1.5 1.5 0 0 0 7.5 4zm2.625 8.273H9V5.909C9 5.407 8.608 5 8.125 5h-3.25C4.392 5 4 5.407 4 5.91v.908c0 .502.392.91.875.91H6v4.545H4.875c-.483 0-.875.407-.875.909v.909c0 .502.392.909.875.909h5.25c.483 0 .875-.407.875-.91v-.908c0-.502-.392-.91-.875-.91z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.notice--success {
  --notice-icon-color: var(--color-green-800);
  --notice-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 2.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 1 1 2.12-2.12L6 9.878l6.94-6.94a1.5 1.5 0 0 1 2.12 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.notice--warning {
  --notice-icon-color: var(--color-orange-600);
  --notice-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.5 8.021a7.5 7.5 0 1 1-15-.042 7.5 7.5 0 0 1 15 .042zm-6.417.482.327-3.92A1 1 0 0 0 8.413 3.5h-.826a1 1 0 0 0-.997 1.083l.327 3.92a1.087 1.087 0 0 0 2.166 0zM8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.notice--error {
  --notice-icon-color: var(--color-red-900);
  --notice-icon-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M7.559.827.392 14.265A.5.5 0 0 0 .833 15h14.334a.5.5 0 0 0 .44-.735L8.442.827a.5.5 0 0 0-.882 0zM9 12.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-.587-8a1 1 0 0 1 .997 1.083l-.327 3.92a1.087 1.087 0 0 1-2.166 0l-.327-3.92A1 1 0 0 1 7.587 4.5h.826z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.notice::before {
  font-size: var(--size-base);
  line-height: 1.313rem;
  content: '';
  background-color: var(--notice-icon-color);
  -webkit-mask-image: var(--notice-icon-image);
          mask-image: var(--notice-icon-image);
  width: 1em;
  height: 1em;
  flex-shrink: 0;
}

:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #e74c3c;
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);
  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);
  --toastify-toast-width: 320px;
  --toastify-toast-background: #fff;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;
  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(
    to right,
    #4cd964,
    #5ac8fa,
    #007aff,
    #34aadc,
    #5856d6,
    #ff2d55
  );
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
  position: fixed;
  padding: 4px;
  width: var(--toastify-toast-width);
  box-sizing: border-box;
  color: #fff;
}

.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}

.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}

.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}

.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}

.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }

  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }

  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }

  .Toastify__toast-container--rtl {
    right: 0;
    left: initial;
  }
}

.Toastify__toast {
  position: relative;
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 4px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: var(--toastify-toast-max-height);
  overflow: hidden;
  font-family: var(--toastify-font-family);
  cursor: pointer;
  direction: ltr;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
  padding: 6px;
  display: flex;
  align-items: center;
}

.Toastify__toast-body > div:last-child {
  flex: 1;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 20px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.7s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--success, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning, .Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }

  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: var(--toastify-z-index);
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    transform: translate3d(10px, 0, 0);
  }

  90% {
    transform: translate3d(-5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }

  75% {
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    transform: translate3d(5px, 0, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }

  75% {
    transform: translate3d(0, -10px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }

  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }

  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}

.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/**
 * 1. Place above Popovers - they have z-index 100000.
 */

.notification-container {
  --toastify-toast-width: 25rem;
  --toastify-z-index: 110000; /* 1 */
  /* Text */
  --toastify-font-family: var(--family-sans);
  --toastify-text-color-light: var(--color-black);
  /* Background */
  --toastify-color-info: var(--color-blue-300);
  --toastify-color-success: var(--color-green-500);
  --toastify-color-warning: var(--color-orange-400);
  --toastify-color-error: var(--color-red-600);
  /* Progress bar */
  --toastify-color-progress-info: var(--color-blue-600);
  --toastify-color-progress-success: var(--color-green-300);
  --toastify-color-progress-warning: var(--color-orange-600);
  --toastify-color-progress-error: var(--color-red-900);
  --toastify-link-color: var(--color-white);
}

.Toastify__toast {
  border-radius: var(--radius-base);
  font-size: var(--size-base);
  line-height: 1.313rem;
  font-weight: var(--weight-medium);
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  padding-top: 2px;
  padding-bottom: 2px;
  padding-inline-end: 2px;
  padding-inline-start: 20px;
  min-height: unset;
}

.Toastify__toast-body {
  padding: 23px 0;
}

.notification__close-button {
  --button-text: var(--color-black);
  --button-background--default: var(--color-transparent);
  align-self: flex-start;
}

.notification__close-button.button--info {
  --button-background--hover: var(--toastify-color-progress-info);
}

.notification__close-button.button--success {
  --button-background--hover: var(--toastify-color-progress-success);
}

.notification__close-button.button--warning {
  --button-background--hover: var(--toastify-color-progress-warning);
}

.notification__close-button.button--error {
  --button-background--hover: var(--toastify-color-progress-error);
}

.notification__close-button::after {
  background-color: var(--color-black);
  display: block;
  content: '';
  width: 1em;
  height: 1em;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.Toastify__toast-theme--light.Toastify__toast--info {
  --toastify-color-light: var(--toastify-color-info);
  --toastify-link-color: var(--color-blue-700);
}

.Toastify__toast-theme--light.Toastify__toast--success {
  --toastify-color-light: var(--toastify-color-success);
}

.Toastify__toast-theme--light.Toastify__toast--warning {
  --toastify-color-light: var(--toastify-color-warning);
}

.Toastify__toast-theme--light.Toastify__toast--error {
  --toastify-color-light: var(--toastify-color-error);
}

.Toastify__toast-container {
  top: 16px;
}

.Toastify__toast-container.Toastify__toast-container--top-right {
  right: 16px;
}

.Toastify__toast-container.Toastify__toast-container--top-left {
  left: 16px;
}

.Toastify__toast-container a {
  text-decoration: underline;
  color: var(--toastify-link-color);
}

.Toastify__toast-container a:hover {
  text-decoration: none;
}

.numberfield {
  --numberfield-background: var(--color-white);
  --numberfield-border: var(--numberfield-border--default);
  --numberfield-border--default: var(--color-grey-400);
  --numberfield-border--hover: var(--color-blue-600);
  --numberfield-border--focus: var(--color-blue-700);
  --numberfield-border--invalid: var(--validation-state--invalid);
  --numberfield-text: var(--color-black);
  --numberfield-text-base: var(--spacing-10);
  --numberfield-text-start: var(--numberfield-text-base);
  --numberfield-text-start--icon: calc(var(--numberfield-text-base) + var(--numberfield-icon--size) + 0.5em);
  --numberfield-text-end: var(--numberfield-text-base);
  --numberfield-icon: var(--numberfield-border);
  --numberfield-icon--size: var(--size-lg);
  --numberfield-label-text: var(--numberfield-text);
  --numberfield-label-text--active: var(--color-grey-600);
  --numberfield-stepper: var(--numberfield-stepper--default);
  --numberfield-stepper--default: var(--color-grey-500);
  --numberfield-stepper--hover: var(--color-blue-600);
  --numberfield-stepper--active: var(--color-blue-700);
  --numberfield-button-size: var(--size-sm);
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

.dark .numberfield {
  --numberfield-background: var(--color-grey-900);
  --numberfield-border--default: var(--color-grey-600);
  --numberfield-text: var(--color-grey-200);
  --numberfield-label-text--active: var(--color-grey-550);
}

/**
 * 1. 32px.
 */

.numberfield--stepper {
  --numberfield-stepper-size: 2rem; /* 1 */
}

.numberfield--icon {
  --numberfield-text-start: var(--numberfield-text-start--icon);
}

.numberfield--disabled {
  opacity: 0.4;
}

/* Label */

/**
 * 1. Avoid long label text wrapping.
 */

.numberfield__label {
  border-radius: var(--radius-xs);
  font-weight: var(--weight-medium);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* 1 */
  background-color: var(--numberfield-background);
  color: var(--numberfield-label-text);
  inset-inline-start: var(--numberfield-text-start);
  max-width: calc(
    100% - var(--numberfield-text-start) - var(--numberfield-text-end) - var(--numberfield-stepper-size)
  ); /* 1 */
  margin: 0 -5px;
  padding: 0 5px;
  line-height: 1 !important;
  pointer-events: none;
  position: absolute;
  transform: translateY(12px);
}

.numberfield:focus-within .numberfield__label,
.numberfield__label--active {
  --numberfield-label-text: var(--numberfield-label-text--active);
  --numberfield-text-start: var(--numberfield-text-base);
}

.numberfield:focus-within .numberfield__label, .numberfield__label--active {
  font-size: var(--size-sm);
  line-height: 1.5;
}

.numberfield:focus-within .numberfield__label,
.numberfield__label--active {
  transform: translateY(-6px);
}

.numberfield__label--required::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

/* Input */

.numberfield__group {
  border-radius: var(--radius-base);
  border-width: var(--width-base);
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--numberfield-background);
  border-color: var(--numberfield-border);
}

:where(.numberfield__group:not(.numberfield__group--disabled)):hover {
  --numberfield-border: var(--numberfield-border--hover);
}

:where(.numberfield__group):focus-within,
.numberfield__group--focused {
  --numberfield-border: var(--numberfield-border--focus);
  --numberfield-stepper: var(--numberfield-stepper--active);
}

.numberfield__group--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.numberfield__group--readonly {
  --numberfield-border: var(--numberfield-border--default);
  --numberfield-stepper: var(--numberfield-stepper--default);
}

.numberfield__group--disabled > * {
  cursor: not-allowed;
}

.numberfield__group--invalid {
  --numberfield-border: var(--numberfield-border--invalid);
}

/**
 * 1. Achieve correct height with default font size.
 */

.numberfield__input {
  font-weight: var(--weight-medium);
  background: transparent;
  border-start-start-radius: calc(var(--radius-base) - 1px);
  border-end-start-radius: calc(var(--radius-base) - 1px);
  color: var(--numberfield-text);
  padding-top: 0.4642857142857143em; /* 1 */
  padding-bottom: 0.4642857142857143em; /* 1 */
  padding-inline-start: var(--numberfield-text-start);
  padding-inline-end: var(--numberfield-text-end);
  text-align: end;
  text-overflow: ellipsis;
  outline: 0;
  width: calc(100% - var(--numberfield-stepper-size, 0px));
}

.numberfield__input--start {
  text-align: start;
}

/* Icon */

.numberfield__icon {
  color: var(--numberfield-icon);
  font-size: var(--numberfield-icon--size);
  inset-inline-start: var(--numberfield-text-base);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.numberfield:focus-within .numberfield__icon {
  --numberfield-icon: var(--numberfield-border--focus);
}

/* Stepper */

.numberfield__stepper {
  display: flex;
  flex-direction: column;
  height: calc(100% - 2px);
  inset-inline-end: 1px;
  position: absolute;
  top: 1px;
  width: var(--numberfield-stepper-size);
}

.numberfield__button {
  height: 50%;
  width: 100%;
  position: relative;
}

.numberfield__button:not(.numberfield__button--disabled):hover {
  --numberfield-stepper: var(--numberfield-stepper--hover);
}

.numberfield__button::after {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--numberfield-stepper);
  font-size: var(--numberfield-button-size);
  -webkit-mask-image: var(--numberfield-button-icon);
          mask-image: var(--numberfield-button-icon);
  display: block;
  content: '';
  height: 1em;
  width: 1em;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.numberfield__button--increase {
  --numberfield-button-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 12.06a1.5 1.5 0 0 1-2.12 0L8 7.122l-4.94 4.94A1.5 1.5 0 0 1 .94 9.939l6-6a1.5 1.5 0 0 1 2.12 0l6 6a1.5 1.5 0 0 1 0 2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
  border-start-end-radius: calc(var(--radius-base) - 1px);
}

.numberfield__button--increase::after {
  bottom: 1px;
}

.numberfield__button--decrease {
  --numberfield-button-icon: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
  border-end-end-radius: calc(var(--radius-base) - 1px);
}

.numberfield__button--decrease::after {
  top: 1px;
}

.numberfield__button--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

/**
 * Avoid applying opacity twice.
 */

.numberfield--disabled .numberfield__button--disabled {
  opacity: 1; /* 1 */
}

.pagination__list {
  gap: var(--spacing-10);
  display: flex;
  flex-wrap: wrap;
}

/**
 * 1. Adjust Select to the longest label translation.
 */

.pagination__select-items {
  --field-width-base: 180px; /* 1 */
}

.pagination__item {
  display: inline-block;
}

.pagination__button {
  min-width: 36px;
  padding-inline: 5px;
}

.pagination__button-icon {
  background-color: currentColor;
  height: 1em;
  width: 1em;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.pagination__button-icon--last {
  transform: scaleX(var(--transform-direction)) rotate(270deg);
}

.pagination__button-icon--first {
  transform: scaleX(var(--transform-direction)) rotate(90deg);
}

.pagination__info {
  display: flex;
  align-items: center;
}

.pagination__info-content {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/**
 * 1. Added to prevent pill from overflowing their container.
 * 2. Specific colors for better contrast.
 */

.pill {
  --pill-text: var(--color-white);
  --pill-color--default: var(--color-grey-550);
  --pill-color--info: var(--color-blue-700);
  --pill-color--success: var(--color-green-800);
  --pill-color--warning: var(--color-orange-600);
  --pill-color--warning-solid: var(--pill-color--warning); /* 2 */
  --pill-color--error: var(--color-red-900);
  --pill-color--error-outline: var(--pill-color--error); /* 2 */
  --pill-color: var(--pill-color--default);
  border-radius: var(--radius-full);
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-medium);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 1.5rem;
  padding: 5px 7px;
  max-width: 100%; /* 1 */
  background-color: var(--pill-background);
  border: 1px solid var(--pill-color);
  color: var(--pill-text);
}

.dark .pill {
  --pill-text: var(--color-black);
  --pill-color--warning-solid: var(--color-orange-700);
  --pill-color--error-outline: var(--color-red-800);
}

.pill--solid {
  --pill-background: var(--pill-color);
}

.pill--outline {
  --pill-background: var(--color-transparent);
  --pill-text: var(--pill-color) !important;
}

.pill--info {
  --pill-color: var(--pill-color--info);
}

.pill--success {
  --pill-color: var(--pill-color--success);
}

.pill--warning {
  --pill-color: var(--pill-color--warning);
}

.pill--error {
  --pill-color: var(--pill-color--error);
}

.pill--solid.pill--warning {
  --pill-color: var(--pill-color--warning-solid);
}

.pill--outline.pill--error {
  --pill-color: var(--pill-color--error-outline);
}

/**
 * 1. `--popover-target-width` equals the width of the anchor element to which the popover positions itself. When not set, the rule is not used at all.
 * 1. Sets minimal and maximal width - based on the available space inside Sidebar Content.
 */

.popover {
  border-radius: var(--radius-base);
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .popover {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.popover {
  --popover-arrow-square-size: 20px;
  --popover-arrow-height: 12px;
  --popover-arrow-width: 24px;
  --popover-background-color: var(--color-white);
  --popover-distance: 3px;
  --popover-distance-arrow: 15px;
  background-color: var(--popover-background-color);
  outline: none;
  width: clamp(150px, var(--popover-target-width), 310px); /* 1 */
  /* TODO: Might be a better option (no need for shadow on arrow). Radius has to be halved - https://css-tricks.com/breaking-css-box-shadow-vs-drop-shadow/#comment-1612592 */
  /* It is not visible in dark mode though. */
  /* filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.25)); */
}

.dark .popover {
  --popover-background-color: var(--color-black);
}

/**
 * 1. Clip the square with shadow to show only a triangle.
 */

.popover__arrow {
  position: absolute;
  z-index: -1;
  height: var(--popover-arrow-height);
  -webkit-clip-path: polygon(-10px 0%, 0% 15px, 100% 15px, 34px 0%);
          clip-path: polygon(-10px 0%, 0% 15px, 100% 15px, 34px 0%); /* 1 */
  transform-origin: 0 0;
  width: var(--popover-arrow-width);
}

/**
 * 1. Design token for shadow is shifted to the bottom, so it looks weird when rotated.
 */

.popover__arrow::before {
  content: '';
  display: block;
  background: var(--popover-background-color);
  border-radius: 2px;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.25); /* 1 */
  height: var(--popover-arrow-square-size);
  width: var(--popover-arrow-square-size);
  position: absolute;
  left: 50%;
  translate: -50% calc(var(--popover-arrow-height) * -1);
  rotate: 45deg;
}

/* Transitions */

.popover {
  transition-property: opacity, scale, transform;
  transition-timing-function: var(--animation-function);
  transition-duration: var(--animation-duration);
  opacity: 0;
  scale: 0.95;
  pointer-events: none;
}

.popover--open {
  opacity: 1;
  scale: 1;
  transform: var(--origin);
  pointer-events: auto;
}

.popover--top {
  --origin: translateY(calc(-1 * var(--popover-distance)));
  &:has(> .popover__arrow) {
    margin-bottom: var(--popover-distance-arrow);
  }
  .popover__arrow {
    top: 100%;
  }
}

.popover--right {
  --origin: translateX(var(--popover-distance));
  &:has(> .popover__arrow) {
    margin-left: var(--popover-distance-arrow);
  }
  .popover__arrow {
    right: 100%;
    transform: translate(100%) rotate(90deg);
  }
}

.popover--bottom {
  --origin: translateY(var(--popover-distance));
  &:has(> .popover__arrow) {
    margin-top: var(--popover-distance-arrow);
  }
  .popover__arrow {
    transform: scaleY(-1);
  }
}

.popover--left {
  --origin: translateX(calc(-1 * var(--popover-distance)));
  &:has(> .popover__arrow) {
    margin-right: var(--popover-distance-arrow);
  }
  .popover__arrow {
    left: 100%;
    transform: scaleX(-1) translate(0) rotate(90deg);
  }
}

.popover--left,
.popover--right {
  .popover__arrow {
    top: 50%;
    margin-top: calc(var(--popover-arrow-width) / 2 * -1);
  }
}

.popover--bottom,
.popover--top {
  .popover__arrow {
    left: 50%;
    margin-left: calc(var(--popover-arrow-width) / 2 * -1);
  }
}

.progress {
  --progress-spinner-outer: var(--color-blue-750);
  --progress-spinner-inner: var(--color-grey-800);
  --progress-pie-background: rgba(255, 255, 255, 0.65);
  --progress-pie-track: var(--color-grey-300);
  --progress-size: 72px;
  display: inline-block;
  position: relative;
}

.dark .progress {
  --progress-spinner-inner: var(--color-grey-400);
  --progress-pie-background: rgba(0, 0, 0, 0.75);
  --progress-pie-track: var(--color-grey-800);
}

.progress--overlay {
  --backdrop-background: var(--overlay-base);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background: var(--backdrop-background);
  inset: 0;
  position: fixed;
  z-index: 1;
}

.dark .progress--overlay {
  --backdrop-background: var(--overlay-dark);
}

.progress--overlay {
  align-items: center;
  display: flex;
  justify-content: center;
}

/* Spinner */

.progress__spinner {
  position: relative;
  height: var(--progress-size);
  width: var(--progress-size);
}

.progress__spinner::before,
.progress__spinner::after {
  border-color: var(--progress-spinner-border) transparent;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  content: ' ';
  display: block;
  left: 50%;
  top: 50%;
  position: absolute;
  height: var(--progress-spinner-size);
  width: var(--progress-spinner-size);
}

.progress__spinner::before {
  --progress-spinner-size: var(--progress-size);
  --progress-spinner-border: var(--progress-spinner-outer);
  animation: spin 1.7s linear infinite;
}

.progress__spinner::after {
  --progress-spinner-size: 60px;
  --progress-spinner-border: var(--progress-spinner-inner);
  animation: spin 1.7s linear infinite reverse;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* Pie */

.progress__pie {
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  height: var(--progress-size);
  width: var(--progress-size);
}

/**
 * 1. Renders 1px border around. Shifts border to overlap with the svg boundary,
 * otherwise a small gap is visible and background is noticable.
 */

.progress__pie::before {
  background: var(--progress-pie-background); /* 1 */
  border-radius: 50%;
  border: 2px solid var(--progress-pie-track); /* 1 */
  box-sizing: content-box; /* 1 */
  content: '';
  display: block;
  position: absolute;
  height: calc(100% - 2px); /* 1 */
  width: calc(100% - 2px); /* 1 */
  z-index: -1;
}

.progress__pie svg {
  position: absolute;
}

.progress__pie path {
  fill: none;
  stroke: var(--progress-pie-stroke);
  stroke-linecap: butt;
  stroke-width: 4;
  transition: stroke-dasharray 0.2s ease-out;
}

.progress__pie path:nth-child(1) {
  --progress-pie-stroke: var(--progress-pie-track);
}

.progress__pie path:nth-child(2) {
  --progress-pie-stroke: var(--progress-spinner-outer);
}

.radio-item {
  --radio-button-border: var(--radio-button-border--default);
  --radio-button-border--default: var(--color-blue-300);
  --radio-button-border--checked: var(--color-blue-700);
  --radio-button-border--invalid: var(--validation-state--invalid);
  --radio-button-background: var(--color-grey-100);
  --radio-center-background--checked: var(--color-blue-700);
  --radio-center-background--hover: var(--color-blue-600);
  display: flex;
  align-items: center;
  gap: var(--spacing-10);
}

.dark .radio-item {
  --radio-button-border--default: var(--color-grey-600);
  --radio-button-border--checked: var(--color-blue-750);
  --radio-button-background: var(--color-grey-800);
  --radio-center-background--checked: var(--color-blue-750);
  --radio-center-background--hover: var(--color-blue-700);
}

.radio-item--checked {
  font-weight: var(--weight-bold);
  --radio-button-border: var(--radio-button-border--checked);
  --radio-center-background: var(--radio-center-background--checked);
}

:where(.radio-item:not(.radio-item--disabled)):hover {
  --radio-center-background: var(--radio-center-background--hover);
  cursor: pointer;
}

.radio-item--focused .radio-item__button {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.radio-item--disabled {
  opacity: 0.4;
}

.radio-item--invalid {
  --radio-button-border: var(--radio-button-border--invalid);
}

.radio-item__button {
  border-radius: var(--radius-base);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  width: 1rem;
  height: 1rem;
  position: relative;
  border: 1px solid var(--radio-button-border);
  display: inline-block;
  background-color: var(--radio-button-background);
}

.radio-item__button::after {
  border-radius: var(--radius-base);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--radio-center-background);
}

.radio-group {
  gap: var(--spacing-10);
  display: inline-flex;
  flex-direction: column;
}

.radio-group__label {
  font-weight: var(--weight-medium);
}

.radio-group__label--required::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

/*!
 * OverlayScrollbars
 * Version: 2.2.0
 *
 * Copyright (c) Rene Haas | KingSora.
 * https://github.com/KingSora
 *
 * Released under the MIT license.
 */

.os-size-observer,
.os-size-observer-listener {
  direction: inherit;
  pointer-events: none;
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener,
.os-size-observer-listener-item,
.os-size-observer-listener-item-final {
  -ms-writing-mode: lr-tb;
      writing-mode: horizontal-tb;
  position: absolute;
  left: 0;
  top: 0;
}

.os-size-observer {
  z-index: -1;
  contain: strict;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: inherit;
  border: inherit;
  box-sizing: inherit;
  margin: -133px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(0.1);
}

.os-size-observer::before {
  content: "";
  flex: none;
  box-sizing: inherit;
  padding: 10px;
  width: 10px;
  height: 10px;
}

.os-size-observer-appear {
  animation: os-size-observer-appear-animation 1ms forwards;
}

.os-size-observer-listener {
  box-sizing: border-box;
  position: relative;
  flex: auto;
  padding: inherit;
  border: inherit;
  margin: -133px;
  transform: scale(10);
}

.os-size-observer-listener.ltr {
  margin-right: -266px;
  margin-left: 0;
}

.os-size-observer-listener.rtl {
  margin-left: -266px;
  margin-right: 0;
}

.os-size-observer-listener:empty::before {
  content: "";
  width: 100%;
  height: 100%;
}

.os-size-observer-listener:empty::before, .os-size-observer-listener > .os-size-observer-listener-item {
  display: block;
  position: relative;
  padding: inherit;
  border: inherit;
  box-sizing: content-box;
  flex: auto;
}

.os-size-observer-listener-scroll {
  box-sizing: border-box;
  display: flex;
}

.os-size-observer-listener-item {
  right: 0;
  bottom: 0;
  overflow: hidden;
  direction: ltr;
  flex: none;
}

.os-size-observer-listener-item-final {
  transition: none;
}

@keyframes os-size-observer-appear-animation {
  from {
    cursor: auto;
  }

  to {
    cursor: none;
  }
}

.os-trinsic-observer {
  flex: none;
  box-sizing: border-box;
  position: relative;
  max-width: 0px;
  max-height: 1px;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
  z-index: -1;
  height: 0;
  top: calc(100% + 1px);
  contain: strict;
}

.os-trinsic-observer:not(:empty) {
  height: calc(100% + 1px);
  top: -1px;
}

.os-trinsic-observer:not(:empty) > .os-size-observer {
  width: 1000%;
  height: 1000%;
  min-height: 1px;
  min-width: 1px;
}

/**
 * environment setup
 */

.os-environment {
  --os-custom-prop: -1;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: scroll;
  height: 200px;
  width: 200px;
  z-index: var(--os-custom-prop);
}

.os-environment div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.os-environment.os-environment-flexbox-glue {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: auto;
  width: auto;
  min-height: 200px;
  min-width: 200px;
}

.os-environment.os-environment-flexbox-glue div {
  flex: auto;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
}

.os-environment.os-environment-flexbox-glue-max {
  max-height: 200px;
}

.os-environment.os-environment-flexbox-glue-max div {
  overflow: visible;
}

.os-environment.os-environment-flexbox-glue-max div::before {
  content: "";
  display: block;
  height: 999px;
  width: 999px;
}

/**
 * hide native scrollbars
 */

.os-environment,
[data-overlayscrollbars-viewport] {
  -ms-overflow-style: scrollbar !important;
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars~=scrollbarHidden],
[data-overlayscrollbars-viewport~=scrollbarHidden],
.os-scrollbar-hidden.os-environment {
  scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars~=scrollbarHidden]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar,
.os-scrollbar-hidden.os-environment::-webkit-scrollbar-corner {
  -webkit-appearance: none !important;
  appearance: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/**
 * elements wont suddenly crop after initialization is done
 */

[data-overlayscrollbars-initialize] {
  overflow: auto;
}

/**
 * applied to body
 */

html[data-overlayscrollbars],
html.os-scrollbar-hidden,
html.os-scrollbar-hidden > body {
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  height: 100%;
}

html[data-overlayscrollbars] > body {
  overflow: visible;
}

/**
 * structure setup
 */

[data-overlayscrollbars~=host] {
  position: relative;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars-padding] {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  box-sizing: inherit;
  position: relative;
  flex: auto !important;
  height: auto;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  z-index: 0;
}

[data-overlayscrollbars-viewport] {
  --os-vaw: 0;
  --os-vah: 0;
}

[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  min-width: 1px;
  min-height: 1px;
  width: var(--os-vaw);
  height: var(--os-vah);
}

[data-overlayscrollbars-padding],
[data-overlayscrollbars-viewport] {
  overflow: hidden;
}

[data-overlayscrollbars~=host],
[data-overlayscrollbars~=viewport] {
  overflow: hidden;
}

[data-overlayscrollbars~=overflowVisible],
[data-overlayscrollbars-padding~=overflowVisible],
[data-overlayscrollbars-viewport~=overflowVisible] {
  overflow: visible;
}

[data-overlayscrollbars-overflow-x=hidden] {
  overflow-x: hidden;
}

[data-overlayscrollbars-overflow-x=scroll] {
  overflow-x: scroll;
}

[data-overlayscrollbars-overflow-x=hidden] {
  overflow-y: hidden;
}

[data-overlayscrollbars-overflow-y=scroll] {
  overflow-y: scroll;
}

[data-overlayscrollbars~=scrollbarPressed],
[data-overlayscrollbars~=scrollbarPressed] [data-overlayscrollbars-viewport] {
  scroll-behavior: auto !important;
}

[data-overlayscrollbars-content] {
  box-sizing: inherit;
}

/**
 * optional & experimental grid mode
 */

[data-overlayscrollbars-grid],
[data-overlayscrollbars-grid] [data-overlayscrollbars-padding] {
  display: grid;
  grid-template: 1fr/1fr;
}

[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-viewport],
[data-overlayscrollbars-grid] > [data-overlayscrollbars-padding] > [data-overlayscrollbars-viewport] {
  height: auto !important;
  width: auto !important;
}

.os-scrollbar {
  contain: size layout;
  contain: size layout style;
  transition: opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;
  pointer-events: none;
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

body > .os-scrollbar {
  position: fixed;
  z-index: 99999;
}

.os-scrollbar-transitionless {
  transition: none;
}

.os-scrollbar-track {
  position: relative;
  direction: ltr !important;
  padding: 0 !important;
  border: none !important;
}

.os-scrollbar-handle {
  position: absolute;
}

.os-scrollbar-track,
.os-scrollbar-handle {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,
.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
  pointer-events: auto;
  touch-action: none;
}

.os-scrollbar-horizontal {
  bottom: 0;
  left: 0;
}

.os-scrollbar-vertical {
  top: 0;
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-horizontal {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical {
  right: auto;
  left: 0;
}

.os-scrollbar-visible,
.os-scrollbar-interaction.os-scrollbar-visible {
  opacity: 1;
  visibility: visible;
}

.os-scrollbar-auto-hidden {
  opacity: 0;
  visibility: hidden;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable *,
.os-scrollbar-wheel,
.os-scrollbar-wheel * {
  pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
  opacity: 0 !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  bottom: 0;
}

.os-scrollbar-vertical .os-scrollbar-handle {
  right: 0;
}

.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle {
  right: auto;
  left: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl {
  left: 0;
  right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,
.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl {
  top: 0;
  bottom: 0;
}

.os-scrollbar {
  --os-size: 0;
  --os-padding-perpendicular: 0;
  --os-padding-axis: 0;
  --os-track-border-radius: 0;
  --os-track-bg: none;
  --os-track-bg-hover: none;
  --os-track-bg-active: none;
  --os-track-border: none;
  --os-track-border-hover: none;
  --os-track-border-active: none;
  --os-handle-border-radius: 0;
  --os-handle-bg: none;
  --os-handle-bg-hover: none;
  --os-handle-bg-active: none;
  --os-handle-border: none;
  --os-handle-border-hover: none;
  --os-handle-border-active: none;
  --os-handle-min-size: 33px;
  --os-handle-max-size: none;
  --os-handle-perpendicular-size: 100%;
  --os-handle-perpendicular-size-hover: 100%;
  --os-handle-perpendicular-size-active: 100%;
  --os-handle-interactive-area-offset: 0;
}

.os-scrollbar .os-scrollbar-track {
  border: var(--os-track-border);
  border-radius: var(--os-track-border-radius);
  background: var(--os-track-bg);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s;
}

.os-scrollbar .os-scrollbar-track:hover {
  border: var(--os-track-border-hover);
  background: var(--os-track-bg-hover);
}

.os-scrollbar .os-scrollbar-track:active {
  border: var(--os-track-border-active);
  background: var(--os-track-bg-active);
}

.os-scrollbar .os-scrollbar-handle {
  border: var(--os-handle-border);
  border-radius: var(--os-handle-border-radius);
  background: var(--os-handle-bg);
}

.os-scrollbar .os-scrollbar-handle:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
}

.os-scrollbar .os-scrollbar-handle:hover {
  border: var(--os-handle-border-hover);
  background: var(--os-handle-bg-hover);
}

.os-scrollbar .os-scrollbar-handle:active {
  border: var(--os-handle-border-active);
  background: var(--os-handle-bg-active);
}

.os-scrollbar-horizontal {
  padding: var(--os-padding-perpendicular) var(--os-padding-axis);
  right: var(--os-size);
  height: var(--os-size);
}

.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: var(--os-size);
  right: 0;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: var(--os-handle-min-size);
  max-width: var(--os-handle-max-size);
  height: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s;
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
  height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
  padding: var(--os-padding-axis) var(--os-padding-perpendicular);
  bottom: var(--os-size);
  width: var(--os-size);
}

.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: var(--os-handle-min-size);
  max-height: var(--os-handle-max-size);
  width: var(--os-handle-perpendicular-size);
  transition: opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s;
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
  left: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
  width: var(--os-handle-perpendicular-size-active);
}

/* NONE THEME: */

[data-overlayscrollbars~=updating] > .os-scrollbar,
.os-theme-none.os-scrollbar {
  display: none !important;
}

/* DARK & LIGHT THEME: */

.os-theme-dark,
.os-theme-light {
  box-sizing: border-box;
  --os-size: 10px;
  --os-padding-perpendicular: 2px;
  --os-padding-axis: 2px;
  --os-track-border-radius: 10px;
  --os-handle-interactive-area-offset: 4px;
  --os-handle-border-radius: 10px;
}

.os-theme-dark {
  --os-handle-bg: rgba(0, 0, 0, 0.44);
  --os-handle-bg-hover: rgba(0, 0, 0, 0.55);
  --os-handle-bg-active: rgba(0, 0, 0, 0.66);
}

.os-theme-light {
  --os-handle-bg: rgba(255, 255, 255, 0.44);
  --os-handle-bg-hover: rgba(255, 255, 255, 0.55);
  --os-handle-bg-active: rgba(255, 255, 255, 0.66);
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
  border-radius: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-track, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-track {
  border-radius: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar .os-scrollbar-handle {
  border-radius: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal {
  padding: 2px 2px;
  right: 10px;
  height: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal.os-scrollbar-rtl, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal.os-scrollbar-rtl {
  left: 10px;
  right: 0;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle {
  min-width: 33px;
  max-width: none;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-horizontal .os-scrollbar-handle:before {
  top: calc((
                2px + 4px
              ) * -1);
  bottom: calc(2px * -1);
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical, .os-no-css-vars.os-theme-light.os-scrollbar-vertical {
  padding: 2px 2px;
  bottom: 10px;
  width: 10px;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle {
  min-height: 33px;
  max-height: none;
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical .os-scrollbar-handle:before {
  left: calc((
                2px + 4px
              ) * -1);
  right: calc(2px * -1);
}

.os-no-css-vars.os-theme-dark.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before, .os-no-css-vars.os-theme-light.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before {
  right: calc((
              2px + 4px
            ) * -1);
  left: calc(2px * -1);
}

.os-no-css-vars.os-theme-dark .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.44);
}

.os-no-css-vars.os-theme-dark:hover .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.55);
}

.os-no-css-vars.os-theme-dark:active .os-scrollbar-handle {
  background: rgba(0, 0, 0, 0.66);
}

.os-no-css-vars.os-theme-light .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.44);
}

.os-no-css-vars.os-theme-light:hover .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.55);
}

.os-no-css-vars.os-theme-light:active .os-scrollbar-handle {
  background: rgba(255, 255, 255, 0.66);
}

.os-theme-eleveo {
  --scrollbar-border-radius: 5px;
  --scrollbar-min-length: 30px;
  --scrollbar-thumb: var(--color-blue-700);
  --scrollbar-track: var(--color-grey-200);
  --scrollbar-size: 6px;
  --os-size: var(--scrollbar-size);
  --os-handle-border-radius: var(--scrollbar-border-radius);
  --os-handle-bg: var(--scrollbar-thumb);
  --os-handle-bg-hover: var(--scrollbar-thumb);
  --os-handle-bg-active: var(--scrollbar-thumb);
  --os-track-border-radius: var(--scrollbar-border-radius);
  --os-track-bg: var(--scrollbar-track);
  --os-track-bg-hover: var(--scrollbar-track);
  --os-track-bg-active: var(--scrollbar-track);
  --os-handle-min-size: var(--scrollbar-min-length);
}

.dark .os-theme-eleveo {
  --scrollbar-track: var(--color-grey-850);
}

.search {
  --search-background: var(--color-white);
  --search-border: var(--search-border--default);
  --search-border--default: var(--color-transparent);
  --search-border--outline: var(--color-grey-400);
  --search-border--hover: var(--color-blue-600);
  --search-border--focus: var(--color-blue-700);
  --search-placeholder: var(--color-grey-600);
  --search-text: var(--color-black);
  --search-button-background: var(--color-grey-500);
  --search-button-clear-background: var(--search-button-background);
  --search-button-submit-background: var(--search-button-background);
  --search-button-clear-background--hover: var(--color-red-600);
  --search-button-submit-background--hover: var(--color-blue-600);
  --search-button-submit-background--active: var(--color-blue-700);
  border-radius: var(--radius-full);
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: var(--search-background);
  border: 1px solid var(--search-border);
  gap: 0.5rem;
  height: 2.25rem;
  width: var(--field-width-base);
}

.dark .search {
  --search-background: var(--color-grey-850);
  --search-border--outline: var(--color-grey-600);
  --search-placeholder: var(--color-grey-500);
  --search-text: var(--color-grey-200);
}

:where(.search):hover {
  --search-border: var(--search-border--hover);
}

:where(.search):focus-within,
.search--focused {
  --search-border: var(--search-border--focus);
}

.search--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.search--active {
  --search-button-submit-background: var(--search-button-submit-background--active);
}

.search--outline {
  --search-border--default: var(--search-border--outline);
}

/* Input */

.search__input {
  background-color: var(--color-transparent);
  font-weight: var(--weight-bold);
  outline: 0;
  outline-offset: 0;
  color: var(--search-text);
  align-self: stretch;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
  -webkit-appearance: none;
          appearance: none;
}

.search__input:-ms-input-placeholder {
  font-weight: var(--weight-normal);
  color: var(--search-placeholder);
}

.search__input::placeholder {
  font-weight: var(--weight-normal);
  color: var(--search-placeholder);
}

/* Buttons */

.search__button {
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  width: 1em;
  height: 1em;
}

.search__button--clear {
  font-size: var(--size-xs);
  line-height: 1.2;
  background-color: var(--search-button-clear-background);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.search__button--clear:hover {
  --search-button-clear-background: var(--search-button-clear-background--hover);
}

.search__button--submit {
  background-color: var(--search-button-submit-background);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M5.115 6.846a4.043 4.043 0 0 1 4.039-4.038 4.043 4.043 0 0 1 4.038 4.038 4.043 4.043 0 0 1-4.038 4.038 4.043 4.043 0 0 1-4.039-4.038zM.5 14.346c0 .64.514 1.154 1.154 1.154.306 0 .604-.126.811-.342l3.092-3.083A6.344 6.344 0 0 0 15.5 6.847 6.344 6.344 0 0 0 9.154.5a6.344 6.344 0 0 0-5.229 9.943L.834 13.535a1.162 1.162 0 0 0-.334.811z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M5.115 6.846a4.043 4.043 0 0 1 4.039-4.038 4.043 4.043 0 0 1 4.038 4.038 4.043 4.043 0 0 1-4.038 4.038 4.043 4.043 0 0 1-4.039-4.038zM.5 14.346c0 .64.514 1.154 1.154 1.154.306 0 .604-.126.811-.342l3.092-3.083A6.344 6.344 0 0 0 15.5 6.847 6.344 6.344 0 0 0 9.154.5a6.344 6.344 0 0 0-5.229 9.943L.834 13.535a1.162 1.162 0 0 0-.334.811z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

.search__button--submit:hover {
  --search-button-submit-background: var(--search-button-submit-background--hover);
}

.select,
.select__popover {
  --select-background: var(--color-white);
  --select-border: var(--select-border--default);
  --select-border--default: var(--color-grey-400);
  --select-border--hover: var(--color-blue-600);
  --select-border--focus: var(--color-blue-700);
  --select-border--invalid: var(--validation-state--invalid);
  --select-text: var(--color-black);
  --select-text-base: var(--spacing-10);
  --select-text-start: calc(var(--select-text-base) + var(--select-text-start--icon, 0px));
  --select-text-end--default: calc(var(--select-text-base) + var(--select-arrow-size) + var(--select-gap));
  --select-text-end: calc(var(--select-text-end--default) + var(--select-text-end--clear, 0px));
  --select-icon: var(--select-border);
  --select-icon--size: var(--size-lg);
  --select-label-text: var(--select-text);
  --select-label-text--active: var(--color-grey-600);
  --select-arrow: var(--select-arrow--default);
  --select-arrow--default: var(--color-grey-500);
  --select-arrow--hover: var(--color-blue-600);
  --select-arrow--active: var(--color-blue-700);
  --select-arrow-rotate: 0deg;
  --select-arrow-size: var(--size-base);
  --select-gap: 0.5rem;
  --select-button-clear-size: var(--size-xs);
  --select-button-clear-background: var(--color-grey-500);
  --select-button-clear-background--hover: var(--color-red-600);
}

.dark .select,
.dark .select__popover {
  --select-background: var(--color-black);
  --select-border--default: var(--color-grey-600);
  --select-text: var(--color-grey-200);
  --select-label-text--active: var(--color-grey-500);
}

.select {
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

:where(.select:not(.select--disabled)):hover {
  --select-border: var(--select-border--hover);
  --select-arrow: var(--select-arrow--hover);
}

.select--icon {
  --select-text-start--icon: var(--select-icon--size) + var(--select-gap);
}

.select--clearable {
  --select-text-end--clear: var(--select-button-clear-size) + var(--select-gap);
}

.select--open {
  --select-icon: var(--select-border--focus);
  --select-arrow-rotate: calc(180deg * var(--transform-direction));
}

.select--disabled {
  opacity: 0.4;
}

/* Button */

/**
 * 1. Achieve correct height with default font size.
 */

.select__button {
  border-radius: var(--radius-base);
  border-width: var(--width-base);
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  text-align: start;
  background-color: var(--select-background);
  border-color: var(--select-border);
  color: var(--select-button-color, var(--select-text));
  padding-inline-start: var(--select-text-start);
  padding-inline-end: var(--select-text-end);
  height: 2.25rem;
  padding-top: 0.4642857142857143em; /* 1 */
  padding-bottom: 0.4642857142857143em; /* 1 */
  text-overflow: ellipsis;
  width: 100%;
  position: relative;
}

.select__button--active {
  font-weight: var(--weight-bold);
}

:where(.select__button):focus,
.select__button--open,
.select__button--focused {
  --select-border: var(--select-border--focus);
  --select-arrow: var(--select-arrow--active);
}

.select__button--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.select__button:disabled, .select__button--disabled {
  cursor: not-allowed;
}

.select__button--invalid {
  --select-border: var(--select-border--invalid);
}

/* Arrow Icon */

.select__button::after {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--select-arrow);
  font-size: var(--select-arrow-size);
  inset-inline-end: var(--select-text-base);
  content: '';
  display: block;
  height: 1em;
  position: absolute;
  width: 1em;
  top: 50%;
  transition: transform 0.1s;
  transform: translateY(-50%) rotate(var(--select-arrow-rotate));
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

/* Label */

/**
 * 1. Place over relatively positioned `select__button`.
 */

.select__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--radius-xs);
  font-weight: var(--weight-medium);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--select-background);
  color: var(--select-label-text);
  inset-inline-start: var(--select-text-start);
  line-height: 1 !important;
  pointer-events: none;
  position: absolute;
  transform: translateY(12px);
  padding: 5px 0;
  margin: -5px 0;
  width: calc(100% - var(--select-text-start) - var(--select-text-end));
  z-index: 1; /* 1 */
}

/**
 * 1. Active label background should be only as wide as is its content.
 */

.select__label--active {
  --select-label-text: var(--select-label-text--active);
  --select-text-start: var(--select-text-base);
  font-size: var(--size-sm);
  line-height: 1.5;
  margin: 0 -5px;
  padding: 0 5px;
  transform: translateY(-6px);
  width: auto;
  max-width: calc(100% - var(--select-text-start)) /* 1 */;
}

.select__label--required::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

/* Icon */

.select__icon {
  color: var(--select-icon);
  font-size: var(--select-icon--size);
  inset-inline-start: var(--select-text-base);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

/* Popover */

.select__popover {
  padding-top: var(--spacing-15);
  padding-bottom: var(--spacing-15);
  display: flex;
  flex-direction: column;
}

/**
 * 1. Represents max ~10 options in the list.
 */

.select__listbox {
  max-height: 295px; /* 1 */
}

.select__listbox .listbox {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
}

/* Search */

.select__search {
  margin-left: var(--spacing-15);
  margin-right: var(--spacing-15);
  margin-bottom: var(--spacing-10);
  flex-shrink: 0;
  width: calc(100% - 2 * var(--spacing-15));
}

/* Select All */

.select__all-button {
  margin-top: var(--spacing-10);
  margin-inline-start: var(--spacing-15);
  align-self: flex-start;
}

.select__all-button::before {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--button-border);
  display: block;
  width: 1em;
  height: 1em;
  content: '';
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 2.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 1 1 2.12-2.12L6 9.878l6.94-6.94a1.5 1.5 0 0 1 2.12 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M15.06 2.94a1.5 1.5 0 0 1 0 2.12l-8 8a1.5 1.5 0 0 1-2.12 0l-4-4a1.5 1.5 0 1 1 2.12-2.12L6 9.878l6.94-6.94a1.5 1.5 0 0 1 2.12 0z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

/* Clear */

.select__clear-button {
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  inset-inline-end: var(--select-text-end--default);
  width: var(--select-button-clear-size);
  height: var(--select-button-clear-size);
  background-color: var(--select-button-clear-background);
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94.94a1.5 1.5 0 0 1 2.12 0L8 5.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122L10.122 8l4.94 4.94a1.5 1.5 0 0 1-2.122 2.12L8 10.122l-4.94 4.94A1.5 1.5 0 0 1 .94 12.94L5.878 8 .939 3.06a1.5 1.5 0 0 1 0-2.12z" clip-rule="evenodd"/%3E%3C/svg%3E');
}

:where(.select__clear-button:not(.select__clear-button--disabled)):hover {
  --select-button-clear-background: var(--select-button-clear-background--hover);
}

.select__clear-button--disabled {
  cursor: not-allowed;
}

.slider {
  --slider-label: var(--color-grey-600);
  --slider-thumb: var(--slider-thumb--default);
  --slider-thumb--default: var(--color-blue-700);
  --slider-thumb--hover: var(--color-blue-600);
  --slider-thumb--dragged: var(--color-blue-600);
  --slider-thumb-radius: 8px;
  --slider-thumb-radius--dragged: 10px;
  --slider-track: var(--slider-track--default);
  --slider-track--default: var(--color-grey-300);
  --slider-track--progress: var(--color-blue-700);
  --slider-track-border-radius: 2px;
  --slider-track-height: 4px;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.dark .slider {
  --slider-label: var(--color-grey-500);
  --slider-thumb--default: var(--color-blue-750);
  --slider-thumb--hover: var(--color-blue-700);
  --slider-thumb--dragged: var(--color-blue-700);
  --slider-track--progress: var(--color-blue-750);
  --slider-track: var(--color-grey-600);
}

/**
 * 1. When dragging thumb, cursor upon all elements should be forced to "grabbing".
 */

.slider--dragging * {
  cursor: grabbing !important; /* 1. */
}

.slider--disabled {
  opacity: 0.4;
}

.slider--disabled .slider__track-container {
  cursor: not-allowed;
}

.slider__label {
  font-size: var(--size-sm);
  line-height: 1.5;
  color: var(--slider-label);
  width: -moz-fit-content;
  width: fit-content;
}

.slider__output {
  font-weight: var(--weight-bold);
  margin-bottom: 2px;
}

.slider__output--range {
  display: flex;
  justify-content: space-between;
}

/**
 * 1. Need to compose different properties and keep duration and function definition from utilities.
 * 1. Cannot use "transition-all" as it would also animate position while dragging.
 */

.slider__thumb {
  border-radius: var(--radius-full);
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--slider-thumb);
  height: calc(var(--slider-thumb-radius) * 2);
  width: calc(var(--slider-thumb-radius) * 2);
  top: 50%;
  transition-property: background-color, height, width; /* 1 */
}

:where(.slider__thumb:not(.slider__thumb--disabled)):hover {
  --slider-thumb: var(--slider-thumb--hover);
  cursor: grab;
}

/**
 * 1. Moves currently used thumb to the front so that it is not overlapped with the other ones
 */

.slider__thumb--on-top {
  z-index: 1; /* 1 */
}

.slider__thumb--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.slider__thumb--dragged {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --slider-thumb: var(--slider-thumb--dragged);
  --slider-thumb-radius: var(--slider-thumb-radius--dragged);
}

.slider__track {
  pointer-events: none;
  position: absolute;
  width: 100%;
  background-color: var(--slider-track);
  height: var(--slider-track-height);
  top: 50%;
  transform: translateY(-50%);
}

.slider__track::before, .slider__track::after {
  position: absolute;
  display: block;
}

.slider__track::before,
.slider__track::after {
  background-color: var(--slider-track);
  content: '';
  height: var(--slider-track-height);
  top: 0;
  width: var(--slider-thumb-radius);
}

.slider__track::before {
  border-end-start-radius: var(--slider-track-border-radius);
  border-start-start-radius: var(--slider-track-border-radius);
  inset-inline-start: calc(var(--slider-thumb-radius) * -1);
}

.slider__track::after {
  border-end-end-radius: var(--slider-track-border-radius);
  border-start-end-radius: var(--slider-track-border-radius);
  inset-inline-end: calc(var(--slider-thumb-radius) * -1);
}

.slider__track-container {
  position: relative;
  height: var(--spacing-25);
  margin: 0 var(--slider-thumb-radius);
}

.slider__track-container::before, .slider__track-container::after {
  position: absolute;
  display: block;
  height: var(--spacing-25);
}

.slider__track-container::before,
.slider__track-container::after {
  content: '';
  width: var(--slider-thumb-radius);
}

.slider__track-container::before {
  inset-inline-start: calc(var(--slider-thumb-radius) * -1);
}

.slider__track-container::after {
  inset-inline-end: calc(var(--slider-thumb-radius) * -1);
}

:where(.slider__track-container):hover {
  cursor: pointer;
}

.slider__track-progress {
  pointer-events: none;
  position: absolute;
  inset-inline-start: var(--spacing-0);
  background-color: var(--slider-track--progress);
  border-radius: var(--slider-track-border-radius);
  height: var(--slider-track-height);
  top: 50%;
  transform: translateY(-50%);
}

/* Single-thumb slider */

.slider--single-thumb .slider__track::before {
  --slider-track: var(--slider-track--progress);
}

.slider--single-thumb .slider__track-progress {
  border-end-start-radius: 0;
  border-start-start-radius: 0;
}

.switch {
  display: flex;
  align-items: center;
  font-weight: var(--weight-medium);
  --switch-background: var(--switch-background--default);
  --switch-background--default: var(--color-blue-300);
  --switch-background--hover: var(--color-blue-600);
  --switch-background--checked: var(--color-blue-700);
  --switch-indicator: var(--color-white);
  --switch-indicator-state: 0;
}

.dark .switch {
  --switch-background--default: var(--color-blue-850);
  --switch-background--hover: var(--color-blue-700);
  --switch-background--checked: var(--color-blue-750);
  --switch-indicator: var(--color-grey-900);
}

.switch--checked {
  font-weight: var(--weight-bold);
  --switch-background: var(--switch-background--checked);
  --switch-indicator-state: 1;
}

:where(.switch:not(.switch--disabled)):hover {
  --switch-background: var(--switch-background--hover);
  cursor: pointer;
}

.switch--focused .switch__indicator {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.switch--disabled {
  opacity: 0.4;
}

/**
 * 1. 26px
 * 2. 18px
 */

.switch__indicator {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  margin-inline-end: var(--spacing-10);
  background-color: var(--switch-background);
  border-radius: 1.125rem; /* 2 */
  height: 1rem;
  align-items: center;
  padding: 3px;
  width: 1.625rem; /* 1 */
  display: flex;
}

/**
 * 1. Pushes indicator to the side in checked state with `flex: 1`.
 * 1. Thanks to the flex direction behavior RTL works without additional effort.
 */

.switch__indicator::before {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: '';
  flex: var(--switch-indicator-state); /* 1 */
}

.switch__indicator::after {
  border-radius: var(--radius-full);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--switch-indicator);
  content: '';
  height: 0.625rem;
  width: 0.625rem;
}

.table__wrapper {
  --table-cell-background: var(--color-white);
  --table-cell-background--header: var(--color-black);
  --table-cell-background--selected: var(--color-blue-300);
  --table-cell-background--selectable: var(--color-blue-200);
  --table-cell-background--disabled: var(--color-grey-200);
  --table-cell-text--header: var(--color-grey-400);
  --table-cell-text--sortable: var(--color-white);
  --table-header-background--sticky: var(--main-background);
  --table-header-sort-icon: var(--color-blue-700);
  --table-header-cell-separator: var(--color-grey-600);
  --table-row-border: var(--color-grey-200);
  --table-corner: var(--radius-base);
  display: flex;
  flex-direction: column;
}

.dark .table__wrapper {
  --table-cell-background: var(--color-grey-850);
  --table-cell-background--selected: var(--color-blue-850);
  --table-cell-background--selectable: var(--color-grey-650);
  --table-cell-background--disabled: var(--color-grey-900);
  --table-header-cell-separator: var(--color-grey-800);
  --table-row-border: var(--color-grey-900);
}

.table__wrapper .os-scrollbar {
  --scrollbar-track: transparent;
}

.table__wrapper--sharp {
  --table-corner: 0;
}

/**
 * 1. "clip" allows to hide overflowing content and use sticky header. Does not work with "hidden".
 * 2. Set scrolling scope for animated sticky columns shadows.
 */

.table__main {
  border-radius: var(--table-corner);
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: clip; /* 1 */
  position: relative;
  timeline-scope: --table; /* 2 */
}

/* Header */

.table__header {
  color: var(--table-header-text);
  overflow: hidden;
  flex-shrink: 0;
  scroll-padding-inline: var(--table-column-sticky-scroll-padding);
}

/**
 * 1. Cover blank space of placeholder cells when nested columns are used.
 */

.table__header--sticky {
  background-color: var(--table-header-background--sticky); /* 1 */
  border-start-start-radius: var(--table-corner);
  border-start-end-radius: var(--table-corner);
  position: sticky;
  top: 0;
  z-index: 10;
}

.table__header-cell-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--size-sm);
  line-height: 1.5;
  font-weight: var(--weight-medium);
}

.table__sort-icon {
  display: inline-block;
  flex-shrink: 0;
  font-size: var(--size-sm);
  line-height: 1.5;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  -webkit-mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
          mask-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" class="icon"%3E%3Cpath fill-rule="evenodd" d="M.94 3.94a1.5 1.5 0 0 1 2.12 0L8 8.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 0-2.122z" clip-rule="evenodd"/%3E%3C/svg%3E');
  width: 1em;
  height: 1em;
  background-color: var(--table-header-sort-icon);
}

.table__sort-icon--descending {
  transform: rotate(180deg);
}

.table__sort-icon--none {
  visibility: hidden;
}

.table__header-row {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}

/* Body */

.table__body-sticky {
  border-top: 3px solid var(--table-row-border);
  bottom: 0;
  flex-shrink: 0;
  overflow: hidden;
  position: sticky;
  scroll-padding-inline: var(--table-column-sticky-scroll-padding);
  z-index: 9;
}

.table__body-row {
  outline: 0;
  outline-offset: 0;
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}

.table__body-row--selected {
  --table-cell-background: var(--table-cell-background--selected);
}

.table__body-row--selectable:hover {
  --table-cell-background: var(--table-cell-background--selectable);
  cursor: pointer;
}

.table__body-row--disabled {
  --table-cell-background: var(--table-cell-background--disabled);
}

.table__body-row--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
  outline-offset: -2px;
}

.table__body-row:not(:last-child) {
  --table-row-border-width: 1px;
  box-shadow: 0 var(--table-row-border-width) 0 0 var(--table-row-border);
  margin-bottom: var(--table-row-border-width);
}

.table__main > div:last-child .table__body-row:last-child {
  border-end-start-radius: var(--table-corner);
  border-end-end-radius: var(--table-corner);
}

.table__main > div:last-child .table__body-row:last-child .table__cell:first-child {
  border-end-start-radius: var(--table-corner);
}

.table__main > div:last-child .table__body-row:last-child .table__cell:last-child {
  border-end-end-radius: var(--table-corner);
}

/* Footer */

.table__footer {
  padding: var(--spacing-20);
  background-color: var(--table-cell-background);
  border-radius: var(--table-corner);
  flex-shrink: 0;
  margin-top: 3px;
  overflow: hidden;
}

/* Cell */

.table__cell {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--table-cell-background);
  color: var(--table-cell-text);
  display: flex;
  padding-block: 5px;
  align-items: center;
}

.table__cell:first-child {
  padding-inline-start: var(--spacing-20);
}

.table__cell:last-child {
  padding-inline-end: var(--spacing-20);
}

.table__cell--header {
  --table-cell-background: var(--table-cell-background--header);
  --table-cell-text: var(--table-cell-text--header);
  gap: 5px;
}

.table__cell--start {
  justify-content: flex-start;
  text-align: start;
}

.table__cell--center {
  justify-content: center;
  text-align: center;
}

.table__cell--end {
  justify-content: flex-end;
  text-align: end;
}

.table__cell--sortable:hover {
  cursor: pointer;
  text-decoration: underline;
  --table-cell-text: var(--table-cell-text--sortable);
}

.table__cell--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
  outline-offset: -2px;
}

/* Checkbox */

.table__checkbox {
  display: inline-flex;
}

.table__checkbox .checkbox__indicator {
  margin: 0;
}

/* Nested columns */

.table__cell--parent {
  color: var(--table-cell-text--sortable);
}

.table__cell--placeholder {
  --table-cell-background: none;
}

.table__cell--header:not(.table__cell--parent) {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

.table__cell--header:not(.table__cell--child) {
  border-start-start-radius: var(--table-corner);
  border-start-end-radius: var(--table-corner);
}

.table__header > div:last-child .table__cell--header:not(:first-child) {
  border-start-start-radius: 0;
}

.table__header > div:last-child .table__cell--header:not(:last-child) {
  border-start-end-radius: 0;
}

.table__cell--child,
.table__cell--parent {
  border-color: var(--table-header-cell-separator);
  border-style: solid;
  border-inline-width: 1px;
}

.table__cell--child + .table__cell--child,
.table__cell--parent + .table__cell--parent {
  border-inline-start-width: 0;
}

/* Sticky columns */

.table__wrapper [data-overlayscrollbars-viewport] {
  scroll-timeline: --table x;
  scroll-padding-inline: var(--table-column-sticky-scroll-padding);
}

/**
 * Must be higher then sticky columns shadows.
 */

.table__wrapper .os-scrollbar-horizontal {
  z-index: 7; /* 1 */
}

.table__cell--sticky {
  --table-column-sticky-scroll-margin: max(20%, 2rem);
  --table-column-sticky-shadow-opacity: 0.125;
  position: sticky;
  z-index: 1;
}

.dark .table__cell--sticky {
  --table-column-sticky-shadow-opacity: 0.25;
}

.table__cell--sticky-start::after,
.table__cell--sticky-end::before {
  animation: auto linear sticky-column-fade both;
  animation-timeline: --table;
  content: '';
  display: block;
  height: calc(100% + var(--table-row-border-width, 0px));
  opacity: 0;
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 1rem;
  z-index: 5;
}

.table__cell--sticky-start::after {
  animation-range: contain 0px contain var(--table-column-sticky-scroll-margin);
  background: linear-gradient(
    calc(90deg * var(--transform-direction)),
    rgba(0 0 0 / var(--table-column-sticky-shadow-opacity)),
    rgba(0 0 0 / 0)
  );
  inset-inline-end: 0;
  transform: translateX(100%);
}

.table__cell--sticky-end::before {
  animation-direction: reverse;
  animation-range: contain calc(100% - var(--table-column-sticky-scroll-margin)) contain 100%;
  background: linear-gradient(
    calc(-90deg * var(--transform-direction)),
    rgba(0 0 0 / var(--table-column-sticky-shadow-opacity)),
    rgba(0 0 0 / 0)
  );
  inset-inline-start: 0;
  transform: translateX(-100%);
}

@keyframes sticky-column-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.textfield {
  --textfield-background: var(--color-white);
  --textfield-border: var(--textfield-border--default);
  --textfield-border--default: var(--color-grey-400);
  --textfield-border--hover: var(--color-blue-600);
  --textfield-border--focus: var(--color-blue-700);
  --textfield-border--invalid: var(--validation-state--invalid);
  --textfield-text: var(--color-black);
  --textfield-text-base: var(--spacing-10);
  --textfield-text-start: var(--textfield-text-base);
  --textfield-text-start--icon: calc(var(--textfield-text-base) + var(--textfield-icon--size) + 0.5em);
  --textfield-text-end: var(--textfield-text-base);
  --textfield-icon: var(--textfield-border);
  --textfield-icon--size: var(--size-lg);
  --textfield-label-text: var(--textfield-text);
  --textfield-label-text--active: var(--color-grey-600);
  display: inline-flex;
  flex-direction: column;
  position: relative;
}

.dark .textfield {
  --textfield-background: var(--color-grey-900);
  --textfield-border--default: var(--color-grey-600);
  --textfield-text: var(--color-grey-200);
  --textfield-label-text--active: var(--color-grey-550);
}

.textfield--icon {
  --textfield-text-start: var(--textfield-text-start--icon);
}

.textfield--disabled {
  opacity: 0.4;
}

.textfield__input:disabled, .textfield--disabled {
  cursor: not-allowed;
}

/**
 * 1. Achieve correct height with default font size.
 */

.textfield__input {
  border-radius: var(--radius-base);
  border-width: var(--width-base);
  outline: 0;
  outline-offset: 0;
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--textfield-background);
  border-color: var(--textfield-border);
  color: var(--textfield-text);
  padding-inline-start: var(--textfield-text-start);
  padding-inline-end: var(--textfield-text-end);
  padding-top: 0.4642857142857143em; /* 1 */
  padding-bottom: 0.4642857142857143em; /* 1 */
  text-overflow: ellipsis;
  width: 100%;
}

/* States */

:where(.textfield__input:not(.textfield__input--disabled, :disabled)):hover {
  --textfield-border: var(--textfield-border--hover);
}

:where(.textfield__input):focus,
.textfield__input--focused {
  --textfield-border: var(--textfield-border--focus);
}

.textfield__input--focused {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.textfield__input--readonly {
  --textfield-border: var(--textfield-border--default);
}

.textfield__input--invalid {
  --textfield-border: var(--textfield-border--invalid);
}

/* Label */

.textfield__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: var(--radius-xs);
  font-weight: var(--weight-medium);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: var(--textfield-background);
  color: var(--textfield-label-text);
  inset-inline-start: var(--textfield-text-start);
  line-height: 1 !important;
  pointer-events: none;
  position: absolute;
  transform: translateY(12px);
  padding: 5px 0;
  margin: -5px 0;
  width: calc(100% - var(--textfield-text-start) - var(--textfield-text-end));
}

/**
 * 1. Active label background should be only as wide as is its content.
 */

.textfield:focus-within .textfield__label,
.textfield__label--active {
  --textfield-label-text: var(--textfield-label-text--active);
  --textfield-text-start: var(--textfield-text-base);
}

.textfield:focus-within .textfield__label, .textfield__label--active {
  font-size: var(--size-sm);
  line-height: 1.5;
}

.textfield:focus-within .textfield__label,
.textfield__label--active {
  margin: 0 -5px;
  padding: 0 5px;
  transform: translateY(-6px);
  width: auto;
  max-width: calc(100% - var(--textfield-text-start)) /* 1 */;
}

.textfield__label--required::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

/* Icon */

.textfield__icon {
  color: var(--textfield-icon);
  font-size: var(--textfield-icon--size);
  inset-inline-start: var(--textfield-text-base);
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.textfield:focus-within .textfield__icon {
  --textfield-icon: var(--textfield-border--focus);
}

/**
 * 1. Limiting the tooltip width to quarter of the screen to prevent it from filling up the screen.
 * 2. Fix for Firefox when top and bottom values lead to negative height. See also issue: https://github.com/adobe/react-spectrum/issues/5105
 */

.tooltip {
  border-radius: var(--radius-base);
  padding: var(--spacing-10);
  font-size: var(--size-sm);
  line-height: 1.5;
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .tooltip {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tooltip {
  --tooltip-background-color: var(--color-black);
  --tooltip-text-color: var(--color-grey-200);
  --tooltip-arrow-length: 5px;
  --tooltip-distance: 7px;
  background-color: var(--tooltip-background-color);
  color: var(--tooltip-text-color);
  max-width: 25vw; /* 1 */
  min-height: 38px; /* 2 */
}

.dark .tooltip {
  --tooltip-background-color: var(--color-white);
  --tooltip-text-color: var(--color-black);
}

.tooltip__arrow {
  position: absolute;
  height: 0;
  width: 0;
  border-top-width: var(--tooltip-arrow-length);
  border-top-style: solid;
  border-left: var(--tooltip-arrow-length) solid transparent;
  border-right: var(--tooltip-arrow-length) solid transparent;
  border-bottom: var(--tooltip-arrow-length) solid transparent;
  border-top-color: var(--tooltip-background-color);
}

.tooltip__arrow--top {
  top: 100%;
}

.tooltip__arrow--bottom {
  bottom: 100%;
  transform: rotate(-180deg);
}

.tooltip__arrow--bottom,
.tooltip__arrow--top {
  left: 50%;
  margin-left: calc(var(--tooltip-arrow-length) * -1);
}

.tooltip__arrow--right {
  right: 100%;
  transform: rotate(90deg);
}

.tooltip__arrow--left {
  left: 100%;
  transform: rotate(-90deg);
}

.tooltip__arrow--left,
.tooltip__arrow--right {
  top: 50%;
  margin-top: calc(var(--tooltip-arrow-length) * -1);
}

/* Transitions */

.tooltip {
  --animation-function: cubic-bezier(0.5, 1.75, 0.75, 1.25);
  transition-property: opacity, transform;
  transition-timing-function: var(--animation-function);
  transition-duration: var(--animation-duration);
  opacity: 0;
  pointer-events: none;
}

.tooltip--open {
  opacity: 1;
  transform: var(--origin);
  pointer-events: auto;
}

.tooltip--top {
  --origin: translateY(calc(-1 * var(--tooltip-distance)));
}

.tooltip--right {
  --origin: translateX(var(--tooltip-distance));
}

.tooltip--bottom {
  --origin: translateY(var(--tooltip-distance));
}

.tooltip--left {
  --origin: translateX(calc(-1 * var(--tooltip-distance)));
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.not-sr-only {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus-within\:sr-only:focus-within {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.focus-within\:not-sr-only:focus-within {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.focus\:sr-only:focus {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.focus\:not-sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.inset-0 {
  top: var(--spacing-0);
  right: var(--spacing-0);
  bottom: var(--spacing-0);
  left: var(--spacing-0);
}

.inset-1 {
  top: var(--spacing-10);
  right: var(--spacing-10);
  bottom: var(--spacing-10);
  left: var(--spacing-10);
}

.inset-2 {
  top: var(--spacing-15);
  right: var(--spacing-15);
  bottom: var(--spacing-15);
  left: var(--spacing-15);
}

.inset-3 {
  top: var(--spacing-20);
  right: var(--spacing-20);
  bottom: var(--spacing-20);
  left: var(--spacing-20);
}

.inset-4 {
  top: var(--spacing-25);
  right: var(--spacing-25);
  bottom: var(--spacing-25);
  left: var(--spacing-25);
}

.inset-5 {
  top: var(--spacing-40);
  right: var(--spacing-40);
  bottom: var(--spacing-40);
  left: var(--spacing-40);
}

.inset-auto {
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

.-inset-0 {
  top: calc(var(--spacing-0) * -1);
  right: calc(var(--spacing-0) * -1);
  bottom: calc(var(--spacing-0) * -1);
  left: calc(var(--spacing-0) * -1);
}

.-inset-1 {
  top: calc(var(--spacing-10) * -1);
  right: calc(var(--spacing-10) * -1);
  bottom: calc(var(--spacing-10) * -1);
  left: calc(var(--spacing-10) * -1);
}

.-inset-2 {
  top: calc(var(--spacing-15) * -1);
  right: calc(var(--spacing-15) * -1);
  bottom: calc(var(--spacing-15) * -1);
  left: calc(var(--spacing-15) * -1);
}

.-inset-3 {
  top: calc(var(--spacing-20) * -1);
  right: calc(var(--spacing-20) * -1);
  bottom: calc(var(--spacing-20) * -1);
  left: calc(var(--spacing-20) * -1);
}

.-inset-4 {
  top: calc(var(--spacing-25) * -1);
  right: calc(var(--spacing-25) * -1);
  bottom: calc(var(--spacing-25) * -1);
  left: calc(var(--spacing-25) * -1);
}

.-inset-5 {
  top: calc(var(--spacing-40) * -1);
  right: calc(var(--spacing-40) * -1);
  bottom: calc(var(--spacing-40) * -1);
  left: calc(var(--spacing-40) * -1);
}

.inset-1\/2 {
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
}

.inset-1\/3 {
  top: 33.333333%;
  right: 33.333333%;
  bottom: 33.333333%;
  left: 33.333333%;
}

.inset-2\/3 {
  top: 66.666667%;
  right: 66.666667%;
  bottom: 66.666667%;
  left: 66.666667%;
}

.inset-1\/4 {
  top: 25%;
  right: 25%;
  bottom: 25%;
  left: 25%;
}

.inset-2\/4 {
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
}

.inset-3\/4 {
  top: 75%;
  right: 75%;
  bottom: 75%;
  left: 75%;
}

.inset-full {
  top: 100%;
  right: 100%;
  bottom: 100%;
  left: 100%;
}

.-inset-1\/2 {
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
}

.-inset-1\/3 {
  top: -33.333333%;
  right: -33.333333%;
  bottom: -33.333333%;
  left: -33.333333%;
}

.-inset-2\/3 {
  top: -66.666667%;
  right: -66.666667%;
  bottom: -66.666667%;
  left: -66.666667%;
}

.-inset-1\/4 {
  top: -25%;
  right: -25%;
  bottom: -25%;
  left: -25%;
}

.-inset-2\/4 {
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
}

.-inset-3\/4 {
  top: -75%;
  right: -75%;
  bottom: -75%;
  left: -75%;
}

.-inset-full {
  top: -100%;
  right: -100%;
  bottom: -100%;
  left: -100%;
}

.inset-x-0 {
  left: var(--spacing-0);
  right: var(--spacing-0);
}

.inset-x-1 {
  left: var(--spacing-10);
  right: var(--spacing-10);
}

.inset-x-2 {
  left: var(--spacing-15);
  right: var(--spacing-15);
}

.inset-x-3 {
  left: var(--spacing-20);
  right: var(--spacing-20);
}

.inset-x-4 {
  left: var(--spacing-25);
  right: var(--spacing-25);
}

.inset-x-5 {
  left: var(--spacing-40);
  right: var(--spacing-40);
}

.inset-x-auto {
  left: auto;
  right: auto;
}

.-inset-x-0 {
  left: calc(var(--spacing-0) * -1);
  right: calc(var(--spacing-0) * -1);
}

.-inset-x-1 {
  left: calc(var(--spacing-10) * -1);
  right: calc(var(--spacing-10) * -1);
}

.-inset-x-2 {
  left: calc(var(--spacing-15) * -1);
  right: calc(var(--spacing-15) * -1);
}

.-inset-x-3 {
  left: calc(var(--spacing-20) * -1);
  right: calc(var(--spacing-20) * -1);
}

.-inset-x-4 {
  left: calc(var(--spacing-25) * -1);
  right: calc(var(--spacing-25) * -1);
}

.-inset-x-5 {
  left: calc(var(--spacing-40) * -1);
  right: calc(var(--spacing-40) * -1);
}

.inset-x-1\/2 {
  left: 50%;
  right: 50%;
}

.inset-x-1\/3 {
  left: 33.333333%;
  right: 33.333333%;
}

.inset-x-2\/3 {
  left: 66.666667%;
  right: 66.666667%;
}

.inset-x-1\/4 {
  left: 25%;
  right: 25%;
}

.inset-x-2\/4 {
  left: 50%;
  right: 50%;
}

.inset-x-3\/4 {
  left: 75%;
  right: 75%;
}

.inset-x-full {
  left: 100%;
  right: 100%;
}

.-inset-x-1\/2 {
  left: -50%;
  right: -50%;
}

.-inset-x-1\/3 {
  left: -33.333333%;
  right: -33.333333%;
}

.-inset-x-2\/3 {
  left: -66.666667%;
  right: -66.666667%;
}

.-inset-x-1\/4 {
  left: -25%;
  right: -25%;
}

.-inset-x-2\/4 {
  left: -50%;
  right: -50%;
}

.-inset-x-3\/4 {
  left: -75%;
  right: -75%;
}

.-inset-x-full {
  left: -100%;
  right: -100%;
}

.inset-y-0 {
  top: var(--spacing-0);
  bottom: var(--spacing-0);
}

.inset-y-1 {
  top: var(--spacing-10);
  bottom: var(--spacing-10);
}

.inset-y-2 {
  top: var(--spacing-15);
  bottom: var(--spacing-15);
}

.inset-y-3 {
  top: var(--spacing-20);
  bottom: var(--spacing-20);
}

.inset-y-4 {
  top: var(--spacing-25);
  bottom: var(--spacing-25);
}

.inset-y-5 {
  top: var(--spacing-40);
  bottom: var(--spacing-40);
}

.inset-y-auto {
  top: auto;
  bottom: auto;
}

.-inset-y-0 {
  top: calc(var(--spacing-0) * -1);
  bottom: calc(var(--spacing-0) * -1);
}

.-inset-y-1 {
  top: calc(var(--spacing-10) * -1);
  bottom: calc(var(--spacing-10) * -1);
}

.-inset-y-2 {
  top: calc(var(--spacing-15) * -1);
  bottom: calc(var(--spacing-15) * -1);
}

.-inset-y-3 {
  top: calc(var(--spacing-20) * -1);
  bottom: calc(var(--spacing-20) * -1);
}

.-inset-y-4 {
  top: calc(var(--spacing-25) * -1);
  bottom: calc(var(--spacing-25) * -1);
}

.-inset-y-5 {
  top: calc(var(--spacing-40) * -1);
  bottom: calc(var(--spacing-40) * -1);
}

.inset-y-1\/2 {
  top: 50%;
  bottom: 50%;
}

.inset-y-1\/3 {
  top: 33.333333%;
  bottom: 33.333333%;
}

.inset-y-2\/3 {
  top: 66.666667%;
  bottom: 66.666667%;
}

.inset-y-1\/4 {
  top: 25%;
  bottom: 25%;
}

.inset-y-2\/4 {
  top: 50%;
  bottom: 50%;
}

.inset-y-3\/4 {
  top: 75%;
  bottom: 75%;
}

.inset-y-full {
  top: 100%;
  bottom: 100%;
}

.-inset-y-1\/2 {
  top: -50%;
  bottom: -50%;
}

.-inset-y-1\/3 {
  top: -33.333333%;
  bottom: -33.333333%;
}

.-inset-y-2\/3 {
  top: -66.666667%;
  bottom: -66.666667%;
}

.-inset-y-1\/4 {
  top: -25%;
  bottom: -25%;
}

.-inset-y-2\/4 {
  top: -50%;
  bottom: -50%;
}

.-inset-y-3\/4 {
  top: -75%;
  bottom: -75%;
}

.-inset-y-full {
  top: -100%;
  bottom: -100%;
}

.top-0 {
  top: var(--spacing-0);
}

.top-1 {
  top: var(--spacing-10);
}

.top-2 {
  top: var(--spacing-15);
}

.top-3 {
  top: var(--spacing-20);
}

.top-4 {
  top: var(--spacing-25);
}

.top-5 {
  top: var(--spacing-40);
}

.top-auto {
  top: auto;
}

.-top-0 {
  top: calc(var(--spacing-0) * -1);
}

.-top-1 {
  top: calc(var(--spacing-10) * -1);
}

.-top-2 {
  top: calc(var(--spacing-15) * -1);
}

.-top-3 {
  top: calc(var(--spacing-20) * -1);
}

.-top-4 {
  top: calc(var(--spacing-25) * -1);
}

.-top-5 {
  top: calc(var(--spacing-40) * -1);
}

.top-1\/2 {
  top: 50%;
}

.top-1\/3 {
  top: 33.333333%;
}

.top-2\/3 {
  top: 66.666667%;
}

.top-1\/4 {
  top: 25%;
}

.top-2\/4 {
  top: 50%;
}

.top-3\/4 {
  top: 75%;
}

.top-full {
  top: 100%;
}

.-top-1\/2 {
  top: -50%;
}

.-top-1\/3 {
  top: -33.333333%;
}

.-top-2\/3 {
  top: -66.666667%;
}

.-top-1\/4 {
  top: -25%;
}

.-top-2\/4 {
  top: -50%;
}

.-top-3\/4 {
  top: -75%;
}

.-top-full {
  top: -100%;
}

.right-0 {
  right: var(--spacing-0);
}

.right-1 {
  right: var(--spacing-10);
}

.right-2 {
  right: var(--spacing-15);
}

.right-3 {
  right: var(--spacing-20);
}

.right-4 {
  right: var(--spacing-25);
}

.right-5 {
  right: var(--spacing-40);
}

.right-auto {
  right: auto;
}

.-right-0 {
  right: calc(var(--spacing-0) * -1);
}

.-right-1 {
  right: calc(var(--spacing-10) * -1);
}

.-right-2 {
  right: calc(var(--spacing-15) * -1);
}

.-right-3 {
  right: calc(var(--spacing-20) * -1);
}

.-right-4 {
  right: calc(var(--spacing-25) * -1);
}

.-right-5 {
  right: calc(var(--spacing-40) * -1);
}

.right-1\/2 {
  right: 50%;
}

.right-1\/3 {
  right: 33.333333%;
}

.right-2\/3 {
  right: 66.666667%;
}

.right-1\/4 {
  right: 25%;
}

.right-2\/4 {
  right: 50%;
}

.right-3\/4 {
  right: 75%;
}

.right-full {
  right: 100%;
}

.-right-1\/2 {
  right: -50%;
}

.-right-1\/3 {
  right: -33.333333%;
}

.-right-2\/3 {
  right: -66.666667%;
}

.-right-1\/4 {
  right: -25%;
}

.-right-2\/4 {
  right: -50%;
}

.-right-3\/4 {
  right: -75%;
}

.-right-full {
  right: -100%;
}

.bottom-0 {
  bottom: var(--spacing-0);
}

.bottom-1 {
  bottom: var(--spacing-10);
}

.bottom-2 {
  bottom: var(--spacing-15);
}

.bottom-3 {
  bottom: var(--spacing-20);
}

.bottom-4 {
  bottom: var(--spacing-25);
}

.bottom-5 {
  bottom: var(--spacing-40);
}

.bottom-auto {
  bottom: auto;
}

.-bottom-0 {
  bottom: calc(var(--spacing-0) * -1);
}

.-bottom-1 {
  bottom: calc(var(--spacing-10) * -1);
}

.-bottom-2 {
  bottom: calc(var(--spacing-15) * -1);
}

.-bottom-3 {
  bottom: calc(var(--spacing-20) * -1);
}

.-bottom-4 {
  bottom: calc(var(--spacing-25) * -1);
}

.-bottom-5 {
  bottom: calc(var(--spacing-40) * -1);
}

.bottom-1\/2 {
  bottom: 50%;
}

.bottom-1\/3 {
  bottom: 33.333333%;
}

.bottom-2\/3 {
  bottom: 66.666667%;
}

.bottom-1\/4 {
  bottom: 25%;
}

.bottom-2\/4 {
  bottom: 50%;
}

.bottom-3\/4 {
  bottom: 75%;
}

.bottom-full {
  bottom: 100%;
}

.-bottom-1\/2 {
  bottom: -50%;
}

.-bottom-1\/3 {
  bottom: -33.333333%;
}

.-bottom-2\/3 {
  bottom: -66.666667%;
}

.-bottom-1\/4 {
  bottom: -25%;
}

.-bottom-2\/4 {
  bottom: -50%;
}

.-bottom-3\/4 {
  bottom: -75%;
}

.-bottom-full {
  bottom: -100%;
}

.left-0 {
  left: var(--spacing-0);
}

.left-1 {
  left: var(--spacing-10);
}

.left-2 {
  left: var(--spacing-15);
}

.left-3 {
  left: var(--spacing-20);
}

.left-4 {
  left: var(--spacing-25);
}

.left-5 {
  left: var(--spacing-40);
}

.left-auto {
  left: auto;
}

.-left-0 {
  left: calc(var(--spacing-0) * -1);
}

.-left-1 {
  left: calc(var(--spacing-10) * -1);
}

.-left-2 {
  left: calc(var(--spacing-15) * -1);
}

.-left-3 {
  left: calc(var(--spacing-20) * -1);
}

.-left-4 {
  left: calc(var(--spacing-25) * -1);
}

.-left-5 {
  left: calc(var(--spacing-40) * -1);
}

.left-1\/2 {
  left: 50%;
}

.left-1\/3 {
  left: 33.333333%;
}

.left-2\/3 {
  left: 66.666667%;
}

.left-1\/4 {
  left: 25%;
}

.left-2\/4 {
  left: 50%;
}

.left-3\/4 {
  left: 75%;
}

.left-full {
  left: 100%;
}

.-left-1\/2 {
  left: -50%;
}

.-left-1\/3 {
  left: -33.333333%;
}

.-left-2\/3 {
  left: -66.666667%;
}

.-left-1\/4 {
  left: -25%;
}

.-left-2\/4 {
  left: -50%;
}

.-left-3\/4 {
  left: -75%;
}

.-left-full {
  left: -100%;
}

.isolate {
  isolation: isolate;
}

.isolation-auto {
  isolation: auto;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-auto {
  z-index: auto;
}

.focus-within\:z-0:focus-within {
  z-index: 0;
}

.focus-within\:z-10:focus-within {
  z-index: 10;
}

.focus-within\:z-20:focus-within {
  z-index: 20;
}

.focus-within\:z-30:focus-within {
  z-index: 30;
}

.focus-within\:z-40:focus-within {
  z-index: 40;
}

.focus-within\:z-50:focus-within {
  z-index: 50;
}

.focus-within\:z-auto:focus-within {
  z-index: auto;
}

.focus\:z-0:focus {
  z-index: 0;
}

.focus\:z-10:focus {
  z-index: 10;
}

.focus\:z-20:focus {
  z-index: 20;
}

.focus\:z-30:focus {
  z-index: 30;
}

.focus\:z-40:focus {
  z-index: 40;
}

.focus\:z-50:focus {
  z-index: 50;
}

.focus\:z-auto:focus {
  z-index: auto;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-first {
  order: -9999;
}

.order-last {
  order: 9999;
}

.order-none {
  order: 0;
}

.col-auto {
  grid-column: auto;
}

.col-span-1 {
  grid-column: span 1 / span 1;
}

.col-span-2 {
  grid-column: span 2 / span 2;
}

.col-span-3 {
  grid-column: span 3 / span 3;
}

.col-span-4 {
  grid-column: span 4 / span 4;
}

.col-span-5 {
  grid-column: span 5 / span 5;
}

.col-span-6 {
  grid-column: span 6 / span 6;
}

.col-span-7 {
  grid-column: span 7 / span 7;
}

.col-span-8 {
  grid-column: span 8 / span 8;
}

.col-span-9 {
  grid-column: span 9 / span 9;
}

.col-span-10 {
  grid-column: span 10 / span 10;
}

.col-span-11 {
  grid-column: span 11 / span 11;
}

.col-span-12 {
  grid-column: span 12 / span 12;
}

.col-span-full {
  grid-column: 1 / -1;
}

.col-start-1 {
  grid-column-start: 1;
}

.col-start-2 {
  grid-column-start: 2;
}

.col-start-3 {
  grid-column-start: 3;
}

.col-start-4 {
  grid-column-start: 4;
}

.col-start-5 {
  grid-column-start: 5;
}

.col-start-6 {
  grid-column-start: 6;
}

.col-start-7 {
  grid-column-start: 7;
}

.col-start-8 {
  grid-column-start: 8;
}

.col-start-9 {
  grid-column-start: 9;
}

.col-start-10 {
  grid-column-start: 10;
}

.col-start-11 {
  grid-column-start: 11;
}

.col-start-12 {
  grid-column-start: 12;
}

.col-start-13 {
  grid-column-start: 13;
}

.col-start-auto {
  grid-column-start: auto;
}

.col-end-1 {
  grid-column-end: 1;
}

.col-end-2 {
  grid-column-end: 2;
}

.col-end-3 {
  grid-column-end: 3;
}

.col-end-4 {
  grid-column-end: 4;
}

.col-end-5 {
  grid-column-end: 5;
}

.col-end-6 {
  grid-column-end: 6;
}

.col-end-7 {
  grid-column-end: 7;
}

.col-end-8 {
  grid-column-end: 8;
}

.col-end-9 {
  grid-column-end: 9;
}

.col-end-10 {
  grid-column-end: 10;
}

.col-end-11 {
  grid-column-end: 11;
}

.col-end-12 {
  grid-column-end: 12;
}

.col-end-13 {
  grid-column-end: 13;
}

.col-end-auto {
  grid-column-end: auto;
}

.row-auto {
  grid-row: auto;
}

.row-span-1 {
  grid-row: span 1 / span 1;
}

.row-span-2 {
  grid-row: span 2 / span 2;
}

.row-span-3 {
  grid-row: span 3 / span 3;
}

.row-span-4 {
  grid-row: span 4 / span 4;
}

.row-span-5 {
  grid-row: span 5 / span 5;
}

.row-span-6 {
  grid-row: span 6 / span 6;
}

.row-span-full {
  grid-row: 1 / -1;
}

.row-start-1 {
  grid-row-start: 1;
}

.row-start-2 {
  grid-row-start: 2;
}

.row-start-3 {
  grid-row-start: 3;
}

.row-start-4 {
  grid-row-start: 4;
}

.row-start-5 {
  grid-row-start: 5;
}

.row-start-6 {
  grid-row-start: 6;
}

.row-start-7 {
  grid-row-start: 7;
}

.row-start-auto {
  grid-row-start: auto;
}

.row-end-1 {
  grid-row-end: 1;
}

.row-end-2 {
  grid-row-end: 2;
}

.row-end-3 {
  grid-row-end: 3;
}

.row-end-4 {
  grid-row-end: 4;
}

.row-end-5 {
  grid-row-end: 5;
}

.row-end-6 {
  grid-row-end: 6;
}

.row-end-7 {
  grid-row-end: 7;
}

.row-end-auto {
  grid-row-end: auto;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.float-none {
  float: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.clear-none {
  clear: none;
}

.m-0 {
  margin: var(--spacing-0);
}

.m-1 {
  margin: var(--spacing-10);
}

.m-2 {
  margin: var(--spacing-15);
}

.m-3 {
  margin: var(--spacing-20);
}

.m-4 {
  margin: var(--spacing-25);
}

.m-5 {
  margin: var(--spacing-40);
}

.m-auto {
  margin: auto;
}

.-m-0 {
  margin: calc(var(--spacing-0) * -1);
}

.-m-1 {
  margin: calc(var(--spacing-10) * -1);
}

.-m-2 {
  margin: calc(var(--spacing-15) * -1);
}

.-m-3 {
  margin: calc(var(--spacing-20) * -1);
}

.-m-4 {
  margin: calc(var(--spacing-25) * -1);
}

.-m-5 {
  margin: calc(var(--spacing-40) * -1);
}

.mx-0 {
  margin-left: var(--spacing-0);
  margin-right: var(--spacing-0);
}

.mx-1 {
  margin-left: var(--spacing-10);
  margin-right: var(--spacing-10);
}

.mx-2 {
  margin-left: var(--spacing-15);
  margin-right: var(--spacing-15);
}

.mx-3 {
  margin-left: var(--spacing-20);
  margin-right: var(--spacing-20);
}

.mx-4 {
  margin-left: var(--spacing-25);
  margin-right: var(--spacing-25);
}

.mx-5 {
  margin-left: var(--spacing-40);
  margin-right: var(--spacing-40);
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.-mx-0 {
  margin-left: calc(var(--spacing-0) * -1);
  margin-right: calc(var(--spacing-0) * -1);
}

.-mx-1 {
  margin-left: calc(var(--spacing-10) * -1);
  margin-right: calc(var(--spacing-10) * -1);
}

.-mx-2 {
  margin-left: calc(var(--spacing-15) * -1);
  margin-right: calc(var(--spacing-15) * -1);
}

.-mx-3 {
  margin-left: calc(var(--spacing-20) * -1);
  margin-right: calc(var(--spacing-20) * -1);
}

.-mx-4 {
  margin-left: calc(var(--spacing-25) * -1);
  margin-right: calc(var(--spacing-25) * -1);
}

.-mx-5 {
  margin-left: calc(var(--spacing-40) * -1);
  margin-right: calc(var(--spacing-40) * -1);
}

.my-0 {
  margin-top: var(--spacing-0);
  margin-bottom: var(--spacing-0);
}

.my-1 {
  margin-top: var(--spacing-10);
  margin-bottom: var(--spacing-10);
}

.my-2 {
  margin-top: var(--spacing-15);
  margin-bottom: var(--spacing-15);
}

.my-3 {
  margin-top: var(--spacing-20);
  margin-bottom: var(--spacing-20);
}

.my-4 {
  margin-top: var(--spacing-25);
  margin-bottom: var(--spacing-25);
}

.my-5 {
  margin-top: var(--spacing-40);
  margin-bottom: var(--spacing-40);
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.-my-0 {
  margin-top: calc(var(--spacing-0) * -1);
  margin-bottom: calc(var(--spacing-0) * -1);
}

.-my-1 {
  margin-top: calc(var(--spacing-10) * -1);
  margin-bottom: calc(var(--spacing-10) * -1);
}

.-my-2 {
  margin-top: calc(var(--spacing-15) * -1);
  margin-bottom: calc(var(--spacing-15) * -1);
}

.-my-3 {
  margin-top: calc(var(--spacing-20) * -1);
  margin-bottom: calc(var(--spacing-20) * -1);
}

.-my-4 {
  margin-top: calc(var(--spacing-25) * -1);
  margin-bottom: calc(var(--spacing-25) * -1);
}

.-my-5 {
  margin-top: calc(var(--spacing-40) * -1);
  margin-bottom: calc(var(--spacing-40) * -1);
}

.mt-0 {
  margin-top: var(--spacing-0);
}

.mt-1 {
  margin-top: var(--spacing-10);
}

.mt-2 {
  margin-top: var(--spacing-15);
}

.mt-3 {
  margin-top: var(--spacing-20);
}

.mt-4 {
  margin-top: var(--spacing-25);
}

.mt-5 {
  margin-top: var(--spacing-40);
}

.mt-auto {
  margin-top: auto;
}

.-mt-0 {
  margin-top: calc(var(--spacing-0) * -1);
}

.-mt-1 {
  margin-top: calc(var(--spacing-10) * -1);
}

.-mt-2 {
  margin-top: calc(var(--spacing-15) * -1);
}

.-mt-3 {
  margin-top: calc(var(--spacing-20) * -1);
}

.-mt-4 {
  margin-top: calc(var(--spacing-25) * -1);
}

.-mt-5 {
  margin-top: calc(var(--spacing-40) * -1);
}

.mr-0 {
  margin-right: var(--spacing-0);
}

.mr-1 {
  margin-right: var(--spacing-10);
}

.mr-2 {
  margin-right: var(--spacing-15);
}

.mr-3 {
  margin-right: var(--spacing-20);
}

.mr-4 {
  margin-right: var(--spacing-25);
}

.mr-5 {
  margin-right: var(--spacing-40);
}

.mr-auto {
  margin-right: auto;
}

.-mr-0 {
  margin-right: calc(var(--spacing-0) * -1);
}

.-mr-1 {
  margin-right: calc(var(--spacing-10) * -1);
}

.-mr-2 {
  margin-right: calc(var(--spacing-15) * -1);
}

.-mr-3 {
  margin-right: calc(var(--spacing-20) * -1);
}

.-mr-4 {
  margin-right: calc(var(--spacing-25) * -1);
}

.-mr-5 {
  margin-right: calc(var(--spacing-40) * -1);
}

.mb-0 {
  margin-bottom: var(--spacing-0);
}

.mb-1 {
  margin-bottom: var(--spacing-10);
}

.mb-2 {
  margin-bottom: var(--spacing-15);
}

.mb-3 {
  margin-bottom: var(--spacing-20);
}

.mb-4 {
  margin-bottom: var(--spacing-25);
}

.mb-5 {
  margin-bottom: var(--spacing-40);
}

.mb-auto {
  margin-bottom: auto;
}

.-mb-0 {
  margin-bottom: calc(var(--spacing-0) * -1);
}

.-mb-1 {
  margin-bottom: calc(var(--spacing-10) * -1);
}

.-mb-2 {
  margin-bottom: calc(var(--spacing-15) * -1);
}

.-mb-3 {
  margin-bottom: calc(var(--spacing-20) * -1);
}

.-mb-4 {
  margin-bottom: calc(var(--spacing-25) * -1);
}

.-mb-5 {
  margin-bottom: calc(var(--spacing-40) * -1);
}

.ml-0 {
  margin-left: var(--spacing-0);
}

.ml-1 {
  margin-left: var(--spacing-10);
}

.ml-2 {
  margin-left: var(--spacing-15);
}

.ml-3 {
  margin-left: var(--spacing-20);
}

.ml-4 {
  margin-left: var(--spacing-25);
}

.ml-5 {
  margin-left: var(--spacing-40);
}

.ml-auto {
  margin-left: auto;
}

.-ml-0 {
  margin-left: calc(var(--spacing-0) * -1);
}

.-ml-1 {
  margin-left: calc(var(--spacing-10) * -1);
}

.-ml-2 {
  margin-left: calc(var(--spacing-15) * -1);
}

.-ml-3 {
  margin-left: calc(var(--spacing-20) * -1);
}

.-ml-4 {
  margin-left: calc(var(--spacing-25) * -1);
}

.-ml-5 {
  margin-left: calc(var(--spacing-40) * -1);
}

.box-border {
  box-sizing: border-box;
}

.box-content {
  box-sizing: content-box;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.inline-table {
  display: inline-table;
}

.table-caption {
  display: table-caption;
}

.table-cell {
  display: table-cell;
}

.table-column {
  display: table-column;
}

.table-column-group {
  display: table-column-group;
}

.table-footer-group {
  display: table-footer-group;
}

.table-header-group {
  display: table-header-group;
}

.table-row-group {
  display: table-row-group;
}

.table-row {
  display: table-row;
}

.flow-root {
  display: flow-root;
}

.grid {
  display: grid;
}

.inline-grid {
  display: inline-grid;
}

.contents {
  display: contents;
}

.list-item {
  display: list-item;
}

.hidden {
  display: none;
}

.h-0 {
  height: var(--spacing-0);
}

.h-1 {
  height: var(--spacing-10);
}

.h-2 {
  height: var(--spacing-15);
}

.h-3 {
  height: var(--spacing-20);
}

.h-4 {
  height: var(--spacing-25);
}

.h-5 {
  height: var(--spacing-40);
}

.h-auto {
  height: auto;
}

.h-1\/2 {
  height: 50%;
}

.h-1\/3 {
  height: 33.333333%;
}

.h-2\/3 {
  height: 66.666667%;
}

.h-1\/4 {
  height: 25%;
}

.h-2\/4 {
  height: 50%;
}

.h-3\/4 {
  height: 75%;
}

.h-1\/5 {
  height: 20%;
}

.h-2\/5 {
  height: 40%;
}

.h-3\/5 {
  height: 60%;
}

.h-4\/5 {
  height: 80%;
}

.h-1\/6 {
  height: 16.666667%;
}

.h-2\/6 {
  height: 33.333333%;
}

.h-3\/6 {
  height: 50%;
}

.h-4\/6 {
  height: 66.666667%;
}

.h-5\/6 {
  height: 83.333333%;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-0 {
  max-height: var(--spacing-0);
}

.max-h-1 {
  max-height: var(--spacing-10);
}

.max-h-2 {
  max-height: var(--spacing-15);
}

.max-h-3 {
  max-height: var(--spacing-20);
}

.max-h-4 {
  max-height: var(--spacing-25);
}

.max-h-5 {
  max-height: var(--spacing-40);
}

.max-h-full {
  max-height: 100%;
}

.max-h-screen {
  max-height: 100vh;
}

.min-h-0 {
  min-height: 0px;
}

.min-h-full {
  min-height: 100%;
}

.min-h-screen {
  min-height: 100vh;
}

.w-0 {
  width: var(--spacing-0);
}

.w-1 {
  width: var(--spacing-10);
}

.w-2 {
  width: var(--spacing-15);
}

.w-3 {
  width: var(--spacing-20);
}

.w-4 {
  width: var(--spacing-25);
}

.w-5 {
  width: var(--spacing-40);
}

.w-auto {
  width: auto;
}

.w-1\/2 {
  width: 50%;
}

.w-1\/3 {
  width: 33.333333%;
}

.w-2\/3 {
  width: 66.666667%;
}

.w-1\/4 {
  width: 25%;
}

.w-2\/4 {
  width: 50%;
}

.w-3\/4 {
  width: 75%;
}

.w-1\/5 {
  width: 20%;
}

.w-2\/5 {
  width: 40%;
}

.w-3\/5 {
  width: 60%;
}

.w-4\/5 {
  width: 80%;
}

.w-1\/6 {
  width: 16.666667%;
}

.w-2\/6 {
  width: 33.333333%;
}

.w-3\/6 {
  width: 50%;
}

.w-4\/6 {
  width: 66.666667%;
}

.w-5\/6 {
  width: 83.333333%;
}

.w-1\/12 {
  width: 8.333333%;
}

.w-2\/12 {
  width: 16.666667%;
}

.w-3\/12 {
  width: 25%;
}

.w-4\/12 {
  width: 33.333333%;
}

.w-5\/12 {
  width: 41.666667%;
}

.w-6\/12 {
  width: 50%;
}

.w-7\/12 {
  width: 58.333333%;
}

.w-8\/12 {
  width: 66.666667%;
}

.w-9\/12 {
  width: 75%;
}

.w-10\/12 {
  width: 83.333333%;
}

.w-11\/12 {
  width: 91.666667%;
}

.w-full {
  width: 100%;
}

.w-screen {
  width: 100vw;
}

.w-min {
  width: min-content;
}

.w-max {
  width: max-content;
}

.min-w-0 {
  min-width: 0px;
}

.min-w-full {
  min-width: 100%;
}

.min-w-min {
  min-width: min-content;
}

.min-w-max {
  min-width: max-content;
}

.max-w-0 {
  max-width: 0rem;
}

.max-w-none {
  max-width: none;
}

.max-w-xs {
  max-width: 20rem;
}

.max-w-sm {
  max-width: 24rem;
}

.max-w-md {
  max-width: 28rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-6xl {
  max-width: 72rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-full {
  max-width: 100%;
}

.max-w-min {
  max-width: min-content;
}

.max-w-max {
  max-width: max-content;
}

.max-w-prose {
  max-width: 65ch;
}

.flex-1 {
  flex: 1 1 0%;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

.flex-none {
  flex: none;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-shrink {
  flex-shrink: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-grow {
  flex-grow: 1;
}

.table-auto {
  table-layout: auto;
}

.table-fixed {
  table-layout: fixed;
}

.origin-center {
  transform-origin: center;
}

.origin-top {
  transform-origin: top;
}

.origin-top-right {
  transform-origin: top right;
}

.origin-right {
  transform-origin: right;
}

.origin-bottom-right {
  transform-origin: bottom right;
}

.origin-bottom {
  transform-origin: bottom;
}

.origin-bottom-left {
  transform-origin: bottom left;
}

.origin-left {
  transform-origin: left;
}

.origin-top-left {
  transform-origin: top left;
}

.transform {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-none {
  transform: none;
}

.translate-x-0 {
  --tw-translate-x: var(--spacing-0);
}

.translate-x-1 {
  --tw-translate-x: var(--spacing-10);
}

.translate-x-2 {
  --tw-translate-x: var(--spacing-15);
}

.translate-x-3 {
  --tw-translate-x: var(--spacing-20);
}

.translate-x-4 {
  --tw-translate-x: var(--spacing-25);
}

.translate-x-5 {
  --tw-translate-x: var(--spacing-40);
}

.-translate-x-0 {
  --tw-translate-x: calc(var(--spacing-0) * -1);
}

.-translate-x-1 {
  --tw-translate-x: calc(var(--spacing-10) * -1);
}

.-translate-x-2 {
  --tw-translate-x: calc(var(--spacing-15) * -1);
}

.-translate-x-3 {
  --tw-translate-x: calc(var(--spacing-20) * -1);
}

.-translate-x-4 {
  --tw-translate-x: calc(var(--spacing-25) * -1);
}

.-translate-x-5 {
  --tw-translate-x: calc(var(--spacing-40) * -1);
}

.translate-x-1\/2 {
  --tw-translate-x: 50%;
}

.translate-x-1\/3 {
  --tw-translate-x: 33.333333%;
}

.translate-x-2\/3 {
  --tw-translate-x: 66.666667%;
}

.translate-x-1\/4 {
  --tw-translate-x: 25%;
}

.translate-x-2\/4 {
  --tw-translate-x: 50%;
}

.translate-x-3\/4 {
  --tw-translate-x: 75%;
}

.translate-x-full {
  --tw-translate-x: 100%;
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}

.-translate-x-1\/3 {
  --tw-translate-x: -33.333333%;
}

.-translate-x-2\/3 {
  --tw-translate-x: -66.666667%;
}

.-translate-x-1\/4 {
  --tw-translate-x: -25%;
}

.-translate-x-2\/4 {
  --tw-translate-x: -50%;
}

.-translate-x-3\/4 {
  --tw-translate-x: -75%;
}

.-translate-x-full {
  --tw-translate-x: -100%;
}

.translate-y-0 {
  --tw-translate-y: var(--spacing-0);
}

.translate-y-1 {
  --tw-translate-y: var(--spacing-10);
}

.translate-y-2 {
  --tw-translate-y: var(--spacing-15);
}

.translate-y-3 {
  --tw-translate-y: var(--spacing-20);
}

.translate-y-4 {
  --tw-translate-y: var(--spacing-25);
}

.translate-y-5 {
  --tw-translate-y: var(--spacing-40);
}

.-translate-y-0 {
  --tw-translate-y: calc(var(--spacing-0) * -1);
}

.-translate-y-1 {
  --tw-translate-y: calc(var(--spacing-10) * -1);
}

.-translate-y-2 {
  --tw-translate-y: calc(var(--spacing-15) * -1);
}

.-translate-y-3 {
  --tw-translate-y: calc(var(--spacing-20) * -1);
}

.-translate-y-4 {
  --tw-translate-y: calc(var(--spacing-25) * -1);
}

.-translate-y-5 {
  --tw-translate-y: calc(var(--spacing-40) * -1);
}

.translate-y-1\/2 {
  --tw-translate-y: 50%;
}

.translate-y-1\/3 {
  --tw-translate-y: 33.333333%;
}

.translate-y-2\/3 {
  --tw-translate-y: 66.666667%;
}

.translate-y-1\/4 {
  --tw-translate-y: 25%;
}

.translate-y-2\/4 {
  --tw-translate-y: 50%;
}

.translate-y-3\/4 {
  --tw-translate-y: 75%;
}

.translate-y-full {
  --tw-translate-y: 100%;
}

.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}

.-translate-y-1\/3 {
  --tw-translate-y: -33.333333%;
}

.-translate-y-2\/3 {
  --tw-translate-y: -66.666667%;
}

.-translate-y-1\/4 {
  --tw-translate-y: -25%;
}

.-translate-y-2\/4 {
  --tw-translate-y: -50%;
}

.-translate-y-3\/4 {
  --tw-translate-y: -75%;
}

.-translate-y-full {
  --tw-translate-y: -100%;
}

.hover\:translate-x-0:hover {
  --tw-translate-x: var(--spacing-0);
}

.hover\:translate-x-1:hover {
  --tw-translate-x: var(--spacing-10);
}

.hover\:translate-x-2:hover {
  --tw-translate-x: var(--spacing-15);
}

.hover\:translate-x-3:hover {
  --tw-translate-x: var(--spacing-20);
}

.hover\:translate-x-4:hover {
  --tw-translate-x: var(--spacing-25);
}

.hover\:translate-x-5:hover {
  --tw-translate-x: var(--spacing-40);
}

.hover\:-translate-x-0:hover {
  --tw-translate-x: calc(var(--spacing-0) * -1);
}

.hover\:-translate-x-1:hover {
  --tw-translate-x: calc(var(--spacing-10) * -1);
}

.hover\:-translate-x-2:hover {
  --tw-translate-x: calc(var(--spacing-15) * -1);
}

.hover\:-translate-x-3:hover {
  --tw-translate-x: calc(var(--spacing-20) * -1);
}

.hover\:-translate-x-4:hover {
  --tw-translate-x: calc(var(--spacing-25) * -1);
}

.hover\:-translate-x-5:hover {
  --tw-translate-x: calc(var(--spacing-40) * -1);
}

.hover\:translate-x-1\/2:hover {
  --tw-translate-x: 50%;
}

.hover\:translate-x-1\/3:hover {
  --tw-translate-x: 33.333333%;
}

.hover\:translate-x-2\/3:hover {
  --tw-translate-x: 66.666667%;
}

.hover\:translate-x-1\/4:hover {
  --tw-translate-x: 25%;
}

.hover\:translate-x-2\/4:hover {
  --tw-translate-x: 50%;
}

.hover\:translate-x-3\/4:hover {
  --tw-translate-x: 75%;
}

.hover\:translate-x-full:hover {
  --tw-translate-x: 100%;
}

.hover\:-translate-x-1\/2:hover {
  --tw-translate-x: -50%;
}

.hover\:-translate-x-1\/3:hover {
  --tw-translate-x: -33.333333%;
}

.hover\:-translate-x-2\/3:hover {
  --tw-translate-x: -66.666667%;
}

.hover\:-translate-x-1\/4:hover {
  --tw-translate-x: -25%;
}

.hover\:-translate-x-2\/4:hover {
  --tw-translate-x: -50%;
}

.hover\:-translate-x-3\/4:hover {
  --tw-translate-x: -75%;
}

.hover\:-translate-x-full:hover {
  --tw-translate-x: -100%;
}

.hover\:translate-y-0:hover {
  --tw-translate-y: var(--spacing-0);
}

.hover\:translate-y-1:hover {
  --tw-translate-y: var(--spacing-10);
}

.hover\:translate-y-2:hover {
  --tw-translate-y: var(--spacing-15);
}

.hover\:translate-y-3:hover {
  --tw-translate-y: var(--spacing-20);
}

.hover\:translate-y-4:hover {
  --tw-translate-y: var(--spacing-25);
}

.hover\:translate-y-5:hover {
  --tw-translate-y: var(--spacing-40);
}

.hover\:-translate-y-0:hover {
  --tw-translate-y: calc(var(--spacing-0) * -1);
}

.hover\:-translate-y-1:hover {
  --tw-translate-y: calc(var(--spacing-10) * -1);
}

.hover\:-translate-y-2:hover {
  --tw-translate-y: calc(var(--spacing-15) * -1);
}

.hover\:-translate-y-3:hover {
  --tw-translate-y: calc(var(--spacing-20) * -1);
}

.hover\:-translate-y-4:hover {
  --tw-translate-y: calc(var(--spacing-25) * -1);
}

.hover\:-translate-y-5:hover {
  --tw-translate-y: calc(var(--spacing-40) * -1);
}

.hover\:translate-y-1\/2:hover {
  --tw-translate-y: 50%;
}

.hover\:translate-y-1\/3:hover {
  --tw-translate-y: 33.333333%;
}

.hover\:translate-y-2\/3:hover {
  --tw-translate-y: 66.666667%;
}

.hover\:translate-y-1\/4:hover {
  --tw-translate-y: 25%;
}

.hover\:translate-y-2\/4:hover {
  --tw-translate-y: 50%;
}

.hover\:translate-y-3\/4:hover {
  --tw-translate-y: 75%;
}

.hover\:translate-y-full:hover {
  --tw-translate-y: 100%;
}

.hover\:-translate-y-1\/2:hover {
  --tw-translate-y: -50%;
}

.hover\:-translate-y-1\/3:hover {
  --tw-translate-y: -33.333333%;
}

.hover\:-translate-y-2\/3:hover {
  --tw-translate-y: -66.666667%;
}

.hover\:-translate-y-1\/4:hover {
  --tw-translate-y: -25%;
}

.hover\:-translate-y-2\/4:hover {
  --tw-translate-y: -50%;
}

.hover\:-translate-y-3\/4:hover {
  --tw-translate-y: -75%;
}

.hover\:-translate-y-full:hover {
  --tw-translate-y: -100%;
}

.focus\:translate-x-0:focus {
  --tw-translate-x: var(--spacing-0);
}

.focus\:translate-x-1:focus {
  --tw-translate-x: var(--spacing-10);
}

.focus\:translate-x-2:focus {
  --tw-translate-x: var(--spacing-15);
}

.focus\:translate-x-3:focus {
  --tw-translate-x: var(--spacing-20);
}

.focus\:translate-x-4:focus {
  --tw-translate-x: var(--spacing-25);
}

.focus\:translate-x-5:focus {
  --tw-translate-x: var(--spacing-40);
}

.focus\:-translate-x-0:focus {
  --tw-translate-x: calc(var(--spacing-0) * -1);
}

.focus\:-translate-x-1:focus {
  --tw-translate-x: calc(var(--spacing-10) * -1);
}

.focus\:-translate-x-2:focus {
  --tw-translate-x: calc(var(--spacing-15) * -1);
}

.focus\:-translate-x-3:focus {
  --tw-translate-x: calc(var(--spacing-20) * -1);
}

.focus\:-translate-x-4:focus {
  --tw-translate-x: calc(var(--spacing-25) * -1);
}

.focus\:-translate-x-5:focus {
  --tw-translate-x: calc(var(--spacing-40) * -1);
}

.focus\:translate-x-1\/2:focus {
  --tw-translate-x: 50%;
}

.focus\:translate-x-1\/3:focus {
  --tw-translate-x: 33.333333%;
}

.focus\:translate-x-2\/3:focus {
  --tw-translate-x: 66.666667%;
}

.focus\:translate-x-1\/4:focus {
  --tw-translate-x: 25%;
}

.focus\:translate-x-2\/4:focus {
  --tw-translate-x: 50%;
}

.focus\:translate-x-3\/4:focus {
  --tw-translate-x: 75%;
}

.focus\:translate-x-full:focus {
  --tw-translate-x: 100%;
}

.focus\:-translate-x-1\/2:focus {
  --tw-translate-x: -50%;
}

.focus\:-translate-x-1\/3:focus {
  --tw-translate-x: -33.333333%;
}

.focus\:-translate-x-2\/3:focus {
  --tw-translate-x: -66.666667%;
}

.focus\:-translate-x-1\/4:focus {
  --tw-translate-x: -25%;
}

.focus\:-translate-x-2\/4:focus {
  --tw-translate-x: -50%;
}

.focus\:-translate-x-3\/4:focus {
  --tw-translate-x: -75%;
}

.focus\:-translate-x-full:focus {
  --tw-translate-x: -100%;
}

.focus\:translate-y-0:focus {
  --tw-translate-y: var(--spacing-0);
}

.focus\:translate-y-1:focus {
  --tw-translate-y: var(--spacing-10);
}

.focus\:translate-y-2:focus {
  --tw-translate-y: var(--spacing-15);
}

.focus\:translate-y-3:focus {
  --tw-translate-y: var(--spacing-20);
}

.focus\:translate-y-4:focus {
  --tw-translate-y: var(--spacing-25);
}

.focus\:translate-y-5:focus {
  --tw-translate-y: var(--spacing-40);
}

.focus\:-translate-y-0:focus {
  --tw-translate-y: calc(var(--spacing-0) * -1);
}

.focus\:-translate-y-1:focus {
  --tw-translate-y: calc(var(--spacing-10) * -1);
}

.focus\:-translate-y-2:focus {
  --tw-translate-y: calc(var(--spacing-15) * -1);
}

.focus\:-translate-y-3:focus {
  --tw-translate-y: calc(var(--spacing-20) * -1);
}

.focus\:-translate-y-4:focus {
  --tw-translate-y: calc(var(--spacing-25) * -1);
}

.focus\:-translate-y-5:focus {
  --tw-translate-y: calc(var(--spacing-40) * -1);
}

.focus\:translate-y-1\/2:focus {
  --tw-translate-y: 50%;
}

.focus\:translate-y-1\/3:focus {
  --tw-translate-y: 33.333333%;
}

.focus\:translate-y-2\/3:focus {
  --tw-translate-y: 66.666667%;
}

.focus\:translate-y-1\/4:focus {
  --tw-translate-y: 25%;
}

.focus\:translate-y-2\/4:focus {
  --tw-translate-y: 50%;
}

.focus\:translate-y-3\/4:focus {
  --tw-translate-y: 75%;
}

.focus\:translate-y-full:focus {
  --tw-translate-y: 100%;
}

.focus\:-translate-y-1\/2:focus {
  --tw-translate-y: -50%;
}

.focus\:-translate-y-1\/3:focus {
  --tw-translate-y: -33.333333%;
}

.focus\:-translate-y-2\/3:focus {
  --tw-translate-y: -66.666667%;
}

.focus\:-translate-y-1\/4:focus {
  --tw-translate-y: -25%;
}

.focus\:-translate-y-2\/4:focus {
  --tw-translate-y: -50%;
}

.focus\:-translate-y-3\/4:focus {
  --tw-translate-y: -75%;
}

.focus\:-translate-y-full:focus {
  --tw-translate-y: -100%;
}

.rotate-0 {
  --tw-rotate: 0;
}

.rotate-45 {
  --tw-rotate: 45deg;
}

.rotate-90 {
  --tw-rotate: 90deg;
}

.rotate-180 {
  --tw-rotate: 180deg;
}

.-rotate-180 {
  --tw-rotate: -180deg;
}

.-rotate-90 {
  --tw-rotate: -90deg;
}

.-rotate-45 {
  --tw-rotate: -45deg;
}

.hover\:rotate-0:hover {
  --tw-rotate: 0;
}

.hover\:rotate-45:hover {
  --tw-rotate: 45deg;
}

.hover\:rotate-90:hover {
  --tw-rotate: 90deg;
}

.hover\:rotate-180:hover {
  --tw-rotate: 180deg;
}

.hover\:-rotate-180:hover {
  --tw-rotate: -180deg;
}

.hover\:-rotate-90:hover {
  --tw-rotate: -90deg;
}

.hover\:-rotate-45:hover {
  --tw-rotate: -45deg;
}

.focus\:rotate-0:focus {
  --tw-rotate: 0;
}

.focus\:rotate-45:focus {
  --tw-rotate: 45deg;
}

.focus\:rotate-90:focus {
  --tw-rotate: 90deg;
}

.focus\:rotate-180:focus {
  --tw-rotate: 180deg;
}

.focus\:-rotate-180:focus {
  --tw-rotate: -180deg;
}

.focus\:-rotate-90:focus {
  --tw-rotate: -90deg;
}

.focus\:-rotate-45:focus {
  --tw-rotate: -45deg;
}

.cursor-auto {
  cursor: auto;
}

.cursor-default {
  cursor: default;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-wait {
  cursor: wait;
}

.cursor-text {
  cursor: text;
}

.cursor-move {
  cursor: move;
}

.cursor-help {
  cursor: help;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.select-none {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-text {
  -webkit-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.select-all {
  -webkit-user-select: all;
          user-select: all;
}

.select-auto {
  -webkit-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

.resize-none {
  resize: none;
}

.resize-y {
  resize: vertical;
}

.resize-x {
  resize: horizontal;
}

.resize {
  resize: both;
}

.list-inside {
  list-style-position: inside;
}

.list-outside {
  list-style-position: outside;
}

.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

.appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.auto-cols-auto {
  grid-auto-columns: auto;
}

.auto-cols-min {
  grid-auto-columns: min-content;
}

.auto-cols-max {
  grid-auto-columns: max-content;
}

.auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr);
}

.grid-flow-row {
  grid-auto-flow: row;
}

.grid-flow-col {
  grid-auto-flow: column;
}

.grid-flow-row-dense {
  grid-auto-flow: row dense;
}

.grid-flow-col-dense {
  grid-auto-flow: column dense;
}

.auto-rows-auto {
  grid-auto-rows: auto;
}

.auto-rows-min {
  grid-auto-rows: min-content;
}

.auto-rows-max {
  grid-auto-rows: max-content;
}

.auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr);
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-none {
  grid-template-columns: none;
}

.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr));
}

.grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr));
}

.grid-rows-none {
  grid-template-rows: none;
}

.flex-row {
  flex-direction: row;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.flex-col {
  flex-direction: column;
}

.flex-col-reverse {
  flex-direction: column-reverse;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.place-content-center {
  place-content: center;
}

.place-content-start {
  place-content: start;
}

.place-content-end {
  place-content: end;
}

.place-content-between {
  place-content: space-between;
}

.place-content-around {
  place-content: space-around;
}

.place-content-evenly {
  place-content: space-evenly;
}

.place-content-stretch {
  place-content: stretch;
}

.place-items-start {
  place-items: start;
}

.place-items-end {
  place-items: end;
}

.place-items-center {
  place-items: center;
}

.place-items-stretch {
  place-items: stretch;
}

.content-center {
  align-content: center;
}

.content-start {
  align-content: flex-start;
}

.content-end {
  align-content: flex-end;
}

.content-between {
  align-content: space-between;
}

.content-around {
  align-content: space-around;
}

.content-evenly {
  align-content: space-evenly;
}

.items-start {
  align-items: flex-start;
}

.items-end {
  align-items: flex-end;
}

.items-center {
  align-items: center;
}

.items-baseline {
  align-items: baseline;
}

.items-stretch {
  align-items: stretch;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.justify-evenly {
  justify-content: space-evenly;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-stretch {
  justify-items: stretch;
}

.gap-0 {
  gap: var(--spacing-0);
}

.gap-1 {
  gap: var(--spacing-10);
}

.gap-2 {
  gap: var(--spacing-15);
}

.gap-3 {
  gap: var(--spacing-20);
}

.gap-4 {
  gap: var(--spacing-25);
}

.gap-5 {
  gap: var(--spacing-40);
}

.gap-x-0 {
  -moz-column-gap: var(--spacing-0);
       column-gap: var(--spacing-0);
}

.gap-x-1 {
  -moz-column-gap: var(--spacing-10);
       column-gap: var(--spacing-10);
}

.gap-x-2 {
  -moz-column-gap: var(--spacing-15);
       column-gap: var(--spacing-15);
}

.gap-x-3 {
  -moz-column-gap: var(--spacing-20);
       column-gap: var(--spacing-20);
}

.gap-x-4 {
  -moz-column-gap: var(--spacing-25);
       column-gap: var(--spacing-25);
}

.gap-x-5 {
  -moz-column-gap: var(--spacing-40);
       column-gap: var(--spacing-40);
}

.gap-y-0 {
  row-gap: var(--spacing-0);
}

.gap-y-1 {
  row-gap: var(--spacing-10);
}

.gap-y-2 {
  row-gap: var(--spacing-15);
}

.gap-y-3 {
  row-gap: var(--spacing-20);
}

.gap-y-4 {
  row-gap: var(--spacing-25);
}

.gap-y-5 {
  row-gap: var(--spacing-40);
}

.space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spacing-0) * var(--tw-space-x-reverse));
  margin-left: calc(var(--spacing-0) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spacing-10) * var(--tw-space-x-reverse));
  margin-left: calc(var(--spacing-10) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spacing-15) * var(--tw-space-x-reverse));
  margin-left: calc(var(--spacing-15) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spacing-20) * var(--tw-space-x-reverse));
  margin-left: calc(var(--spacing-20) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spacing-25) * var(--tw-space-x-reverse));
  margin-left: calc(var(--spacing-25) * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(var(--spacing-40) * var(--tw-space-x-reverse));
  margin-left: calc(var(--spacing-40) * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(calc(var(--spacing-0) * -1) * var(--tw-space-x-reverse));
  margin-left: calc(calc(var(--spacing-0) * -1) * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(calc(var(--spacing-10) * -1) * var(--tw-space-x-reverse));
  margin-left: calc(calc(var(--spacing-10) * -1) * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(calc(var(--spacing-15) * -1) * var(--tw-space-x-reverse));
  margin-left: calc(calc(var(--spacing-15) * -1) * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(calc(var(--spacing-20) * -1) * var(--tw-space-x-reverse));
  margin-left: calc(calc(var(--spacing-20) * -1) * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(calc(var(--spacing-25) * -1) * var(--tw-space-x-reverse));
  margin-left: calc(calc(var(--spacing-25) * -1) * calc(1 - var(--tw-space-x-reverse)));
}

.-space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(calc(var(--spacing-40) * -1) * var(--tw-space-x-reverse));
  margin-left: calc(calc(var(--spacing-40) * -1) * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-0) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-0) * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-10) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-10) * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-15) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-15) * var(--tw-space-y-reverse));
}

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-20) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-20) * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-25) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-25) * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(var(--spacing-40) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(var(--spacing-40) * var(--tw-space-y-reverse));
}

.-space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing-0) * -1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(var(--spacing-0) * -1) * var(--tw-space-y-reverse));
}

.-space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing-10) * -1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(var(--spacing-10) * -1) * var(--tw-space-y-reverse));
}

.-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing-15) * -1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(var(--spacing-15) * -1) * var(--tw-space-y-reverse));
}

.-space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing-20) * -1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(var(--spacing-20) * -1) * var(--tw-space-y-reverse));
}

.-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing-25) * -1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(var(--spacing-25) * -1) * var(--tw-space-y-reverse));
}

.-space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(calc(var(--spacing-40) * -1) * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(calc(var(--spacing-40) * -1) * var(--tw-space-y-reverse));
}

.space-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 1;
}

.space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

.place-self-auto {
  place-self: auto;
}

.place-self-start {
  place-self: start;
}

.place-self-end {
  place-self: end;
}

.place-self-center {
  place-self: center;
}

.place-self-stretch {
  place-self: stretch;
}

.self-auto {
  align-self: auto;
}

.self-start {
  align-self: flex-start;
}

.self-end {
  align-self: flex-end;
}

.self-center {
  align-self: center;
}

.self-stretch {
  align-self: stretch;
}

.self-baseline {
  align-self: baseline;
}

.justify-self-auto {
  justify-self: auto;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-center {
  justify-self: center;
}

.justify-self-stretch {
  justify-self: stretch;
}

.overflow-auto {
  overflow: auto;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-visible {
  overflow: visible;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-x-auto {
  overflow-x: auto;
}

.overflow-y-auto {
  overflow-y: auto;
}

.overflow-x-hidden {
  overflow-x: hidden;
}

.overflow-y-hidden {
  overflow-y: hidden;
}

.overflow-x-visible {
  overflow-x: visible;
}

.overflow-y-visible {
  overflow-y: visible;
}

.overflow-x-scroll {
  overflow-x: scroll;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.overscroll-auto {
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto;
}

.overscroll-contain {
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}

.overscroll-none {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}

.overscroll-y-auto {
  overscroll-behavior-y: auto;
}

.overscroll-y-contain {
  overscroll-behavior-y: contain;
}

.overscroll-y-none {
  overscroll-behavior-y: none;
}

.overscroll-x-auto {
  overscroll-behavior-x: auto;
}

.overscroll-x-contain {
  overscroll-behavior-x: contain;
}

.overscroll-x-none {
  overscroll-behavior-x: none;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis {
  text-overflow: ellipsis;
}

.overflow-clip {
  text-overflow: clip;
}

.whitespace-normal {
  white-space: normal;
}

.whitespace-nowrap {
  white-space: nowrap;
}

.whitespace-pre {
  white-space: pre;
}

.whitespace-pre-line {
  white-space: pre-line;
}

.whitespace-pre-wrap {
  white-space: pre-wrap;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-words {
  overflow-wrap: break-word;
}

.break-all {
  word-break: break-all;
}

.rounded-xs {
  border-radius: var(--radius-xs);
}

.rounded-sm {
  border-radius: var(--radius-sm);
}

.rounded {
  border-radius: var(--radius-base);
}

.rounded-md {
  border-radius: var(--radius-md);
}

.rounded-full {
  border-radius: var(--radius-full);
}

.rounded-none {
  border-radius: var(--radius-none);
}

.rounded-t-xs {
  border-top-left-radius: var(--radius-xs);
  border-top-right-radius: var(--radius-xs);
}

.rounded-t-sm {
  border-top-left-radius: var(--radius-sm);
  border-top-right-radius: var(--radius-sm);
}

.rounded-t {
  border-top-left-radius: var(--radius-base);
  border-top-right-radius: var(--radius-base);
}

.rounded-t-md {
  border-top-left-radius: var(--radius-md);
  border-top-right-radius: var(--radius-md);
}

.rounded-t-full {
  border-top-left-radius: var(--radius-full);
  border-top-right-radius: var(--radius-full);
}

.rounded-t-none {
  border-top-left-radius: var(--radius-none);
  border-top-right-radius: var(--radius-none);
}

.rounded-r-xs {
  border-top-right-radius: var(--radius-xs);
  border-bottom-right-radius: var(--radius-xs);
}

.rounded-r-sm {
  border-top-right-radius: var(--radius-sm);
  border-bottom-right-radius: var(--radius-sm);
}

.rounded-r {
  border-top-right-radius: var(--radius-base);
  border-bottom-right-radius: var(--radius-base);
}

.rounded-r-md {
  border-top-right-radius: var(--radius-md);
  border-bottom-right-radius: var(--radius-md);
}

.rounded-r-full {
  border-top-right-radius: var(--radius-full);
  border-bottom-right-radius: var(--radius-full);
}

.rounded-r-none {
  border-top-right-radius: var(--radius-none);
  border-bottom-right-radius: var(--radius-none);
}

.rounded-b-xs {
  border-bottom-right-radius: var(--radius-xs);
  border-bottom-left-radius: var(--radius-xs);
}

.rounded-b-sm {
  border-bottom-right-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

.rounded-b {
  border-bottom-right-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

.rounded-b-md {
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

.rounded-b-full {
  border-bottom-right-radius: var(--radius-full);
  border-bottom-left-radius: var(--radius-full);
}

.rounded-b-none {
  border-bottom-right-radius: var(--radius-none);
  border-bottom-left-radius: var(--radius-none);
}

.rounded-l-xs {
  border-top-left-radius: var(--radius-xs);
  border-bottom-left-radius: var(--radius-xs);
}

.rounded-l-sm {
  border-top-left-radius: var(--radius-sm);
  border-bottom-left-radius: var(--radius-sm);
}

.rounded-l {
  border-top-left-radius: var(--radius-base);
  border-bottom-left-radius: var(--radius-base);
}

.rounded-l-md {
  border-top-left-radius: var(--radius-md);
  border-bottom-left-radius: var(--radius-md);
}

.rounded-l-full {
  border-top-left-radius: var(--radius-full);
  border-bottom-left-radius: var(--radius-full);
}

.rounded-l-none {
  border-top-left-radius: var(--radius-none);
  border-bottom-left-radius: var(--radius-none);
}

.rounded-tl-xs {
  border-top-left-radius: var(--radius-xs);
}

.rounded-tl-sm {
  border-top-left-radius: var(--radius-sm);
}

.rounded-tl {
  border-top-left-radius: var(--radius-base);
}

.rounded-tl-md {
  border-top-left-radius: var(--radius-md);
}

.rounded-tl-full {
  border-top-left-radius: var(--radius-full);
}

.rounded-tl-none {
  border-top-left-radius: var(--radius-none);
}

.rounded-tr-xs {
  border-top-right-radius: var(--radius-xs);
}

.rounded-tr-sm {
  border-top-right-radius: var(--radius-sm);
}

.rounded-tr {
  border-top-right-radius: var(--radius-base);
}

.rounded-tr-md {
  border-top-right-radius: var(--radius-md);
}

.rounded-tr-full {
  border-top-right-radius: var(--radius-full);
}

.rounded-tr-none {
  border-top-right-radius: var(--radius-none);
}

.rounded-br-xs {
  border-bottom-right-radius: var(--radius-xs);
}

.rounded-br-sm {
  border-bottom-right-radius: var(--radius-sm);
}

.rounded-br {
  border-bottom-right-radius: var(--radius-base);
}

.rounded-br-md {
  border-bottom-right-radius: var(--radius-md);
}

.rounded-br-full {
  border-bottom-right-radius: var(--radius-full);
}

.rounded-br-none {
  border-bottom-right-radius: var(--radius-none);
}

.rounded-bl-xs {
  border-bottom-left-radius: var(--radius-xs);
}

.rounded-bl-sm {
  border-bottom-left-radius: var(--radius-sm);
}

.rounded-bl {
  border-bottom-left-radius: var(--radius-base);
}

.rounded-bl-md {
  border-bottom-left-radius: var(--radius-md);
}

.rounded-bl-full {
  border-bottom-left-radius: var(--radius-full);
}

.rounded-bl-none {
  border-bottom-left-radius: var(--radius-none);
}

.border-0 {
  border-width: var(--width-0);
}

.border-2 {
  border-width: var(--width-2);
}

.border {
  border-width: var(--width-base);
}

.border-t-0 {
  border-top-width: var(--width-0);
}

.border-t-2 {
  border-top-width: var(--width-2);
}

.border-t {
  border-top-width: var(--width-base);
}

.border-r-0 {
  border-right-width: var(--width-0);
}

.border-r-2 {
  border-right-width: var(--width-2);
}

.border-r {
  border-right-width: var(--width-base);
}

.border-b-0 {
  border-bottom-width: var(--width-0);
}

.border-b-2 {
  border-bottom-width: var(--width-2);
}

.border-b {
  border-bottom-width: var(--width-base);
}

.border-l-0 {
  border-left-width: var(--width-0);
}

.border-l-2 {
  border-left-width: var(--width-2);
}

.border-l {
  border-left-width: var(--width-base);
}

.border-transparent {
  border-color: var(--color-transparent);
}

.border-current {
  border-color: var(--color-current);
}

.border-black {
  border-color: var(--color-black);
}

.border-white {
  border-color: var(--color-white);
}

.border-grey-100 {
  border-color: var(--color-grey-100);
}

.border-grey-200 {
  border-color: var(--color-grey-200);
}

.border-grey-300 {
  border-color: var(--color-grey-300);
}

.border-grey-400 {
  border-color: var(--color-grey-400);
}

.border-grey-500 {
  border-color: var(--color-grey-500);
}

.border-grey-550 {
  border-color: var(--color-grey-550);
}

.border-grey-600 {
  border-color: var(--color-grey-600);
}

.border-grey-650 {
  border-color: var(--color-grey-650);
}

.border-grey-700 {
  border-color: var(--color-grey-700);
}

.border-grey-800 {
  border-color: var(--color-grey-800);
}

.border-grey-850 {
  border-color: var(--color-grey-850);
}

.border-grey-900 {
  border-color: var(--color-grey-900);
}

.border-grey-950 {
  border-color: var(--color-grey-950);
}

.border-blue-100 {
  border-color: var(--color-blue-100);
}

.border-blue-200 {
  border-color: var(--color-blue-200);
}

.border-blue-300 {
  border-color: var(--color-blue-300);
}

.border-blue-400 {
  border-color: var(--color-blue-400);
}

.border-blue-500 {
  border-color: var(--color-blue-500);
}

.border-blue-600 {
  border-color: var(--color-blue-600);
}

.border-blue-700 {
  border-color: var(--color-blue-700);
}

.border-blue-750 {
  border-color: var(--color-blue-750);
}

.border-blue-800 {
  border-color: var(--color-blue-800);
}

.border-blue-850 {
  border-color: var(--color-blue-850);
}

.border-green-50 {
  border-color: var(--color-green-50);
}

.border-green-100 {
  border-color: var(--color-green-100);
}

.border-green-200 {
  border-color: var(--color-green-200);
}

.border-green-300 {
  border-color: var(--color-green-300);
}

.border-green-400 {
  border-color: var(--color-green-400);
}

.border-green-500 {
  border-color: var(--color-green-500);
}

.border-green-600 {
  border-color: var(--color-green-600);
}

.border-green-650 {
  border-color: var(--color-green-650);
}

.border-green-700 {
  border-color: var(--color-green-700);
}

.border-green-800 {
  border-color: var(--color-green-800);
}

.border-green-900 {
  border-color: var(--color-green-900);
}

.border-red-600 {
  border-color: var(--color-red-600);
}

.border-red-700 {
  border-color: var(--color-red-700);
}

.border-red-800 {
  border-color: var(--color-red-800);
}

.border-red-900 {
  border-color: var(--color-red-900);
}

.border-orange-50 {
  border-color: var(--color-orange-50);
}

.border-orange-100 {
  border-color: var(--color-orange-100);
}

.border-orange-200 {
  border-color: var(--color-orange-200);
}

.border-orange-300 {
  border-color: var(--color-orange-300);
}

.border-orange-400 {
  border-color: var(--color-orange-400);
}

.border-orange-500 {
  border-color: var(--color-orange-500);
}

.border-orange-600 {
  border-color: var(--color-orange-600);
}

.border-orange-700 {
  border-color: var(--color-orange-700);
}

.border-chart-50 {
  border-color: var(--color-chart-50);
}

.border-chart-100 {
  border-color: var(--color-chart-100);
}

.border-chart-200 {
  border-color: var(--color-chart-200);
}

.border-chart-300 {
  border-color: var(--color-chart-300);
}

.border-chart-400 {
  border-color: var(--color-chart-400);
}

.border-chart-500 {
  border-color: var(--color-chart-500);
}

.border-chart-600 {
  border-color: var(--color-chart-600);
}

.border-chart-700 {
  border-color: var(--color-chart-700);
}

.border-chart-800 {
  border-color: var(--color-chart-800);
}

.border-chart-900 {
  border-color: var(--color-chart-900);
}

.group:hover .group-hover\:border-transparent {
  border-color: var(--color-transparent);
}

.group:hover .group-hover\:border-current {
  border-color: var(--color-current);
}

.group:hover .group-hover\:border-black {
  border-color: var(--color-black);
}

.group:hover .group-hover\:border-white {
  border-color: var(--color-white);
}

.group:hover .group-hover\:border-grey-100 {
  border-color: var(--color-grey-100);
}

.group:hover .group-hover\:border-grey-200 {
  border-color: var(--color-grey-200);
}

.group:hover .group-hover\:border-grey-300 {
  border-color: var(--color-grey-300);
}

.group:hover .group-hover\:border-grey-400 {
  border-color: var(--color-grey-400);
}

.group:hover .group-hover\:border-grey-500 {
  border-color: var(--color-grey-500);
}

.group:hover .group-hover\:border-grey-550 {
  border-color: var(--color-grey-550);
}

.group:hover .group-hover\:border-grey-600 {
  border-color: var(--color-grey-600);
}

.group:hover .group-hover\:border-grey-650 {
  border-color: var(--color-grey-650);
}

.group:hover .group-hover\:border-grey-700 {
  border-color: var(--color-grey-700);
}

.group:hover .group-hover\:border-grey-800 {
  border-color: var(--color-grey-800);
}

.group:hover .group-hover\:border-grey-850 {
  border-color: var(--color-grey-850);
}

.group:hover .group-hover\:border-grey-900 {
  border-color: var(--color-grey-900);
}

.group:hover .group-hover\:border-grey-950 {
  border-color: var(--color-grey-950);
}

.group:hover .group-hover\:border-blue-100 {
  border-color: var(--color-blue-100);
}

.group:hover .group-hover\:border-blue-200 {
  border-color: var(--color-blue-200);
}

.group:hover .group-hover\:border-blue-300 {
  border-color: var(--color-blue-300);
}

.group:hover .group-hover\:border-blue-400 {
  border-color: var(--color-blue-400);
}

.group:hover .group-hover\:border-blue-500 {
  border-color: var(--color-blue-500);
}

.group:hover .group-hover\:border-blue-600 {
  border-color: var(--color-blue-600);
}

.group:hover .group-hover\:border-blue-700 {
  border-color: var(--color-blue-700);
}

.group:hover .group-hover\:border-blue-750 {
  border-color: var(--color-blue-750);
}

.group:hover .group-hover\:border-blue-800 {
  border-color: var(--color-blue-800);
}

.group:hover .group-hover\:border-blue-850 {
  border-color: var(--color-blue-850);
}

.group:hover .group-hover\:border-green-50 {
  border-color: var(--color-green-50);
}

.group:hover .group-hover\:border-green-100 {
  border-color: var(--color-green-100);
}

.group:hover .group-hover\:border-green-200 {
  border-color: var(--color-green-200);
}

.group:hover .group-hover\:border-green-300 {
  border-color: var(--color-green-300);
}

.group:hover .group-hover\:border-green-400 {
  border-color: var(--color-green-400);
}

.group:hover .group-hover\:border-green-500 {
  border-color: var(--color-green-500);
}

.group:hover .group-hover\:border-green-600 {
  border-color: var(--color-green-600);
}

.group:hover .group-hover\:border-green-650 {
  border-color: var(--color-green-650);
}

.group:hover .group-hover\:border-green-700 {
  border-color: var(--color-green-700);
}

.group:hover .group-hover\:border-green-800 {
  border-color: var(--color-green-800);
}

.group:hover .group-hover\:border-green-900 {
  border-color: var(--color-green-900);
}

.group:hover .group-hover\:border-red-600 {
  border-color: var(--color-red-600);
}

.group:hover .group-hover\:border-red-700 {
  border-color: var(--color-red-700);
}

.group:hover .group-hover\:border-red-800 {
  border-color: var(--color-red-800);
}

.group:hover .group-hover\:border-red-900 {
  border-color: var(--color-red-900);
}

.group:hover .group-hover\:border-orange-50 {
  border-color: var(--color-orange-50);
}

.group:hover .group-hover\:border-orange-100 {
  border-color: var(--color-orange-100);
}

.group:hover .group-hover\:border-orange-200 {
  border-color: var(--color-orange-200);
}

.group:hover .group-hover\:border-orange-300 {
  border-color: var(--color-orange-300);
}

.group:hover .group-hover\:border-orange-400 {
  border-color: var(--color-orange-400);
}

.group:hover .group-hover\:border-orange-500 {
  border-color: var(--color-orange-500);
}

.group:hover .group-hover\:border-orange-600 {
  border-color: var(--color-orange-600);
}

.group:hover .group-hover\:border-orange-700 {
  border-color: var(--color-orange-700);
}

.group:hover .group-hover\:border-chart-50 {
  border-color: var(--color-chart-50);
}

.group:hover .group-hover\:border-chart-100 {
  border-color: var(--color-chart-100);
}

.group:hover .group-hover\:border-chart-200 {
  border-color: var(--color-chart-200);
}

.group:hover .group-hover\:border-chart-300 {
  border-color: var(--color-chart-300);
}

.group:hover .group-hover\:border-chart-400 {
  border-color: var(--color-chart-400);
}

.group:hover .group-hover\:border-chart-500 {
  border-color: var(--color-chart-500);
}

.group:hover .group-hover\:border-chart-600 {
  border-color: var(--color-chart-600);
}

.group:hover .group-hover\:border-chart-700 {
  border-color: var(--color-chart-700);
}

.group:hover .group-hover\:border-chart-800 {
  border-color: var(--color-chart-800);
}

.group:hover .group-hover\:border-chart-900 {
  border-color: var(--color-chart-900);
}

.focus-within\:border-transparent:focus-within {
  border-color: var(--color-transparent);
}

.focus-within\:border-current:focus-within {
  border-color: var(--color-current);
}

.focus-within\:border-black:focus-within {
  border-color: var(--color-black);
}

.focus-within\:border-white:focus-within {
  border-color: var(--color-white);
}

.focus-within\:border-grey-100:focus-within {
  border-color: var(--color-grey-100);
}

.focus-within\:border-grey-200:focus-within {
  border-color: var(--color-grey-200);
}

.focus-within\:border-grey-300:focus-within {
  border-color: var(--color-grey-300);
}

.focus-within\:border-grey-400:focus-within {
  border-color: var(--color-grey-400);
}

.focus-within\:border-grey-500:focus-within {
  border-color: var(--color-grey-500);
}

.focus-within\:border-grey-550:focus-within {
  border-color: var(--color-grey-550);
}

.focus-within\:border-grey-600:focus-within {
  border-color: var(--color-grey-600);
}

.focus-within\:border-grey-650:focus-within {
  border-color: var(--color-grey-650);
}

.focus-within\:border-grey-700:focus-within {
  border-color: var(--color-grey-700);
}

.focus-within\:border-grey-800:focus-within {
  border-color: var(--color-grey-800);
}

.focus-within\:border-grey-850:focus-within {
  border-color: var(--color-grey-850);
}

.focus-within\:border-grey-900:focus-within {
  border-color: var(--color-grey-900);
}

.focus-within\:border-grey-950:focus-within {
  border-color: var(--color-grey-950);
}

.focus-within\:border-blue-100:focus-within {
  border-color: var(--color-blue-100);
}

.focus-within\:border-blue-200:focus-within {
  border-color: var(--color-blue-200);
}

.focus-within\:border-blue-300:focus-within {
  border-color: var(--color-blue-300);
}

.focus-within\:border-blue-400:focus-within {
  border-color: var(--color-blue-400);
}

.focus-within\:border-blue-500:focus-within {
  border-color: var(--color-blue-500);
}

.focus-within\:border-blue-600:focus-within {
  border-color: var(--color-blue-600);
}

.focus-within\:border-blue-700:focus-within {
  border-color: var(--color-blue-700);
}

.focus-within\:border-blue-750:focus-within {
  border-color: var(--color-blue-750);
}

.focus-within\:border-blue-800:focus-within {
  border-color: var(--color-blue-800);
}

.focus-within\:border-blue-850:focus-within {
  border-color: var(--color-blue-850);
}

.focus-within\:border-green-50:focus-within {
  border-color: var(--color-green-50);
}

.focus-within\:border-green-100:focus-within {
  border-color: var(--color-green-100);
}

.focus-within\:border-green-200:focus-within {
  border-color: var(--color-green-200);
}

.focus-within\:border-green-300:focus-within {
  border-color: var(--color-green-300);
}

.focus-within\:border-green-400:focus-within {
  border-color: var(--color-green-400);
}

.focus-within\:border-green-500:focus-within {
  border-color: var(--color-green-500);
}

.focus-within\:border-green-600:focus-within {
  border-color: var(--color-green-600);
}

.focus-within\:border-green-650:focus-within {
  border-color: var(--color-green-650);
}

.focus-within\:border-green-700:focus-within {
  border-color: var(--color-green-700);
}

.focus-within\:border-green-800:focus-within {
  border-color: var(--color-green-800);
}

.focus-within\:border-green-900:focus-within {
  border-color: var(--color-green-900);
}

.focus-within\:border-red-600:focus-within {
  border-color: var(--color-red-600);
}

.focus-within\:border-red-700:focus-within {
  border-color: var(--color-red-700);
}

.focus-within\:border-red-800:focus-within {
  border-color: var(--color-red-800);
}

.focus-within\:border-red-900:focus-within {
  border-color: var(--color-red-900);
}

.focus-within\:border-orange-50:focus-within {
  border-color: var(--color-orange-50);
}

.focus-within\:border-orange-100:focus-within {
  border-color: var(--color-orange-100);
}

.focus-within\:border-orange-200:focus-within {
  border-color: var(--color-orange-200);
}

.focus-within\:border-orange-300:focus-within {
  border-color: var(--color-orange-300);
}

.focus-within\:border-orange-400:focus-within {
  border-color: var(--color-orange-400);
}

.focus-within\:border-orange-500:focus-within {
  border-color: var(--color-orange-500);
}

.focus-within\:border-orange-600:focus-within {
  border-color: var(--color-orange-600);
}

.focus-within\:border-orange-700:focus-within {
  border-color: var(--color-orange-700);
}

.focus-within\:border-chart-50:focus-within {
  border-color: var(--color-chart-50);
}

.focus-within\:border-chart-100:focus-within {
  border-color: var(--color-chart-100);
}

.focus-within\:border-chart-200:focus-within {
  border-color: var(--color-chart-200);
}

.focus-within\:border-chart-300:focus-within {
  border-color: var(--color-chart-300);
}

.focus-within\:border-chart-400:focus-within {
  border-color: var(--color-chart-400);
}

.focus-within\:border-chart-500:focus-within {
  border-color: var(--color-chart-500);
}

.focus-within\:border-chart-600:focus-within {
  border-color: var(--color-chart-600);
}

.focus-within\:border-chart-700:focus-within {
  border-color: var(--color-chart-700);
}

.focus-within\:border-chart-800:focus-within {
  border-color: var(--color-chart-800);
}

.focus-within\:border-chart-900:focus-within {
  border-color: var(--color-chart-900);
}

.hover\:border-transparent:hover {
  border-color: var(--color-transparent);
}

.hover\:border-current:hover {
  border-color: var(--color-current);
}

.hover\:border-black:hover {
  border-color: var(--color-black);
}

.hover\:border-white:hover {
  border-color: var(--color-white);
}

.hover\:border-grey-100:hover {
  border-color: var(--color-grey-100);
}

.hover\:border-grey-200:hover {
  border-color: var(--color-grey-200);
}

.hover\:border-grey-300:hover {
  border-color: var(--color-grey-300);
}

.hover\:border-grey-400:hover {
  border-color: var(--color-grey-400);
}

.hover\:border-grey-500:hover {
  border-color: var(--color-grey-500);
}

.hover\:border-grey-550:hover {
  border-color: var(--color-grey-550);
}

.hover\:border-grey-600:hover {
  border-color: var(--color-grey-600);
}

.hover\:border-grey-650:hover {
  border-color: var(--color-grey-650);
}

.hover\:border-grey-700:hover {
  border-color: var(--color-grey-700);
}

.hover\:border-grey-800:hover {
  border-color: var(--color-grey-800);
}

.hover\:border-grey-850:hover {
  border-color: var(--color-grey-850);
}

.hover\:border-grey-900:hover {
  border-color: var(--color-grey-900);
}

.hover\:border-grey-950:hover {
  border-color: var(--color-grey-950);
}

.hover\:border-blue-100:hover {
  border-color: var(--color-blue-100);
}

.hover\:border-blue-200:hover {
  border-color: var(--color-blue-200);
}

.hover\:border-blue-300:hover {
  border-color: var(--color-blue-300);
}

.hover\:border-blue-400:hover {
  border-color: var(--color-blue-400);
}

.hover\:border-blue-500:hover {
  border-color: var(--color-blue-500);
}

.hover\:border-blue-600:hover {
  border-color: var(--color-blue-600);
}

.hover\:border-blue-700:hover {
  border-color: var(--color-blue-700);
}

.hover\:border-blue-750:hover {
  border-color: var(--color-blue-750);
}

.hover\:border-blue-800:hover {
  border-color: var(--color-blue-800);
}

.hover\:border-blue-850:hover {
  border-color: var(--color-blue-850);
}

.hover\:border-green-50:hover {
  border-color: var(--color-green-50);
}

.hover\:border-green-100:hover {
  border-color: var(--color-green-100);
}

.hover\:border-green-200:hover {
  border-color: var(--color-green-200);
}

.hover\:border-green-300:hover {
  border-color: var(--color-green-300);
}

.hover\:border-green-400:hover {
  border-color: var(--color-green-400);
}

.hover\:border-green-500:hover {
  border-color: var(--color-green-500);
}

.hover\:border-green-600:hover {
  border-color: var(--color-green-600);
}

.hover\:border-green-650:hover {
  border-color: var(--color-green-650);
}

.hover\:border-green-700:hover {
  border-color: var(--color-green-700);
}

.hover\:border-green-800:hover {
  border-color: var(--color-green-800);
}

.hover\:border-green-900:hover {
  border-color: var(--color-green-900);
}

.hover\:border-red-600:hover {
  border-color: var(--color-red-600);
}

.hover\:border-red-700:hover {
  border-color: var(--color-red-700);
}

.hover\:border-red-800:hover {
  border-color: var(--color-red-800);
}

.hover\:border-red-900:hover {
  border-color: var(--color-red-900);
}

.hover\:border-orange-50:hover {
  border-color: var(--color-orange-50);
}

.hover\:border-orange-100:hover {
  border-color: var(--color-orange-100);
}

.hover\:border-orange-200:hover {
  border-color: var(--color-orange-200);
}

.hover\:border-orange-300:hover {
  border-color: var(--color-orange-300);
}

.hover\:border-orange-400:hover {
  border-color: var(--color-orange-400);
}

.hover\:border-orange-500:hover {
  border-color: var(--color-orange-500);
}

.hover\:border-orange-600:hover {
  border-color: var(--color-orange-600);
}

.hover\:border-orange-700:hover {
  border-color: var(--color-orange-700);
}

.hover\:border-chart-50:hover {
  border-color: var(--color-chart-50);
}

.hover\:border-chart-100:hover {
  border-color: var(--color-chart-100);
}

.hover\:border-chart-200:hover {
  border-color: var(--color-chart-200);
}

.hover\:border-chart-300:hover {
  border-color: var(--color-chart-300);
}

.hover\:border-chart-400:hover {
  border-color: var(--color-chart-400);
}

.hover\:border-chart-500:hover {
  border-color: var(--color-chart-500);
}

.hover\:border-chart-600:hover {
  border-color: var(--color-chart-600);
}

.hover\:border-chart-700:hover {
  border-color: var(--color-chart-700);
}

.hover\:border-chart-800:hover {
  border-color: var(--color-chart-800);
}

.hover\:border-chart-900:hover {
  border-color: var(--color-chart-900);
}

.focus\:border-transparent:focus {
  border-color: var(--color-transparent);
}

.focus\:border-current:focus {
  border-color: var(--color-current);
}

.focus\:border-black:focus {
  border-color: var(--color-black);
}

.focus\:border-white:focus {
  border-color: var(--color-white);
}

.focus\:border-grey-100:focus {
  border-color: var(--color-grey-100);
}

.focus\:border-grey-200:focus {
  border-color: var(--color-grey-200);
}

.focus\:border-grey-300:focus {
  border-color: var(--color-grey-300);
}

.focus\:border-grey-400:focus {
  border-color: var(--color-grey-400);
}

.focus\:border-grey-500:focus {
  border-color: var(--color-grey-500);
}

.focus\:border-grey-550:focus {
  border-color: var(--color-grey-550);
}

.focus\:border-grey-600:focus {
  border-color: var(--color-grey-600);
}

.focus\:border-grey-650:focus {
  border-color: var(--color-grey-650);
}

.focus\:border-grey-700:focus {
  border-color: var(--color-grey-700);
}

.focus\:border-grey-800:focus {
  border-color: var(--color-grey-800);
}

.focus\:border-grey-850:focus {
  border-color: var(--color-grey-850);
}

.focus\:border-grey-900:focus {
  border-color: var(--color-grey-900);
}

.focus\:border-grey-950:focus {
  border-color: var(--color-grey-950);
}

.focus\:border-blue-100:focus {
  border-color: var(--color-blue-100);
}

.focus\:border-blue-200:focus {
  border-color: var(--color-blue-200);
}

.focus\:border-blue-300:focus {
  border-color: var(--color-blue-300);
}

.focus\:border-blue-400:focus {
  border-color: var(--color-blue-400);
}

.focus\:border-blue-500:focus {
  border-color: var(--color-blue-500);
}

.focus\:border-blue-600:focus {
  border-color: var(--color-blue-600);
}

.focus\:border-blue-700:focus {
  border-color: var(--color-blue-700);
}

.focus\:border-blue-750:focus {
  border-color: var(--color-blue-750);
}

.focus\:border-blue-800:focus {
  border-color: var(--color-blue-800);
}

.focus\:border-blue-850:focus {
  border-color: var(--color-blue-850);
}

.focus\:border-green-50:focus {
  border-color: var(--color-green-50);
}

.focus\:border-green-100:focus {
  border-color: var(--color-green-100);
}

.focus\:border-green-200:focus {
  border-color: var(--color-green-200);
}

.focus\:border-green-300:focus {
  border-color: var(--color-green-300);
}

.focus\:border-green-400:focus {
  border-color: var(--color-green-400);
}

.focus\:border-green-500:focus {
  border-color: var(--color-green-500);
}

.focus\:border-green-600:focus {
  border-color: var(--color-green-600);
}

.focus\:border-green-650:focus {
  border-color: var(--color-green-650);
}

.focus\:border-green-700:focus {
  border-color: var(--color-green-700);
}

.focus\:border-green-800:focus {
  border-color: var(--color-green-800);
}

.focus\:border-green-900:focus {
  border-color: var(--color-green-900);
}

.focus\:border-red-600:focus {
  border-color: var(--color-red-600);
}

.focus\:border-red-700:focus {
  border-color: var(--color-red-700);
}

.focus\:border-red-800:focus {
  border-color: var(--color-red-800);
}

.focus\:border-red-900:focus {
  border-color: var(--color-red-900);
}

.focus\:border-orange-50:focus {
  border-color: var(--color-orange-50);
}

.focus\:border-orange-100:focus {
  border-color: var(--color-orange-100);
}

.focus\:border-orange-200:focus {
  border-color: var(--color-orange-200);
}

.focus\:border-orange-300:focus {
  border-color: var(--color-orange-300);
}

.focus\:border-orange-400:focus {
  border-color: var(--color-orange-400);
}

.focus\:border-orange-500:focus {
  border-color: var(--color-orange-500);
}

.focus\:border-orange-600:focus {
  border-color: var(--color-orange-600);
}

.focus\:border-orange-700:focus {
  border-color: var(--color-orange-700);
}

.focus\:border-chart-50:focus {
  border-color: var(--color-chart-50);
}

.focus\:border-chart-100:focus {
  border-color: var(--color-chart-100);
}

.focus\:border-chart-200:focus {
  border-color: var(--color-chart-200);
}

.focus\:border-chart-300:focus {
  border-color: var(--color-chart-300);
}

.focus\:border-chart-400:focus {
  border-color: var(--color-chart-400);
}

.focus\:border-chart-500:focus {
  border-color: var(--color-chart-500);
}

.focus\:border-chart-600:focus {
  border-color: var(--color-chart-600);
}

.focus\:border-chart-700:focus {
  border-color: var(--color-chart-700);
}

.focus\:border-chart-800:focus {
  border-color: var(--color-chart-800);
}

.focus\:border-chart-900:focus {
  border-color: var(--color-chart-900);
}

.dark .dark\:border-transparent {
  border-color: var(--color-transparent);
}

.dark .dark\:border-current {
  border-color: var(--color-current);
}

.dark .dark\:border-black {
  border-color: var(--color-black);
}

.dark .dark\:border-white {
  border-color: var(--color-white);
}

.dark .dark\:border-grey-100 {
  border-color: var(--color-grey-100);
}

.dark .dark\:border-grey-200 {
  border-color: var(--color-grey-200);
}

.dark .dark\:border-grey-300 {
  border-color: var(--color-grey-300);
}

.dark .dark\:border-grey-400 {
  border-color: var(--color-grey-400);
}

.dark .dark\:border-grey-500 {
  border-color: var(--color-grey-500);
}

.dark .dark\:border-grey-550 {
  border-color: var(--color-grey-550);
}

.dark .dark\:border-grey-600 {
  border-color: var(--color-grey-600);
}

.dark .dark\:border-grey-650 {
  border-color: var(--color-grey-650);
}

.dark .dark\:border-grey-700 {
  border-color: var(--color-grey-700);
}

.dark .dark\:border-grey-800 {
  border-color: var(--color-grey-800);
}

.dark .dark\:border-grey-850 {
  border-color: var(--color-grey-850);
}

.dark .dark\:border-grey-900 {
  border-color: var(--color-grey-900);
}

.dark .dark\:border-grey-950 {
  border-color: var(--color-grey-950);
}

.dark .dark\:border-blue-100 {
  border-color: var(--color-blue-100);
}

.dark .dark\:border-blue-200 {
  border-color: var(--color-blue-200);
}

.dark .dark\:border-blue-300 {
  border-color: var(--color-blue-300);
}

.dark .dark\:border-blue-400 {
  border-color: var(--color-blue-400);
}

.dark .dark\:border-blue-500 {
  border-color: var(--color-blue-500);
}

.dark .dark\:border-blue-600 {
  border-color: var(--color-blue-600);
}

.dark .dark\:border-blue-700 {
  border-color: var(--color-blue-700);
}

.dark .dark\:border-blue-750 {
  border-color: var(--color-blue-750);
}

.dark .dark\:border-blue-800 {
  border-color: var(--color-blue-800);
}

.dark .dark\:border-blue-850 {
  border-color: var(--color-blue-850);
}

.dark .dark\:border-green-50 {
  border-color: var(--color-green-50);
}

.dark .dark\:border-green-100 {
  border-color: var(--color-green-100);
}

.dark .dark\:border-green-200 {
  border-color: var(--color-green-200);
}

.dark .dark\:border-green-300 {
  border-color: var(--color-green-300);
}

.dark .dark\:border-green-400 {
  border-color: var(--color-green-400);
}

.dark .dark\:border-green-500 {
  border-color: var(--color-green-500);
}

.dark .dark\:border-green-600 {
  border-color: var(--color-green-600);
}

.dark .dark\:border-green-650 {
  border-color: var(--color-green-650);
}

.dark .dark\:border-green-700 {
  border-color: var(--color-green-700);
}

.dark .dark\:border-green-800 {
  border-color: var(--color-green-800);
}

.dark .dark\:border-green-900 {
  border-color: var(--color-green-900);
}

.dark .dark\:border-red-600 {
  border-color: var(--color-red-600);
}

.dark .dark\:border-red-700 {
  border-color: var(--color-red-700);
}

.dark .dark\:border-red-800 {
  border-color: var(--color-red-800);
}

.dark .dark\:border-red-900 {
  border-color: var(--color-red-900);
}

.dark .dark\:border-orange-50 {
  border-color: var(--color-orange-50);
}

.dark .dark\:border-orange-100 {
  border-color: var(--color-orange-100);
}

.dark .dark\:border-orange-200 {
  border-color: var(--color-orange-200);
}

.dark .dark\:border-orange-300 {
  border-color: var(--color-orange-300);
}

.dark .dark\:border-orange-400 {
  border-color: var(--color-orange-400);
}

.dark .dark\:border-orange-500 {
  border-color: var(--color-orange-500);
}

.dark .dark\:border-orange-600 {
  border-color: var(--color-orange-600);
}

.dark .dark\:border-orange-700 {
  border-color: var(--color-orange-700);
}

.dark .dark\:border-chart-50 {
  border-color: var(--color-chart-50);
}

.dark .dark\:border-chart-100 {
  border-color: var(--color-chart-100);
}

.dark .dark\:border-chart-200 {
  border-color: var(--color-chart-200);
}

.dark .dark\:border-chart-300 {
  border-color: var(--color-chart-300);
}

.dark .dark\:border-chart-400 {
  border-color: var(--color-chart-400);
}

.dark .dark\:border-chart-500 {
  border-color: var(--color-chart-500);
}

.dark .dark\:border-chart-600 {
  border-color: var(--color-chart-600);
}

.dark .dark\:border-chart-700 {
  border-color: var(--color-chart-700);
}

.dark .dark\:border-chart-800 {
  border-color: var(--color-chart-800);
}

.dark .dark\:border-chart-900 {
  border-color: var(--color-chart-900);
}

.dark .group:hover .dark\:group-hover\:border-transparent {
  border-color: var(--color-transparent);
}

.dark .group:hover .dark\:group-hover\:border-current {
  border-color: var(--color-current);
}

.dark .group:hover .dark\:group-hover\:border-black {
  border-color: var(--color-black);
}

.dark .group:hover .dark\:group-hover\:border-white {
  border-color: var(--color-white);
}

.dark .group:hover .dark\:group-hover\:border-grey-100 {
  border-color: var(--color-grey-100);
}

.dark .group:hover .dark\:group-hover\:border-grey-200 {
  border-color: var(--color-grey-200);
}

.dark .group:hover .dark\:group-hover\:border-grey-300 {
  border-color: var(--color-grey-300);
}

.dark .group:hover .dark\:group-hover\:border-grey-400 {
  border-color: var(--color-grey-400);
}

.dark .group:hover .dark\:group-hover\:border-grey-500 {
  border-color: var(--color-grey-500);
}

.dark .group:hover .dark\:group-hover\:border-grey-550 {
  border-color: var(--color-grey-550);
}

.dark .group:hover .dark\:group-hover\:border-grey-600 {
  border-color: var(--color-grey-600);
}

.dark .group:hover .dark\:group-hover\:border-grey-650 {
  border-color: var(--color-grey-650);
}

.dark .group:hover .dark\:group-hover\:border-grey-700 {
  border-color: var(--color-grey-700);
}

.dark .group:hover .dark\:group-hover\:border-grey-800 {
  border-color: var(--color-grey-800);
}

.dark .group:hover .dark\:group-hover\:border-grey-850 {
  border-color: var(--color-grey-850);
}

.dark .group:hover .dark\:group-hover\:border-grey-900 {
  border-color: var(--color-grey-900);
}

.dark .group:hover .dark\:group-hover\:border-grey-950 {
  border-color: var(--color-grey-950);
}

.dark .group:hover .dark\:group-hover\:border-blue-100 {
  border-color: var(--color-blue-100);
}

.dark .group:hover .dark\:group-hover\:border-blue-200 {
  border-color: var(--color-blue-200);
}

.dark .group:hover .dark\:group-hover\:border-blue-300 {
  border-color: var(--color-blue-300);
}

.dark .group:hover .dark\:group-hover\:border-blue-400 {
  border-color: var(--color-blue-400);
}

.dark .group:hover .dark\:group-hover\:border-blue-500 {
  border-color: var(--color-blue-500);
}

.dark .group:hover .dark\:group-hover\:border-blue-600 {
  border-color: var(--color-blue-600);
}

.dark .group:hover .dark\:group-hover\:border-blue-700 {
  border-color: var(--color-blue-700);
}

.dark .group:hover .dark\:group-hover\:border-blue-750 {
  border-color: var(--color-blue-750);
}

.dark .group:hover .dark\:group-hover\:border-blue-800 {
  border-color: var(--color-blue-800);
}

.dark .group:hover .dark\:group-hover\:border-blue-850 {
  border-color: var(--color-blue-850);
}

.dark .group:hover .dark\:group-hover\:border-green-50 {
  border-color: var(--color-green-50);
}

.dark .group:hover .dark\:group-hover\:border-green-100 {
  border-color: var(--color-green-100);
}

.dark .group:hover .dark\:group-hover\:border-green-200 {
  border-color: var(--color-green-200);
}

.dark .group:hover .dark\:group-hover\:border-green-300 {
  border-color: var(--color-green-300);
}

.dark .group:hover .dark\:group-hover\:border-green-400 {
  border-color: var(--color-green-400);
}

.dark .group:hover .dark\:group-hover\:border-green-500 {
  border-color: var(--color-green-500);
}

.dark .group:hover .dark\:group-hover\:border-green-600 {
  border-color: var(--color-green-600);
}

.dark .group:hover .dark\:group-hover\:border-green-650 {
  border-color: var(--color-green-650);
}

.dark .group:hover .dark\:group-hover\:border-green-700 {
  border-color: var(--color-green-700);
}

.dark .group:hover .dark\:group-hover\:border-green-800 {
  border-color: var(--color-green-800);
}

.dark .group:hover .dark\:group-hover\:border-green-900 {
  border-color: var(--color-green-900);
}

.dark .group:hover .dark\:group-hover\:border-red-600 {
  border-color: var(--color-red-600);
}

.dark .group:hover .dark\:group-hover\:border-red-700 {
  border-color: var(--color-red-700);
}

.dark .group:hover .dark\:group-hover\:border-red-800 {
  border-color: var(--color-red-800);
}

.dark .group:hover .dark\:group-hover\:border-red-900 {
  border-color: var(--color-red-900);
}

.dark .group:hover .dark\:group-hover\:border-orange-50 {
  border-color: var(--color-orange-50);
}

.dark .group:hover .dark\:group-hover\:border-orange-100 {
  border-color: var(--color-orange-100);
}

.dark .group:hover .dark\:group-hover\:border-orange-200 {
  border-color: var(--color-orange-200);
}

.dark .group:hover .dark\:group-hover\:border-orange-300 {
  border-color: var(--color-orange-300);
}

.dark .group:hover .dark\:group-hover\:border-orange-400 {
  border-color: var(--color-orange-400);
}

.dark .group:hover .dark\:group-hover\:border-orange-500 {
  border-color: var(--color-orange-500);
}

.dark .group:hover .dark\:group-hover\:border-orange-600 {
  border-color: var(--color-orange-600);
}

.dark .group:hover .dark\:group-hover\:border-orange-700 {
  border-color: var(--color-orange-700);
}

.dark .group:hover .dark\:group-hover\:border-chart-50 {
  border-color: var(--color-chart-50);
}

.dark .group:hover .dark\:group-hover\:border-chart-100 {
  border-color: var(--color-chart-100);
}

.dark .group:hover .dark\:group-hover\:border-chart-200 {
  border-color: var(--color-chart-200);
}

.dark .group:hover .dark\:group-hover\:border-chart-300 {
  border-color: var(--color-chart-300);
}

.dark .group:hover .dark\:group-hover\:border-chart-400 {
  border-color: var(--color-chart-400);
}

.dark .group:hover .dark\:group-hover\:border-chart-500 {
  border-color: var(--color-chart-500);
}

.dark .group:hover .dark\:group-hover\:border-chart-600 {
  border-color: var(--color-chart-600);
}

.dark .group:hover .dark\:group-hover\:border-chart-700 {
  border-color: var(--color-chart-700);
}

.dark .group:hover .dark\:group-hover\:border-chart-800 {
  border-color: var(--color-chart-800);
}

.dark .group:hover .dark\:group-hover\:border-chart-900 {
  border-color: var(--color-chart-900);
}

.dark .dark\:focus-within\:border-transparent:focus-within {
  border-color: var(--color-transparent);
}

.dark .dark\:focus-within\:border-current:focus-within {
  border-color: var(--color-current);
}

.dark .dark\:focus-within\:border-black:focus-within {
  border-color: var(--color-black);
}

.dark .dark\:focus-within\:border-white:focus-within {
  border-color: var(--color-white);
}

.dark .dark\:focus-within\:border-grey-100:focus-within {
  border-color: var(--color-grey-100);
}

.dark .dark\:focus-within\:border-grey-200:focus-within {
  border-color: var(--color-grey-200);
}

.dark .dark\:focus-within\:border-grey-300:focus-within {
  border-color: var(--color-grey-300);
}

.dark .dark\:focus-within\:border-grey-400:focus-within {
  border-color: var(--color-grey-400);
}

.dark .dark\:focus-within\:border-grey-500:focus-within {
  border-color: var(--color-grey-500);
}

.dark .dark\:focus-within\:border-grey-550:focus-within {
  border-color: var(--color-grey-550);
}

.dark .dark\:focus-within\:border-grey-600:focus-within {
  border-color: var(--color-grey-600);
}

.dark .dark\:focus-within\:border-grey-650:focus-within {
  border-color: var(--color-grey-650);
}

.dark .dark\:focus-within\:border-grey-700:focus-within {
  border-color: var(--color-grey-700);
}

.dark .dark\:focus-within\:border-grey-800:focus-within {
  border-color: var(--color-grey-800);
}

.dark .dark\:focus-within\:border-grey-850:focus-within {
  border-color: var(--color-grey-850);
}

.dark .dark\:focus-within\:border-grey-900:focus-within {
  border-color: var(--color-grey-900);
}

.dark .dark\:focus-within\:border-grey-950:focus-within {
  border-color: var(--color-grey-950);
}

.dark .dark\:focus-within\:border-blue-100:focus-within {
  border-color: var(--color-blue-100);
}

.dark .dark\:focus-within\:border-blue-200:focus-within {
  border-color: var(--color-blue-200);
}

.dark .dark\:focus-within\:border-blue-300:focus-within {
  border-color: var(--color-blue-300);
}

.dark .dark\:focus-within\:border-blue-400:focus-within {
  border-color: var(--color-blue-400);
}

.dark .dark\:focus-within\:border-blue-500:focus-within {
  border-color: var(--color-blue-500);
}

.dark .dark\:focus-within\:border-blue-600:focus-within {
  border-color: var(--color-blue-600);
}

.dark .dark\:focus-within\:border-blue-700:focus-within {
  border-color: var(--color-blue-700);
}

.dark .dark\:focus-within\:border-blue-750:focus-within {
  border-color: var(--color-blue-750);
}

.dark .dark\:focus-within\:border-blue-800:focus-within {
  border-color: var(--color-blue-800);
}

.dark .dark\:focus-within\:border-blue-850:focus-within {
  border-color: var(--color-blue-850);
}

.dark .dark\:focus-within\:border-green-50:focus-within {
  border-color: var(--color-green-50);
}

.dark .dark\:focus-within\:border-green-100:focus-within {
  border-color: var(--color-green-100);
}

.dark .dark\:focus-within\:border-green-200:focus-within {
  border-color: var(--color-green-200);
}

.dark .dark\:focus-within\:border-green-300:focus-within {
  border-color: var(--color-green-300);
}

.dark .dark\:focus-within\:border-green-400:focus-within {
  border-color: var(--color-green-400);
}

.dark .dark\:focus-within\:border-green-500:focus-within {
  border-color: var(--color-green-500);
}

.dark .dark\:focus-within\:border-green-600:focus-within {
  border-color: var(--color-green-600);
}

.dark .dark\:focus-within\:border-green-650:focus-within {
  border-color: var(--color-green-650);
}

.dark .dark\:focus-within\:border-green-700:focus-within {
  border-color: var(--color-green-700);
}

.dark .dark\:focus-within\:border-green-800:focus-within {
  border-color: var(--color-green-800);
}

.dark .dark\:focus-within\:border-green-900:focus-within {
  border-color: var(--color-green-900);
}

.dark .dark\:focus-within\:border-red-600:focus-within {
  border-color: var(--color-red-600);
}

.dark .dark\:focus-within\:border-red-700:focus-within {
  border-color: var(--color-red-700);
}

.dark .dark\:focus-within\:border-red-800:focus-within {
  border-color: var(--color-red-800);
}

.dark .dark\:focus-within\:border-red-900:focus-within {
  border-color: var(--color-red-900);
}

.dark .dark\:focus-within\:border-orange-50:focus-within {
  border-color: var(--color-orange-50);
}

.dark .dark\:focus-within\:border-orange-100:focus-within {
  border-color: var(--color-orange-100);
}

.dark .dark\:focus-within\:border-orange-200:focus-within {
  border-color: var(--color-orange-200);
}

.dark .dark\:focus-within\:border-orange-300:focus-within {
  border-color: var(--color-orange-300);
}

.dark .dark\:focus-within\:border-orange-400:focus-within {
  border-color: var(--color-orange-400);
}

.dark .dark\:focus-within\:border-orange-500:focus-within {
  border-color: var(--color-orange-500);
}

.dark .dark\:focus-within\:border-orange-600:focus-within {
  border-color: var(--color-orange-600);
}

.dark .dark\:focus-within\:border-orange-700:focus-within {
  border-color: var(--color-orange-700);
}

.dark .dark\:focus-within\:border-chart-50:focus-within {
  border-color: var(--color-chart-50);
}

.dark .dark\:focus-within\:border-chart-100:focus-within {
  border-color: var(--color-chart-100);
}

.dark .dark\:focus-within\:border-chart-200:focus-within {
  border-color: var(--color-chart-200);
}

.dark .dark\:focus-within\:border-chart-300:focus-within {
  border-color: var(--color-chart-300);
}

.dark .dark\:focus-within\:border-chart-400:focus-within {
  border-color: var(--color-chart-400);
}

.dark .dark\:focus-within\:border-chart-500:focus-within {
  border-color: var(--color-chart-500);
}

.dark .dark\:focus-within\:border-chart-600:focus-within {
  border-color: var(--color-chart-600);
}

.dark .dark\:focus-within\:border-chart-700:focus-within {
  border-color: var(--color-chart-700);
}

.dark .dark\:focus-within\:border-chart-800:focus-within {
  border-color: var(--color-chart-800);
}

.dark .dark\:focus-within\:border-chart-900:focus-within {
  border-color: var(--color-chart-900);
}

.dark .dark\:hover\:border-transparent:hover {
  border-color: var(--color-transparent);
}

.dark .dark\:hover\:border-current:hover {
  border-color: var(--color-current);
}

.dark .dark\:hover\:border-black:hover {
  border-color: var(--color-black);
}

.dark .dark\:hover\:border-white:hover {
  border-color: var(--color-white);
}

.dark .dark\:hover\:border-grey-100:hover {
  border-color: var(--color-grey-100);
}

.dark .dark\:hover\:border-grey-200:hover {
  border-color: var(--color-grey-200);
}

.dark .dark\:hover\:border-grey-300:hover {
  border-color: var(--color-grey-300);
}

.dark .dark\:hover\:border-grey-400:hover {
  border-color: var(--color-grey-400);
}

.dark .dark\:hover\:border-grey-500:hover {
  border-color: var(--color-grey-500);
}

.dark .dark\:hover\:border-grey-550:hover {
  border-color: var(--color-grey-550);
}

.dark .dark\:hover\:border-grey-600:hover {
  border-color: var(--color-grey-600);
}

.dark .dark\:hover\:border-grey-650:hover {
  border-color: var(--color-grey-650);
}

.dark .dark\:hover\:border-grey-700:hover {
  border-color: var(--color-grey-700);
}

.dark .dark\:hover\:border-grey-800:hover {
  border-color: var(--color-grey-800);
}

.dark .dark\:hover\:border-grey-850:hover {
  border-color: var(--color-grey-850);
}

.dark .dark\:hover\:border-grey-900:hover {
  border-color: var(--color-grey-900);
}

.dark .dark\:hover\:border-grey-950:hover {
  border-color: var(--color-grey-950);
}

.dark .dark\:hover\:border-blue-100:hover {
  border-color: var(--color-blue-100);
}

.dark .dark\:hover\:border-blue-200:hover {
  border-color: var(--color-blue-200);
}

.dark .dark\:hover\:border-blue-300:hover {
  border-color: var(--color-blue-300);
}

.dark .dark\:hover\:border-blue-400:hover {
  border-color: var(--color-blue-400);
}

.dark .dark\:hover\:border-blue-500:hover {
  border-color: var(--color-blue-500);
}

.dark .dark\:hover\:border-blue-600:hover {
  border-color: var(--color-blue-600);
}

.dark .dark\:hover\:border-blue-700:hover {
  border-color: var(--color-blue-700);
}

.dark .dark\:hover\:border-blue-750:hover {
  border-color: var(--color-blue-750);
}

.dark .dark\:hover\:border-blue-800:hover {
  border-color: var(--color-blue-800);
}

.dark .dark\:hover\:border-blue-850:hover {
  border-color: var(--color-blue-850);
}

.dark .dark\:hover\:border-green-50:hover {
  border-color: var(--color-green-50);
}

.dark .dark\:hover\:border-green-100:hover {
  border-color: var(--color-green-100);
}

.dark .dark\:hover\:border-green-200:hover {
  border-color: var(--color-green-200);
}

.dark .dark\:hover\:border-green-300:hover {
  border-color: var(--color-green-300);
}

.dark .dark\:hover\:border-green-400:hover {
  border-color: var(--color-green-400);
}

.dark .dark\:hover\:border-green-500:hover {
  border-color: var(--color-green-500);
}

.dark .dark\:hover\:border-green-600:hover {
  border-color: var(--color-green-600);
}

.dark .dark\:hover\:border-green-650:hover {
  border-color: var(--color-green-650);
}

.dark .dark\:hover\:border-green-700:hover {
  border-color: var(--color-green-700);
}

.dark .dark\:hover\:border-green-800:hover {
  border-color: var(--color-green-800);
}

.dark .dark\:hover\:border-green-900:hover {
  border-color: var(--color-green-900);
}

.dark .dark\:hover\:border-red-600:hover {
  border-color: var(--color-red-600);
}

.dark .dark\:hover\:border-red-700:hover {
  border-color: var(--color-red-700);
}

.dark .dark\:hover\:border-red-800:hover {
  border-color: var(--color-red-800);
}

.dark .dark\:hover\:border-red-900:hover {
  border-color: var(--color-red-900);
}

.dark .dark\:hover\:border-orange-50:hover {
  border-color: var(--color-orange-50);
}

.dark .dark\:hover\:border-orange-100:hover {
  border-color: var(--color-orange-100);
}

.dark .dark\:hover\:border-orange-200:hover {
  border-color: var(--color-orange-200);
}

.dark .dark\:hover\:border-orange-300:hover {
  border-color: var(--color-orange-300);
}

.dark .dark\:hover\:border-orange-400:hover {
  border-color: var(--color-orange-400);
}

.dark .dark\:hover\:border-orange-500:hover {
  border-color: var(--color-orange-500);
}

.dark .dark\:hover\:border-orange-600:hover {
  border-color: var(--color-orange-600);
}

.dark .dark\:hover\:border-orange-700:hover {
  border-color: var(--color-orange-700);
}

.dark .dark\:hover\:border-chart-50:hover {
  border-color: var(--color-chart-50);
}

.dark .dark\:hover\:border-chart-100:hover {
  border-color: var(--color-chart-100);
}

.dark .dark\:hover\:border-chart-200:hover {
  border-color: var(--color-chart-200);
}

.dark .dark\:hover\:border-chart-300:hover {
  border-color: var(--color-chart-300);
}

.dark .dark\:hover\:border-chart-400:hover {
  border-color: var(--color-chart-400);
}

.dark .dark\:hover\:border-chart-500:hover {
  border-color: var(--color-chart-500);
}

.dark .dark\:hover\:border-chart-600:hover {
  border-color: var(--color-chart-600);
}

.dark .dark\:hover\:border-chart-700:hover {
  border-color: var(--color-chart-700);
}

.dark .dark\:hover\:border-chart-800:hover {
  border-color: var(--color-chart-800);
}

.dark .dark\:hover\:border-chart-900:hover {
  border-color: var(--color-chart-900);
}

.dark .dark\:focus\:border-transparent:focus {
  border-color: var(--color-transparent);
}

.dark .dark\:focus\:border-current:focus {
  border-color: var(--color-current);
}

.dark .dark\:focus\:border-black:focus {
  border-color: var(--color-black);
}

.dark .dark\:focus\:border-white:focus {
  border-color: var(--color-white);
}

.dark .dark\:focus\:border-grey-100:focus {
  border-color: var(--color-grey-100);
}

.dark .dark\:focus\:border-grey-200:focus {
  border-color: var(--color-grey-200);
}

.dark .dark\:focus\:border-grey-300:focus {
  border-color: var(--color-grey-300);
}

.dark .dark\:focus\:border-grey-400:focus {
  border-color: var(--color-grey-400);
}

.dark .dark\:focus\:border-grey-500:focus {
  border-color: var(--color-grey-500);
}

.dark .dark\:focus\:border-grey-550:focus {
  border-color: var(--color-grey-550);
}

.dark .dark\:focus\:border-grey-600:focus {
  border-color: var(--color-grey-600);
}

.dark .dark\:focus\:border-grey-650:focus {
  border-color: var(--color-grey-650);
}

.dark .dark\:focus\:border-grey-700:focus {
  border-color: var(--color-grey-700);
}

.dark .dark\:focus\:border-grey-800:focus {
  border-color: var(--color-grey-800);
}

.dark .dark\:focus\:border-grey-850:focus {
  border-color: var(--color-grey-850);
}

.dark .dark\:focus\:border-grey-900:focus {
  border-color: var(--color-grey-900);
}

.dark .dark\:focus\:border-grey-950:focus {
  border-color: var(--color-grey-950);
}

.dark .dark\:focus\:border-blue-100:focus {
  border-color: var(--color-blue-100);
}

.dark .dark\:focus\:border-blue-200:focus {
  border-color: var(--color-blue-200);
}

.dark .dark\:focus\:border-blue-300:focus {
  border-color: var(--color-blue-300);
}

.dark .dark\:focus\:border-blue-400:focus {
  border-color: var(--color-blue-400);
}

.dark .dark\:focus\:border-blue-500:focus {
  border-color: var(--color-blue-500);
}

.dark .dark\:focus\:border-blue-600:focus {
  border-color: var(--color-blue-600);
}

.dark .dark\:focus\:border-blue-700:focus {
  border-color: var(--color-blue-700);
}

.dark .dark\:focus\:border-blue-750:focus {
  border-color: var(--color-blue-750);
}

.dark .dark\:focus\:border-blue-800:focus {
  border-color: var(--color-blue-800);
}

.dark .dark\:focus\:border-blue-850:focus {
  border-color: var(--color-blue-850);
}

.dark .dark\:focus\:border-green-50:focus {
  border-color: var(--color-green-50);
}

.dark .dark\:focus\:border-green-100:focus {
  border-color: var(--color-green-100);
}

.dark .dark\:focus\:border-green-200:focus {
  border-color: var(--color-green-200);
}

.dark .dark\:focus\:border-green-300:focus {
  border-color: var(--color-green-300);
}

.dark .dark\:focus\:border-green-400:focus {
  border-color: var(--color-green-400);
}

.dark .dark\:focus\:border-green-500:focus {
  border-color: var(--color-green-500);
}

.dark .dark\:focus\:border-green-600:focus {
  border-color: var(--color-green-600);
}

.dark .dark\:focus\:border-green-650:focus {
  border-color: var(--color-green-650);
}

.dark .dark\:focus\:border-green-700:focus {
  border-color: var(--color-green-700);
}

.dark .dark\:focus\:border-green-800:focus {
  border-color: var(--color-green-800);
}

.dark .dark\:focus\:border-green-900:focus {
  border-color: var(--color-green-900);
}

.dark .dark\:focus\:border-red-600:focus {
  border-color: var(--color-red-600);
}

.dark .dark\:focus\:border-red-700:focus {
  border-color: var(--color-red-700);
}

.dark .dark\:focus\:border-red-800:focus {
  border-color: var(--color-red-800);
}

.dark .dark\:focus\:border-red-900:focus {
  border-color: var(--color-red-900);
}

.dark .dark\:focus\:border-orange-50:focus {
  border-color: var(--color-orange-50);
}

.dark .dark\:focus\:border-orange-100:focus {
  border-color: var(--color-orange-100);
}

.dark .dark\:focus\:border-orange-200:focus {
  border-color: var(--color-orange-200);
}

.dark .dark\:focus\:border-orange-300:focus {
  border-color: var(--color-orange-300);
}

.dark .dark\:focus\:border-orange-400:focus {
  border-color: var(--color-orange-400);
}

.dark .dark\:focus\:border-orange-500:focus {
  border-color: var(--color-orange-500);
}

.dark .dark\:focus\:border-orange-600:focus {
  border-color: var(--color-orange-600);
}

.dark .dark\:focus\:border-orange-700:focus {
  border-color: var(--color-orange-700);
}

.dark .dark\:focus\:border-chart-50:focus {
  border-color: var(--color-chart-50);
}

.dark .dark\:focus\:border-chart-100:focus {
  border-color: var(--color-chart-100);
}

.dark .dark\:focus\:border-chart-200:focus {
  border-color: var(--color-chart-200);
}

.dark .dark\:focus\:border-chart-300:focus {
  border-color: var(--color-chart-300);
}

.dark .dark\:focus\:border-chart-400:focus {
  border-color: var(--color-chart-400);
}

.dark .dark\:focus\:border-chart-500:focus {
  border-color: var(--color-chart-500);
}

.dark .dark\:focus\:border-chart-600:focus {
  border-color: var(--color-chart-600);
}

.dark .dark\:focus\:border-chart-700:focus {
  border-color: var(--color-chart-700);
}

.dark .dark\:focus\:border-chart-800:focus {
  border-color: var(--color-chart-800);
}

.dark .dark\:focus\:border-chart-900:focus {
  border-color: var(--color-chart-900);
}

.bg-transparent {
  background-color: var(--color-transparent);
}

.bg-current {
  background-color: var(--color-current);
}

.bg-black {
  background-color: var(--color-black);
}

.bg-white {
  background-color: var(--color-white);
}

.bg-grey-100 {
  background-color: var(--color-grey-100);
}

.bg-grey-200 {
  background-color: var(--color-grey-200);
}

.bg-grey-300 {
  background-color: var(--color-grey-300);
}

.bg-grey-400 {
  background-color: var(--color-grey-400);
}

.bg-grey-500 {
  background-color: var(--color-grey-500);
}

.bg-grey-550 {
  background-color: var(--color-grey-550);
}

.bg-grey-600 {
  background-color: var(--color-grey-600);
}

.bg-grey-650 {
  background-color: var(--color-grey-650);
}

.bg-grey-700 {
  background-color: var(--color-grey-700);
}

.bg-grey-800 {
  background-color: var(--color-grey-800);
}

.bg-grey-850 {
  background-color: var(--color-grey-850);
}

.bg-grey-900 {
  background-color: var(--color-grey-900);
}

.bg-grey-950 {
  background-color: var(--color-grey-950);
}

.bg-blue-100 {
  background-color: var(--color-blue-100);
}

.bg-blue-200 {
  background-color: var(--color-blue-200);
}

.bg-blue-300 {
  background-color: var(--color-blue-300);
}

.bg-blue-400 {
  background-color: var(--color-blue-400);
}

.bg-blue-500 {
  background-color: var(--color-blue-500);
}

.bg-blue-600 {
  background-color: var(--color-blue-600);
}

.bg-blue-700 {
  background-color: var(--color-blue-700);
}

.bg-blue-750 {
  background-color: var(--color-blue-750);
}

.bg-blue-800 {
  background-color: var(--color-blue-800);
}

.bg-blue-850 {
  background-color: var(--color-blue-850);
}

.bg-green-50 {
  background-color: var(--color-green-50);
}

.bg-green-100 {
  background-color: var(--color-green-100);
}

.bg-green-200 {
  background-color: var(--color-green-200);
}

.bg-green-300 {
  background-color: var(--color-green-300);
}

.bg-green-400 {
  background-color: var(--color-green-400);
}

.bg-green-500 {
  background-color: var(--color-green-500);
}

.bg-green-600 {
  background-color: var(--color-green-600);
}

.bg-green-650 {
  background-color: var(--color-green-650);
}

.bg-green-700 {
  background-color: var(--color-green-700);
}

.bg-green-800 {
  background-color: var(--color-green-800);
}

.bg-green-900 {
  background-color: var(--color-green-900);
}

.bg-red-600 {
  background-color: var(--color-red-600);
}

.bg-red-700 {
  background-color: var(--color-red-700);
}

.bg-red-800 {
  background-color: var(--color-red-800);
}

.bg-red-900 {
  background-color: var(--color-red-900);
}

.bg-orange-50 {
  background-color: var(--color-orange-50);
}

.bg-orange-100 {
  background-color: var(--color-orange-100);
}

.bg-orange-200 {
  background-color: var(--color-orange-200);
}

.bg-orange-300 {
  background-color: var(--color-orange-300);
}

.bg-orange-400 {
  background-color: var(--color-orange-400);
}

.bg-orange-500 {
  background-color: var(--color-orange-500);
}

.bg-orange-600 {
  background-color: var(--color-orange-600);
}

.bg-orange-700 {
  background-color: var(--color-orange-700);
}

.bg-chart-50 {
  background-color: var(--color-chart-50);
}

.bg-chart-100 {
  background-color: var(--color-chart-100);
}

.bg-chart-200 {
  background-color: var(--color-chart-200);
}

.bg-chart-300 {
  background-color: var(--color-chart-300);
}

.bg-chart-400 {
  background-color: var(--color-chart-400);
}

.bg-chart-500 {
  background-color: var(--color-chart-500);
}

.bg-chart-600 {
  background-color: var(--color-chart-600);
}

.bg-chart-700 {
  background-color: var(--color-chart-700);
}

.bg-chart-800 {
  background-color: var(--color-chart-800);
}

.bg-chart-900 {
  background-color: var(--color-chart-900);
}

.group:hover .group-hover\:bg-transparent {
  background-color: var(--color-transparent);
}

.group:hover .group-hover\:bg-current {
  background-color: var(--color-current);
}

.group:hover .group-hover\:bg-black {
  background-color: var(--color-black);
}

.group:hover .group-hover\:bg-white {
  background-color: var(--color-white);
}

.group:hover .group-hover\:bg-grey-100 {
  background-color: var(--color-grey-100);
}

.group:hover .group-hover\:bg-grey-200 {
  background-color: var(--color-grey-200);
}

.group:hover .group-hover\:bg-grey-300 {
  background-color: var(--color-grey-300);
}

.group:hover .group-hover\:bg-grey-400 {
  background-color: var(--color-grey-400);
}

.group:hover .group-hover\:bg-grey-500 {
  background-color: var(--color-grey-500);
}

.group:hover .group-hover\:bg-grey-550 {
  background-color: var(--color-grey-550);
}

.group:hover .group-hover\:bg-grey-600 {
  background-color: var(--color-grey-600);
}

.group:hover .group-hover\:bg-grey-650 {
  background-color: var(--color-grey-650);
}

.group:hover .group-hover\:bg-grey-700 {
  background-color: var(--color-grey-700);
}

.group:hover .group-hover\:bg-grey-800 {
  background-color: var(--color-grey-800);
}

.group:hover .group-hover\:bg-grey-850 {
  background-color: var(--color-grey-850);
}

.group:hover .group-hover\:bg-grey-900 {
  background-color: var(--color-grey-900);
}

.group:hover .group-hover\:bg-grey-950 {
  background-color: var(--color-grey-950);
}

.group:hover .group-hover\:bg-blue-100 {
  background-color: var(--color-blue-100);
}

.group:hover .group-hover\:bg-blue-200 {
  background-color: var(--color-blue-200);
}

.group:hover .group-hover\:bg-blue-300 {
  background-color: var(--color-blue-300);
}

.group:hover .group-hover\:bg-blue-400 {
  background-color: var(--color-blue-400);
}

.group:hover .group-hover\:bg-blue-500 {
  background-color: var(--color-blue-500);
}

.group:hover .group-hover\:bg-blue-600 {
  background-color: var(--color-blue-600);
}

.group:hover .group-hover\:bg-blue-700 {
  background-color: var(--color-blue-700);
}

.group:hover .group-hover\:bg-blue-750 {
  background-color: var(--color-blue-750);
}

.group:hover .group-hover\:bg-blue-800 {
  background-color: var(--color-blue-800);
}

.group:hover .group-hover\:bg-blue-850 {
  background-color: var(--color-blue-850);
}

.group:hover .group-hover\:bg-green-50 {
  background-color: var(--color-green-50);
}

.group:hover .group-hover\:bg-green-100 {
  background-color: var(--color-green-100);
}

.group:hover .group-hover\:bg-green-200 {
  background-color: var(--color-green-200);
}

.group:hover .group-hover\:bg-green-300 {
  background-color: var(--color-green-300);
}

.group:hover .group-hover\:bg-green-400 {
  background-color: var(--color-green-400);
}

.group:hover .group-hover\:bg-green-500 {
  background-color: var(--color-green-500);
}

.group:hover .group-hover\:bg-green-600 {
  background-color: var(--color-green-600);
}

.group:hover .group-hover\:bg-green-650 {
  background-color: var(--color-green-650);
}

.group:hover .group-hover\:bg-green-700 {
  background-color: var(--color-green-700);
}

.group:hover .group-hover\:bg-green-800 {
  background-color: var(--color-green-800);
}

.group:hover .group-hover\:bg-green-900 {
  background-color: var(--color-green-900);
}

.group:hover .group-hover\:bg-red-600 {
  background-color: var(--color-red-600);
}

.group:hover .group-hover\:bg-red-700 {
  background-color: var(--color-red-700);
}

.group:hover .group-hover\:bg-red-800 {
  background-color: var(--color-red-800);
}

.group:hover .group-hover\:bg-red-900 {
  background-color: var(--color-red-900);
}

.group:hover .group-hover\:bg-orange-50 {
  background-color: var(--color-orange-50);
}

.group:hover .group-hover\:bg-orange-100 {
  background-color: var(--color-orange-100);
}

.group:hover .group-hover\:bg-orange-200 {
  background-color: var(--color-orange-200);
}

.group:hover .group-hover\:bg-orange-300 {
  background-color: var(--color-orange-300);
}

.group:hover .group-hover\:bg-orange-400 {
  background-color: var(--color-orange-400);
}

.group:hover .group-hover\:bg-orange-500 {
  background-color: var(--color-orange-500);
}

.group:hover .group-hover\:bg-orange-600 {
  background-color: var(--color-orange-600);
}

.group:hover .group-hover\:bg-orange-700 {
  background-color: var(--color-orange-700);
}

.group:hover .group-hover\:bg-chart-50 {
  background-color: var(--color-chart-50);
}

.group:hover .group-hover\:bg-chart-100 {
  background-color: var(--color-chart-100);
}

.group:hover .group-hover\:bg-chart-200 {
  background-color: var(--color-chart-200);
}

.group:hover .group-hover\:bg-chart-300 {
  background-color: var(--color-chart-300);
}

.group:hover .group-hover\:bg-chart-400 {
  background-color: var(--color-chart-400);
}

.group:hover .group-hover\:bg-chart-500 {
  background-color: var(--color-chart-500);
}

.group:hover .group-hover\:bg-chart-600 {
  background-color: var(--color-chart-600);
}

.group:hover .group-hover\:bg-chart-700 {
  background-color: var(--color-chart-700);
}

.group:hover .group-hover\:bg-chart-800 {
  background-color: var(--color-chart-800);
}

.group:hover .group-hover\:bg-chart-900 {
  background-color: var(--color-chart-900);
}

.focus-within\:bg-transparent:focus-within {
  background-color: var(--color-transparent);
}

.focus-within\:bg-current:focus-within {
  background-color: var(--color-current);
}

.focus-within\:bg-black:focus-within {
  background-color: var(--color-black);
}

.focus-within\:bg-white:focus-within {
  background-color: var(--color-white);
}

.focus-within\:bg-grey-100:focus-within {
  background-color: var(--color-grey-100);
}

.focus-within\:bg-grey-200:focus-within {
  background-color: var(--color-grey-200);
}

.focus-within\:bg-grey-300:focus-within {
  background-color: var(--color-grey-300);
}

.focus-within\:bg-grey-400:focus-within {
  background-color: var(--color-grey-400);
}

.focus-within\:bg-grey-500:focus-within {
  background-color: var(--color-grey-500);
}

.focus-within\:bg-grey-550:focus-within {
  background-color: var(--color-grey-550);
}

.focus-within\:bg-grey-600:focus-within {
  background-color: var(--color-grey-600);
}

.focus-within\:bg-grey-650:focus-within {
  background-color: var(--color-grey-650);
}

.focus-within\:bg-grey-700:focus-within {
  background-color: var(--color-grey-700);
}

.focus-within\:bg-grey-800:focus-within {
  background-color: var(--color-grey-800);
}

.focus-within\:bg-grey-850:focus-within {
  background-color: var(--color-grey-850);
}

.focus-within\:bg-grey-900:focus-within {
  background-color: var(--color-grey-900);
}

.focus-within\:bg-grey-950:focus-within {
  background-color: var(--color-grey-950);
}

.focus-within\:bg-blue-100:focus-within {
  background-color: var(--color-blue-100);
}

.focus-within\:bg-blue-200:focus-within {
  background-color: var(--color-blue-200);
}

.focus-within\:bg-blue-300:focus-within {
  background-color: var(--color-blue-300);
}

.focus-within\:bg-blue-400:focus-within {
  background-color: var(--color-blue-400);
}

.focus-within\:bg-blue-500:focus-within {
  background-color: var(--color-blue-500);
}

.focus-within\:bg-blue-600:focus-within {
  background-color: var(--color-blue-600);
}

.focus-within\:bg-blue-700:focus-within {
  background-color: var(--color-blue-700);
}

.focus-within\:bg-blue-750:focus-within {
  background-color: var(--color-blue-750);
}

.focus-within\:bg-blue-800:focus-within {
  background-color: var(--color-blue-800);
}

.focus-within\:bg-blue-850:focus-within {
  background-color: var(--color-blue-850);
}

.focus-within\:bg-green-50:focus-within {
  background-color: var(--color-green-50);
}

.focus-within\:bg-green-100:focus-within {
  background-color: var(--color-green-100);
}

.focus-within\:bg-green-200:focus-within {
  background-color: var(--color-green-200);
}

.focus-within\:bg-green-300:focus-within {
  background-color: var(--color-green-300);
}

.focus-within\:bg-green-400:focus-within {
  background-color: var(--color-green-400);
}

.focus-within\:bg-green-500:focus-within {
  background-color: var(--color-green-500);
}

.focus-within\:bg-green-600:focus-within {
  background-color: var(--color-green-600);
}

.focus-within\:bg-green-650:focus-within {
  background-color: var(--color-green-650);
}

.focus-within\:bg-green-700:focus-within {
  background-color: var(--color-green-700);
}

.focus-within\:bg-green-800:focus-within {
  background-color: var(--color-green-800);
}

.focus-within\:bg-green-900:focus-within {
  background-color: var(--color-green-900);
}

.focus-within\:bg-red-600:focus-within {
  background-color: var(--color-red-600);
}

.focus-within\:bg-red-700:focus-within {
  background-color: var(--color-red-700);
}

.focus-within\:bg-red-800:focus-within {
  background-color: var(--color-red-800);
}

.focus-within\:bg-red-900:focus-within {
  background-color: var(--color-red-900);
}

.focus-within\:bg-orange-50:focus-within {
  background-color: var(--color-orange-50);
}

.focus-within\:bg-orange-100:focus-within {
  background-color: var(--color-orange-100);
}

.focus-within\:bg-orange-200:focus-within {
  background-color: var(--color-orange-200);
}

.focus-within\:bg-orange-300:focus-within {
  background-color: var(--color-orange-300);
}

.focus-within\:bg-orange-400:focus-within {
  background-color: var(--color-orange-400);
}

.focus-within\:bg-orange-500:focus-within {
  background-color: var(--color-orange-500);
}

.focus-within\:bg-orange-600:focus-within {
  background-color: var(--color-orange-600);
}

.focus-within\:bg-orange-700:focus-within {
  background-color: var(--color-orange-700);
}

.focus-within\:bg-chart-50:focus-within {
  background-color: var(--color-chart-50);
}

.focus-within\:bg-chart-100:focus-within {
  background-color: var(--color-chart-100);
}

.focus-within\:bg-chart-200:focus-within {
  background-color: var(--color-chart-200);
}

.focus-within\:bg-chart-300:focus-within {
  background-color: var(--color-chart-300);
}

.focus-within\:bg-chart-400:focus-within {
  background-color: var(--color-chart-400);
}

.focus-within\:bg-chart-500:focus-within {
  background-color: var(--color-chart-500);
}

.focus-within\:bg-chart-600:focus-within {
  background-color: var(--color-chart-600);
}

.focus-within\:bg-chart-700:focus-within {
  background-color: var(--color-chart-700);
}

.focus-within\:bg-chart-800:focus-within {
  background-color: var(--color-chart-800);
}

.focus-within\:bg-chart-900:focus-within {
  background-color: var(--color-chart-900);
}

.hover\:bg-transparent:hover {
  background-color: var(--color-transparent);
}

.hover\:bg-current:hover {
  background-color: var(--color-current);
}

.hover\:bg-black:hover {
  background-color: var(--color-black);
}

.hover\:bg-white:hover {
  background-color: var(--color-white);
}

.hover\:bg-grey-100:hover {
  background-color: var(--color-grey-100);
}

.hover\:bg-grey-200:hover {
  background-color: var(--color-grey-200);
}

.hover\:bg-grey-300:hover {
  background-color: var(--color-grey-300);
}

.hover\:bg-grey-400:hover {
  background-color: var(--color-grey-400);
}

.hover\:bg-grey-500:hover {
  background-color: var(--color-grey-500);
}

.hover\:bg-grey-550:hover {
  background-color: var(--color-grey-550);
}

.hover\:bg-grey-600:hover {
  background-color: var(--color-grey-600);
}

.hover\:bg-grey-650:hover {
  background-color: var(--color-grey-650);
}

.hover\:bg-grey-700:hover {
  background-color: var(--color-grey-700);
}

.hover\:bg-grey-800:hover {
  background-color: var(--color-grey-800);
}

.hover\:bg-grey-850:hover {
  background-color: var(--color-grey-850);
}

.hover\:bg-grey-900:hover {
  background-color: var(--color-grey-900);
}

.hover\:bg-grey-950:hover {
  background-color: var(--color-grey-950);
}

.hover\:bg-blue-100:hover {
  background-color: var(--color-blue-100);
}

.hover\:bg-blue-200:hover {
  background-color: var(--color-blue-200);
}

.hover\:bg-blue-300:hover {
  background-color: var(--color-blue-300);
}

.hover\:bg-blue-400:hover {
  background-color: var(--color-blue-400);
}

.hover\:bg-blue-500:hover {
  background-color: var(--color-blue-500);
}

.hover\:bg-blue-600:hover {
  background-color: var(--color-blue-600);
}

.hover\:bg-blue-700:hover {
  background-color: var(--color-blue-700);
}

.hover\:bg-blue-750:hover {
  background-color: var(--color-blue-750);
}

.hover\:bg-blue-800:hover {
  background-color: var(--color-blue-800);
}

.hover\:bg-blue-850:hover {
  background-color: var(--color-blue-850);
}

.hover\:bg-green-50:hover {
  background-color: var(--color-green-50);
}

.hover\:bg-green-100:hover {
  background-color: var(--color-green-100);
}

.hover\:bg-green-200:hover {
  background-color: var(--color-green-200);
}

.hover\:bg-green-300:hover {
  background-color: var(--color-green-300);
}

.hover\:bg-green-400:hover {
  background-color: var(--color-green-400);
}

.hover\:bg-green-500:hover {
  background-color: var(--color-green-500);
}

.hover\:bg-green-600:hover {
  background-color: var(--color-green-600);
}

.hover\:bg-green-650:hover {
  background-color: var(--color-green-650);
}

.hover\:bg-green-700:hover {
  background-color: var(--color-green-700);
}

.hover\:bg-green-800:hover {
  background-color: var(--color-green-800);
}

.hover\:bg-green-900:hover {
  background-color: var(--color-green-900);
}

.hover\:bg-red-600:hover {
  background-color: var(--color-red-600);
}

.hover\:bg-red-700:hover {
  background-color: var(--color-red-700);
}

.hover\:bg-red-800:hover {
  background-color: var(--color-red-800);
}

.hover\:bg-red-900:hover {
  background-color: var(--color-red-900);
}

.hover\:bg-orange-50:hover {
  background-color: var(--color-orange-50);
}

.hover\:bg-orange-100:hover {
  background-color: var(--color-orange-100);
}

.hover\:bg-orange-200:hover {
  background-color: var(--color-orange-200);
}

.hover\:bg-orange-300:hover {
  background-color: var(--color-orange-300);
}

.hover\:bg-orange-400:hover {
  background-color: var(--color-orange-400);
}

.hover\:bg-orange-500:hover {
  background-color: var(--color-orange-500);
}

.hover\:bg-orange-600:hover {
  background-color: var(--color-orange-600);
}

.hover\:bg-orange-700:hover {
  background-color: var(--color-orange-700);
}

.hover\:bg-chart-50:hover {
  background-color: var(--color-chart-50);
}

.hover\:bg-chart-100:hover {
  background-color: var(--color-chart-100);
}

.hover\:bg-chart-200:hover {
  background-color: var(--color-chart-200);
}

.hover\:bg-chart-300:hover {
  background-color: var(--color-chart-300);
}

.hover\:bg-chart-400:hover {
  background-color: var(--color-chart-400);
}

.hover\:bg-chart-500:hover {
  background-color: var(--color-chart-500);
}

.hover\:bg-chart-600:hover {
  background-color: var(--color-chart-600);
}

.hover\:bg-chart-700:hover {
  background-color: var(--color-chart-700);
}

.hover\:bg-chart-800:hover {
  background-color: var(--color-chart-800);
}

.hover\:bg-chart-900:hover {
  background-color: var(--color-chart-900);
}

.focus\:bg-transparent:focus {
  background-color: var(--color-transparent);
}

.focus\:bg-current:focus {
  background-color: var(--color-current);
}

.focus\:bg-black:focus {
  background-color: var(--color-black);
}

.focus\:bg-white:focus {
  background-color: var(--color-white);
}

.focus\:bg-grey-100:focus {
  background-color: var(--color-grey-100);
}

.focus\:bg-grey-200:focus {
  background-color: var(--color-grey-200);
}

.focus\:bg-grey-300:focus {
  background-color: var(--color-grey-300);
}

.focus\:bg-grey-400:focus {
  background-color: var(--color-grey-400);
}

.focus\:bg-grey-500:focus {
  background-color: var(--color-grey-500);
}

.focus\:bg-grey-550:focus {
  background-color: var(--color-grey-550);
}

.focus\:bg-grey-600:focus {
  background-color: var(--color-grey-600);
}

.focus\:bg-grey-650:focus {
  background-color: var(--color-grey-650);
}

.focus\:bg-grey-700:focus {
  background-color: var(--color-grey-700);
}

.focus\:bg-grey-800:focus {
  background-color: var(--color-grey-800);
}

.focus\:bg-grey-850:focus {
  background-color: var(--color-grey-850);
}

.focus\:bg-grey-900:focus {
  background-color: var(--color-grey-900);
}

.focus\:bg-grey-950:focus {
  background-color: var(--color-grey-950);
}

.focus\:bg-blue-100:focus {
  background-color: var(--color-blue-100);
}

.focus\:bg-blue-200:focus {
  background-color: var(--color-blue-200);
}

.focus\:bg-blue-300:focus {
  background-color: var(--color-blue-300);
}

.focus\:bg-blue-400:focus {
  background-color: var(--color-blue-400);
}

.focus\:bg-blue-500:focus {
  background-color: var(--color-blue-500);
}

.focus\:bg-blue-600:focus {
  background-color: var(--color-blue-600);
}

.focus\:bg-blue-700:focus {
  background-color: var(--color-blue-700);
}

.focus\:bg-blue-750:focus {
  background-color: var(--color-blue-750);
}

.focus\:bg-blue-800:focus {
  background-color: var(--color-blue-800);
}

.focus\:bg-blue-850:focus {
  background-color: var(--color-blue-850);
}

.focus\:bg-green-50:focus {
  background-color: var(--color-green-50);
}

.focus\:bg-green-100:focus {
  background-color: var(--color-green-100);
}

.focus\:bg-green-200:focus {
  background-color: var(--color-green-200);
}

.focus\:bg-green-300:focus {
  background-color: var(--color-green-300);
}

.focus\:bg-green-400:focus {
  background-color: var(--color-green-400);
}

.focus\:bg-green-500:focus {
  background-color: var(--color-green-500);
}

.focus\:bg-green-600:focus {
  background-color: var(--color-green-600);
}

.focus\:bg-green-650:focus {
  background-color: var(--color-green-650);
}

.focus\:bg-green-700:focus {
  background-color: var(--color-green-700);
}

.focus\:bg-green-800:focus {
  background-color: var(--color-green-800);
}

.focus\:bg-green-900:focus {
  background-color: var(--color-green-900);
}

.focus\:bg-red-600:focus {
  background-color: var(--color-red-600);
}

.focus\:bg-red-700:focus {
  background-color: var(--color-red-700);
}

.focus\:bg-red-800:focus {
  background-color: var(--color-red-800);
}

.focus\:bg-red-900:focus {
  background-color: var(--color-red-900);
}

.focus\:bg-orange-50:focus {
  background-color: var(--color-orange-50);
}

.focus\:bg-orange-100:focus {
  background-color: var(--color-orange-100);
}

.focus\:bg-orange-200:focus {
  background-color: var(--color-orange-200);
}

.focus\:bg-orange-300:focus {
  background-color: var(--color-orange-300);
}

.focus\:bg-orange-400:focus {
  background-color: var(--color-orange-400);
}

.focus\:bg-orange-500:focus {
  background-color: var(--color-orange-500);
}

.focus\:bg-orange-600:focus {
  background-color: var(--color-orange-600);
}

.focus\:bg-orange-700:focus {
  background-color: var(--color-orange-700);
}

.focus\:bg-chart-50:focus {
  background-color: var(--color-chart-50);
}

.focus\:bg-chart-100:focus {
  background-color: var(--color-chart-100);
}

.focus\:bg-chart-200:focus {
  background-color: var(--color-chart-200);
}

.focus\:bg-chart-300:focus {
  background-color: var(--color-chart-300);
}

.focus\:bg-chart-400:focus {
  background-color: var(--color-chart-400);
}

.focus\:bg-chart-500:focus {
  background-color: var(--color-chart-500);
}

.focus\:bg-chart-600:focus {
  background-color: var(--color-chart-600);
}

.focus\:bg-chart-700:focus {
  background-color: var(--color-chart-700);
}

.focus\:bg-chart-800:focus {
  background-color: var(--color-chart-800);
}

.focus\:bg-chart-900:focus {
  background-color: var(--color-chart-900);
}

.dark .dark\:bg-transparent {
  background-color: var(--color-transparent);
}

.dark .dark\:bg-current {
  background-color: var(--color-current);
}

.dark .dark\:bg-black {
  background-color: var(--color-black);
}

.dark .dark\:bg-white {
  background-color: var(--color-white);
}

.dark .dark\:bg-grey-100 {
  background-color: var(--color-grey-100);
}

.dark .dark\:bg-grey-200 {
  background-color: var(--color-grey-200);
}

.dark .dark\:bg-grey-300 {
  background-color: var(--color-grey-300);
}

.dark .dark\:bg-grey-400 {
  background-color: var(--color-grey-400);
}

.dark .dark\:bg-grey-500 {
  background-color: var(--color-grey-500);
}

.dark .dark\:bg-grey-550 {
  background-color: var(--color-grey-550);
}

.dark .dark\:bg-grey-600 {
  background-color: var(--color-grey-600);
}

.dark .dark\:bg-grey-650 {
  background-color: var(--color-grey-650);
}

.dark .dark\:bg-grey-700 {
  background-color: var(--color-grey-700);
}

.dark .dark\:bg-grey-800 {
  background-color: var(--color-grey-800);
}

.dark .dark\:bg-grey-850 {
  background-color: var(--color-grey-850);
}

.dark .dark\:bg-grey-900 {
  background-color: var(--color-grey-900);
}

.dark .dark\:bg-grey-950 {
  background-color: var(--color-grey-950);
}

.dark .dark\:bg-blue-100 {
  background-color: var(--color-blue-100);
}

.dark .dark\:bg-blue-200 {
  background-color: var(--color-blue-200);
}

.dark .dark\:bg-blue-300 {
  background-color: var(--color-blue-300);
}

.dark .dark\:bg-blue-400 {
  background-color: var(--color-blue-400);
}

.dark .dark\:bg-blue-500 {
  background-color: var(--color-blue-500);
}

.dark .dark\:bg-blue-600 {
  background-color: var(--color-blue-600);
}

.dark .dark\:bg-blue-700 {
  background-color: var(--color-blue-700);
}

.dark .dark\:bg-blue-750 {
  background-color: var(--color-blue-750);
}

.dark .dark\:bg-blue-800 {
  background-color: var(--color-blue-800);
}

.dark .dark\:bg-blue-850 {
  background-color: var(--color-blue-850);
}

.dark .dark\:bg-green-50 {
  background-color: var(--color-green-50);
}

.dark .dark\:bg-green-100 {
  background-color: var(--color-green-100);
}

.dark .dark\:bg-green-200 {
  background-color: var(--color-green-200);
}

.dark .dark\:bg-green-300 {
  background-color: var(--color-green-300);
}

.dark .dark\:bg-green-400 {
  background-color: var(--color-green-400);
}

.dark .dark\:bg-green-500 {
  background-color: var(--color-green-500);
}

.dark .dark\:bg-green-600 {
  background-color: var(--color-green-600);
}

.dark .dark\:bg-green-650 {
  background-color: var(--color-green-650);
}

.dark .dark\:bg-green-700 {
  background-color: var(--color-green-700);
}

.dark .dark\:bg-green-800 {
  background-color: var(--color-green-800);
}

.dark .dark\:bg-green-900 {
  background-color: var(--color-green-900);
}

.dark .dark\:bg-red-600 {
  background-color: var(--color-red-600);
}

.dark .dark\:bg-red-700 {
  background-color: var(--color-red-700);
}

.dark .dark\:bg-red-800 {
  background-color: var(--color-red-800);
}

.dark .dark\:bg-red-900 {
  background-color: var(--color-red-900);
}

.dark .dark\:bg-orange-50 {
  background-color: var(--color-orange-50);
}

.dark .dark\:bg-orange-100 {
  background-color: var(--color-orange-100);
}

.dark .dark\:bg-orange-200 {
  background-color: var(--color-orange-200);
}

.dark .dark\:bg-orange-300 {
  background-color: var(--color-orange-300);
}

.dark .dark\:bg-orange-400 {
  background-color: var(--color-orange-400);
}

.dark .dark\:bg-orange-500 {
  background-color: var(--color-orange-500);
}

.dark .dark\:bg-orange-600 {
  background-color: var(--color-orange-600);
}

.dark .dark\:bg-orange-700 {
  background-color: var(--color-orange-700);
}

.dark .dark\:bg-chart-50 {
  background-color: var(--color-chart-50);
}

.dark .dark\:bg-chart-100 {
  background-color: var(--color-chart-100);
}

.dark .dark\:bg-chart-200 {
  background-color: var(--color-chart-200);
}

.dark .dark\:bg-chart-300 {
  background-color: var(--color-chart-300);
}

.dark .dark\:bg-chart-400 {
  background-color: var(--color-chart-400);
}

.dark .dark\:bg-chart-500 {
  background-color: var(--color-chart-500);
}

.dark .dark\:bg-chart-600 {
  background-color: var(--color-chart-600);
}

.dark .dark\:bg-chart-700 {
  background-color: var(--color-chart-700);
}

.dark .dark\:bg-chart-800 {
  background-color: var(--color-chart-800);
}

.dark .dark\:bg-chart-900 {
  background-color: var(--color-chart-900);
}

.dark .group:hover .dark\:group-hover\:bg-transparent {
  background-color: var(--color-transparent);
}

.dark .group:hover .dark\:group-hover\:bg-current {
  background-color: var(--color-current);
}

.dark .group:hover .dark\:group-hover\:bg-black {
  background-color: var(--color-black);
}

.dark .group:hover .dark\:group-hover\:bg-white {
  background-color: var(--color-white);
}

.dark .group:hover .dark\:group-hover\:bg-grey-100 {
  background-color: var(--color-grey-100);
}

.dark .group:hover .dark\:group-hover\:bg-grey-200 {
  background-color: var(--color-grey-200);
}

.dark .group:hover .dark\:group-hover\:bg-grey-300 {
  background-color: var(--color-grey-300);
}

.dark .group:hover .dark\:group-hover\:bg-grey-400 {
  background-color: var(--color-grey-400);
}

.dark .group:hover .dark\:group-hover\:bg-grey-500 {
  background-color: var(--color-grey-500);
}

.dark .group:hover .dark\:group-hover\:bg-grey-550 {
  background-color: var(--color-grey-550);
}

.dark .group:hover .dark\:group-hover\:bg-grey-600 {
  background-color: var(--color-grey-600);
}

.dark .group:hover .dark\:group-hover\:bg-grey-650 {
  background-color: var(--color-grey-650);
}

.dark .group:hover .dark\:group-hover\:bg-grey-700 {
  background-color: var(--color-grey-700);
}

.dark .group:hover .dark\:group-hover\:bg-grey-800 {
  background-color: var(--color-grey-800);
}

.dark .group:hover .dark\:group-hover\:bg-grey-850 {
  background-color: var(--color-grey-850);
}

.dark .group:hover .dark\:group-hover\:bg-grey-900 {
  background-color: var(--color-grey-900);
}

.dark .group:hover .dark\:group-hover\:bg-grey-950 {
  background-color: var(--color-grey-950);
}

.dark .group:hover .dark\:group-hover\:bg-blue-100 {
  background-color: var(--color-blue-100);
}

.dark .group:hover .dark\:group-hover\:bg-blue-200 {
  background-color: var(--color-blue-200);
}

.dark .group:hover .dark\:group-hover\:bg-blue-300 {
  background-color: var(--color-blue-300);
}

.dark .group:hover .dark\:group-hover\:bg-blue-400 {
  background-color: var(--color-blue-400);
}

.dark .group:hover .dark\:group-hover\:bg-blue-500 {
  background-color: var(--color-blue-500);
}

.dark .group:hover .dark\:group-hover\:bg-blue-600 {
  background-color: var(--color-blue-600);
}

.dark .group:hover .dark\:group-hover\:bg-blue-700 {
  background-color: var(--color-blue-700);
}

.dark .group:hover .dark\:group-hover\:bg-blue-750 {
  background-color: var(--color-blue-750);
}

.dark .group:hover .dark\:group-hover\:bg-blue-800 {
  background-color: var(--color-blue-800);
}

.dark .group:hover .dark\:group-hover\:bg-blue-850 {
  background-color: var(--color-blue-850);
}

.dark .group:hover .dark\:group-hover\:bg-green-50 {
  background-color: var(--color-green-50);
}

.dark .group:hover .dark\:group-hover\:bg-green-100 {
  background-color: var(--color-green-100);
}

.dark .group:hover .dark\:group-hover\:bg-green-200 {
  background-color: var(--color-green-200);
}

.dark .group:hover .dark\:group-hover\:bg-green-300 {
  background-color: var(--color-green-300);
}

.dark .group:hover .dark\:group-hover\:bg-green-400 {
  background-color: var(--color-green-400);
}

.dark .group:hover .dark\:group-hover\:bg-green-500 {
  background-color: var(--color-green-500);
}

.dark .group:hover .dark\:group-hover\:bg-green-600 {
  background-color: var(--color-green-600);
}

.dark .group:hover .dark\:group-hover\:bg-green-650 {
  background-color: var(--color-green-650);
}

.dark .group:hover .dark\:group-hover\:bg-green-700 {
  background-color: var(--color-green-700);
}

.dark .group:hover .dark\:group-hover\:bg-green-800 {
  background-color: var(--color-green-800);
}

.dark .group:hover .dark\:group-hover\:bg-green-900 {
  background-color: var(--color-green-900);
}

.dark .group:hover .dark\:group-hover\:bg-red-600 {
  background-color: var(--color-red-600);
}

.dark .group:hover .dark\:group-hover\:bg-red-700 {
  background-color: var(--color-red-700);
}

.dark .group:hover .dark\:group-hover\:bg-red-800 {
  background-color: var(--color-red-800);
}

.dark .group:hover .dark\:group-hover\:bg-red-900 {
  background-color: var(--color-red-900);
}

.dark .group:hover .dark\:group-hover\:bg-orange-50 {
  background-color: var(--color-orange-50);
}

.dark .group:hover .dark\:group-hover\:bg-orange-100 {
  background-color: var(--color-orange-100);
}

.dark .group:hover .dark\:group-hover\:bg-orange-200 {
  background-color: var(--color-orange-200);
}

.dark .group:hover .dark\:group-hover\:bg-orange-300 {
  background-color: var(--color-orange-300);
}

.dark .group:hover .dark\:group-hover\:bg-orange-400 {
  background-color: var(--color-orange-400);
}

.dark .group:hover .dark\:group-hover\:bg-orange-500 {
  background-color: var(--color-orange-500);
}

.dark .group:hover .dark\:group-hover\:bg-orange-600 {
  background-color: var(--color-orange-600);
}

.dark .group:hover .dark\:group-hover\:bg-orange-700 {
  background-color: var(--color-orange-700);
}

.dark .group:hover .dark\:group-hover\:bg-chart-50 {
  background-color: var(--color-chart-50);
}

.dark .group:hover .dark\:group-hover\:bg-chart-100 {
  background-color: var(--color-chart-100);
}

.dark .group:hover .dark\:group-hover\:bg-chart-200 {
  background-color: var(--color-chart-200);
}

.dark .group:hover .dark\:group-hover\:bg-chart-300 {
  background-color: var(--color-chart-300);
}

.dark .group:hover .dark\:group-hover\:bg-chart-400 {
  background-color: var(--color-chart-400);
}

.dark .group:hover .dark\:group-hover\:bg-chart-500 {
  background-color: var(--color-chart-500);
}

.dark .group:hover .dark\:group-hover\:bg-chart-600 {
  background-color: var(--color-chart-600);
}

.dark .group:hover .dark\:group-hover\:bg-chart-700 {
  background-color: var(--color-chart-700);
}

.dark .group:hover .dark\:group-hover\:bg-chart-800 {
  background-color: var(--color-chart-800);
}

.dark .group:hover .dark\:group-hover\:bg-chart-900 {
  background-color: var(--color-chart-900);
}

.dark .dark\:focus-within\:bg-transparent:focus-within {
  background-color: var(--color-transparent);
}

.dark .dark\:focus-within\:bg-current:focus-within {
  background-color: var(--color-current);
}

.dark .dark\:focus-within\:bg-black:focus-within {
  background-color: var(--color-black);
}

.dark .dark\:focus-within\:bg-white:focus-within {
  background-color: var(--color-white);
}

.dark .dark\:focus-within\:bg-grey-100:focus-within {
  background-color: var(--color-grey-100);
}

.dark .dark\:focus-within\:bg-grey-200:focus-within {
  background-color: var(--color-grey-200);
}

.dark .dark\:focus-within\:bg-grey-300:focus-within {
  background-color: var(--color-grey-300);
}

.dark .dark\:focus-within\:bg-grey-400:focus-within {
  background-color: var(--color-grey-400);
}

.dark .dark\:focus-within\:bg-grey-500:focus-within {
  background-color: var(--color-grey-500);
}

.dark .dark\:focus-within\:bg-grey-550:focus-within {
  background-color: var(--color-grey-550);
}

.dark .dark\:focus-within\:bg-grey-600:focus-within {
  background-color: var(--color-grey-600);
}

.dark .dark\:focus-within\:bg-grey-650:focus-within {
  background-color: var(--color-grey-650);
}

.dark .dark\:focus-within\:bg-grey-700:focus-within {
  background-color: var(--color-grey-700);
}

.dark .dark\:focus-within\:bg-grey-800:focus-within {
  background-color: var(--color-grey-800);
}

.dark .dark\:focus-within\:bg-grey-850:focus-within {
  background-color: var(--color-grey-850);
}

.dark .dark\:focus-within\:bg-grey-900:focus-within {
  background-color: var(--color-grey-900);
}

.dark .dark\:focus-within\:bg-grey-950:focus-within {
  background-color: var(--color-grey-950);
}

.dark .dark\:focus-within\:bg-blue-100:focus-within {
  background-color: var(--color-blue-100);
}

.dark .dark\:focus-within\:bg-blue-200:focus-within {
  background-color: var(--color-blue-200);
}

.dark .dark\:focus-within\:bg-blue-300:focus-within {
  background-color: var(--color-blue-300);
}

.dark .dark\:focus-within\:bg-blue-400:focus-within {
  background-color: var(--color-blue-400);
}

.dark .dark\:focus-within\:bg-blue-500:focus-within {
  background-color: var(--color-blue-500);
}

.dark .dark\:focus-within\:bg-blue-600:focus-within {
  background-color: var(--color-blue-600);
}

.dark .dark\:focus-within\:bg-blue-700:focus-within {
  background-color: var(--color-blue-700);
}

.dark .dark\:focus-within\:bg-blue-750:focus-within {
  background-color: var(--color-blue-750);
}

.dark .dark\:focus-within\:bg-blue-800:focus-within {
  background-color: var(--color-blue-800);
}

.dark .dark\:focus-within\:bg-blue-850:focus-within {
  background-color: var(--color-blue-850);
}

.dark .dark\:focus-within\:bg-green-50:focus-within {
  background-color: var(--color-green-50);
}

.dark .dark\:focus-within\:bg-green-100:focus-within {
  background-color: var(--color-green-100);
}

.dark .dark\:focus-within\:bg-green-200:focus-within {
  background-color: var(--color-green-200);
}

.dark .dark\:focus-within\:bg-green-300:focus-within {
  background-color: var(--color-green-300);
}

.dark .dark\:focus-within\:bg-green-400:focus-within {
  background-color: var(--color-green-400);
}

.dark .dark\:focus-within\:bg-green-500:focus-within {
  background-color: var(--color-green-500);
}

.dark .dark\:focus-within\:bg-green-600:focus-within {
  background-color: var(--color-green-600);
}

.dark .dark\:focus-within\:bg-green-650:focus-within {
  background-color: var(--color-green-650);
}

.dark .dark\:focus-within\:bg-green-700:focus-within {
  background-color: var(--color-green-700);
}

.dark .dark\:focus-within\:bg-green-800:focus-within {
  background-color: var(--color-green-800);
}

.dark .dark\:focus-within\:bg-green-900:focus-within {
  background-color: var(--color-green-900);
}

.dark .dark\:focus-within\:bg-red-600:focus-within {
  background-color: var(--color-red-600);
}

.dark .dark\:focus-within\:bg-red-700:focus-within {
  background-color: var(--color-red-700);
}

.dark .dark\:focus-within\:bg-red-800:focus-within {
  background-color: var(--color-red-800);
}

.dark .dark\:focus-within\:bg-red-900:focus-within {
  background-color: var(--color-red-900);
}

.dark .dark\:focus-within\:bg-orange-50:focus-within {
  background-color: var(--color-orange-50);
}

.dark .dark\:focus-within\:bg-orange-100:focus-within {
  background-color: var(--color-orange-100);
}

.dark .dark\:focus-within\:bg-orange-200:focus-within {
  background-color: var(--color-orange-200);
}

.dark .dark\:focus-within\:bg-orange-300:focus-within {
  background-color: var(--color-orange-300);
}

.dark .dark\:focus-within\:bg-orange-400:focus-within {
  background-color: var(--color-orange-400);
}

.dark .dark\:focus-within\:bg-orange-500:focus-within {
  background-color: var(--color-orange-500);
}

.dark .dark\:focus-within\:bg-orange-600:focus-within {
  background-color: var(--color-orange-600);
}

.dark .dark\:focus-within\:bg-orange-700:focus-within {
  background-color: var(--color-orange-700);
}

.dark .dark\:focus-within\:bg-chart-50:focus-within {
  background-color: var(--color-chart-50);
}

.dark .dark\:focus-within\:bg-chart-100:focus-within {
  background-color: var(--color-chart-100);
}

.dark .dark\:focus-within\:bg-chart-200:focus-within {
  background-color: var(--color-chart-200);
}

.dark .dark\:focus-within\:bg-chart-300:focus-within {
  background-color: var(--color-chart-300);
}

.dark .dark\:focus-within\:bg-chart-400:focus-within {
  background-color: var(--color-chart-400);
}

.dark .dark\:focus-within\:bg-chart-500:focus-within {
  background-color: var(--color-chart-500);
}

.dark .dark\:focus-within\:bg-chart-600:focus-within {
  background-color: var(--color-chart-600);
}

.dark .dark\:focus-within\:bg-chart-700:focus-within {
  background-color: var(--color-chart-700);
}

.dark .dark\:focus-within\:bg-chart-800:focus-within {
  background-color: var(--color-chart-800);
}

.dark .dark\:focus-within\:bg-chart-900:focus-within {
  background-color: var(--color-chart-900);
}

.dark .dark\:hover\:bg-transparent:hover {
  background-color: var(--color-transparent);
}

.dark .dark\:hover\:bg-current:hover {
  background-color: var(--color-current);
}

.dark .dark\:hover\:bg-black:hover {
  background-color: var(--color-black);
}

.dark .dark\:hover\:bg-white:hover {
  background-color: var(--color-white);
}

.dark .dark\:hover\:bg-grey-100:hover {
  background-color: var(--color-grey-100);
}

.dark .dark\:hover\:bg-grey-200:hover {
  background-color: var(--color-grey-200);
}

.dark .dark\:hover\:bg-grey-300:hover {
  background-color: var(--color-grey-300);
}

.dark .dark\:hover\:bg-grey-400:hover {
  background-color: var(--color-grey-400);
}

.dark .dark\:hover\:bg-grey-500:hover {
  background-color: var(--color-grey-500);
}

.dark .dark\:hover\:bg-grey-550:hover {
  background-color: var(--color-grey-550);
}

.dark .dark\:hover\:bg-grey-600:hover {
  background-color: var(--color-grey-600);
}

.dark .dark\:hover\:bg-grey-650:hover {
  background-color: var(--color-grey-650);
}

.dark .dark\:hover\:bg-grey-700:hover {
  background-color: var(--color-grey-700);
}

.dark .dark\:hover\:bg-grey-800:hover {
  background-color: var(--color-grey-800);
}

.dark .dark\:hover\:bg-grey-850:hover {
  background-color: var(--color-grey-850);
}

.dark .dark\:hover\:bg-grey-900:hover {
  background-color: var(--color-grey-900);
}

.dark .dark\:hover\:bg-grey-950:hover {
  background-color: var(--color-grey-950);
}

.dark .dark\:hover\:bg-blue-100:hover {
  background-color: var(--color-blue-100);
}

.dark .dark\:hover\:bg-blue-200:hover {
  background-color: var(--color-blue-200);
}

.dark .dark\:hover\:bg-blue-300:hover {
  background-color: var(--color-blue-300);
}

.dark .dark\:hover\:bg-blue-400:hover {
  background-color: var(--color-blue-400);
}

.dark .dark\:hover\:bg-blue-500:hover {
  background-color: var(--color-blue-500);
}

.dark .dark\:hover\:bg-blue-600:hover {
  background-color: var(--color-blue-600);
}

.dark .dark\:hover\:bg-blue-700:hover {
  background-color: var(--color-blue-700);
}

.dark .dark\:hover\:bg-blue-750:hover {
  background-color: var(--color-blue-750);
}

.dark .dark\:hover\:bg-blue-800:hover {
  background-color: var(--color-blue-800);
}

.dark .dark\:hover\:bg-blue-850:hover {
  background-color: var(--color-blue-850);
}

.dark .dark\:hover\:bg-green-50:hover {
  background-color: var(--color-green-50);
}

.dark .dark\:hover\:bg-green-100:hover {
  background-color: var(--color-green-100);
}

.dark .dark\:hover\:bg-green-200:hover {
  background-color: var(--color-green-200);
}

.dark .dark\:hover\:bg-green-300:hover {
  background-color: var(--color-green-300);
}

.dark .dark\:hover\:bg-green-400:hover {
  background-color: var(--color-green-400);
}

.dark .dark\:hover\:bg-green-500:hover {
  background-color: var(--color-green-500);
}

.dark .dark\:hover\:bg-green-600:hover {
  background-color: var(--color-green-600);
}

.dark .dark\:hover\:bg-green-650:hover {
  background-color: var(--color-green-650);
}

.dark .dark\:hover\:bg-green-700:hover {
  background-color: var(--color-green-700);
}

.dark .dark\:hover\:bg-green-800:hover {
  background-color: var(--color-green-800);
}

.dark .dark\:hover\:bg-green-900:hover {
  background-color: var(--color-green-900);
}

.dark .dark\:hover\:bg-red-600:hover {
  background-color: var(--color-red-600);
}

.dark .dark\:hover\:bg-red-700:hover {
  background-color: var(--color-red-700);
}

.dark .dark\:hover\:bg-red-800:hover {
  background-color: var(--color-red-800);
}

.dark .dark\:hover\:bg-red-900:hover {
  background-color: var(--color-red-900);
}

.dark .dark\:hover\:bg-orange-50:hover {
  background-color: var(--color-orange-50);
}

.dark .dark\:hover\:bg-orange-100:hover {
  background-color: var(--color-orange-100);
}

.dark .dark\:hover\:bg-orange-200:hover {
  background-color: var(--color-orange-200);
}

.dark .dark\:hover\:bg-orange-300:hover {
  background-color: var(--color-orange-300);
}

.dark .dark\:hover\:bg-orange-400:hover {
  background-color: var(--color-orange-400);
}

.dark .dark\:hover\:bg-orange-500:hover {
  background-color: var(--color-orange-500);
}

.dark .dark\:hover\:bg-orange-600:hover {
  background-color: var(--color-orange-600);
}

.dark .dark\:hover\:bg-orange-700:hover {
  background-color: var(--color-orange-700);
}

.dark .dark\:hover\:bg-chart-50:hover {
  background-color: var(--color-chart-50);
}

.dark .dark\:hover\:bg-chart-100:hover {
  background-color: var(--color-chart-100);
}

.dark .dark\:hover\:bg-chart-200:hover {
  background-color: var(--color-chart-200);
}

.dark .dark\:hover\:bg-chart-300:hover {
  background-color: var(--color-chart-300);
}

.dark .dark\:hover\:bg-chart-400:hover {
  background-color: var(--color-chart-400);
}

.dark .dark\:hover\:bg-chart-500:hover {
  background-color: var(--color-chart-500);
}

.dark .dark\:hover\:bg-chart-600:hover {
  background-color: var(--color-chart-600);
}

.dark .dark\:hover\:bg-chart-700:hover {
  background-color: var(--color-chart-700);
}

.dark .dark\:hover\:bg-chart-800:hover {
  background-color: var(--color-chart-800);
}

.dark .dark\:hover\:bg-chart-900:hover {
  background-color: var(--color-chart-900);
}

.dark .dark\:focus\:bg-transparent:focus {
  background-color: var(--color-transparent);
}

.dark .dark\:focus\:bg-current:focus {
  background-color: var(--color-current);
}

.dark .dark\:focus\:bg-black:focus {
  background-color: var(--color-black);
}

.dark .dark\:focus\:bg-white:focus {
  background-color: var(--color-white);
}

.dark .dark\:focus\:bg-grey-100:focus {
  background-color: var(--color-grey-100);
}

.dark .dark\:focus\:bg-grey-200:focus {
  background-color: var(--color-grey-200);
}

.dark .dark\:focus\:bg-grey-300:focus {
  background-color: var(--color-grey-300);
}

.dark .dark\:focus\:bg-grey-400:focus {
  background-color: var(--color-grey-400);
}

.dark .dark\:focus\:bg-grey-500:focus {
  background-color: var(--color-grey-500);
}

.dark .dark\:focus\:bg-grey-550:focus {
  background-color: var(--color-grey-550);
}

.dark .dark\:focus\:bg-grey-600:focus {
  background-color: var(--color-grey-600);
}

.dark .dark\:focus\:bg-grey-650:focus {
  background-color: var(--color-grey-650);
}

.dark .dark\:focus\:bg-grey-700:focus {
  background-color: var(--color-grey-700);
}

.dark .dark\:focus\:bg-grey-800:focus {
  background-color: var(--color-grey-800);
}

.dark .dark\:focus\:bg-grey-850:focus {
  background-color: var(--color-grey-850);
}

.dark .dark\:focus\:bg-grey-900:focus {
  background-color: var(--color-grey-900);
}

.dark .dark\:focus\:bg-grey-950:focus {
  background-color: var(--color-grey-950);
}

.dark .dark\:focus\:bg-blue-100:focus {
  background-color: var(--color-blue-100);
}

.dark .dark\:focus\:bg-blue-200:focus {
  background-color: var(--color-blue-200);
}

.dark .dark\:focus\:bg-blue-300:focus {
  background-color: var(--color-blue-300);
}

.dark .dark\:focus\:bg-blue-400:focus {
  background-color: var(--color-blue-400);
}

.dark .dark\:focus\:bg-blue-500:focus {
  background-color: var(--color-blue-500);
}

.dark .dark\:focus\:bg-blue-600:focus {
  background-color: var(--color-blue-600);
}

.dark .dark\:focus\:bg-blue-700:focus {
  background-color: var(--color-blue-700);
}

.dark .dark\:focus\:bg-blue-750:focus {
  background-color: var(--color-blue-750);
}

.dark .dark\:focus\:bg-blue-800:focus {
  background-color: var(--color-blue-800);
}

.dark .dark\:focus\:bg-blue-850:focus {
  background-color: var(--color-blue-850);
}

.dark .dark\:focus\:bg-green-50:focus {
  background-color: var(--color-green-50);
}

.dark .dark\:focus\:bg-green-100:focus {
  background-color: var(--color-green-100);
}

.dark .dark\:focus\:bg-green-200:focus {
  background-color: var(--color-green-200);
}

.dark .dark\:focus\:bg-green-300:focus {
  background-color: var(--color-green-300);
}

.dark .dark\:focus\:bg-green-400:focus {
  background-color: var(--color-green-400);
}

.dark .dark\:focus\:bg-green-500:focus {
  background-color: var(--color-green-500);
}

.dark .dark\:focus\:bg-green-600:focus {
  background-color: var(--color-green-600);
}

.dark .dark\:focus\:bg-green-650:focus {
  background-color: var(--color-green-650);
}

.dark .dark\:focus\:bg-green-700:focus {
  background-color: var(--color-green-700);
}

.dark .dark\:focus\:bg-green-800:focus {
  background-color: var(--color-green-800);
}

.dark .dark\:focus\:bg-green-900:focus {
  background-color: var(--color-green-900);
}

.dark .dark\:focus\:bg-red-600:focus {
  background-color: var(--color-red-600);
}

.dark .dark\:focus\:bg-red-700:focus {
  background-color: var(--color-red-700);
}

.dark .dark\:focus\:bg-red-800:focus {
  background-color: var(--color-red-800);
}

.dark .dark\:focus\:bg-red-900:focus {
  background-color: var(--color-red-900);
}

.dark .dark\:focus\:bg-orange-50:focus {
  background-color: var(--color-orange-50);
}

.dark .dark\:focus\:bg-orange-100:focus {
  background-color: var(--color-orange-100);
}

.dark .dark\:focus\:bg-orange-200:focus {
  background-color: var(--color-orange-200);
}

.dark .dark\:focus\:bg-orange-300:focus {
  background-color: var(--color-orange-300);
}

.dark .dark\:focus\:bg-orange-400:focus {
  background-color: var(--color-orange-400);
}

.dark .dark\:focus\:bg-orange-500:focus {
  background-color: var(--color-orange-500);
}

.dark .dark\:focus\:bg-orange-600:focus {
  background-color: var(--color-orange-600);
}

.dark .dark\:focus\:bg-orange-700:focus {
  background-color: var(--color-orange-700);
}

.dark .dark\:focus\:bg-chart-50:focus {
  background-color: var(--color-chart-50);
}

.dark .dark\:focus\:bg-chart-100:focus {
  background-color: var(--color-chart-100);
}

.dark .dark\:focus\:bg-chart-200:focus {
  background-color: var(--color-chart-200);
}

.dark .dark\:focus\:bg-chart-300:focus {
  background-color: var(--color-chart-300);
}

.dark .dark\:focus\:bg-chart-400:focus {
  background-color: var(--color-chart-400);
}

.dark .dark\:focus\:bg-chart-500:focus {
  background-color: var(--color-chart-500);
}

.dark .dark\:focus\:bg-chart-600:focus {
  background-color: var(--color-chart-600);
}

.dark .dark\:focus\:bg-chart-700:focus {
  background-color: var(--color-chart-700);
}

.dark .dark\:focus\:bg-chart-800:focus {
  background-color: var(--color-chart-800);
}

.dark .dark\:focus\:bg-chart-900:focus {
  background-color: var(--color-chart-900);
}

.bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}

.bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

.bg-opacity-100 {
  --tw-bg-opacity: 1;
}

.group:hover .group-hover\:bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.group:hover .group-hover\:bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}

.group:hover .group-hover\:bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.group:hover .group-hover\:bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.group:hover .group-hover\:bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.group:hover .group-hover\:bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.group:hover .group-hover\:bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.group:hover .group-hover\:bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.group:hover .group-hover\:bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.group:hover .group-hover\:bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.group:hover .group-hover\:bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.group:hover .group-hover\:bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.group:hover .group-hover\:bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.group:hover .group-hover\:bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

.group:hover .group-hover\:bg-opacity-100 {
  --tw-bg-opacity: 1;
}

.focus-within\:bg-opacity-0:focus-within {
  --tw-bg-opacity: 0;
}

.focus-within\:bg-opacity-5:focus-within {
  --tw-bg-opacity: 0.05;
}

.focus-within\:bg-opacity-10:focus-within {
  --tw-bg-opacity: 0.1;
}

.focus-within\:bg-opacity-20:focus-within {
  --tw-bg-opacity: 0.2;
}

.focus-within\:bg-opacity-25:focus-within {
  --tw-bg-opacity: 0.25;
}

.focus-within\:bg-opacity-30:focus-within {
  --tw-bg-opacity: 0.3;
}

.focus-within\:bg-opacity-40:focus-within {
  --tw-bg-opacity: 0.4;
}

.focus-within\:bg-opacity-50:focus-within {
  --tw-bg-opacity: 0.5;
}

.focus-within\:bg-opacity-60:focus-within {
  --tw-bg-opacity: 0.6;
}

.focus-within\:bg-opacity-70:focus-within {
  --tw-bg-opacity: 0.7;
}

.focus-within\:bg-opacity-75:focus-within {
  --tw-bg-opacity: 0.75;
}

.focus-within\:bg-opacity-80:focus-within {
  --tw-bg-opacity: 0.8;
}

.focus-within\:bg-opacity-90:focus-within {
  --tw-bg-opacity: 0.9;
}

.focus-within\:bg-opacity-95:focus-within {
  --tw-bg-opacity: 0.95;
}

.focus-within\:bg-opacity-100:focus-within {
  --tw-bg-opacity: 1;
}

.hover\:bg-opacity-0:hover {
  --tw-bg-opacity: 0;
}

.hover\:bg-opacity-5:hover {
  --tw-bg-opacity: 0.05;
}

.hover\:bg-opacity-10:hover {
  --tw-bg-opacity: 0.1;
}

.hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2;
}

.hover\:bg-opacity-25:hover {
  --tw-bg-opacity: 0.25;
}

.hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}

.hover\:bg-opacity-40:hover {
  --tw-bg-opacity: 0.4;
}

.hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5;
}

.hover\:bg-opacity-60:hover {
  --tw-bg-opacity: 0.6;
}

.hover\:bg-opacity-70:hover {
  --tw-bg-opacity: 0.7;
}

.hover\:bg-opacity-75:hover {
  --tw-bg-opacity: 0.75;
}

.hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}

.hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}

.hover\:bg-opacity-95:hover {
  --tw-bg-opacity: 0.95;
}

.hover\:bg-opacity-100:hover {
  --tw-bg-opacity: 1;
}

.focus\:bg-opacity-0:focus {
  --tw-bg-opacity: 0;
}

.focus\:bg-opacity-5:focus {
  --tw-bg-opacity: 0.05;
}

.focus\:bg-opacity-10:focus {
  --tw-bg-opacity: 0.1;
}

.focus\:bg-opacity-20:focus {
  --tw-bg-opacity: 0.2;
}

.focus\:bg-opacity-25:focus {
  --tw-bg-opacity: 0.25;
}

.focus\:bg-opacity-30:focus {
  --tw-bg-opacity: 0.3;
}

.focus\:bg-opacity-40:focus {
  --tw-bg-opacity: 0.4;
}

.focus\:bg-opacity-50:focus {
  --tw-bg-opacity: 0.5;
}

.focus\:bg-opacity-60:focus {
  --tw-bg-opacity: 0.6;
}

.focus\:bg-opacity-70:focus {
  --tw-bg-opacity: 0.7;
}

.focus\:bg-opacity-75:focus {
  --tw-bg-opacity: 0.75;
}

.focus\:bg-opacity-80:focus {
  --tw-bg-opacity: 0.8;
}

.focus\:bg-opacity-90:focus {
  --tw-bg-opacity: 0.9;
}

.focus\:bg-opacity-95:focus {
  --tw-bg-opacity: 0.95;
}

.focus\:bg-opacity-100:focus {
  --tw-bg-opacity: 1;
}

.dark .dark\:bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.dark .dark\:bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}

.dark .dark\:bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.dark .dark\:bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.dark .dark\:bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.dark .dark\:bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.dark .dark\:bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.dark .dark\:bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.dark .dark\:bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.dark .dark\:bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.dark .dark\:bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.dark .dark\:bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.dark .dark\:bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.dark .dark\:bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

.dark .dark\:bg-opacity-100 {
  --tw-bg-opacity: 1;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-0 {
  --tw-bg-opacity: 0;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-5 {
  --tw-bg-opacity: 0.05;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-10 {
  --tw-bg-opacity: 0.1;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-20 {
  --tw-bg-opacity: 0.2;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-75 {
  --tw-bg-opacity: 0.75;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-95 {
  --tw-bg-opacity: 0.95;
}

.dark .group:hover .dark\:group-hover\:bg-opacity-100 {
  --tw-bg-opacity: 1;
}

.dark .dark\:focus-within\:bg-opacity-0:focus-within {
  --tw-bg-opacity: 0;
}

.dark .dark\:focus-within\:bg-opacity-5:focus-within {
  --tw-bg-opacity: 0.05;
}

.dark .dark\:focus-within\:bg-opacity-10:focus-within {
  --tw-bg-opacity: 0.1;
}

.dark .dark\:focus-within\:bg-opacity-20:focus-within {
  --tw-bg-opacity: 0.2;
}

.dark .dark\:focus-within\:bg-opacity-25:focus-within {
  --tw-bg-opacity: 0.25;
}

.dark .dark\:focus-within\:bg-opacity-30:focus-within {
  --tw-bg-opacity: 0.3;
}

.dark .dark\:focus-within\:bg-opacity-40:focus-within {
  --tw-bg-opacity: 0.4;
}

.dark .dark\:focus-within\:bg-opacity-50:focus-within {
  --tw-bg-opacity: 0.5;
}

.dark .dark\:focus-within\:bg-opacity-60:focus-within {
  --tw-bg-opacity: 0.6;
}

.dark .dark\:focus-within\:bg-opacity-70:focus-within {
  --tw-bg-opacity: 0.7;
}

.dark .dark\:focus-within\:bg-opacity-75:focus-within {
  --tw-bg-opacity: 0.75;
}

.dark .dark\:focus-within\:bg-opacity-80:focus-within {
  --tw-bg-opacity: 0.8;
}

.dark .dark\:focus-within\:bg-opacity-90:focus-within {
  --tw-bg-opacity: 0.9;
}

.dark .dark\:focus-within\:bg-opacity-95:focus-within {
  --tw-bg-opacity: 0.95;
}

.dark .dark\:focus-within\:bg-opacity-100:focus-within {
  --tw-bg-opacity: 1;
}

.dark .dark\:hover\:bg-opacity-0:hover {
  --tw-bg-opacity: 0;
}

.dark .dark\:hover\:bg-opacity-5:hover {
  --tw-bg-opacity: 0.05;
}

.dark .dark\:hover\:bg-opacity-10:hover {
  --tw-bg-opacity: 0.1;
}

.dark .dark\:hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2;
}

.dark .dark\:hover\:bg-opacity-25:hover {
  --tw-bg-opacity: 0.25;
}

.dark .dark\:hover\:bg-opacity-30:hover {
  --tw-bg-opacity: 0.3;
}

.dark .dark\:hover\:bg-opacity-40:hover {
  --tw-bg-opacity: 0.4;
}

.dark .dark\:hover\:bg-opacity-50:hover {
  --tw-bg-opacity: 0.5;
}

.dark .dark\:hover\:bg-opacity-60:hover {
  --tw-bg-opacity: 0.6;
}

.dark .dark\:hover\:bg-opacity-70:hover {
  --tw-bg-opacity: 0.7;
}

.dark .dark\:hover\:bg-opacity-75:hover {
  --tw-bg-opacity: 0.75;
}

.dark .dark\:hover\:bg-opacity-80:hover {
  --tw-bg-opacity: 0.8;
}

.dark .dark\:hover\:bg-opacity-90:hover {
  --tw-bg-opacity: 0.9;
}

.dark .dark\:hover\:bg-opacity-95:hover {
  --tw-bg-opacity: 0.95;
}

.dark .dark\:hover\:bg-opacity-100:hover {
  --tw-bg-opacity: 1;
}

.dark .dark\:focus\:bg-opacity-0:focus {
  --tw-bg-opacity: 0;
}

.dark .dark\:focus\:bg-opacity-5:focus {
  --tw-bg-opacity: 0.05;
}

.dark .dark\:focus\:bg-opacity-10:focus {
  --tw-bg-opacity: 0.1;
}

.dark .dark\:focus\:bg-opacity-20:focus {
  --tw-bg-opacity: 0.2;
}

.dark .dark\:focus\:bg-opacity-25:focus {
  --tw-bg-opacity: 0.25;
}

.dark .dark\:focus\:bg-opacity-30:focus {
  --tw-bg-opacity: 0.3;
}

.dark .dark\:focus\:bg-opacity-40:focus {
  --tw-bg-opacity: 0.4;
}

.dark .dark\:focus\:bg-opacity-50:focus {
  --tw-bg-opacity: 0.5;
}

.dark .dark\:focus\:bg-opacity-60:focus {
  --tw-bg-opacity: 0.6;
}

.dark .dark\:focus\:bg-opacity-70:focus {
  --tw-bg-opacity: 0.7;
}

.dark .dark\:focus\:bg-opacity-75:focus {
  --tw-bg-opacity: 0.75;
}

.dark .dark\:focus\:bg-opacity-80:focus {
  --tw-bg-opacity: 0.8;
}

.dark .dark\:focus\:bg-opacity-90:focus {
  --tw-bg-opacity: 0.9;
}

.dark .dark\:focus\:bg-opacity-95:focus {
  --tw-bg-opacity: 0.95;
}

.dark .dark\:focus\:bg-opacity-100:focus {
  --tw-bg-opacity: 1;
}

.bg-none {
  background-image: none;
}

.decoration-slice {
  -webkit-box-decoration-break: slice;
          box-decoration-break: slice;
}

.decoration-clone {
  -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
}

.bg-auto {
  background-size: auto;
}

.bg-cover {
  background-size: cover;
}

.bg-contain {
  background-size: contain;
}

.bg-fixed {
  background-attachment: fixed;
}

.bg-local {
  background-attachment: local;
}

.bg-scroll {
  background-attachment: scroll;
}

.bg-clip-border {
  background-clip: border-box;
}

.bg-clip-padding {
  background-clip: padding-box;
}

.bg-clip-content {
  background-clip: content-box;
}

.bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text;
}

.bg-bottom {
  background-position: bottom;
}

.bg-center {
  background-position: center;
}

.bg-left {
  background-position: left;
}

.bg-left-bottom {
  background-position: left bottom;
}

.bg-left-top {
  background-position: left top;
}

.bg-right {
  background-position: right;
}

.bg-right-bottom {
  background-position: right bottom;
}

.bg-right-top {
  background-position: right top;
}

.bg-top {
  background-position: top;
}

.bg-repeat {
  background-repeat: repeat;
}

.bg-no-repeat {
  background-repeat: no-repeat;
}

.bg-repeat-x {
  background-repeat: repeat-x;
}

.bg-repeat-y {
  background-repeat: repeat-y;
}

.bg-repeat-round {
  background-repeat: round;
}

.bg-repeat-space {
  background-repeat: space;
}

.bg-origin-border {
  background-origin: border-box;
}

.bg-origin-padding {
  background-origin: padding-box;
}

.bg-origin-content {
  background-origin: content-box;
}

.fill-current {
  fill: currentColor;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

.object-fill {
  object-fit: fill;
}

.object-none {
  object-fit: none;
}

.object-scale-down {
  object-fit: scale-down;
}

.object-bottom {
  object-position: bottom;
}

.object-center {
  object-position: center;
}

.object-left {
  object-position: left;
}

.object-left-bottom {
  object-position: left bottom;
}

.object-left-top {
  object-position: left top;
}

.object-right {
  object-position: right;
}

.object-right-bottom {
  object-position: right bottom;
}

.object-right-top {
  object-position: right top;
}

.object-top {
  object-position: top;
}

.p-0 {
  padding: var(--spacing-0);
}

.p-1 {
  padding: var(--spacing-10);
}

.p-2 {
  padding: var(--spacing-15);
}

.p-3 {
  padding: var(--spacing-20);
}

.p-4 {
  padding: var(--spacing-25);
}

.p-5 {
  padding: var(--spacing-40);
}

.px-0 {
  padding-left: var(--spacing-0);
  padding-right: var(--spacing-0);
}

.px-1 {
  padding-left: var(--spacing-10);
  padding-right: var(--spacing-10);
}

.px-2 {
  padding-left: var(--spacing-15);
  padding-right: var(--spacing-15);
}

.px-3 {
  padding-left: var(--spacing-20);
  padding-right: var(--spacing-20);
}

.px-4 {
  padding-left: var(--spacing-25);
  padding-right: var(--spacing-25);
}

.px-5 {
  padding-left: var(--spacing-40);
  padding-right: var(--spacing-40);
}

.py-0 {
  padding-top: var(--spacing-0);
  padding-bottom: var(--spacing-0);
}

.py-1 {
  padding-top: var(--spacing-10);
  padding-bottom: var(--spacing-10);
}

.py-2 {
  padding-top: var(--spacing-15);
  padding-bottom: var(--spacing-15);
}

.py-3 {
  padding-top: var(--spacing-20);
  padding-bottom: var(--spacing-20);
}

.py-4 {
  padding-top: var(--spacing-25);
  padding-bottom: var(--spacing-25);
}

.py-5 {
  padding-top: var(--spacing-40);
  padding-bottom: var(--spacing-40);
}

.pt-0 {
  padding-top: var(--spacing-0);
}

.pt-1 {
  padding-top: var(--spacing-10);
}

.pt-2 {
  padding-top: var(--spacing-15);
}

.pt-3 {
  padding-top: var(--spacing-20);
}

.pt-4 {
  padding-top: var(--spacing-25);
}

.pt-5 {
  padding-top: var(--spacing-40);
}

.pr-0 {
  padding-right: var(--spacing-0);
}

.pr-1 {
  padding-right: var(--spacing-10);
}

.pr-2 {
  padding-right: var(--spacing-15);
}

.pr-3 {
  padding-right: var(--spacing-20);
}

.pr-4 {
  padding-right: var(--spacing-25);
}

.pr-5 {
  padding-right: var(--spacing-40);
}

.pb-0 {
  padding-bottom: var(--spacing-0);
}

.pb-1 {
  padding-bottom: var(--spacing-10);
}

.pb-2 {
  padding-bottom: var(--spacing-15);
}

.pb-3 {
  padding-bottom: var(--spacing-20);
}

.pb-4 {
  padding-bottom: var(--spacing-25);
}

.pb-5 {
  padding-bottom: var(--spacing-40);
}

.pl-0 {
  padding-left: var(--spacing-0);
}

.pl-1 {
  padding-left: var(--spacing-10);
}

.pl-2 {
  padding-left: var(--spacing-15);
}

.pl-3 {
  padding-left: var(--spacing-20);
}

.pl-4 {
  padding-left: var(--spacing-25);
}

.pl-5 {
  padding-left: var(--spacing-40);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.align-baseline {
  vertical-align: baseline;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

.align-text-top {
  vertical-align: text-top;
}

.align-text-bottom {
  vertical-align: text-bottom;
}

.font-sans {
  font-family: var(--family-sans);
}

.text-xs {
  font-size: var(--size-xs);
  line-height: 1.2;
}

.text-sm {
  font-size: var(--size-sm);
  line-height: 1.5;
}

.text-base {
  font-size: var(--size-base);
  line-height: 1.313rem;
}

.text-lg {
  font-size: var(--size-lg);
}

.text-xl {
  font-size: var(--size-xl);
  line-height: 25px;
}

.text-2xl {
  font-size: var(--size-2xl);
}

.text-3xl {
  font-size: var(--size-3xl);
  line-height: 27px;
}

.text-4xl {
  font-size: var(--size-4xl);
  line-height: 1.230;
}

.font-thin {
  font-weight: var(--weight-thin);
}

.font-light {
  font-weight: var(--weight-light);
}

.font-normal {
  font-weight: var(--weight-normal);
}

.font-medium {
  font-weight: var(--weight-medium);
}

.font-bold {
  font-weight: var(--weight-bold);
}

.font-black {
  font-weight: var(--weight-black);
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.normal-case {
  text-transform: none;
}

.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions {
  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.normal-nums {
  font-variant-numeric: normal;
}

.ordinal {
  --tw-ordinal: ordinal;
}

.slashed-zero {
  --tw-slashed-zero: slashed-zero;
}

.lining-nums {
  --tw-numeric-figure: lining-nums;
}

.oldstyle-nums {
  --tw-numeric-figure: oldstyle-nums;
}

.proportional-nums {
  --tw-numeric-spacing: proportional-nums;
}

.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
}

.diagonal-fractions {
  --tw-numeric-fraction: diagonal-fractions;
}

.stacked-fractions {
  --tw-numeric-fraction: stacked-fractions;
}

.leading-3 {
  line-height: .75rem;
}

.leading-4 {
  line-height: 1rem;
}

.leading-5 {
  line-height: 1.25rem;
}

.leading-6 {
  line-height: 1.5rem;
}

.leading-7 {
  line-height: 1.75rem;
}

.leading-8 {
  line-height: 2rem;
}

.leading-9 {
  line-height: 2.25rem;
}

.leading-10 {
  line-height: 2.5rem;
}

.leading-none {
  line-height: 1;
}

.leading-tight {
  line-height: 1.25;
}

.leading-snug {
  line-height: 1.375;
}

.leading-normal {
  line-height: 1.5;
}

.leading-relaxed {
  line-height: 1.625;
}

.leading-loose {
  line-height: 2;
}

.tracking-tighter {
  letter-spacing: -0.05em;
}

.tracking-tight {
  letter-spacing: -0.025em;
}

.tracking-normal {
  letter-spacing: 0em;
}

.tracking-wide {
  letter-spacing: 0.025em;
}

.tracking-wider {
  letter-spacing: 0.05em;
}

.tracking-widest {
  letter-spacing: 0.1em;
}

.text-transparent {
  color: var(--color-transparent);
}

.text-current {
  color: var(--color-current);
}

.text-black {
  color: var(--color-black);
}

.text-white {
  color: var(--color-white);
}

.text-grey-100 {
  color: var(--color-grey-100);
}

.text-grey-200 {
  color: var(--color-grey-200);
}

.text-grey-300 {
  color: var(--color-grey-300);
}

.text-grey-400 {
  color: var(--color-grey-400);
}

.text-grey-500 {
  color: var(--color-grey-500);
}

.text-grey-550 {
  color: var(--color-grey-550);
}

.text-grey-600 {
  color: var(--color-grey-600);
}

.text-grey-650 {
  color: var(--color-grey-650);
}

.text-grey-700 {
  color: var(--color-grey-700);
}

.text-grey-800 {
  color: var(--color-grey-800);
}

.text-grey-850 {
  color: var(--color-grey-850);
}

.text-grey-900 {
  color: var(--color-grey-900);
}

.text-grey-950 {
  color: var(--color-grey-950);
}

.text-blue-100 {
  color: var(--color-blue-100);
}

.text-blue-200 {
  color: var(--color-blue-200);
}

.text-blue-300 {
  color: var(--color-blue-300);
}

.text-blue-400 {
  color: var(--color-blue-400);
}

.text-blue-500 {
  color: var(--color-blue-500);
}

.text-blue-600 {
  color: var(--color-blue-600);
}

.text-blue-700 {
  color: var(--color-blue-700);
}

.text-blue-750 {
  color: var(--color-blue-750);
}

.text-blue-800 {
  color: var(--color-blue-800);
}

.text-blue-850 {
  color: var(--color-blue-850);
}

.text-green-50 {
  color: var(--color-green-50);
}

.text-green-100 {
  color: var(--color-green-100);
}

.text-green-200 {
  color: var(--color-green-200);
}

.text-green-300 {
  color: var(--color-green-300);
}

.text-green-400 {
  color: var(--color-green-400);
}

.text-green-500 {
  color: var(--color-green-500);
}

.text-green-600 {
  color: var(--color-green-600);
}

.text-green-650 {
  color: var(--color-green-650);
}

.text-green-700 {
  color: var(--color-green-700);
}

.text-green-800 {
  color: var(--color-green-800);
}

.text-green-900 {
  color: var(--color-green-900);
}

.text-red-600 {
  color: var(--color-red-600);
}

.text-red-700 {
  color: var(--color-red-700);
}

.text-red-800 {
  color: var(--color-red-800);
}

.text-red-900 {
  color: var(--color-red-900);
}

.text-orange-50 {
  color: var(--color-orange-50);
}

.text-orange-100 {
  color: var(--color-orange-100);
}

.text-orange-200 {
  color: var(--color-orange-200);
}

.text-orange-300 {
  color: var(--color-orange-300);
}

.text-orange-400 {
  color: var(--color-orange-400);
}

.text-orange-500 {
  color: var(--color-orange-500);
}

.text-orange-600 {
  color: var(--color-orange-600);
}

.text-orange-700 {
  color: var(--color-orange-700);
}

.text-chart-50 {
  color: var(--color-chart-50);
}

.text-chart-100 {
  color: var(--color-chart-100);
}

.text-chart-200 {
  color: var(--color-chart-200);
}

.text-chart-300 {
  color: var(--color-chart-300);
}

.text-chart-400 {
  color: var(--color-chart-400);
}

.text-chart-500 {
  color: var(--color-chart-500);
}

.text-chart-600 {
  color: var(--color-chart-600);
}

.text-chart-700 {
  color: var(--color-chart-700);
}

.text-chart-800 {
  color: var(--color-chart-800);
}

.text-chart-900 {
  color: var(--color-chart-900);
}

.group:hover .group-hover\:text-transparent {
  color: var(--color-transparent);
}

.group:hover .group-hover\:text-current {
  color: var(--color-current);
}

.group:hover .group-hover\:text-black {
  color: var(--color-black);
}

.group:hover .group-hover\:text-white {
  color: var(--color-white);
}

.group:hover .group-hover\:text-grey-100 {
  color: var(--color-grey-100);
}

.group:hover .group-hover\:text-grey-200 {
  color: var(--color-grey-200);
}

.group:hover .group-hover\:text-grey-300 {
  color: var(--color-grey-300);
}

.group:hover .group-hover\:text-grey-400 {
  color: var(--color-grey-400);
}

.group:hover .group-hover\:text-grey-500 {
  color: var(--color-grey-500);
}

.group:hover .group-hover\:text-grey-550 {
  color: var(--color-grey-550);
}

.group:hover .group-hover\:text-grey-600 {
  color: var(--color-grey-600);
}

.group:hover .group-hover\:text-grey-650 {
  color: var(--color-grey-650);
}

.group:hover .group-hover\:text-grey-700 {
  color: var(--color-grey-700);
}

.group:hover .group-hover\:text-grey-800 {
  color: var(--color-grey-800);
}

.group:hover .group-hover\:text-grey-850 {
  color: var(--color-grey-850);
}

.group:hover .group-hover\:text-grey-900 {
  color: var(--color-grey-900);
}

.group:hover .group-hover\:text-grey-950 {
  color: var(--color-grey-950);
}

.group:hover .group-hover\:text-blue-100 {
  color: var(--color-blue-100);
}

.group:hover .group-hover\:text-blue-200 {
  color: var(--color-blue-200);
}

.group:hover .group-hover\:text-blue-300 {
  color: var(--color-blue-300);
}

.group:hover .group-hover\:text-blue-400 {
  color: var(--color-blue-400);
}

.group:hover .group-hover\:text-blue-500 {
  color: var(--color-blue-500);
}

.group:hover .group-hover\:text-blue-600 {
  color: var(--color-blue-600);
}

.group:hover .group-hover\:text-blue-700 {
  color: var(--color-blue-700);
}

.group:hover .group-hover\:text-blue-750 {
  color: var(--color-blue-750);
}

.group:hover .group-hover\:text-blue-800 {
  color: var(--color-blue-800);
}

.group:hover .group-hover\:text-blue-850 {
  color: var(--color-blue-850);
}

.group:hover .group-hover\:text-green-50 {
  color: var(--color-green-50);
}

.group:hover .group-hover\:text-green-100 {
  color: var(--color-green-100);
}

.group:hover .group-hover\:text-green-200 {
  color: var(--color-green-200);
}

.group:hover .group-hover\:text-green-300 {
  color: var(--color-green-300);
}

.group:hover .group-hover\:text-green-400 {
  color: var(--color-green-400);
}

.group:hover .group-hover\:text-green-500 {
  color: var(--color-green-500);
}

.group:hover .group-hover\:text-green-600 {
  color: var(--color-green-600);
}

.group:hover .group-hover\:text-green-650 {
  color: var(--color-green-650);
}

.group:hover .group-hover\:text-green-700 {
  color: var(--color-green-700);
}

.group:hover .group-hover\:text-green-800 {
  color: var(--color-green-800);
}

.group:hover .group-hover\:text-green-900 {
  color: var(--color-green-900);
}

.group:hover .group-hover\:text-red-600 {
  color: var(--color-red-600);
}

.group:hover .group-hover\:text-red-700 {
  color: var(--color-red-700);
}

.group:hover .group-hover\:text-red-800 {
  color: var(--color-red-800);
}

.group:hover .group-hover\:text-red-900 {
  color: var(--color-red-900);
}

.group:hover .group-hover\:text-orange-50 {
  color: var(--color-orange-50);
}

.group:hover .group-hover\:text-orange-100 {
  color: var(--color-orange-100);
}

.group:hover .group-hover\:text-orange-200 {
  color: var(--color-orange-200);
}

.group:hover .group-hover\:text-orange-300 {
  color: var(--color-orange-300);
}

.group:hover .group-hover\:text-orange-400 {
  color: var(--color-orange-400);
}

.group:hover .group-hover\:text-orange-500 {
  color: var(--color-orange-500);
}

.group:hover .group-hover\:text-orange-600 {
  color: var(--color-orange-600);
}

.group:hover .group-hover\:text-orange-700 {
  color: var(--color-orange-700);
}

.group:hover .group-hover\:text-chart-50 {
  color: var(--color-chart-50);
}

.group:hover .group-hover\:text-chart-100 {
  color: var(--color-chart-100);
}

.group:hover .group-hover\:text-chart-200 {
  color: var(--color-chart-200);
}

.group:hover .group-hover\:text-chart-300 {
  color: var(--color-chart-300);
}

.group:hover .group-hover\:text-chart-400 {
  color: var(--color-chart-400);
}

.group:hover .group-hover\:text-chart-500 {
  color: var(--color-chart-500);
}

.group:hover .group-hover\:text-chart-600 {
  color: var(--color-chart-600);
}

.group:hover .group-hover\:text-chart-700 {
  color: var(--color-chart-700);
}

.group:hover .group-hover\:text-chart-800 {
  color: var(--color-chart-800);
}

.group:hover .group-hover\:text-chart-900 {
  color: var(--color-chart-900);
}

.focus-within\:text-transparent:focus-within {
  color: var(--color-transparent);
}

.focus-within\:text-current:focus-within {
  color: var(--color-current);
}

.focus-within\:text-black:focus-within {
  color: var(--color-black);
}

.focus-within\:text-white:focus-within {
  color: var(--color-white);
}

.focus-within\:text-grey-100:focus-within {
  color: var(--color-grey-100);
}

.focus-within\:text-grey-200:focus-within {
  color: var(--color-grey-200);
}

.focus-within\:text-grey-300:focus-within {
  color: var(--color-grey-300);
}

.focus-within\:text-grey-400:focus-within {
  color: var(--color-grey-400);
}

.focus-within\:text-grey-500:focus-within {
  color: var(--color-grey-500);
}

.focus-within\:text-grey-550:focus-within {
  color: var(--color-grey-550);
}

.focus-within\:text-grey-600:focus-within {
  color: var(--color-grey-600);
}

.focus-within\:text-grey-650:focus-within {
  color: var(--color-grey-650);
}

.focus-within\:text-grey-700:focus-within {
  color: var(--color-grey-700);
}

.focus-within\:text-grey-800:focus-within {
  color: var(--color-grey-800);
}

.focus-within\:text-grey-850:focus-within {
  color: var(--color-grey-850);
}

.focus-within\:text-grey-900:focus-within {
  color: var(--color-grey-900);
}

.focus-within\:text-grey-950:focus-within {
  color: var(--color-grey-950);
}

.focus-within\:text-blue-100:focus-within {
  color: var(--color-blue-100);
}

.focus-within\:text-blue-200:focus-within {
  color: var(--color-blue-200);
}

.focus-within\:text-blue-300:focus-within {
  color: var(--color-blue-300);
}

.focus-within\:text-blue-400:focus-within {
  color: var(--color-blue-400);
}

.focus-within\:text-blue-500:focus-within {
  color: var(--color-blue-500);
}

.focus-within\:text-blue-600:focus-within {
  color: var(--color-blue-600);
}

.focus-within\:text-blue-700:focus-within {
  color: var(--color-blue-700);
}

.focus-within\:text-blue-750:focus-within {
  color: var(--color-blue-750);
}

.focus-within\:text-blue-800:focus-within {
  color: var(--color-blue-800);
}

.focus-within\:text-blue-850:focus-within {
  color: var(--color-blue-850);
}

.focus-within\:text-green-50:focus-within {
  color: var(--color-green-50);
}

.focus-within\:text-green-100:focus-within {
  color: var(--color-green-100);
}

.focus-within\:text-green-200:focus-within {
  color: var(--color-green-200);
}

.focus-within\:text-green-300:focus-within {
  color: var(--color-green-300);
}

.focus-within\:text-green-400:focus-within {
  color: var(--color-green-400);
}

.focus-within\:text-green-500:focus-within {
  color: var(--color-green-500);
}

.focus-within\:text-green-600:focus-within {
  color: var(--color-green-600);
}

.focus-within\:text-green-650:focus-within {
  color: var(--color-green-650);
}

.focus-within\:text-green-700:focus-within {
  color: var(--color-green-700);
}

.focus-within\:text-green-800:focus-within {
  color: var(--color-green-800);
}

.focus-within\:text-green-900:focus-within {
  color: var(--color-green-900);
}

.focus-within\:text-red-600:focus-within {
  color: var(--color-red-600);
}

.focus-within\:text-red-700:focus-within {
  color: var(--color-red-700);
}

.focus-within\:text-red-800:focus-within {
  color: var(--color-red-800);
}

.focus-within\:text-red-900:focus-within {
  color: var(--color-red-900);
}

.focus-within\:text-orange-50:focus-within {
  color: var(--color-orange-50);
}

.focus-within\:text-orange-100:focus-within {
  color: var(--color-orange-100);
}

.focus-within\:text-orange-200:focus-within {
  color: var(--color-orange-200);
}

.focus-within\:text-orange-300:focus-within {
  color: var(--color-orange-300);
}

.focus-within\:text-orange-400:focus-within {
  color: var(--color-orange-400);
}

.focus-within\:text-orange-500:focus-within {
  color: var(--color-orange-500);
}

.focus-within\:text-orange-600:focus-within {
  color: var(--color-orange-600);
}

.focus-within\:text-orange-700:focus-within {
  color: var(--color-orange-700);
}

.focus-within\:text-chart-50:focus-within {
  color: var(--color-chart-50);
}

.focus-within\:text-chart-100:focus-within {
  color: var(--color-chart-100);
}

.focus-within\:text-chart-200:focus-within {
  color: var(--color-chart-200);
}

.focus-within\:text-chart-300:focus-within {
  color: var(--color-chart-300);
}

.focus-within\:text-chart-400:focus-within {
  color: var(--color-chart-400);
}

.focus-within\:text-chart-500:focus-within {
  color: var(--color-chart-500);
}

.focus-within\:text-chart-600:focus-within {
  color: var(--color-chart-600);
}

.focus-within\:text-chart-700:focus-within {
  color: var(--color-chart-700);
}

.focus-within\:text-chart-800:focus-within {
  color: var(--color-chart-800);
}

.focus-within\:text-chart-900:focus-within {
  color: var(--color-chart-900);
}

.hover\:text-transparent:hover {
  color: var(--color-transparent);
}

.hover\:text-current:hover {
  color: var(--color-current);
}

.hover\:text-black:hover {
  color: var(--color-black);
}

.hover\:text-white:hover {
  color: var(--color-white);
}

.hover\:text-grey-100:hover {
  color: var(--color-grey-100);
}

.hover\:text-grey-200:hover {
  color: var(--color-grey-200);
}

.hover\:text-grey-300:hover {
  color: var(--color-grey-300);
}

.hover\:text-grey-400:hover {
  color: var(--color-grey-400);
}

.hover\:text-grey-500:hover {
  color: var(--color-grey-500);
}

.hover\:text-grey-550:hover {
  color: var(--color-grey-550);
}

.hover\:text-grey-600:hover {
  color: var(--color-grey-600);
}

.hover\:text-grey-650:hover {
  color: var(--color-grey-650);
}

.hover\:text-grey-700:hover {
  color: var(--color-grey-700);
}

.hover\:text-grey-800:hover {
  color: var(--color-grey-800);
}

.hover\:text-grey-850:hover {
  color: var(--color-grey-850);
}

.hover\:text-grey-900:hover {
  color: var(--color-grey-900);
}

.hover\:text-grey-950:hover {
  color: var(--color-grey-950);
}

.hover\:text-blue-100:hover {
  color: var(--color-blue-100);
}

.hover\:text-blue-200:hover {
  color: var(--color-blue-200);
}

.hover\:text-blue-300:hover {
  color: var(--color-blue-300);
}

.hover\:text-blue-400:hover {
  color: var(--color-blue-400);
}

.hover\:text-blue-500:hover {
  color: var(--color-blue-500);
}

.hover\:text-blue-600:hover {
  color: var(--color-blue-600);
}

.hover\:text-blue-700:hover {
  color: var(--color-blue-700);
}

.hover\:text-blue-750:hover {
  color: var(--color-blue-750);
}

.hover\:text-blue-800:hover {
  color: var(--color-blue-800);
}

.hover\:text-blue-850:hover {
  color: var(--color-blue-850);
}

.hover\:text-green-50:hover {
  color: var(--color-green-50);
}

.hover\:text-green-100:hover {
  color: var(--color-green-100);
}

.hover\:text-green-200:hover {
  color: var(--color-green-200);
}

.hover\:text-green-300:hover {
  color: var(--color-green-300);
}

.hover\:text-green-400:hover {
  color: var(--color-green-400);
}

.hover\:text-green-500:hover {
  color: var(--color-green-500);
}

.hover\:text-green-600:hover {
  color: var(--color-green-600);
}

.hover\:text-green-650:hover {
  color: var(--color-green-650);
}

.hover\:text-green-700:hover {
  color: var(--color-green-700);
}

.hover\:text-green-800:hover {
  color: var(--color-green-800);
}

.hover\:text-green-900:hover {
  color: var(--color-green-900);
}

.hover\:text-red-600:hover {
  color: var(--color-red-600);
}

.hover\:text-red-700:hover {
  color: var(--color-red-700);
}

.hover\:text-red-800:hover {
  color: var(--color-red-800);
}

.hover\:text-red-900:hover {
  color: var(--color-red-900);
}

.hover\:text-orange-50:hover {
  color: var(--color-orange-50);
}

.hover\:text-orange-100:hover {
  color: var(--color-orange-100);
}

.hover\:text-orange-200:hover {
  color: var(--color-orange-200);
}

.hover\:text-orange-300:hover {
  color: var(--color-orange-300);
}

.hover\:text-orange-400:hover {
  color: var(--color-orange-400);
}

.hover\:text-orange-500:hover {
  color: var(--color-orange-500);
}

.hover\:text-orange-600:hover {
  color: var(--color-orange-600);
}

.hover\:text-orange-700:hover {
  color: var(--color-orange-700);
}

.hover\:text-chart-50:hover {
  color: var(--color-chart-50);
}

.hover\:text-chart-100:hover {
  color: var(--color-chart-100);
}

.hover\:text-chart-200:hover {
  color: var(--color-chart-200);
}

.hover\:text-chart-300:hover {
  color: var(--color-chart-300);
}

.hover\:text-chart-400:hover {
  color: var(--color-chart-400);
}

.hover\:text-chart-500:hover {
  color: var(--color-chart-500);
}

.hover\:text-chart-600:hover {
  color: var(--color-chart-600);
}

.hover\:text-chart-700:hover {
  color: var(--color-chart-700);
}

.hover\:text-chart-800:hover {
  color: var(--color-chart-800);
}

.hover\:text-chart-900:hover {
  color: var(--color-chart-900);
}

.focus\:text-transparent:focus {
  color: var(--color-transparent);
}

.focus\:text-current:focus {
  color: var(--color-current);
}

.focus\:text-black:focus {
  color: var(--color-black);
}

.focus\:text-white:focus {
  color: var(--color-white);
}

.focus\:text-grey-100:focus {
  color: var(--color-grey-100);
}

.focus\:text-grey-200:focus {
  color: var(--color-grey-200);
}

.focus\:text-grey-300:focus {
  color: var(--color-grey-300);
}

.focus\:text-grey-400:focus {
  color: var(--color-grey-400);
}

.focus\:text-grey-500:focus {
  color: var(--color-grey-500);
}

.focus\:text-grey-550:focus {
  color: var(--color-grey-550);
}

.focus\:text-grey-600:focus {
  color: var(--color-grey-600);
}

.focus\:text-grey-650:focus {
  color: var(--color-grey-650);
}

.focus\:text-grey-700:focus {
  color: var(--color-grey-700);
}

.focus\:text-grey-800:focus {
  color: var(--color-grey-800);
}

.focus\:text-grey-850:focus {
  color: var(--color-grey-850);
}

.focus\:text-grey-900:focus {
  color: var(--color-grey-900);
}

.focus\:text-grey-950:focus {
  color: var(--color-grey-950);
}

.focus\:text-blue-100:focus {
  color: var(--color-blue-100);
}

.focus\:text-blue-200:focus {
  color: var(--color-blue-200);
}

.focus\:text-blue-300:focus {
  color: var(--color-blue-300);
}

.focus\:text-blue-400:focus {
  color: var(--color-blue-400);
}

.focus\:text-blue-500:focus {
  color: var(--color-blue-500);
}

.focus\:text-blue-600:focus {
  color: var(--color-blue-600);
}

.focus\:text-blue-700:focus {
  color: var(--color-blue-700);
}

.focus\:text-blue-750:focus {
  color: var(--color-blue-750);
}

.focus\:text-blue-800:focus {
  color: var(--color-blue-800);
}

.focus\:text-blue-850:focus {
  color: var(--color-blue-850);
}

.focus\:text-green-50:focus {
  color: var(--color-green-50);
}

.focus\:text-green-100:focus {
  color: var(--color-green-100);
}

.focus\:text-green-200:focus {
  color: var(--color-green-200);
}

.focus\:text-green-300:focus {
  color: var(--color-green-300);
}

.focus\:text-green-400:focus {
  color: var(--color-green-400);
}

.focus\:text-green-500:focus {
  color: var(--color-green-500);
}

.focus\:text-green-600:focus {
  color: var(--color-green-600);
}

.focus\:text-green-650:focus {
  color: var(--color-green-650);
}

.focus\:text-green-700:focus {
  color: var(--color-green-700);
}

.focus\:text-green-800:focus {
  color: var(--color-green-800);
}

.focus\:text-green-900:focus {
  color: var(--color-green-900);
}

.focus\:text-red-600:focus {
  color: var(--color-red-600);
}

.focus\:text-red-700:focus {
  color: var(--color-red-700);
}

.focus\:text-red-800:focus {
  color: var(--color-red-800);
}

.focus\:text-red-900:focus {
  color: var(--color-red-900);
}

.focus\:text-orange-50:focus {
  color: var(--color-orange-50);
}

.focus\:text-orange-100:focus {
  color: var(--color-orange-100);
}

.focus\:text-orange-200:focus {
  color: var(--color-orange-200);
}

.focus\:text-orange-300:focus {
  color: var(--color-orange-300);
}

.focus\:text-orange-400:focus {
  color: var(--color-orange-400);
}

.focus\:text-orange-500:focus {
  color: var(--color-orange-500);
}

.focus\:text-orange-600:focus {
  color: var(--color-orange-600);
}

.focus\:text-orange-700:focus {
  color: var(--color-orange-700);
}

.focus\:text-chart-50:focus {
  color: var(--color-chart-50);
}

.focus\:text-chart-100:focus {
  color: var(--color-chart-100);
}

.focus\:text-chart-200:focus {
  color: var(--color-chart-200);
}

.focus\:text-chart-300:focus {
  color: var(--color-chart-300);
}

.focus\:text-chart-400:focus {
  color: var(--color-chart-400);
}

.focus\:text-chart-500:focus {
  color: var(--color-chart-500);
}

.focus\:text-chart-600:focus {
  color: var(--color-chart-600);
}

.focus\:text-chart-700:focus {
  color: var(--color-chart-700);
}

.focus\:text-chart-800:focus {
  color: var(--color-chart-800);
}

.focus\:text-chart-900:focus {
  color: var(--color-chart-900);
}

.dark .dark\:text-transparent {
  color: var(--color-transparent);
}

.dark .dark\:text-current {
  color: var(--color-current);
}

.dark .dark\:text-black {
  color: var(--color-black);
}

.dark .dark\:text-white {
  color: var(--color-white);
}

.dark .dark\:text-grey-100 {
  color: var(--color-grey-100);
}

.dark .dark\:text-grey-200 {
  color: var(--color-grey-200);
}

.dark .dark\:text-grey-300 {
  color: var(--color-grey-300);
}

.dark .dark\:text-grey-400 {
  color: var(--color-grey-400);
}

.dark .dark\:text-grey-500 {
  color: var(--color-grey-500);
}

.dark .dark\:text-grey-550 {
  color: var(--color-grey-550);
}

.dark .dark\:text-grey-600 {
  color: var(--color-grey-600);
}

.dark .dark\:text-grey-650 {
  color: var(--color-grey-650);
}

.dark .dark\:text-grey-700 {
  color: var(--color-grey-700);
}

.dark .dark\:text-grey-800 {
  color: var(--color-grey-800);
}

.dark .dark\:text-grey-850 {
  color: var(--color-grey-850);
}

.dark .dark\:text-grey-900 {
  color: var(--color-grey-900);
}

.dark .dark\:text-grey-950 {
  color: var(--color-grey-950);
}

.dark .dark\:text-blue-100 {
  color: var(--color-blue-100);
}

.dark .dark\:text-blue-200 {
  color: var(--color-blue-200);
}

.dark .dark\:text-blue-300 {
  color: var(--color-blue-300);
}

.dark .dark\:text-blue-400 {
  color: var(--color-blue-400);
}

.dark .dark\:text-blue-500 {
  color: var(--color-blue-500);
}

.dark .dark\:text-blue-600 {
  color: var(--color-blue-600);
}

.dark .dark\:text-blue-700 {
  color: var(--color-blue-700);
}

.dark .dark\:text-blue-750 {
  color: var(--color-blue-750);
}

.dark .dark\:text-blue-800 {
  color: var(--color-blue-800);
}

.dark .dark\:text-blue-850 {
  color: var(--color-blue-850);
}

.dark .dark\:text-green-50 {
  color: var(--color-green-50);
}

.dark .dark\:text-green-100 {
  color: var(--color-green-100);
}

.dark .dark\:text-green-200 {
  color: var(--color-green-200);
}

.dark .dark\:text-green-300 {
  color: var(--color-green-300);
}

.dark .dark\:text-green-400 {
  color: var(--color-green-400);
}

.dark .dark\:text-green-500 {
  color: var(--color-green-500);
}

.dark .dark\:text-green-600 {
  color: var(--color-green-600);
}

.dark .dark\:text-green-650 {
  color: var(--color-green-650);
}

.dark .dark\:text-green-700 {
  color: var(--color-green-700);
}

.dark .dark\:text-green-800 {
  color: var(--color-green-800);
}

.dark .dark\:text-green-900 {
  color: var(--color-green-900);
}

.dark .dark\:text-red-600 {
  color: var(--color-red-600);
}

.dark .dark\:text-red-700 {
  color: var(--color-red-700);
}

.dark .dark\:text-red-800 {
  color: var(--color-red-800);
}

.dark .dark\:text-red-900 {
  color: var(--color-red-900);
}

.dark .dark\:text-orange-50 {
  color: var(--color-orange-50);
}

.dark .dark\:text-orange-100 {
  color: var(--color-orange-100);
}

.dark .dark\:text-orange-200 {
  color: var(--color-orange-200);
}

.dark .dark\:text-orange-300 {
  color: var(--color-orange-300);
}

.dark .dark\:text-orange-400 {
  color: var(--color-orange-400);
}

.dark .dark\:text-orange-500 {
  color: var(--color-orange-500);
}

.dark .dark\:text-orange-600 {
  color: var(--color-orange-600);
}

.dark .dark\:text-orange-700 {
  color: var(--color-orange-700);
}

.dark .dark\:text-chart-50 {
  color: var(--color-chart-50);
}

.dark .dark\:text-chart-100 {
  color: var(--color-chart-100);
}

.dark .dark\:text-chart-200 {
  color: var(--color-chart-200);
}

.dark .dark\:text-chart-300 {
  color: var(--color-chart-300);
}

.dark .dark\:text-chart-400 {
  color: var(--color-chart-400);
}

.dark .dark\:text-chart-500 {
  color: var(--color-chart-500);
}

.dark .dark\:text-chart-600 {
  color: var(--color-chart-600);
}

.dark .dark\:text-chart-700 {
  color: var(--color-chart-700);
}

.dark .dark\:text-chart-800 {
  color: var(--color-chart-800);
}

.dark .dark\:text-chart-900 {
  color: var(--color-chart-900);
}

.dark .group:hover .dark\:group-hover\:text-transparent {
  color: var(--color-transparent);
}

.dark .group:hover .dark\:group-hover\:text-current {
  color: var(--color-current);
}

.dark .group:hover .dark\:group-hover\:text-black {
  color: var(--color-black);
}

.dark .group:hover .dark\:group-hover\:text-white {
  color: var(--color-white);
}

.dark .group:hover .dark\:group-hover\:text-grey-100 {
  color: var(--color-grey-100);
}

.dark .group:hover .dark\:group-hover\:text-grey-200 {
  color: var(--color-grey-200);
}

.dark .group:hover .dark\:group-hover\:text-grey-300 {
  color: var(--color-grey-300);
}

.dark .group:hover .dark\:group-hover\:text-grey-400 {
  color: var(--color-grey-400);
}

.dark .group:hover .dark\:group-hover\:text-grey-500 {
  color: var(--color-grey-500);
}

.dark .group:hover .dark\:group-hover\:text-grey-550 {
  color: var(--color-grey-550);
}

.dark .group:hover .dark\:group-hover\:text-grey-600 {
  color: var(--color-grey-600);
}

.dark .group:hover .dark\:group-hover\:text-grey-650 {
  color: var(--color-grey-650);
}

.dark .group:hover .dark\:group-hover\:text-grey-700 {
  color: var(--color-grey-700);
}

.dark .group:hover .dark\:group-hover\:text-grey-800 {
  color: var(--color-grey-800);
}

.dark .group:hover .dark\:group-hover\:text-grey-850 {
  color: var(--color-grey-850);
}

.dark .group:hover .dark\:group-hover\:text-grey-900 {
  color: var(--color-grey-900);
}

.dark .group:hover .dark\:group-hover\:text-grey-950 {
  color: var(--color-grey-950);
}

.dark .group:hover .dark\:group-hover\:text-blue-100 {
  color: var(--color-blue-100);
}

.dark .group:hover .dark\:group-hover\:text-blue-200 {
  color: var(--color-blue-200);
}

.dark .group:hover .dark\:group-hover\:text-blue-300 {
  color: var(--color-blue-300);
}

.dark .group:hover .dark\:group-hover\:text-blue-400 {
  color: var(--color-blue-400);
}

.dark .group:hover .dark\:group-hover\:text-blue-500 {
  color: var(--color-blue-500);
}

.dark .group:hover .dark\:group-hover\:text-blue-600 {
  color: var(--color-blue-600);
}

.dark .group:hover .dark\:group-hover\:text-blue-700 {
  color: var(--color-blue-700);
}

.dark .group:hover .dark\:group-hover\:text-blue-750 {
  color: var(--color-blue-750);
}

.dark .group:hover .dark\:group-hover\:text-blue-800 {
  color: var(--color-blue-800);
}

.dark .group:hover .dark\:group-hover\:text-blue-850 {
  color: var(--color-blue-850);
}

.dark .group:hover .dark\:group-hover\:text-green-50 {
  color: var(--color-green-50);
}

.dark .group:hover .dark\:group-hover\:text-green-100 {
  color: var(--color-green-100);
}

.dark .group:hover .dark\:group-hover\:text-green-200 {
  color: var(--color-green-200);
}

.dark .group:hover .dark\:group-hover\:text-green-300 {
  color: var(--color-green-300);
}

.dark .group:hover .dark\:group-hover\:text-green-400 {
  color: var(--color-green-400);
}

.dark .group:hover .dark\:group-hover\:text-green-500 {
  color: var(--color-green-500);
}

.dark .group:hover .dark\:group-hover\:text-green-600 {
  color: var(--color-green-600);
}

.dark .group:hover .dark\:group-hover\:text-green-650 {
  color: var(--color-green-650);
}

.dark .group:hover .dark\:group-hover\:text-green-700 {
  color: var(--color-green-700);
}

.dark .group:hover .dark\:group-hover\:text-green-800 {
  color: var(--color-green-800);
}

.dark .group:hover .dark\:group-hover\:text-green-900 {
  color: var(--color-green-900);
}

.dark .group:hover .dark\:group-hover\:text-red-600 {
  color: var(--color-red-600);
}

.dark .group:hover .dark\:group-hover\:text-red-700 {
  color: var(--color-red-700);
}

.dark .group:hover .dark\:group-hover\:text-red-800 {
  color: var(--color-red-800);
}

.dark .group:hover .dark\:group-hover\:text-red-900 {
  color: var(--color-red-900);
}

.dark .group:hover .dark\:group-hover\:text-orange-50 {
  color: var(--color-orange-50);
}

.dark .group:hover .dark\:group-hover\:text-orange-100 {
  color: var(--color-orange-100);
}

.dark .group:hover .dark\:group-hover\:text-orange-200 {
  color: var(--color-orange-200);
}

.dark .group:hover .dark\:group-hover\:text-orange-300 {
  color: var(--color-orange-300);
}

.dark .group:hover .dark\:group-hover\:text-orange-400 {
  color: var(--color-orange-400);
}

.dark .group:hover .dark\:group-hover\:text-orange-500 {
  color: var(--color-orange-500);
}

.dark .group:hover .dark\:group-hover\:text-orange-600 {
  color: var(--color-orange-600);
}

.dark .group:hover .dark\:group-hover\:text-orange-700 {
  color: var(--color-orange-700);
}

.dark .group:hover .dark\:group-hover\:text-chart-50 {
  color: var(--color-chart-50);
}

.dark .group:hover .dark\:group-hover\:text-chart-100 {
  color: var(--color-chart-100);
}

.dark .group:hover .dark\:group-hover\:text-chart-200 {
  color: var(--color-chart-200);
}

.dark .group:hover .dark\:group-hover\:text-chart-300 {
  color: var(--color-chart-300);
}

.dark .group:hover .dark\:group-hover\:text-chart-400 {
  color: var(--color-chart-400);
}

.dark .group:hover .dark\:group-hover\:text-chart-500 {
  color: var(--color-chart-500);
}

.dark .group:hover .dark\:group-hover\:text-chart-600 {
  color: var(--color-chart-600);
}

.dark .group:hover .dark\:group-hover\:text-chart-700 {
  color: var(--color-chart-700);
}

.dark .group:hover .dark\:group-hover\:text-chart-800 {
  color: var(--color-chart-800);
}

.dark .group:hover .dark\:group-hover\:text-chart-900 {
  color: var(--color-chart-900);
}

.dark .dark\:focus-within\:text-transparent:focus-within {
  color: var(--color-transparent);
}

.dark .dark\:focus-within\:text-current:focus-within {
  color: var(--color-current);
}

.dark .dark\:focus-within\:text-black:focus-within {
  color: var(--color-black);
}

.dark .dark\:focus-within\:text-white:focus-within {
  color: var(--color-white);
}

.dark .dark\:focus-within\:text-grey-100:focus-within {
  color: var(--color-grey-100);
}

.dark .dark\:focus-within\:text-grey-200:focus-within {
  color: var(--color-grey-200);
}

.dark .dark\:focus-within\:text-grey-300:focus-within {
  color: var(--color-grey-300);
}

.dark .dark\:focus-within\:text-grey-400:focus-within {
  color: var(--color-grey-400);
}

.dark .dark\:focus-within\:text-grey-500:focus-within {
  color: var(--color-grey-500);
}

.dark .dark\:focus-within\:text-grey-550:focus-within {
  color: var(--color-grey-550);
}

.dark .dark\:focus-within\:text-grey-600:focus-within {
  color: var(--color-grey-600);
}

.dark .dark\:focus-within\:text-grey-650:focus-within {
  color: var(--color-grey-650);
}

.dark .dark\:focus-within\:text-grey-700:focus-within {
  color: var(--color-grey-700);
}

.dark .dark\:focus-within\:text-grey-800:focus-within {
  color: var(--color-grey-800);
}

.dark .dark\:focus-within\:text-grey-850:focus-within {
  color: var(--color-grey-850);
}

.dark .dark\:focus-within\:text-grey-900:focus-within {
  color: var(--color-grey-900);
}

.dark .dark\:focus-within\:text-grey-950:focus-within {
  color: var(--color-grey-950);
}

.dark .dark\:focus-within\:text-blue-100:focus-within {
  color: var(--color-blue-100);
}

.dark .dark\:focus-within\:text-blue-200:focus-within {
  color: var(--color-blue-200);
}

.dark .dark\:focus-within\:text-blue-300:focus-within {
  color: var(--color-blue-300);
}

.dark .dark\:focus-within\:text-blue-400:focus-within {
  color: var(--color-blue-400);
}

.dark .dark\:focus-within\:text-blue-500:focus-within {
  color: var(--color-blue-500);
}

.dark .dark\:focus-within\:text-blue-600:focus-within {
  color: var(--color-blue-600);
}

.dark .dark\:focus-within\:text-blue-700:focus-within {
  color: var(--color-blue-700);
}

.dark .dark\:focus-within\:text-blue-750:focus-within {
  color: var(--color-blue-750);
}

.dark .dark\:focus-within\:text-blue-800:focus-within {
  color: var(--color-blue-800);
}

.dark .dark\:focus-within\:text-blue-850:focus-within {
  color: var(--color-blue-850);
}

.dark .dark\:focus-within\:text-green-50:focus-within {
  color: var(--color-green-50);
}

.dark .dark\:focus-within\:text-green-100:focus-within {
  color: var(--color-green-100);
}

.dark .dark\:focus-within\:text-green-200:focus-within {
  color: var(--color-green-200);
}

.dark .dark\:focus-within\:text-green-300:focus-within {
  color: var(--color-green-300);
}

.dark .dark\:focus-within\:text-green-400:focus-within {
  color: var(--color-green-400);
}

.dark .dark\:focus-within\:text-green-500:focus-within {
  color: var(--color-green-500);
}

.dark .dark\:focus-within\:text-green-600:focus-within {
  color: var(--color-green-600);
}

.dark .dark\:focus-within\:text-green-650:focus-within {
  color: var(--color-green-650);
}

.dark .dark\:focus-within\:text-green-700:focus-within {
  color: var(--color-green-700);
}

.dark .dark\:focus-within\:text-green-800:focus-within {
  color: var(--color-green-800);
}

.dark .dark\:focus-within\:text-green-900:focus-within {
  color: var(--color-green-900);
}

.dark .dark\:focus-within\:text-red-600:focus-within {
  color: var(--color-red-600);
}

.dark .dark\:focus-within\:text-red-700:focus-within {
  color: var(--color-red-700);
}

.dark .dark\:focus-within\:text-red-800:focus-within {
  color: var(--color-red-800);
}

.dark .dark\:focus-within\:text-red-900:focus-within {
  color: var(--color-red-900);
}

.dark .dark\:focus-within\:text-orange-50:focus-within {
  color: var(--color-orange-50);
}

.dark .dark\:focus-within\:text-orange-100:focus-within {
  color: var(--color-orange-100);
}

.dark .dark\:focus-within\:text-orange-200:focus-within {
  color: var(--color-orange-200);
}

.dark .dark\:focus-within\:text-orange-300:focus-within {
  color: var(--color-orange-300);
}

.dark .dark\:focus-within\:text-orange-400:focus-within {
  color: var(--color-orange-400);
}

.dark .dark\:focus-within\:text-orange-500:focus-within {
  color: var(--color-orange-500);
}

.dark .dark\:focus-within\:text-orange-600:focus-within {
  color: var(--color-orange-600);
}

.dark .dark\:focus-within\:text-orange-700:focus-within {
  color: var(--color-orange-700);
}

.dark .dark\:focus-within\:text-chart-50:focus-within {
  color: var(--color-chart-50);
}

.dark .dark\:focus-within\:text-chart-100:focus-within {
  color: var(--color-chart-100);
}

.dark .dark\:focus-within\:text-chart-200:focus-within {
  color: var(--color-chart-200);
}

.dark .dark\:focus-within\:text-chart-300:focus-within {
  color: var(--color-chart-300);
}

.dark .dark\:focus-within\:text-chart-400:focus-within {
  color: var(--color-chart-400);
}

.dark .dark\:focus-within\:text-chart-500:focus-within {
  color: var(--color-chart-500);
}

.dark .dark\:focus-within\:text-chart-600:focus-within {
  color: var(--color-chart-600);
}

.dark .dark\:focus-within\:text-chart-700:focus-within {
  color: var(--color-chart-700);
}

.dark .dark\:focus-within\:text-chart-800:focus-within {
  color: var(--color-chart-800);
}

.dark .dark\:focus-within\:text-chart-900:focus-within {
  color: var(--color-chart-900);
}

.dark .dark\:hover\:text-transparent:hover {
  color: var(--color-transparent);
}

.dark .dark\:hover\:text-current:hover {
  color: var(--color-current);
}

.dark .dark\:hover\:text-black:hover {
  color: var(--color-black);
}

.dark .dark\:hover\:text-white:hover {
  color: var(--color-white);
}

.dark .dark\:hover\:text-grey-100:hover {
  color: var(--color-grey-100);
}

.dark .dark\:hover\:text-grey-200:hover {
  color: var(--color-grey-200);
}

.dark .dark\:hover\:text-grey-300:hover {
  color: var(--color-grey-300);
}

.dark .dark\:hover\:text-grey-400:hover {
  color: var(--color-grey-400);
}

.dark .dark\:hover\:text-grey-500:hover {
  color: var(--color-grey-500);
}

.dark .dark\:hover\:text-grey-550:hover {
  color: var(--color-grey-550);
}

.dark .dark\:hover\:text-grey-600:hover {
  color: var(--color-grey-600);
}

.dark .dark\:hover\:text-grey-650:hover {
  color: var(--color-grey-650);
}

.dark .dark\:hover\:text-grey-700:hover {
  color: var(--color-grey-700);
}

.dark .dark\:hover\:text-grey-800:hover {
  color: var(--color-grey-800);
}

.dark .dark\:hover\:text-grey-850:hover {
  color: var(--color-grey-850);
}

.dark .dark\:hover\:text-grey-900:hover {
  color: var(--color-grey-900);
}

.dark .dark\:hover\:text-grey-950:hover {
  color: var(--color-grey-950);
}

.dark .dark\:hover\:text-blue-100:hover {
  color: var(--color-blue-100);
}

.dark .dark\:hover\:text-blue-200:hover {
  color: var(--color-blue-200);
}

.dark .dark\:hover\:text-blue-300:hover {
  color: var(--color-blue-300);
}

.dark .dark\:hover\:text-blue-400:hover {
  color: var(--color-blue-400);
}

.dark .dark\:hover\:text-blue-500:hover {
  color: var(--color-blue-500);
}

.dark .dark\:hover\:text-blue-600:hover {
  color: var(--color-blue-600);
}

.dark .dark\:hover\:text-blue-700:hover {
  color: var(--color-blue-700);
}

.dark .dark\:hover\:text-blue-750:hover {
  color: var(--color-blue-750);
}

.dark .dark\:hover\:text-blue-800:hover {
  color: var(--color-blue-800);
}

.dark .dark\:hover\:text-blue-850:hover {
  color: var(--color-blue-850);
}

.dark .dark\:hover\:text-green-50:hover {
  color: var(--color-green-50);
}

.dark .dark\:hover\:text-green-100:hover {
  color: var(--color-green-100);
}

.dark .dark\:hover\:text-green-200:hover {
  color: var(--color-green-200);
}

.dark .dark\:hover\:text-green-300:hover {
  color: var(--color-green-300);
}

.dark .dark\:hover\:text-green-400:hover {
  color: var(--color-green-400);
}

.dark .dark\:hover\:text-green-500:hover {
  color: var(--color-green-500);
}

.dark .dark\:hover\:text-green-600:hover {
  color: var(--color-green-600);
}

.dark .dark\:hover\:text-green-650:hover {
  color: var(--color-green-650);
}

.dark .dark\:hover\:text-green-700:hover {
  color: var(--color-green-700);
}

.dark .dark\:hover\:text-green-800:hover {
  color: var(--color-green-800);
}

.dark .dark\:hover\:text-green-900:hover {
  color: var(--color-green-900);
}

.dark .dark\:hover\:text-red-600:hover {
  color: var(--color-red-600);
}

.dark .dark\:hover\:text-red-700:hover {
  color: var(--color-red-700);
}

.dark .dark\:hover\:text-red-800:hover {
  color: var(--color-red-800);
}

.dark .dark\:hover\:text-red-900:hover {
  color: var(--color-red-900);
}

.dark .dark\:hover\:text-orange-50:hover {
  color: var(--color-orange-50);
}

.dark .dark\:hover\:text-orange-100:hover {
  color: var(--color-orange-100);
}

.dark .dark\:hover\:text-orange-200:hover {
  color: var(--color-orange-200);
}

.dark .dark\:hover\:text-orange-300:hover {
  color: var(--color-orange-300);
}

.dark .dark\:hover\:text-orange-400:hover {
  color: var(--color-orange-400);
}

.dark .dark\:hover\:text-orange-500:hover {
  color: var(--color-orange-500);
}

.dark .dark\:hover\:text-orange-600:hover {
  color: var(--color-orange-600);
}

.dark .dark\:hover\:text-orange-700:hover {
  color: var(--color-orange-700);
}

.dark .dark\:hover\:text-chart-50:hover {
  color: var(--color-chart-50);
}

.dark .dark\:hover\:text-chart-100:hover {
  color: var(--color-chart-100);
}

.dark .dark\:hover\:text-chart-200:hover {
  color: var(--color-chart-200);
}

.dark .dark\:hover\:text-chart-300:hover {
  color: var(--color-chart-300);
}

.dark .dark\:hover\:text-chart-400:hover {
  color: var(--color-chart-400);
}

.dark .dark\:hover\:text-chart-500:hover {
  color: var(--color-chart-500);
}

.dark .dark\:hover\:text-chart-600:hover {
  color: var(--color-chart-600);
}

.dark .dark\:hover\:text-chart-700:hover {
  color: var(--color-chart-700);
}

.dark .dark\:hover\:text-chart-800:hover {
  color: var(--color-chart-800);
}

.dark .dark\:hover\:text-chart-900:hover {
  color: var(--color-chart-900);
}

.dark .dark\:focus\:text-transparent:focus {
  color: var(--color-transparent);
}

.dark .dark\:focus\:text-current:focus {
  color: var(--color-current);
}

.dark .dark\:focus\:text-black:focus {
  color: var(--color-black);
}

.dark .dark\:focus\:text-white:focus {
  color: var(--color-white);
}

.dark .dark\:focus\:text-grey-100:focus {
  color: var(--color-grey-100);
}

.dark .dark\:focus\:text-grey-200:focus {
  color: var(--color-grey-200);
}

.dark .dark\:focus\:text-grey-300:focus {
  color: var(--color-grey-300);
}

.dark .dark\:focus\:text-grey-400:focus {
  color: var(--color-grey-400);
}

.dark .dark\:focus\:text-grey-500:focus {
  color: var(--color-grey-500);
}

.dark .dark\:focus\:text-grey-550:focus {
  color: var(--color-grey-550);
}

.dark .dark\:focus\:text-grey-600:focus {
  color: var(--color-grey-600);
}

.dark .dark\:focus\:text-grey-650:focus {
  color: var(--color-grey-650);
}

.dark .dark\:focus\:text-grey-700:focus {
  color: var(--color-grey-700);
}

.dark .dark\:focus\:text-grey-800:focus {
  color: var(--color-grey-800);
}

.dark .dark\:focus\:text-grey-850:focus {
  color: var(--color-grey-850);
}

.dark .dark\:focus\:text-grey-900:focus {
  color: var(--color-grey-900);
}

.dark .dark\:focus\:text-grey-950:focus {
  color: var(--color-grey-950);
}

.dark .dark\:focus\:text-blue-100:focus {
  color: var(--color-blue-100);
}

.dark .dark\:focus\:text-blue-200:focus {
  color: var(--color-blue-200);
}

.dark .dark\:focus\:text-blue-300:focus {
  color: var(--color-blue-300);
}

.dark .dark\:focus\:text-blue-400:focus {
  color: var(--color-blue-400);
}

.dark .dark\:focus\:text-blue-500:focus {
  color: var(--color-blue-500);
}

.dark .dark\:focus\:text-blue-600:focus {
  color: var(--color-blue-600);
}

.dark .dark\:focus\:text-blue-700:focus {
  color: var(--color-blue-700);
}

.dark .dark\:focus\:text-blue-750:focus {
  color: var(--color-blue-750);
}

.dark .dark\:focus\:text-blue-800:focus {
  color: var(--color-blue-800);
}

.dark .dark\:focus\:text-blue-850:focus {
  color: var(--color-blue-850);
}

.dark .dark\:focus\:text-green-50:focus {
  color: var(--color-green-50);
}

.dark .dark\:focus\:text-green-100:focus {
  color: var(--color-green-100);
}

.dark .dark\:focus\:text-green-200:focus {
  color: var(--color-green-200);
}

.dark .dark\:focus\:text-green-300:focus {
  color: var(--color-green-300);
}

.dark .dark\:focus\:text-green-400:focus {
  color: var(--color-green-400);
}

.dark .dark\:focus\:text-green-500:focus {
  color: var(--color-green-500);
}

.dark .dark\:focus\:text-green-600:focus {
  color: var(--color-green-600);
}

.dark .dark\:focus\:text-green-650:focus {
  color: var(--color-green-650);
}

.dark .dark\:focus\:text-green-700:focus {
  color: var(--color-green-700);
}

.dark .dark\:focus\:text-green-800:focus {
  color: var(--color-green-800);
}

.dark .dark\:focus\:text-green-900:focus {
  color: var(--color-green-900);
}

.dark .dark\:focus\:text-red-600:focus {
  color: var(--color-red-600);
}

.dark .dark\:focus\:text-red-700:focus {
  color: var(--color-red-700);
}

.dark .dark\:focus\:text-red-800:focus {
  color: var(--color-red-800);
}

.dark .dark\:focus\:text-red-900:focus {
  color: var(--color-red-900);
}

.dark .dark\:focus\:text-orange-50:focus {
  color: var(--color-orange-50);
}

.dark .dark\:focus\:text-orange-100:focus {
  color: var(--color-orange-100);
}

.dark .dark\:focus\:text-orange-200:focus {
  color: var(--color-orange-200);
}

.dark .dark\:focus\:text-orange-300:focus {
  color: var(--color-orange-300);
}

.dark .dark\:focus\:text-orange-400:focus {
  color: var(--color-orange-400);
}

.dark .dark\:focus\:text-orange-500:focus {
  color: var(--color-orange-500);
}

.dark .dark\:focus\:text-orange-600:focus {
  color: var(--color-orange-600);
}

.dark .dark\:focus\:text-orange-700:focus {
  color: var(--color-orange-700);
}

.dark .dark\:focus\:text-chart-50:focus {
  color: var(--color-chart-50);
}

.dark .dark\:focus\:text-chart-100:focus {
  color: var(--color-chart-100);
}

.dark .dark\:focus\:text-chart-200:focus {
  color: var(--color-chart-200);
}

.dark .dark\:focus\:text-chart-300:focus {
  color: var(--color-chart-300);
}

.dark .dark\:focus\:text-chart-400:focus {
  color: var(--color-chart-400);
}

.dark .dark\:focus\:text-chart-500:focus {
  color: var(--color-chart-500);
}

.dark .dark\:focus\:text-chart-600:focus {
  color: var(--color-chart-600);
}

.dark .dark\:focus\:text-chart-700:focus {
  color: var(--color-chart-700);
}

.dark .dark\:focus\:text-chart-800:focus {
  color: var(--color-chart-800);
}

.dark .dark\:focus\:text-chart-900:focus {
  color: var(--color-chart-900);
}

.text-opacity-0 {
  --tw-text-opacity: 0;
}

.text-opacity-5 {
  --tw-text-opacity: 0.05;
}

.text-opacity-10 {
  --tw-text-opacity: 0.1;
}

.text-opacity-20 {
  --tw-text-opacity: 0.2;
}

.text-opacity-25 {
  --tw-text-opacity: 0.25;
}

.text-opacity-30 {
  --tw-text-opacity: 0.3;
}

.text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.text-opacity-70 {
  --tw-text-opacity: 0.7;
}

.text-opacity-75 {
  --tw-text-opacity: 0.75;
}

.text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.text-opacity-90 {
  --tw-text-opacity: 0.9;
}

.text-opacity-95 {
  --tw-text-opacity: 0.95;
}

.text-opacity-100 {
  --tw-text-opacity: 1;
}

.group:hover .group-hover\:text-opacity-0 {
  --tw-text-opacity: 0;
}

.group:hover .group-hover\:text-opacity-5 {
  --tw-text-opacity: 0.05;
}

.group:hover .group-hover\:text-opacity-10 {
  --tw-text-opacity: 0.1;
}

.group:hover .group-hover\:text-opacity-20 {
  --tw-text-opacity: 0.2;
}

.group:hover .group-hover\:text-opacity-25 {
  --tw-text-opacity: 0.25;
}

.group:hover .group-hover\:text-opacity-30 {
  --tw-text-opacity: 0.3;
}

.group:hover .group-hover\:text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.group:hover .group-hover\:text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.group:hover .group-hover\:text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.group:hover .group-hover\:text-opacity-70 {
  --tw-text-opacity: 0.7;
}

.group:hover .group-hover\:text-opacity-75 {
  --tw-text-opacity: 0.75;
}

.group:hover .group-hover\:text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.group:hover .group-hover\:text-opacity-90 {
  --tw-text-opacity: 0.9;
}

.group:hover .group-hover\:text-opacity-95 {
  --tw-text-opacity: 0.95;
}

.group:hover .group-hover\:text-opacity-100 {
  --tw-text-opacity: 1;
}

.focus-within\:text-opacity-0:focus-within {
  --tw-text-opacity: 0;
}

.focus-within\:text-opacity-5:focus-within {
  --tw-text-opacity: 0.05;
}

.focus-within\:text-opacity-10:focus-within {
  --tw-text-opacity: 0.1;
}

.focus-within\:text-opacity-20:focus-within {
  --tw-text-opacity: 0.2;
}

.focus-within\:text-opacity-25:focus-within {
  --tw-text-opacity: 0.25;
}

.focus-within\:text-opacity-30:focus-within {
  --tw-text-opacity: 0.3;
}

.focus-within\:text-opacity-40:focus-within {
  --tw-text-opacity: 0.4;
}

.focus-within\:text-opacity-50:focus-within {
  --tw-text-opacity: 0.5;
}

.focus-within\:text-opacity-60:focus-within {
  --tw-text-opacity: 0.6;
}

.focus-within\:text-opacity-70:focus-within {
  --tw-text-opacity: 0.7;
}

.focus-within\:text-opacity-75:focus-within {
  --tw-text-opacity: 0.75;
}

.focus-within\:text-opacity-80:focus-within {
  --tw-text-opacity: 0.8;
}

.focus-within\:text-opacity-90:focus-within {
  --tw-text-opacity: 0.9;
}

.focus-within\:text-opacity-95:focus-within {
  --tw-text-opacity: 0.95;
}

.focus-within\:text-opacity-100:focus-within {
  --tw-text-opacity: 1;
}

.hover\:text-opacity-0:hover {
  --tw-text-opacity: 0;
}

.hover\:text-opacity-5:hover {
  --tw-text-opacity: 0.05;
}

.hover\:text-opacity-10:hover {
  --tw-text-opacity: 0.1;
}

.hover\:text-opacity-20:hover {
  --tw-text-opacity: 0.2;
}

.hover\:text-opacity-25:hover {
  --tw-text-opacity: 0.25;
}

.hover\:text-opacity-30:hover {
  --tw-text-opacity: 0.3;
}

.hover\:text-opacity-40:hover {
  --tw-text-opacity: 0.4;
}

.hover\:text-opacity-50:hover {
  --tw-text-opacity: 0.5;
}

.hover\:text-opacity-60:hover {
  --tw-text-opacity: 0.6;
}

.hover\:text-opacity-70:hover {
  --tw-text-opacity: 0.7;
}

.hover\:text-opacity-75:hover {
  --tw-text-opacity: 0.75;
}

.hover\:text-opacity-80:hover {
  --tw-text-opacity: 0.8;
}

.hover\:text-opacity-90:hover {
  --tw-text-opacity: 0.9;
}

.hover\:text-opacity-95:hover {
  --tw-text-opacity: 0.95;
}

.hover\:text-opacity-100:hover {
  --tw-text-opacity: 1;
}

.focus\:text-opacity-0:focus {
  --tw-text-opacity: 0;
}

.focus\:text-opacity-5:focus {
  --tw-text-opacity: 0.05;
}

.focus\:text-opacity-10:focus {
  --tw-text-opacity: 0.1;
}

.focus\:text-opacity-20:focus {
  --tw-text-opacity: 0.2;
}

.focus\:text-opacity-25:focus {
  --tw-text-opacity: 0.25;
}

.focus\:text-opacity-30:focus {
  --tw-text-opacity: 0.3;
}

.focus\:text-opacity-40:focus {
  --tw-text-opacity: 0.4;
}

.focus\:text-opacity-50:focus {
  --tw-text-opacity: 0.5;
}

.focus\:text-opacity-60:focus {
  --tw-text-opacity: 0.6;
}

.focus\:text-opacity-70:focus {
  --tw-text-opacity: 0.7;
}

.focus\:text-opacity-75:focus {
  --tw-text-opacity: 0.75;
}

.focus\:text-opacity-80:focus {
  --tw-text-opacity: 0.8;
}

.focus\:text-opacity-90:focus {
  --tw-text-opacity: 0.9;
}

.focus\:text-opacity-95:focus {
  --tw-text-opacity: 0.95;
}

.focus\:text-opacity-100:focus {
  --tw-text-opacity: 1;
}

.dark .dark\:text-opacity-0 {
  --tw-text-opacity: 0;
}

.dark .dark\:text-opacity-5 {
  --tw-text-opacity: 0.05;
}

.dark .dark\:text-opacity-10 {
  --tw-text-opacity: 0.1;
}

.dark .dark\:text-opacity-20 {
  --tw-text-opacity: 0.2;
}

.dark .dark\:text-opacity-25 {
  --tw-text-opacity: 0.25;
}

.dark .dark\:text-opacity-30 {
  --tw-text-opacity: 0.3;
}

.dark .dark\:text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.dark .dark\:text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.dark .dark\:text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.dark .dark\:text-opacity-70 {
  --tw-text-opacity: 0.7;
}

.dark .dark\:text-opacity-75 {
  --tw-text-opacity: 0.75;
}

.dark .dark\:text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.dark .dark\:text-opacity-90 {
  --tw-text-opacity: 0.9;
}

.dark .dark\:text-opacity-95 {
  --tw-text-opacity: 0.95;
}

.dark .dark\:text-opacity-100 {
  --tw-text-opacity: 1;
}

.dark .group:hover .dark\:group-hover\:text-opacity-0 {
  --tw-text-opacity: 0;
}

.dark .group:hover .dark\:group-hover\:text-opacity-5 {
  --tw-text-opacity: 0.05;
}

.dark .group:hover .dark\:group-hover\:text-opacity-10 {
  --tw-text-opacity: 0.1;
}

.dark .group:hover .dark\:group-hover\:text-opacity-20 {
  --tw-text-opacity: 0.2;
}

.dark .group:hover .dark\:group-hover\:text-opacity-25 {
  --tw-text-opacity: 0.25;
}

.dark .group:hover .dark\:group-hover\:text-opacity-30 {
  --tw-text-opacity: 0.3;
}

.dark .group:hover .dark\:group-hover\:text-opacity-40 {
  --tw-text-opacity: 0.4;
}

.dark .group:hover .dark\:group-hover\:text-opacity-50 {
  --tw-text-opacity: 0.5;
}

.dark .group:hover .dark\:group-hover\:text-opacity-60 {
  --tw-text-opacity: 0.6;
}

.dark .group:hover .dark\:group-hover\:text-opacity-70 {
  --tw-text-opacity: 0.7;
}

.dark .group:hover .dark\:group-hover\:text-opacity-75 {
  --tw-text-opacity: 0.75;
}

.dark .group:hover .dark\:group-hover\:text-opacity-80 {
  --tw-text-opacity: 0.8;
}

.dark .group:hover .dark\:group-hover\:text-opacity-90 {
  --tw-text-opacity: 0.9;
}

.dark .group:hover .dark\:group-hover\:text-opacity-95 {
  --tw-text-opacity: 0.95;
}

.dark .group:hover .dark\:group-hover\:text-opacity-100 {
  --tw-text-opacity: 1;
}

.dark .dark\:focus-within\:text-opacity-0:focus-within {
  --tw-text-opacity: 0;
}

.dark .dark\:focus-within\:text-opacity-5:focus-within {
  --tw-text-opacity: 0.05;
}

.dark .dark\:focus-within\:text-opacity-10:focus-within {
  --tw-text-opacity: 0.1;
}

.dark .dark\:focus-within\:text-opacity-20:focus-within {
  --tw-text-opacity: 0.2;
}

.dark .dark\:focus-within\:text-opacity-25:focus-within {
  --tw-text-opacity: 0.25;
}

.dark .dark\:focus-within\:text-opacity-30:focus-within {
  --tw-text-opacity: 0.3;
}

.dark .dark\:focus-within\:text-opacity-40:focus-within {
  --tw-text-opacity: 0.4;
}

.dark .dark\:focus-within\:text-opacity-50:focus-within {
  --tw-text-opacity: 0.5;
}

.dark .dark\:focus-within\:text-opacity-60:focus-within {
  --tw-text-opacity: 0.6;
}

.dark .dark\:focus-within\:text-opacity-70:focus-within {
  --tw-text-opacity: 0.7;
}

.dark .dark\:focus-within\:text-opacity-75:focus-within {
  --tw-text-opacity: 0.75;
}

.dark .dark\:focus-within\:text-opacity-80:focus-within {
  --tw-text-opacity: 0.8;
}

.dark .dark\:focus-within\:text-opacity-90:focus-within {
  --tw-text-opacity: 0.9;
}

.dark .dark\:focus-within\:text-opacity-95:focus-within {
  --tw-text-opacity: 0.95;
}

.dark .dark\:focus-within\:text-opacity-100:focus-within {
  --tw-text-opacity: 1;
}

.dark .dark\:hover\:text-opacity-0:hover {
  --tw-text-opacity: 0;
}

.dark .dark\:hover\:text-opacity-5:hover {
  --tw-text-opacity: 0.05;
}

.dark .dark\:hover\:text-opacity-10:hover {
  --tw-text-opacity: 0.1;
}

.dark .dark\:hover\:text-opacity-20:hover {
  --tw-text-opacity: 0.2;
}

.dark .dark\:hover\:text-opacity-25:hover {
  --tw-text-opacity: 0.25;
}

.dark .dark\:hover\:text-opacity-30:hover {
  --tw-text-opacity: 0.3;
}

.dark .dark\:hover\:text-opacity-40:hover {
  --tw-text-opacity: 0.4;
}

.dark .dark\:hover\:text-opacity-50:hover {
  --tw-text-opacity: 0.5;
}

.dark .dark\:hover\:text-opacity-60:hover {
  --tw-text-opacity: 0.6;
}

.dark .dark\:hover\:text-opacity-70:hover {
  --tw-text-opacity: 0.7;
}

.dark .dark\:hover\:text-opacity-75:hover {
  --tw-text-opacity: 0.75;
}

.dark .dark\:hover\:text-opacity-80:hover {
  --tw-text-opacity: 0.8;
}

.dark .dark\:hover\:text-opacity-90:hover {
  --tw-text-opacity: 0.9;
}

.dark .dark\:hover\:text-opacity-95:hover {
  --tw-text-opacity: 0.95;
}

.dark .dark\:hover\:text-opacity-100:hover {
  --tw-text-opacity: 1;
}

.dark .dark\:focus\:text-opacity-0:focus {
  --tw-text-opacity: 0;
}

.dark .dark\:focus\:text-opacity-5:focus {
  --tw-text-opacity: 0.05;
}

.dark .dark\:focus\:text-opacity-10:focus {
  --tw-text-opacity: 0.1;
}

.dark .dark\:focus\:text-opacity-20:focus {
  --tw-text-opacity: 0.2;
}

.dark .dark\:focus\:text-opacity-25:focus {
  --tw-text-opacity: 0.25;
}

.dark .dark\:focus\:text-opacity-30:focus {
  --tw-text-opacity: 0.3;
}

.dark .dark\:focus\:text-opacity-40:focus {
  --tw-text-opacity: 0.4;
}

.dark .dark\:focus\:text-opacity-50:focus {
  --tw-text-opacity: 0.5;
}

.dark .dark\:focus\:text-opacity-60:focus {
  --tw-text-opacity: 0.6;
}

.dark .dark\:focus\:text-opacity-70:focus {
  --tw-text-opacity: 0.7;
}

.dark .dark\:focus\:text-opacity-75:focus {
  --tw-text-opacity: 0.75;
}

.dark .dark\:focus\:text-opacity-80:focus {
  --tw-text-opacity: 0.8;
}

.dark .dark\:focus\:text-opacity-90:focus {
  --tw-text-opacity: 0.9;
}

.dark .dark\:focus\:text-opacity-95:focus {
  --tw-text-opacity: 0.95;
}

.dark .dark\:focus\:text-opacity-100:focus {
  --tw-text-opacity: 1;
}

.underline {
  text-decoration: underline;
}

.line-through {
  text-decoration: line-through;
}

.no-underline {
  text-decoration: none;
}

.group:hover .group-hover\:underline {
  text-decoration: underline;
}

.group:hover .group-hover\:line-through {
  text-decoration: line-through;
}

.group:hover .group-hover\:no-underline {
  text-decoration: none;
}

.focus-within\:underline:focus-within {
  text-decoration: underline;
}

.focus-within\:line-through:focus-within {
  text-decoration: line-through;
}

.focus-within\:no-underline:focus-within {
  text-decoration: none;
}

.hover\:underline:hover {
  text-decoration: underline;
}

.hover\:line-through:hover {
  text-decoration: line-through;
}

.hover\:no-underline:hover {
  text-decoration: none;
}

.focus\:underline:focus {
  text-decoration: underline;
}

.focus\:line-through:focus {
  text-decoration: line-through;
}

.focus\:no-underline:focus {
  text-decoration: none;
}

.opacity-0 {
  opacity: 0;
}

.opacity-5 {
  opacity: 0.05;
}

.opacity-10 {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.opacity-25 {
  opacity: 0.25;
}

.opacity-30 {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.opacity-75 {
  opacity: 0.75;
}

.opacity-80 {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.opacity-95 {
  opacity: 0.95;
}

.opacity-100 {
  opacity: 1;
}

.group:hover .group-hover\:opacity-0 {
  opacity: 0;
}

.group:hover .group-hover\:opacity-5 {
  opacity: 0.05;
}

.group:hover .group-hover\:opacity-10 {
  opacity: 0.1;
}

.group:hover .group-hover\:opacity-20 {
  opacity: 0.2;
}

.group:hover .group-hover\:opacity-25 {
  opacity: 0.25;
}

.group:hover .group-hover\:opacity-30 {
  opacity: 0.3;
}

.group:hover .group-hover\:opacity-40 {
  opacity: 0.4;
}

.group:hover .group-hover\:opacity-50 {
  opacity: 0.5;
}

.group:hover .group-hover\:opacity-60 {
  opacity: 0.6;
}

.group:hover .group-hover\:opacity-70 {
  opacity: 0.7;
}

.group:hover .group-hover\:opacity-75 {
  opacity: 0.75;
}

.group:hover .group-hover\:opacity-80 {
  opacity: 0.8;
}

.group:hover .group-hover\:opacity-90 {
  opacity: 0.9;
}

.group:hover .group-hover\:opacity-95 {
  opacity: 0.95;
}

.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}

.focus-within\:opacity-0:focus-within {
  opacity: 0;
}

.focus-within\:opacity-5:focus-within {
  opacity: 0.05;
}

.focus-within\:opacity-10:focus-within {
  opacity: 0.1;
}

.focus-within\:opacity-20:focus-within {
  opacity: 0.2;
}

.focus-within\:opacity-25:focus-within {
  opacity: 0.25;
}

.focus-within\:opacity-30:focus-within {
  opacity: 0.3;
}

.focus-within\:opacity-40:focus-within {
  opacity: 0.4;
}

.focus-within\:opacity-50:focus-within {
  opacity: 0.5;
}

.focus-within\:opacity-60:focus-within {
  opacity: 0.6;
}

.focus-within\:opacity-70:focus-within {
  opacity: 0.7;
}

.focus-within\:opacity-75:focus-within {
  opacity: 0.75;
}

.focus-within\:opacity-80:focus-within {
  opacity: 0.8;
}

.focus-within\:opacity-90:focus-within {
  opacity: 0.9;
}

.focus-within\:opacity-95:focus-within {
  opacity: 0.95;
}

.focus-within\:opacity-100:focus-within {
  opacity: 1;
}

.hover\:opacity-0:hover {
  opacity: 0;
}

.hover\:opacity-5:hover {
  opacity: 0.05;
}

.hover\:opacity-10:hover {
  opacity: 0.1;
}

.hover\:opacity-20:hover {
  opacity: 0.2;
}

.hover\:opacity-25:hover {
  opacity: 0.25;
}

.hover\:opacity-30:hover {
  opacity: 0.3;
}

.hover\:opacity-40:hover {
  opacity: 0.4;
}

.hover\:opacity-50:hover {
  opacity: 0.5;
}

.hover\:opacity-60:hover {
  opacity: 0.6;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-75:hover {
  opacity: 0.75;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:opacity-95:hover {
  opacity: 0.95;
}

.hover\:opacity-100:hover {
  opacity: 1;
}

.focus\:opacity-0:focus {
  opacity: 0;
}

.focus\:opacity-5:focus {
  opacity: 0.05;
}

.focus\:opacity-10:focus {
  opacity: 0.1;
}

.focus\:opacity-20:focus {
  opacity: 0.2;
}

.focus\:opacity-25:focus {
  opacity: 0.25;
}

.focus\:opacity-30:focus {
  opacity: 0.3;
}

.focus\:opacity-40:focus {
  opacity: 0.4;
}

.focus\:opacity-50:focus {
  opacity: 0.5;
}

.focus\:opacity-60:focus {
  opacity: 0.6;
}

.focus\:opacity-70:focus {
  opacity: 0.7;
}

.focus\:opacity-75:focus {
  opacity: 0.75;
}

.focus\:opacity-80:focus {
  opacity: 0.8;
}

.focus\:opacity-90:focus {
  opacity: 0.9;
}

.focus\:opacity-95:focus {
  opacity: 0.95;
}

.focus\:opacity-100:focus {
  opacity: 1;
}

*, ::before, ::after {
  --tw-shadow: 0 0 #0000;
}

.shadow {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-dark {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-none-dark {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-dark {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-none {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:shadow-none-dark {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow:focus-within {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-dark:focus-within {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-none:focus-within {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus-within\:shadow-none-dark:focus-within {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow:hover {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-dark:hover {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-none:hover {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-none-dark:hover {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow:focus {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-dark:focus {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-none:focus {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:shadow-none-dark:focus {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:shadow {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:shadow-dark {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:shadow-none {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:shadow-none-dark {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .group:hover .dark\:group-hover\:shadow {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .group:hover .dark\:group-hover\:shadow-dark {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .group:hover .dark\:group-hover\:shadow-none {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .group:hover .dark\:group-hover\:shadow-none-dark {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus-within\:shadow:focus-within {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus-within\:shadow-dark:focus-within {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus-within\:shadow-none:focus-within {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus-within\:shadow-none-dark:focus-within {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:hover\:shadow:hover {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:hover\:shadow-dark:hover {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:hover\:shadow-none:hover {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:hover\:shadow-none-dark:hover {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus\:shadow:focus {
  --tw-shadow: var(--shadow-base);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus\:shadow-dark:focus {
  --tw-shadow: var(--shadow-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus\:shadow-none:focus {
  --tw-shadow: var(--shadow-none);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.dark .dark\:focus\:shadow-none-dark:focus {
  --tw-shadow: var(--shadow-none-dark);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.outline-none {
  outline: 0;
  outline-offset: 0;
}

.focus-within\:outline:focus-within {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.focus-within\:outline-none:focus-within {
  outline: 0;
  outline-offset: 0;
}

.focus\:outline:focus {
  outline: 2px solid var(--color-blue-500);
  outline-offset: 0;
}

.focus\:outline-none:focus {
  outline: 0;
  outline-offset: 0;
}

.invert-0 {
  --tw-invert: invert(0);
}

.invert {
  --tw-invert: invert(100%);
}

.transition-none {
  transition-property: none;
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-colors {
  transition-property: background-color, border-color, color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.delay-75 {
  transition-delay: 75ms;
}

.delay-100 {
  transition-delay: 100ms;
}

.delay-150 {
  transition-delay: 150ms;
}

.delay-200 {
  transition-delay: 200ms;
}

.delay-300 {
  transition-delay: 300ms;
}

.delay-500 {
  transition-delay: 500ms;
}

.delay-700 {
  transition-delay: 700ms;
}

.delay-1000 {
  transition-delay: 1000ms;
}

.duration-75 {
  transition-duration: 75ms;
}

.duration-100 {
  transition-duration: 100ms;
}

.duration-150 {
  transition-duration: 150ms;
}

.duration-200 {
  transition-duration: 200ms;
}

.duration-300 {
  transition-duration: 300ms;
}

.duration-500 {
  transition-duration: 500ms;
}

.duration-700 {
  transition-duration: 700ms;
}

.duration-1000 {
  transition-duration: 1000ms;
}

.ease-linear {
  transition-timing-function: linear;
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.content-none {
  content: none;
}

.float-start {
  float: inline-start;
}

.float-end {
  float: inline-end;
}

.clear-start {
  clear: inline-start;
}

.clear-end {
  clear: inline-end;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.resize-block {
  resize: block;
}

.resize-inline {
  resize: inline;
}

.overscroll-b-auto {
  overscroll-behavior-block: auto;
}

.overscroll-b-contain {
  overscroll-behavior-block: contain;
}

.overscroll-b-none {
  overscroll-behavior-block: none;
}

.overscroll-i-auto {
  overscroll-behavior-inline: auto;
}

.overscroll-i-contain {
  overscroll-behavior-inline: contain;
}

.overscroll-i-none {
  overscroll-behavior-inline: none;
}

.bs-0 {
  block-size: var(--spacing-0);
}

.bs-1 {
  block-size: var(--spacing-10);
}

.bs-2 {
  block-size: var(--spacing-15);
}

.bs-3 {
  block-size: var(--spacing-20);
}

.bs-4 {
  block-size: var(--spacing-25);
}

.bs-5 {
  block-size: var(--spacing-40);
}

.bs-auto {
  block-size: auto;
}

.bs-1\/2 {
  block-size: 50%;
}

.bs-1\/3 {
  block-size: 33.333333%;
}

.bs-2\/3 {
  block-size: 66.666667%;
}

.bs-1\/4 {
  block-size: 25%;
}

.bs-2\/4 {
  block-size: 50%;
}

.bs-3\/4 {
  block-size: 75%;
}

.bs-1\/5 {
  block-size: 20%;
}

.bs-2\/5 {
  block-size: 40%;
}

.bs-3\/5 {
  block-size: 60%;
}

.bs-4\/5 {
  block-size: 80%;
}

.bs-1\/6 {
  block-size: 16.666667%;
}

.bs-2\/6 {
  block-size: 33.333333%;
}

.bs-3\/6 {
  block-size: 50%;
}

.bs-4\/6 {
  block-size: 66.666667%;
}

.bs-5\/6 {
  block-size: 83.333333%;
}

.bs-full {
  block-size: 100%;
}

.bs-screen {
  block-size: 100vh;
}

.min-bs-0 {
  min-block-size: 0px;
}

.min-bs-full {
  min-block-size: 100%;
}

.min-bs-screen {
  min-block-size: 100vh;
}

.max-bs-0 {
  max-block-size: var(--spacing-0);
}

.max-bs-1 {
  max-block-size: var(--spacing-10);
}

.max-bs-2 {
  max-block-size: var(--spacing-15);
}

.max-bs-3 {
  max-block-size: var(--spacing-20);
}

.max-bs-4 {
  max-block-size: var(--spacing-25);
}

.max-bs-5 {
  max-block-size: var(--spacing-40);
}

.max-bs-full {
  max-block-size: 100%;
}

.max-bs-screen {
  max-block-size: 100vh;
}

.is-0 {
  inline-size: var(--spacing-0);
}

.is-1 {
  inline-size: var(--spacing-10);
}

.is-2 {
  inline-size: var(--spacing-15);
}

.is-3 {
  inline-size: var(--spacing-20);
}

.is-4 {
  inline-size: var(--spacing-25);
}

.is-5 {
  inline-size: var(--spacing-40);
}

.is-auto {
  inline-size: auto;
}

.is-1\/2 {
  inline-size: 50%;
}

.is-1\/3 {
  inline-size: 33.333333%;
}

.is-2\/3 {
  inline-size: 66.666667%;
}

.is-1\/4 {
  inline-size: 25%;
}

.is-2\/4 {
  inline-size: 50%;
}

.is-3\/4 {
  inline-size: 75%;
}

.is-1\/5 {
  inline-size: 20%;
}

.is-2\/5 {
  inline-size: 40%;
}

.is-3\/5 {
  inline-size: 60%;
}

.is-4\/5 {
  inline-size: 80%;
}

.is-1\/6 {
  inline-size: 16.666667%;
}

.is-2\/6 {
  inline-size: 33.333333%;
}

.is-3\/6 {
  inline-size: 50%;
}

.is-4\/6 {
  inline-size: 66.666667%;
}

.is-5\/6 {
  inline-size: 83.333333%;
}

.is-1\/12 {
  inline-size: 8.333333%;
}

.is-2\/12 {
  inline-size: 16.666667%;
}

.is-3\/12 {
  inline-size: 25%;
}

.is-4\/12 {
  inline-size: 33.333333%;
}

.is-5\/12 {
  inline-size: 41.666667%;
}

.is-6\/12 {
  inline-size: 50%;
}

.is-7\/12 {
  inline-size: 58.333333%;
}

.is-8\/12 {
  inline-size: 66.666667%;
}

.is-9\/12 {
  inline-size: 75%;
}

.is-10\/12 {
  inline-size: 83.333333%;
}

.is-11\/12 {
  inline-size: 91.666667%;
}

.is-full {
  inline-size: 100%;
}

.is-screen {
  inline-size: 100vw;
}

.is-min {
  inline-size: min-content;
}

.is-max {
  inline-size: max-content;
}

.min-is-0 {
  min-inline-size: 0px;
}

.min-is-full {
  min-inline-size: 100%;
}

.min-is-min {
  min-inline-size: min-content;
}

.min-is-max {
  min-inline-size: max-content;
}

.max-is-0 {
  max-inline-size: 0rem;
}

.max-is-none {
  max-inline-size: none;
}

.max-is-xs {
  max-inline-size: 20rem;
}

.max-is-sm {
  max-inline-size: 24rem;
}

.max-is-md {
  max-inline-size: 28rem;
}

.max-is-lg {
  max-inline-size: 32rem;
}

.max-is-xl {
  max-inline-size: 36rem;
}

.max-is-2xl {
  max-inline-size: 42rem;
}

.max-is-3xl {
  max-inline-size: 48rem;
}

.max-is-4xl {
  max-inline-size: 56rem;
}

.max-is-5xl {
  max-inline-size: 64rem;
}

.max-is-6xl {
  max-inline-size: 72rem;
}

.max-is-7xl {
  max-inline-size: 80rem;
}

.max-is-full {
  max-inline-size: 100%;
}

.max-is-min {
  max-inline-size: min-content;
}

.max-is-max {
  max-inline-size: max-content;
}

.max-is-prose {
  max-inline-size: 65ch;
}

.mlb-0 {
  margin-block: var(--spacing-0);
}

.mli-0 {
  margin-inline: var(--spacing-0);
}

.mlb-1 {
  margin-block: var(--spacing-10);
}

.mli-1 {
  margin-inline: var(--spacing-10);
}

.mlb-2 {
  margin-block: var(--spacing-15);
}

.mli-2 {
  margin-inline: var(--spacing-15);
}

.mlb-3 {
  margin-block: var(--spacing-20);
}

.mli-3 {
  margin-inline: var(--spacing-20);
}

.mlb-4 {
  margin-block: var(--spacing-25);
}

.mli-4 {
  margin-inline: var(--spacing-25);
}

.mlb-5 {
  margin-block: var(--spacing-40);
}

.mli-5 {
  margin-inline: var(--spacing-40);
}

.mlb-auto {
  margin-block: auto;
}

.mli-auto {
  margin-inline: auto;
}

.-mlb-0 {
  margin-block: calc(var(--spacing-0) * -1);
}

.-mli-0 {
  margin-inline: calc(var(--spacing-0) * -1);
}

.-mlb-1 {
  margin-block: calc(var(--spacing-10) * -1);
}

.-mli-1 {
  margin-inline: calc(var(--spacing-10) * -1);
}

.-mlb-2 {
  margin-block: calc(var(--spacing-15) * -1);
}

.-mli-2 {
  margin-inline: calc(var(--spacing-15) * -1);
}

.-mlb-3 {
  margin-block: calc(var(--spacing-20) * -1);
}

.-mli-3 {
  margin-inline: calc(var(--spacing-20) * -1);
}

.-mlb-4 {
  margin-block: calc(var(--spacing-25) * -1);
}

.-mli-4 {
  margin-inline: calc(var(--spacing-25) * -1);
}

.-mlb-5 {
  margin-block: calc(var(--spacing-40) * -1);
}

.-mli-5 {
  margin-inline: calc(var(--spacing-40) * -1);
}

.mbs-0 {
  margin-block-start: var(--spacing-0);
}

.mbe-0 {
  margin-block-end: var(--spacing-0);
}

.mis-0 {
  margin-inline-start: var(--spacing-0);
}

.mie-0 {
  margin-inline-end: var(--spacing-0);
}

.mbs-1 {
  margin-block-start: var(--spacing-10);
}

.mbe-1 {
  margin-block-end: var(--spacing-10);
}

.mis-1 {
  margin-inline-start: var(--spacing-10);
}

.mie-1 {
  margin-inline-end: var(--spacing-10);
}

.mbs-2 {
  margin-block-start: var(--spacing-15);
}

.mbe-2 {
  margin-block-end: var(--spacing-15);
}

.mis-2 {
  margin-inline-start: var(--spacing-15);
}

.mie-2 {
  margin-inline-end: var(--spacing-15);
}

.mbs-3 {
  margin-block-start: var(--spacing-20);
}

.mbe-3 {
  margin-block-end: var(--spacing-20);
}

.mis-3 {
  margin-inline-start: var(--spacing-20);
}

.mie-3 {
  margin-inline-end: var(--spacing-20);
}

.mbs-4 {
  margin-block-start: var(--spacing-25);
}

.mbe-4 {
  margin-block-end: var(--spacing-25);
}

.mis-4 {
  margin-inline-start: var(--spacing-25);
}

.mie-4 {
  margin-inline-end: var(--spacing-25);
}

.mbs-5 {
  margin-block-start: var(--spacing-40);
}

.mbe-5 {
  margin-block-end: var(--spacing-40);
}

.mis-5 {
  margin-inline-start: var(--spacing-40);
}

.mie-5 {
  margin-inline-end: var(--spacing-40);
}

.mbs-auto {
  margin-block-start: auto;
}

.mbe-auto {
  margin-block-end: auto;
}

.mis-auto {
  margin-inline-start: auto;
}

.mie-auto {
  margin-inline-end: auto;
}

.-mbs-0 {
  margin-block-start: calc(var(--spacing-0) * -1);
}

.-mbe-0 {
  margin-block-end: calc(var(--spacing-0) * -1);
}

.-mis-0 {
  margin-inline-start: calc(var(--spacing-0) * -1);
}

.-mie-0 {
  margin-inline-end: calc(var(--spacing-0) * -1);
}

.-mbs-1 {
  margin-block-start: calc(var(--spacing-10) * -1);
}

.-mbe-1 {
  margin-block-end: calc(var(--spacing-10) * -1);
}

.-mis-1 {
  margin-inline-start: calc(var(--spacing-10) * -1);
}

.-mie-1 {
  margin-inline-end: calc(var(--spacing-10) * -1);
}

.-mbs-2 {
  margin-block-start: calc(var(--spacing-15) * -1);
}

.-mbe-2 {
  margin-block-end: calc(var(--spacing-15) * -1);
}

.-mis-2 {
  margin-inline-start: calc(var(--spacing-15) * -1);
}

.-mie-2 {
  margin-inline-end: calc(var(--spacing-15) * -1);
}

.-mbs-3 {
  margin-block-start: calc(var(--spacing-20) * -1);
}

.-mbe-3 {
  margin-block-end: calc(var(--spacing-20) * -1);
}

.-mis-3 {
  margin-inline-start: calc(var(--spacing-20) * -1);
}

.-mie-3 {
  margin-inline-end: calc(var(--spacing-20) * -1);
}

.-mbs-4 {
  margin-block-start: calc(var(--spacing-25) * -1);
}

.-mbe-4 {
  margin-block-end: calc(var(--spacing-25) * -1);
}

.-mis-4 {
  margin-inline-start: calc(var(--spacing-25) * -1);
}

.-mie-4 {
  margin-inline-end: calc(var(--spacing-25) * -1);
}

.-mbs-5 {
  margin-block-start: calc(var(--spacing-40) * -1);
}

.-mbe-5 {
  margin-block-end: calc(var(--spacing-40) * -1);
}

.-mis-5 {
  margin-inline-start: calc(var(--spacing-40) * -1);
}

.-mie-5 {
  margin-inline-end: calc(var(--spacing-40) * -1);
}

.plb-0 {
  padding-block: var(--spacing-0);
}

.pli-0 {
  padding-inline: var(--spacing-0);
}

.plb-1 {
  padding-block: var(--spacing-10);
}

.pli-1 {
  padding-inline: var(--spacing-10);
}

.plb-2 {
  padding-block: var(--spacing-15);
}

.pli-2 {
  padding-inline: var(--spacing-15);
}

.plb-3 {
  padding-block: var(--spacing-20);
}

.pli-3 {
  padding-inline: var(--spacing-20);
}

.plb-4 {
  padding-block: var(--spacing-25);
}

.pli-4 {
  padding-inline: var(--spacing-25);
}

.plb-5 {
  padding-block: var(--spacing-40);
}

.pli-5 {
  padding-inline: var(--spacing-40);
}

.pbs-0 {
  padding-block-start: var(--spacing-0);
}

.pbe-0 {
  padding-block-end: var(--spacing-0);
}

.pis-0 {
  padding-inline-start: var(--spacing-0);
}

.pie-0 {
  padding-inline-end: var(--spacing-0);
}

.pbs-1 {
  padding-block-start: var(--spacing-10);
}

.pbe-1 {
  padding-block-end: var(--spacing-10);
}

.pis-1 {
  padding-inline-start: var(--spacing-10);
}

.pie-1 {
  padding-inline-end: var(--spacing-10);
}

.pbs-2 {
  padding-block-start: var(--spacing-15);
}

.pbe-2 {
  padding-block-end: var(--spacing-15);
}

.pis-2 {
  padding-inline-start: var(--spacing-15);
}

.pie-2 {
  padding-inline-end: var(--spacing-15);
}

.pbs-3 {
  padding-block-start: var(--spacing-20);
}

.pbe-3 {
  padding-block-end: var(--spacing-20);
}

.pis-3 {
  padding-inline-start: var(--spacing-20);
}

.pie-3 {
  padding-inline-end: var(--spacing-20);
}

.pbs-4 {
  padding-block-start: var(--spacing-25);
}

.pbe-4 {
  padding-block-end: var(--spacing-25);
}

.pis-4 {
  padding-inline-start: var(--spacing-25);
}

.pie-4 {
  padding-inline-end: var(--spacing-25);
}

.pbs-5 {
  padding-block-start: var(--spacing-40);
}

.pbe-5 {
  padding-block-end: var(--spacing-40);
}

.pis-5 {
  padding-inline-start: var(--spacing-40);
}

.pie-5 {
  padding-inline-end: var(--spacing-40);
}

.space-b-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(var(--spacing-0) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(var(--spacing-0) * var(--tw-space-b-reverse));
}

.space-i-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(var(--spacing-0) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(var(--spacing-0) * var(--tw-space-i-reverse));
}

.space-b-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(var(--spacing-10) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(var(--spacing-10) * var(--tw-space-b-reverse));
}

.space-i-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(var(--spacing-10) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(var(--spacing-10) * var(--tw-space-i-reverse));
}

.space-b-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(var(--spacing-15) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(var(--spacing-15) * var(--tw-space-b-reverse));
}

.space-i-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(var(--spacing-15) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(var(--spacing-15) * var(--tw-space-i-reverse));
}

.space-b-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(var(--spacing-20) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(var(--spacing-20) * var(--tw-space-b-reverse));
}

.space-i-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(var(--spacing-20) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(var(--spacing-20) * var(--tw-space-i-reverse));
}

.space-b-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(var(--spacing-25) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(var(--spacing-25) * var(--tw-space-b-reverse));
}

.space-i-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(var(--spacing-25) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(var(--spacing-25) * var(--tw-space-i-reverse));
}

.space-b-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(var(--spacing-40) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(var(--spacing-40) * var(--tw-space-b-reverse));
}

.space-i-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(var(--spacing-40) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(var(--spacing-40) * var(--tw-space-i-reverse));
}

.-space-b-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(calc(var(--spacing-0) * -1) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(calc(var(--spacing-0) * -1) * var(--tw-space-b-reverse));
}

.-space-i-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing-0) * -1) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(calc(var(--spacing-0) * -1) * var(--tw-space-i-reverse));
}

.-space-b-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(calc(var(--spacing-10) * -1) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(calc(var(--spacing-10) * -1) * var(--tw-space-b-reverse));
}

.-space-i-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing-10) * -1) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(calc(var(--spacing-10) * -1) * var(--tw-space-i-reverse));
}

.-space-b-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(calc(var(--spacing-15) * -1) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(calc(var(--spacing-15) * -1) * var(--tw-space-b-reverse));
}

.-space-i-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing-15) * -1) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(calc(var(--spacing-15) * -1) * var(--tw-space-i-reverse));
}

.-space-b-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(calc(var(--spacing-20) * -1) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(calc(var(--spacing-20) * -1) * var(--tw-space-b-reverse));
}

.-space-i-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing-20) * -1) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(calc(var(--spacing-20) * -1) * var(--tw-space-i-reverse));
}

.-space-b-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(calc(var(--spacing-25) * -1) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(calc(var(--spacing-25) * -1) * var(--tw-space-b-reverse));
}

.-space-i-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing-25) * -1) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(calc(var(--spacing-25) * -1) * var(--tw-space-i-reverse));
}

.-space-b-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 0;
  margin-block-start: calc(calc(var(--spacing-40) * -1) * calc(1 - var(--tw-space-b-reverse)));
  margin-block-end: calc(calc(var(--spacing-40) * -1) * var(--tw-space-b-reverse));
}

.-space-i-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 0;
  margin-inline-start: calc(calc(var(--spacing-40) * -1) * calc(1 - var(--tw-space-i-reverse)));
  margin-inline-end: calc(calc(var(--spacing-40) * -1) * var(--tw-space-i-reverse));
}

.space-b-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-b-reverse: 1;
}

.space-i-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-i-reverse: 1;
}

.inset-block-0 {
  inset-block: var(--spacing-0);
}

.inset-inline-0 {
  inset-inline: var(--spacing-0);
}

.inset-block-1 {
  inset-block: var(--spacing-10);
}

.inset-inline-1 {
  inset-inline: var(--spacing-10);
}

.inset-block-2 {
  inset-block: var(--spacing-15);
}

.inset-inline-2 {
  inset-inline: var(--spacing-15);
}

.inset-block-3 {
  inset-block: var(--spacing-20);
}

.inset-inline-3 {
  inset-inline: var(--spacing-20);
}

.inset-block-4 {
  inset-block: var(--spacing-25);
}

.inset-inline-4 {
  inset-inline: var(--spacing-25);
}

.inset-block-5 {
  inset-block: var(--spacing-40);
}

.inset-inline-5 {
  inset-inline: var(--spacing-40);
}

.inset-block-auto {
  inset-block: auto;
}

.inset-inline-auto {
  inset-inline: auto;
}

.-inset-block-0 {
  inset-block: calc(var(--spacing-0) * -1);
}

.-inset-inline-0 {
  inset-inline: calc(var(--spacing-0) * -1);
}

.-inset-block-1 {
  inset-block: calc(var(--spacing-10) * -1);
}

.-inset-inline-1 {
  inset-inline: calc(var(--spacing-10) * -1);
}

.-inset-block-2 {
  inset-block: calc(var(--spacing-15) * -1);
}

.-inset-inline-2 {
  inset-inline: calc(var(--spacing-15) * -1);
}

.-inset-block-3 {
  inset-block: calc(var(--spacing-20) * -1);
}

.-inset-inline-3 {
  inset-inline: calc(var(--spacing-20) * -1);
}

.-inset-block-4 {
  inset-block: calc(var(--spacing-25) * -1);
}

.-inset-inline-4 {
  inset-inline: calc(var(--spacing-25) * -1);
}

.-inset-block-5 {
  inset-block: calc(var(--spacing-40) * -1);
}

.-inset-inline-5 {
  inset-inline: calc(var(--spacing-40) * -1);
}

.inset-block-1\/2 {
  inset-block: 50%;
}

.inset-inline-1\/2 {
  inset-inline: 50%;
}

.inset-block-1\/3 {
  inset-block: 33.333333%;
}

.inset-inline-1\/3 {
  inset-inline: 33.333333%;
}

.inset-block-2\/3 {
  inset-block: 66.666667%;
}

.inset-inline-2\/3 {
  inset-inline: 66.666667%;
}

.inset-block-1\/4 {
  inset-block: 25%;
}

.inset-inline-1\/4 {
  inset-inline: 25%;
}

.inset-block-2\/4 {
  inset-block: 50%;
}

.inset-inline-2\/4 {
  inset-inline: 50%;
}

.inset-block-3\/4 {
  inset-block: 75%;
}

.inset-inline-3\/4 {
  inset-inline: 75%;
}

.inset-block-full {
  inset-block: 100%;
}

.inset-inline-full {
  inset-inline: 100%;
}

.-inset-block-1\/2 {
  inset-block: -50%;
}

.-inset-inline-1\/2 {
  inset-inline: -50%;
}

.-inset-block-1\/3 {
  inset-block: -33.333333%;
}

.-inset-inline-1\/3 {
  inset-inline: -33.333333%;
}

.-inset-block-2\/3 {
  inset-block: -66.666667%;
}

.-inset-inline-2\/3 {
  inset-inline: -66.666667%;
}

.-inset-block-1\/4 {
  inset-block: -25%;
}

.-inset-inline-1\/4 {
  inset-inline: -25%;
}

.-inset-block-2\/4 {
  inset-block: -50%;
}

.-inset-inline-2\/4 {
  inset-inline: -50%;
}

.-inset-block-3\/4 {
  inset-block: -75%;
}

.-inset-inline-3\/4 {
  inset-inline: -75%;
}

.-inset-block-full {
  inset-block: -100%;
}

.-inset-inline-full {
  inset-inline: -100%;
}

.block-start-0 {
  inset-block-start: var(--spacing-0);
}

.block-end-0 {
  inset-block-end: var(--spacing-0);
}

.inline-start-0 {
  inset-inline-start: var(--spacing-0);
}

.inline-end-0 {
  inset-inline-end: var(--spacing-0);
}

.block-start-1 {
  inset-block-start: var(--spacing-10);
}

.block-end-1 {
  inset-block-end: var(--spacing-10);
}

.inline-start-1 {
  inset-inline-start: var(--spacing-10);
}

.inline-end-1 {
  inset-inline-end: var(--spacing-10);
}

.block-start-2 {
  inset-block-start: var(--spacing-15);
}

.block-end-2 {
  inset-block-end: var(--spacing-15);
}

.inline-start-2 {
  inset-inline-start: var(--spacing-15);
}

.inline-end-2 {
  inset-inline-end: var(--spacing-15);
}

.block-start-3 {
  inset-block-start: var(--spacing-20);
}

.block-end-3 {
  inset-block-end: var(--spacing-20);
}

.inline-start-3 {
  inset-inline-start: var(--spacing-20);
}

.inline-end-3 {
  inset-inline-end: var(--spacing-20);
}

.block-start-4 {
  inset-block-start: var(--spacing-25);
}

.block-end-4 {
  inset-block-end: var(--spacing-25);
}

.inline-start-4 {
  inset-inline-start: var(--spacing-25);
}

.inline-end-4 {
  inset-inline-end: var(--spacing-25);
}

.block-start-5 {
  inset-block-start: var(--spacing-40);
}

.block-end-5 {
  inset-block-end: var(--spacing-40);
}

.inline-start-5 {
  inset-inline-start: var(--spacing-40);
}

.inline-end-5 {
  inset-inline-end: var(--spacing-40);
}

.block-start-auto {
  inset-block-start: auto;
}

.block-end-auto {
  inset-block-end: auto;
}

.inline-start-auto {
  inset-inline-start: auto;
}

.inline-end-auto {
  inset-inline-end: auto;
}

.-block-start-0 {
  inset-block-start: calc(var(--spacing-0) * -1);
}

.-block-end-0 {
  inset-block-end: calc(var(--spacing-0) * -1);
}

.-inline-start-0 {
  inset-inline-start: calc(var(--spacing-0) * -1);
}

.-inline-end-0 {
  inset-inline-end: calc(var(--spacing-0) * -1);
}

.-block-start-1 {
  inset-block-start: calc(var(--spacing-10) * -1);
}

.-block-end-1 {
  inset-block-end: calc(var(--spacing-10) * -1);
}

.-inline-start-1 {
  inset-inline-start: calc(var(--spacing-10) * -1);
}

.-inline-end-1 {
  inset-inline-end: calc(var(--spacing-10) * -1);
}

.-block-start-2 {
  inset-block-start: calc(var(--spacing-15) * -1);
}

.-block-end-2 {
  inset-block-end: calc(var(--spacing-15) * -1);
}

.-inline-start-2 {
  inset-inline-start: calc(var(--spacing-15) * -1);
}

.-inline-end-2 {
  inset-inline-end: calc(var(--spacing-15) * -1);
}

.-block-start-3 {
  inset-block-start: calc(var(--spacing-20) * -1);
}

.-block-end-3 {
  inset-block-end: calc(var(--spacing-20) * -1);
}

.-inline-start-3 {
  inset-inline-start: calc(var(--spacing-20) * -1);
}

.-inline-end-3 {
  inset-inline-end: calc(var(--spacing-20) * -1);
}

.-block-start-4 {
  inset-block-start: calc(var(--spacing-25) * -1);
}

.-block-end-4 {
  inset-block-end: calc(var(--spacing-25) * -1);
}

.-inline-start-4 {
  inset-inline-start: calc(var(--spacing-25) * -1);
}

.-inline-end-4 {
  inset-inline-end: calc(var(--spacing-25) * -1);
}

.-block-start-5 {
  inset-block-start: calc(var(--spacing-40) * -1);
}

.-block-end-5 {
  inset-block-end: calc(var(--spacing-40) * -1);
}

.-inline-start-5 {
  inset-inline-start: calc(var(--spacing-40) * -1);
}

.-inline-end-5 {
  inset-inline-end: calc(var(--spacing-40) * -1);
}

.block-start-1\/2 {
  inset-block-start: 50%;
}

.block-end-1\/2 {
  inset-block-end: 50%;
}

.inline-start-1\/2 {
  inset-inline-start: 50%;
}

.inline-end-1\/2 {
  inset-inline-end: 50%;
}

.block-start-1\/3 {
  inset-block-start: 33.333333%;
}

.block-end-1\/3 {
  inset-block-end: 33.333333%;
}

.inline-start-1\/3 {
  inset-inline-start: 33.333333%;
}

.inline-end-1\/3 {
  inset-inline-end: 33.333333%;
}

.block-start-2\/3 {
  inset-block-start: 66.666667%;
}

.block-end-2\/3 {
  inset-block-end: 66.666667%;
}

.inline-start-2\/3 {
  inset-inline-start: 66.666667%;
}

.inline-end-2\/3 {
  inset-inline-end: 66.666667%;
}

.block-start-1\/4 {
  inset-block-start: 25%;
}

.block-end-1\/4 {
  inset-block-end: 25%;
}

.inline-start-1\/4 {
  inset-inline-start: 25%;
}

.inline-end-1\/4 {
  inset-inline-end: 25%;
}

.block-start-2\/4 {
  inset-block-start: 50%;
}

.block-end-2\/4 {
  inset-block-end: 50%;
}

.inline-start-2\/4 {
  inset-inline-start: 50%;
}

.inline-end-2\/4 {
  inset-inline-end: 50%;
}

.block-start-3\/4 {
  inset-block-start: 75%;
}

.block-end-3\/4 {
  inset-block-end: 75%;
}

.inline-start-3\/4 {
  inset-inline-start: 75%;
}

.inline-end-3\/4 {
  inset-inline-end: 75%;
}

.block-start-full {
  inset-block-start: 100%;
}

.block-end-full {
  inset-block-end: 100%;
}

.inline-start-full {
  inset-inline-start: 100%;
}

.inline-end-full {
  inset-inline-end: 100%;
}

.-block-start-1\/2 {
  inset-block-start: -50%;
}

.-block-end-1\/2 {
  inset-block-end: -50%;
}

.-inline-start-1\/2 {
  inset-inline-start: -50%;
}

.-inline-end-1\/2 {
  inset-inline-end: -50%;
}

.-block-start-1\/3 {
  inset-block-start: -33.333333%;
}

.-block-end-1\/3 {
  inset-block-end: -33.333333%;
}

.-inline-start-1\/3 {
  inset-inline-start: -33.333333%;
}

.-inline-end-1\/3 {
  inset-inline-end: -33.333333%;
}

.-block-start-2\/3 {
  inset-block-start: -66.666667%;
}

.-block-end-2\/3 {
  inset-block-end: -66.666667%;
}

.-inline-start-2\/3 {
  inset-inline-start: -66.666667%;
}

.-inline-end-2\/3 {
  inset-inline-end: -66.666667%;
}

.-block-start-1\/4 {
  inset-block-start: -25%;
}

.-block-end-1\/4 {
  inset-block-end: -25%;
}

.-inline-start-1\/4 {
  inset-inline-start: -25%;
}

.-inline-end-1\/4 {
  inset-inline-end: -25%;
}

.-block-start-2\/4 {
  inset-block-start: -50%;
}

.-block-end-2\/4 {
  inset-block-end: -50%;
}

.-inline-start-2\/4 {
  inset-inline-start: -50%;
}

.-inline-end-2\/4 {
  inset-inline-end: -50%;
}

.-block-start-3\/4 {
  inset-block-start: -75%;
}

.-block-end-3\/4 {
  inset-block-end: -75%;
}

.-inline-start-3\/4 {
  inset-inline-start: -75%;
}

.-inline-end-3\/4 {
  inset-inline-end: -75%;
}

.-block-start-full {
  inset-block-start: -100%;
}

.-block-end-full {
  inset-block-end: -100%;
}

.-inline-start-full {
  inset-inline-start: -100%;
}

.-inline-end-full {
  inset-inline-end: -100%;
}

.border-bs-0 {
  border-block-start-width: var(--width-0);
}

.border-be-0 {
  border-block-end-width: var(--width-0);
}

.border-is-0 {
  border-inline-start-width: var(--width-0);
}

.border-ie-0 {
  border-inline-end-width: var(--width-0);
}

.border-bs-2 {
  border-block-start-width: var(--width-2);
}

.border-be-2 {
  border-block-end-width: var(--width-2);
}

.border-is-2 {
  border-inline-start-width: var(--width-2);
}

.border-ie-2 {
  border-inline-end-width: var(--width-2);
}

.border-bs {
  border-block-start-width: var(--width-base);
}

.border-be {
  border-block-end-width: var(--width-base);
}

.border-is {
  border-inline-start-width: var(--width-base);
}

.border-ie {
  border-inline-end-width: var(--width-base);
}

.rounded-bs-xs {
  border-start-start-radius: var(--radius-xs);
  border-start-end-radius: var(--radius-xs);
}

.rounded-be-xs {
  border-end-start-radius: var(--radius-xs);
  border-end-end-radius: var(--radius-xs);
}

.rounded-is-xs {
  border-start-start-radius: var(--radius-xs);
  border-end-start-radius: var(--radius-xs);
}

.rounded-ie-xs {
  border-start-end-radius: var(--radius-xs);
  border-end-end-radius: var(--radius-xs);
}

.rounded-bs-sm {
  border-start-start-radius: var(--radius-sm);
  border-start-end-radius: var(--radius-sm);
}

.rounded-be-sm {
  border-end-start-radius: var(--radius-sm);
  border-end-end-radius: var(--radius-sm);
}

.rounded-is-sm {
  border-start-start-radius: var(--radius-sm);
  border-end-start-radius: var(--radius-sm);
}

.rounded-ie-sm {
  border-start-end-radius: var(--radius-sm);
  border-end-end-radius: var(--radius-sm);
}

.rounded-bs {
  border-start-start-radius: var(--radius-base);
  border-start-end-radius: var(--radius-base);
}

.rounded-be {
  border-end-start-radius: var(--radius-base);
  border-end-end-radius: var(--radius-base);
}

.rounded-is {
  border-start-start-radius: var(--radius-base);
  border-end-start-radius: var(--radius-base);
}

.rounded-ie {
  border-start-end-radius: var(--radius-base);
  border-end-end-radius: var(--radius-base);
}

.rounded-bs-md {
  border-start-start-radius: var(--radius-md);
  border-start-end-radius: var(--radius-md);
}

.rounded-be-md {
  border-end-start-radius: var(--radius-md);
  border-end-end-radius: var(--radius-md);
}

.rounded-is-md {
  border-start-start-radius: var(--radius-md);
  border-end-start-radius: var(--radius-md);
}

.rounded-ie-md {
  border-start-end-radius: var(--radius-md);
  border-end-end-radius: var(--radius-md);
}

.rounded-bs-full {
  border-start-start-radius: var(--radius-full);
  border-start-end-radius: var(--radius-full);
}

.rounded-be-full {
  border-end-start-radius: var(--radius-full);
  border-end-end-radius: var(--radius-full);
}

.rounded-is-full {
  border-start-start-radius: var(--radius-full);
  border-end-start-radius: var(--radius-full);
}

.rounded-ie-full {
  border-start-end-radius: var(--radius-full);
  border-end-end-radius: var(--radius-full);
}

.rounded-bs-none {
  border-start-start-radius: var(--radius-none);
  border-start-end-radius: var(--radius-none);
}

.rounded-be-none {
  border-end-start-radius: var(--radius-none);
  border-end-end-radius: var(--radius-none);
}

.rounded-is-none {
  border-start-start-radius: var(--radius-none);
  border-end-start-radius: var(--radius-none);
}

.rounded-ie-none {
  border-start-end-radius: var(--radius-none);
  border-end-end-radius: var(--radius-none);
}

.rounded-ss-xs {
  border-start-start-radius: var(--radius-xs);
}

.rounded-se-xs {
  border-start-end-radius: var(--radius-xs);
}

.rounded-es-xs {
  border-end-start-radius: var(--radius-xs);
}

.rounded-ee-xs {
  border-end-end-radius: var(--radius-xs);
}

.rounded-ss-sm {
  border-start-start-radius: var(--radius-sm);
}

.rounded-se-sm {
  border-start-end-radius: var(--radius-sm);
}

.rounded-es-sm {
  border-end-start-radius: var(--radius-sm);
}

.rounded-ee-sm {
  border-end-end-radius: var(--radius-sm);
}

.rounded-ss {
  border-start-start-radius: var(--radius-base);
}

.rounded-se {
  border-start-end-radius: var(--radius-base);
}

.rounded-es {
  border-end-start-radius: var(--radius-base);
}

.rounded-ee {
  border-end-end-radius: var(--radius-base);
}

.rounded-ss-md {
  border-start-start-radius: var(--radius-md);
}

.rounded-se-md {
  border-start-end-radius: var(--radius-md);
}

.rounded-es-md {
  border-end-start-radius: var(--radius-md);
}

.rounded-ee-md {
  border-end-end-radius: var(--radius-md);
}

.rounded-ss-full {
  border-start-start-radius: var(--radius-full);
}

.rounded-se-full {
  border-start-end-radius: var(--radius-full);
}

.rounded-es-full {
  border-end-start-radius: var(--radius-full);
}

.rounded-ee-full {
  border-end-end-radius: var(--radius-full);
}

.rounded-ss-none {
  border-start-start-radius: var(--radius-none);
}

.rounded-se-none {
  border-start-end-radius: var(--radius-none);
}

.rounded-es-none {
  border-end-start-radius: var(--radius-none);
}

.rounded-ee-none {
  border-end-end-radius: var(--radius-none);
}

.divide-b-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-b-reverse: 0;
  border-block-start-width: calc(var(--width-0) * calc(1 - var(--tw-divide-b-reverse)));
  border-block-end-width: calc(var(--width-0) * var(--tw-divide-b-reverse));
}

.divide-i-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-i-reverse: 0;
  border-inline-start-width: calc(var(--width-0) * calc(1 - var(--tw-divide-i-reverse)));
  border-inline-end-width: calc(var(--width-0) * var(--tw-divide-i-reverse));
}

.divide-b-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-b-reverse: 0;
  border-block-start-width: calc(var(--width-2) * calc(1 - var(--tw-divide-b-reverse)));
  border-block-end-width: calc(var(--width-2) * var(--tw-divide-b-reverse));
}

.divide-i-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-i-reverse: 0;
  border-inline-start-width: calc(var(--width-2) * calc(1 - var(--tw-divide-i-reverse)));
  border-inline-end-width: calc(var(--width-2) * var(--tw-divide-i-reverse));
}

.divide-b > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-b-reverse: 0;
  border-block-start-width: calc(var(--width-base) * calc(1 - var(--tw-divide-b-reverse)));
  border-block-end-width: calc(var(--width-base) * var(--tw-divide-b-reverse));
}

.divide-i > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-i-reverse: 0;
  border-inline-start-width: calc(var(--width-base) * calc(1 - var(--tw-divide-i-reverse)));
  border-inline-end-width: calc(var(--width-base) * var(--tw-divide-i-reverse));
}

.divide-b-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-b-reverse: 1;
}

.divide-i-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-i-reverse: 1;
}

.overlay {
  --backdrop-background: var(--overlay-base);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background: var(--backdrop-background);
  inset: 0;
  position: fixed;
  z-index: 1;
}

.dark .overlay {
  --backdrop-background: var(--overlay-dark);
}

.required-indicator {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}

.before\:required-indicator::before {
  color: var(--color-red-800);
  content: "*";
  display: inline;
  margin-inline-end: 0.25em;
}