/* .:: Blues ::. */
/* .:: Teals ::. */
/* .:: Yellows ::. */
/* .:: Oranges ::. */
/* .:: Whites ::. */
/* .:: Grays ::. */ /* aka pinkish-gray */
/* .:: Reds ::. */

/* .:: Greens ::. */

/* **** Entity Colors **** */



* {
  box-sizing: border-box;
}

html,
body,
:host {
  height: 100vh;
  width: 100vw;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

body,
:host {
  font-family: 'DM Sans', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
}

h2 {
  font-size: 16px;
  font-weight: 500;
}

h3 {
  font-weight: 500;
}

.light {
  font-weight: 300;
}

.column {
  flex-direction: column;
}

.page-container {
  height: 100%;
}

.ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.spaceChilds > *:not(:first-child) {
  margin-left: 30px;
}

.pageContainer {
  overflow: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 34px 30px 40px 30px;
}

.tableFilters {
  margin-top: 24px;
}

.selectTableFilters {
  margin-top: 50px;
  width: 100%;
}

.#FF0000 {
  color: #FF0000;
}

.#25CED1 {
  color: #25CED1;
}

.#22BCBE {
  color: #22BCBE;
}

/*
! tailwindcss v3.0.8 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (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 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: DM Sans; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

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

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

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

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", 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;
}

/*
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)
3. Remove gaps between table borders by default.
*/

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

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

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

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

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

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

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

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

[hidden] {
  display: none;
}
  /* override tailwindcss overrides */
  html {
    line-height: normal;
  }
  h2 {
    display: block;
    -webkit-margin-before: 0.83em;
            margin-block-start: 0.83em;
    -webkit-margin-after: 0.83em;
            margin-block-end: 0.83em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: 500;
    font-size: 16px;
  }
  p {
    display: block;
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
  }
  h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1em;
            margin-block-start: 1em;
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
    -webkit-margin-start: 0px;
            margin-inline-start: 0px;
    -webkit-margin-end: 0px;
            margin-inline-end: 0px;
    font-weight: bold;
  }
  svg {
    display: inline;
    vertical-align: baseline;
  }
  /* override tailwind css overrides */

*, ::before, ::after {
  --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;
  --tw-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));
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@font-face {
  font-family: 'Gilroy';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: local('Gilroy-Regular'), url('https://d2vu40klajma73.cloudfront.net/Gilroy-Regular.woff2') format('woff2'),
    url('https://d2vu40klajma73.cloudfront.net/Gilroy-Regular.woff') format('woff');
}

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  /* font-display: swap; */
  src: url('https://d2vu40klajma73.cloudfront.net/DM-Sans-400.woff2') format('woff2');
}

/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  /* font-display: swap; */
  src: url('https://d2vu40klajma73.cloudfront.net/DM-Sans-500.woff2') format('woff2');
}

@font-face {
  font-family: 'DM Mono';
  font-weight: 400;
  font-style: normal;
  /* font-display: swap; */
  src: local('DMMono-Regular'), url('https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff2') format('woff2'),
    url('https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff') format('woff');
}

@font-face {
  font-family: 'Material Icons Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/materialsymbolsoutlined/v63/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOejbd5zrDAt.woff2')
      format('woff2'),
    url('https://fonts.gstatic.com/s/materialsymbolsoutlined/v63/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOelbd5zrDAt.woff')
      format('woff');
}

/* https://github.com/tailwindlabs/tailwindcss/issues/942 */
svg {
  display: inline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'DM Sans', sans-serif;
}

.container {
  width: 100%;
}

@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}

@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}

@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}

@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}

@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.pointer-events-none {
  pointer-events: none !important;
}
.pointer-events-auto {
  pointer-events: auto !important;
}
.visible {
  visibility: visible !important;
}
.\!visible {
  visibility: visible !important;
}
.static {
  position: static !important;
}
.fixed {
  position: fixed !important;
}
.absolute {
  position: absolute !important;
}
.relative {
  position: relative !important;
}
.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.inset-0 {
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
}
.inset-y-auto {
  top: auto !important;
  bottom: auto !important;
}
.inset-y-0 {
  top: 0px !important;
  bottom: 0px !important;
}
.inset-x-0 {
  left: 0px !important;
  right: 0px !important;
}
.top-0 {
  top: 0px !important;
}
.left-0 {
  left: 0px !important;
}
.right-0 {
  right: 0px !important;
}
.bottom-0 {
  bottom: 0px !important;
}
.left-full {
  left: 100% !important;
}
.right-auto {
  right: auto !important;
}
.top-20 {
  top: 5rem !important;
}
.bottom-20 {
  bottom: 5rem !important;
}
.right-2 {
  right: 0.5rem !important;
}
.bottom-2 {
  bottom: 0.5rem !important;
}
.top-full {
  top: 100% !important;
}
.top-3 {
  top: 0.75rem !important;
}
.left-3 {
  left: 0.75rem !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-50 {
  z-index: 50 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-20 {
  z-index: 20 !important;
}
.z-30 {
  z-index: 30 !important;
}
.order-first {
  order: -9999 !important;
}
.col-span-12 {
  grid-column: span 12 / span 12 !important;
}
.col-span-5 {
  grid-column: span 5 / span 5 !important;
}
.col-span-4 {
  grid-column: span 4 / span 4 !important;
}
.col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.col-span-1 {
  grid-column: span 1 / span 1 !important;
}
.col-start-2 {
  grid-column-start: 2 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-0 {
  margin: 0px !important;
}
.m-7 {
  margin: 1.75rem !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.-mx-5 {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
}
.mx-10 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.-mx-7 {
  margin-left: -1.75rem !important;
  margin-right: -1.75rem !important;
}
.ml-2 {
  margin-left: 0.5rem !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mt-4 {
  margin-top: 1rem !important;
}
.ml-6 {
  margin-left: 1.5rem !important;
}
.-ml-1 {
  margin-left: -0.25rem !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1 {
  margin-left: 0.25rem !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mr-2 {
  margin-right: 0.5rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 0.75rem !important;
}
.ml-5 {
  margin-left: 1.25rem !important;
}
.ml-4 {
  margin-left: 1rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.ml-3 {
  margin-left: 0.75rem !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-4 {
  margin-bottom: 1rem !important;
}
.mt-5 {
  margin-top: 1.25rem !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.mb-6 {
  margin-bottom: 1.5rem !important;
}
.mt-0 {
  margin-top: 0px !important;
}
.mt-3\.5 {
  margin-top: 0.875rem !important;
}
.mt-10 {
  margin-top: 2.5rem !important;
}
.mt-px {
  margin-top: 1px !important;
}
.mr-4 {
  margin-right: 1rem !important;
}
.-mt-1 {
  margin-top: -0.25rem !important;
}
.mr-1 {
  margin-right: 0.25rem !important;
}
.mb-3 {
  margin-bottom: 0.75rem !important;
}
.mt-8 {
  margin-top: 2rem !important;
}
.mb-5 {
  margin-bottom: 1.25rem !important;
}
.mr-6 {
  margin-right: 1.5rem !important;
}
.mr-5 {
  margin-right: 1.25rem !important;
}
.mt-6 {
  margin-top: 1.5rem !important;
}
.mr-8 {
  margin-right: 2rem !important;
}
.-mb-5 {
  margin-bottom: -1.25rem !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-8 {
  margin-bottom: 2rem !important;
}
.mt-20 {
  margin-top: 5rem !important;
}
.mr-3 {
  margin-right: 0.75rem !important;
}
.-ml-2 {
  margin-left: -0.5rem !important;
}
.-mr-8 {
  margin-right: -2rem !important;
}
.-mt-2 {
  margin-top: -0.5rem !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mt-7 {
  margin-top: 1.75rem !important;
}
.block {
  display: block !important;
}
.inline-block {
  display: inline-block !important;
}
.inline {
  display: inline !important;
}
.flex {
  display: flex !important;
}
.inline-flex {
  display: inline-flex !important;
}
.table {
  display: table !important;
}
.grid {
  display: grid !important;
}
.contents {
  display: contents !important;
}
.hidden {
  display: none !important;
}
.h-4 {
  height: 1rem !important;
}
.h-5 {
  height: 1.25rem !important;
}
.h-full {
  height: 100% !important;
}
.h-10 {
  height: 2.5rem !important;
}
.h-8 {
  height: 2rem !important;
}
.h-6 {
  height: 1.5rem !important;
}
.h-3 {
  height: 0.75rem !important;
}
.h-2 {
  height: 0.5rem !important;
}
.h-12 {
  height: 3rem !important;
}
.h-20 {
  height: 5rem !important;
}
.h-32 {
  height: 8rem !important;
}
.h-36 {
  height: 9rem !important;
}
.h-auto {
  height: auto !important;
}
.h-screen {
  height: 100vh !important;
}
.h-11 {
  height: 2.75rem !important;
}
.h-0 {
  height: 0px !important;
}
.h-40 {
  height: 10rem !important;
}
.h-16 {
  height: 4rem !important;
}
.h-14 {
  height: 3.5rem !important;
}
.h-80 {
  height: 20rem !important;
}
.h-\[75px\] {
  height: 75px !important;
}
.h-52 {
  height: 13rem !important;
}
.h-48 {
  height: 12rem !important;
}
.h-\[500px\] {
  height: 500px !important;
}
.h-\[34px\] {
  height: 34px !important;
}
.h-96 {
  height: 24rem !important;
}
.h-60 {
  height: 15rem !important;
}
.h-72 {
  height: 18rem !important;
}
.h-9 {
  height: 2.25rem !important;
}
.h-7 {
  height: 1.75rem !important;
}
.h-64 {
  height: 16rem !important;
}
.max-h-96 {
  max-height: 24rem !important;
}
.min-h-0 {
  min-height: 0px !important;
}
.min-h-\[164px\] {
  min-height: 164px !important;
}
.min-h-\[150px\] {
  min-height: 150px !important;
}
.min-h-\[200px\] {
  min-height: 200px !important;
}
.min-h-\[40px\] {
  min-height: 40px !important;
}
.min-h-\[400px\] {
  min-height: 400px !important;
}
.min-h-\[32px\] {
  min-height: 32px !important;
}
.min-h-\[300px\] {
  min-height: 300px !important;
}
.w-4 {
  width: 1rem !important;
}
.w-5 {
  width: 1.25rem !important;
}
.w-full {
  width: 100% !important;
}
.w-10 {
  width: 2.5rem !important;
}
.w-8 {
  width: 2rem !important;
}
.w-72 {
  width: 18rem !important;
}
.w-28 {
  width: 7rem !important;
}
.w-6 {
  width: 1.5rem !important;
}
.w-3 {
  width: 0.75rem !important;
}
.w-36 {
  width: 9rem !important;
}
.w-2 {
  width: 0.5rem !important;
}
.w-48 {
  width: 12rem !important;
}
.w-12 {
  width: 3rem !important;
}
.w-20 {
  width: 5rem !important;
}
.w-32 {
  width: 8rem !important;
}
.w-40 {
  width: 10rem !important;
}
.w-96 {
  width: 24rem !important;
}
.w-60 {
  width: 15rem !important;
}
.w-80 {
  width: 20rem !important;
}
.w-0 {
  width: 0px !important;
}
.w-16 {
  width: 4rem !important;
}
.w-44 {
  width: 11rem !important;
}
.w-auto {
  width: auto !important;
}
.w-14 {
  width: 3.5rem !important;
}
.w-56 {
  width: 14rem !important;
}
.w-64 {
  width: 16rem !important;
}
.w-0\.5 {
  width: 0.125rem !important;
}
.w-2\/12 {
  width: 16.666667% !important;
}
.w-1\/12 {
  width: 8.333333% !important;
}
.w-1\.5 {
  width: 0.375rem !important;
}
.w-1 {
  width: 0.25rem !important;
}
.w-24 {
  width: 6rem !important;
}
.w-52 {
  width: 13rem !important;
}
.w-\[420px\] {
  width: 420px !important;
}
.w-max {
  width: -webkit-max-content !important;
  width: max-content !important;
}
.min-w-0 {
  min-width: 0px !important;
}
.min-w-\[400px\] {
  min-width: 400px !important;
}
.min-w-\[100px\] {
  min-width: 100px !important;
}
.min-w-\[200px\] {
  min-width: 200px !important;
}
.min-w-\[32px\] {
  min-width: 32px !important;
}
.max-w-md {
  max-width: 28rem !important;
}
.max-w-sm {
  max-width: 24rem !important;
}
.max-w-40 {
  max-width: 10rem !important;
}
.max-w-full {
  max-width: 100% !important;
}
.max-w-xl {
  max-width: 36rem !important;
}
.max-w-xs {
  max-width: 20rem !important;
}
.max-w-lg {
  max-width: 32rem !important;
}
.max-w-7xl {
  max-width: 80rem !important;
}
.max-w-\[300px\] {
  max-width: 300px !important;
}
.flex-none {
  flex: none !important;
}
.flex-1 {
  flex: 1 1 !important;
}
.flex-shrink {
  flex-shrink: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.shrink-0 {
  flex-shrink: 0 !important;
}
.shrink {
  flex-shrink: 1 !important;
}
.flex-grow {
  flex-grow: 1 !important;
}
.grow {
  flex-grow: 1 !important;
}
.origin-center {
  -webkit-transform-origin: center !important;
          transform-origin: center !important;
}
.rotate-0 {
  --tw-rotate: 0deg !important;
  -webkit-transform: var(--tw-transform) !important;
          transform: var(--tw-transform) !important;
}
.-rotate-1 {
  --tw-rotate: -1deg !important;
  -webkit-transform: var(--tw-transform) !important;
          transform: var(--tw-transform) !important;
}
.rotate-90 {
  --tw-rotate: 90deg !important;
  -webkit-transform: var(--tw-transform) !important;
          transform: var(--tw-transform) !important;
}
.rotate-45 {
  --tw-rotate: 45deg !important;
  -webkit-transform: var(--tw-transform) !important;
          transform: var(--tw-transform) !important;
}
.transform {
  -webkit-transform: var(--tw-transform) !important;
          transform: var(--tw-transform) !important;
}
.transform-none {
  -webkit-transform: none !important;
          transform: none !important;
}
@-webkit-keyframes slide-down {

  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes slide-down {

  0% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
  }
}
.animate-slide-down {
  -webkit-animation: slide-down 200ms ease !important;
          animation: slide-down 200ms ease !important;
}
@-webkit-keyframes pulse {

  50% {
    opacity: .5;
  }
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
          animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
.cursor-default {
  cursor: default !important;
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-grab {
  cursor: grab !important;
}
.cursor-grabbing {
  cursor: grabbing !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-text {
  cursor: text !important;
}
.select-none {
  -webkit-user-select: none !important;
      -ms-user-select: none !important;
          user-select: none !important;
}
.resize-none {
  resize: none !important;
}
.resize {
  resize: both !important;
}
.list-none {
  list-style-type: none !important;
}
.list-disc {
  list-style-type: disc !important;
}
.grid-flow-row {
  grid-auto-flow: row !important;
}
.auto-rows-max {
  grid-auto-rows: -webkit-max-content !important;
  grid-auto-rows: max-content !important;
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-col {
  flex-direction: column !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.items-start {
  align-items: flex-start !important;
}
.items-end {
  align-items: flex-end !important;
}
.items-center {
  align-items: center !important;
}
.items-baseline {
  align-items: baseline !important;
}
.items-stretch {
  align-items: stretch !important;
}
.justify-start {
  justify-content: flex-start !important;
}
.justify-end {
  justify-content: flex-end !important;
}
.justify-center {
  justify-content: center !important;
}
.justify-between {
  justify-content: space-between !important;
}
.justify-around {
  justify-content: space-around !important;
}
.justify-items-start {
  justify-items: start !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 0.75rem !important;
}
.gap-4 {
  gap: 1rem !important;
}
.gap-0 {
  gap: 0px !important;
}
.gap-px {
  gap: 1px !important;
}
.gap-6 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 1.25rem !important;
}
.gap-8 {
  gap: 2rem !important;
}
.gap-x-1 {
  -webkit-column-gap: 0.25rem !important;
          column-gap: 0.25rem !important;
}
.gap-x-2 {
  -webkit-column-gap: 0.5rem !important;
          column-gap: 0.5rem !important;
}
.gap-y-1 {
  row-gap: 0.25rem !important;
}
.gap-x-10 {
  -webkit-column-gap: 2.5rem !important;
          column-gap: 2.5rem !important;
}
.gap-y-4 {
  row-gap: 1rem !important;
}
.gap-y-2 {
  row-gap: 0.5rem !important;
}
.gap-x-4 {
  -webkit-column-gap: 1rem !important;
          column-gap: 1rem !important;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)) !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important;
}
.space-x-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(2.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) !important;
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important;
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-x-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(1.25rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 0 !important;
  border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-solid > :not([hidden]) ~ :not([hidden]) {
  border-style: solid !important;
}
.divide-platinum > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(220 228 235 / var(--tw-divide-opacity)) !important;
}
.self-start {
  align-self: flex-start !important;
}
.self-end {
  align-self: flex-end !important;
}
.self-center {
  align-self: center !important;
}
.self-stretch {
  align-self: stretch !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.truncate {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.whitespace-nowrap {
  white-space: nowrap !important;
}
.whitespace-pre {
  white-space: pre !important;
}
.whitespace-pre-wrap {
  white-space: pre-wrap !important;
}
.break-words {
  overflow-wrap: break-word !important;
}
.break-all {
  word-break: break-all !important;
}
.rounded-full {
  border-radius: 9999px !important;
}
.rounded-md {
  border-radius: 10px !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-xl {
  border-radius: 0.75rem !important;
}
.rounded-none {
  border-radius: 0px !important;
}
.rounded-lg {
  border-radius: 0.5rem !important;
}
.rounded-\[6px\] {
  border-radius: 6px !important;
}
.rounded-sm {
  border-radius: 0.125rem !important;
}
.rounded-\[5px\] {
  border-radius: 5px !important;
}
.rounded-\[4px\] {
  border-radius: 4px !important;
}
.rounded-t-md {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.rounded-t {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.rounded-r {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.border-0 {
  border-width: 0px !important;
}
.border {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-l {
  border-left-width: 1px !important;
}
.border-b {
  border-bottom-width: 1px !important;
}
.border-t {
  border-top-width: 1px !important;
}
.border-l-4 {
  border-left-width: 4px !important;
}
.border-r {
  border-right-width: 1px !important;
}
.border-b-2 {
  border-bottom-width: 2px !important;
}
.border-b-0 {
  border-bottom-width: 0px !important;
}
.border-solid {
  border-style: solid !important;
}
.border-dashed {
  border-style: dashed !important;
}
.border-none {
  border-style: none !important;
}
.border-cl-gray-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(84 84 84 / var(--tw-border-opacity)) !important;
}
.border-cl-green-700 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(103 183 136 / var(--tw-border-opacity)) !important;
}
.border-cl-blue-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(91 165 255 / var(--tw-border-opacity)) !important;
}
.border-primary {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 113 113 / var(--tw-border-opacity)) !important;
}
.border-red-700 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(211 43 25 / var(--tw-border-opacity)) !important;
}
.border-blue {
  --tw-border-opacity: 1 !important;
  border-color: rgb(91 165 255 / var(--tw-border-opacity)) !important;
}
.border-red-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(255 71 51 / var(--tw-border-opacity)) !important;
}
.border-primary-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 113 113 / var(--tw-border-opacity)) !important;
}
.border-yellow-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(234 179 8 / var(--tw-border-opacity)) !important;
}
.border-cl-orange-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(252 166 25 / var(--tw-border-opacity)) !important;
}
.border-green-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(34 197 94 / var(--tw-border-opacity)) !important;
}
.border-platinum {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 228 235 / var(--tw-border-opacity)) !important;
}
.border-transparent {
  border-color: transparent !important;
}
.border-blue-grey {
  --tw-border-opacity: 1 !important;
  border-color: rgb(218 228 236 / var(--tw-border-opacity)) !important;
}
.border-gray-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
.border-gray-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(243 244 246 / var(--tw-border-opacity)) !important;
}
.border-white-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(238 238 238 / var(--tw-border-opacity)) !important;
}
.border-stormy-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(166 166 166 / var(--tw-border-opacity)) !important;
}
.border-snow-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important;
}
.border-cl-gray-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(205 205 205 / var(--tw-border-opacity)) !important;
}
.border-cl-gray-100 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 228 235 / var(--tw-border-opacity)) !important;
}
.border-pale-grey {
  --tw-border-opacity: 1 !important;
  border-color: rgb(245 249 252 / var(--tw-border-opacity)) !important;
}
.border-dark-gray {
  --tw-border-opacity: 1 !important;
  border-color: rgb(90 90 90 / var(--tw-border-opacity)) !important;
}
.border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.border-red-600 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(233 57 38 / var(--tw-border-opacity)) !important;
}
.bg-cl-gray-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(84 84 84 / var(--tw-bg-opacity)) !important;
}
.bg-cl-green-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(103 183 136 / var(--tw-bg-opacity)) !important;
}
.bg-cl-blue-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(10 39 61 / var(--tw-bg-opacity)) !important;
}
.bg-cl-blue-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(91 165 255 / var(--tw-bg-opacity)) !important;
}
.bg-primary {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 113 113 / var(--tw-bg-opacity)) !important;
}
.bg-red-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 110 94 / var(--tw-bg-opacity)) !important;
}
.bg-red-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 71 51 / var(--tw-bg-opacity)) !important;
}
.bg-red-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(211 43 25 / var(--tw-bg-opacity)) !important;
}
.bg-blue {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(91 165 255 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 224 71 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(234 179 8 / var(--tw-bg-opacity)) !important;
}
.bg-cl-orange-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 166 25 / var(--tw-bg-opacity)) !important;
}
.bg-green-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(134 239 172 / var(--tw-bg-opacity)) !important;
}
.bg-green-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity)) !important;
}
.bg-primary-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 113 113 / var(--tw-bg-opacity)) !important;
}
.bg-pale-grey {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 249 252 / var(--tw-bg-opacity)) !important;
}
.bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-snow-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.bg-info {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 248 248 / var(--tw-bg-opacity)) !important;
}
.bg-live-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 232 214 / var(--tw-bg-opacity)) !important;
}
.bg-live-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 140 52 / var(--tw-bg-opacity)) !important;
}
.bg-brand-light-yellow {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 242 216 / var(--tw-bg-opacity)) !important;
}
.bg-green-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity)) !important;
}
.bg-red-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 129 116 / var(--tw-bg-opacity)) !important;
}
.bg-red-1000 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 205 210 / var(--tw-bg-opacity)) !important;
}
.bg-cl-green-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(215 241 216 / var(--tw-bg-opacity)) !important;
}
.bg-sky-blue {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(212 239 255 / var(--tw-bg-opacity)) !important;
}
.bg-primary-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 224 224 / var(--tw-bg-opacity)) !important;
}
.bg-red-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 90 72 / var(--tw-bg-opacity)) !important;
}
.bg-honey-500 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 190 60 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 240 138 / var(--tw-bg-opacity)) !important;
}
.bg-green-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity)) !important;
}
.bg-white-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 249 249 / var(--tw-bg-opacity)) !important;
}
.bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
.bg-cl-gray-extra-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
}
.bg-cl-gray-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(141 141 141 / var(--tw-bg-opacity)) !important;
}
.bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
.bg-primary-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 163 163 / var(--tw-bg-opacity)) !important;
}
.bg-primary-700 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 82 82 / var(--tw-bg-opacity)) !important;
}
.bg-snow-600 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity)) !important;
}
.bg-platinum {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 228 235 / var(--tw-bg-opacity)) !important;
}
.bg-gray-300 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
}
.bg-green-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#1e1e1e\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(30 30 30 / var(--tw-bg-opacity)) !important;
}
.bg-honey-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(252 236 203 / var(--tw-bg-opacity)) !important;
}
.bg-red-100 {
  background-color: #FF958A45 !important;
}
.bg-opacity-20 {
  --tw-bg-opacity: 0.2 !important;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5 !important;
}
.bg-opacity-10 {
  --tw-bg-opacity: 0.1 !important;
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3 !important;
}
.fill-primary {
  fill: #007171 !important;
}
.object-contain {
  object-fit: contain !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-0 {
  padding: 0px !important;
}
.p-4 {
  padding: 1rem !important;
}
.p-5 {
  padding: 1.25rem !important;
}
.p-3 {
  padding: 0.75rem !important;
}
.p-10 {
  padding: 2.5rem !important;
}
.p-8 {
  padding: 2rem !important;
}
.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}
.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.py-1\.5 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.py-px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.pl-3 {
  padding-left: 0.75rem !important;
}
.pl-2 {
  padding-left: 0.5rem !important;
}
.pr-4 {
  padding-right: 1rem !important;
}
.pl-1 {
  padding-left: 0.25rem !important;
}
.pl-8 {
  padding-left: 2rem !important;
}
.pl-5 {
  padding-left: 1.25rem !important;
}
.pr-2 {
  padding-right: 0.5rem !important;
}
.pl-4 {
  padding-left: 1rem !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.pt-8 {
  padding-top: 2rem !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pb-10 {
  padding-bottom: 2.5rem !important;
}
.pr-8 {
  padding-right: 2rem !important;
}
.pb-8 {
  padding-bottom: 2rem !important;
}
.pr-10 {
  padding-right: 2.5rem !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pb-3 {
  padding-bottom: 0.75rem !important;
}
.pr-1 {
  padding-right: 0.25rem !important;
}
.pr-6 {
  padding-right: 1.5rem !important;
}
.pr-px {
  padding-right: 1px !important;
}
.pl-px {
  padding-left: 1px !important;
}
.pl-6 {
  padding-left: 1.5rem !important;
}
.pr-5 {
  padding-right: 1.25rem !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pl-10 {
  padding-left: 2.5rem !important;
}
.pt-20 {
  padding-top: 5rem !important;
}
.pb-5 {
  padding-bottom: 1.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pt-5 {
  padding-top: 1.25rem !important;
}
.pb-4 {
  padding-bottom: 1rem !important;
}
.pt-px {
  padding-top: 1px !important;
}
.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}
.indent-3 {
  text-indent: 0.75rem !important;
}
.align-middle {
  vertical-align: middle !important;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.font-sans {
  font-family: DM Sans !important;
}
.text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}
.text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important;
}
.text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}
.text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}
.text-xxs {
  font-size: 10px !important;
}
.font-semibold {
  font-weight: 600 !important;
}
.font-bold {
  font-weight: 700 !important;
}
.font-black {
  font-weight: 900 !important;
}
.font-normal {
  font-weight: 400 !important;
}
.font-medium {
  font-weight: 500 !important;
}
.font-light {
  font-weight: 300 !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.italic {
  font-style: italic !important;
}
.not-italic {
  font-style: normal !important;
}
*, ::before, ::after {
  --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,/*!*/ /*!*/);
  --tw-font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.ordinal {
  --tw-ordinal: ordinal !important;
  -webkit-font-feature-settings: var(--tw-font-variant-numeric) !important;
          font-feature-settings: var(--tw-font-variant-numeric) !important;
  font-variant-numeric: var(--tw-font-variant-numeric) !important;
}
.leading-normal {
  line-height: 1.5 !important;
}
.leading-none {
  line-height: 1 !important;
}
.leading-tight {
  line-height: 1.25 !important;
}
.leading-snug {
  line-height: 1.375 !important;
}
.leading-relaxed {
  line-height: 1.625 !important;
}
.leading-loose {
  line-height: 2 !important;
}
.text-cl-blue-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(91 165 255 / var(--tw-text-opacity)) !important;
}
.text-blue {
  --tw-text-opacity: 1 !important;
  color: rgb(91 165 255 / var(--tw-text-opacity)) !important;
}
.text-yellow-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(234 179 8 / var(--tw-text-opacity)) !important;
}
.text-green-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(34 197 94 / var(--tw-text-opacity)) !important;
}
.text-cl-orange-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(252 166 25 / var(--tw-text-opacity)) !important;
}
.text-white {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-stormy-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(36 36 36 / var(--tw-text-opacity)) !important;
}
.text-stormy-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(140 140 140 / var(--tw-text-opacity)) !important;
}
.text-primary {
  --tw-text-opacity: 1 !important;
  color: rgb(0 113 113 / var(--tw-text-opacity)) !important;
}
.text-live-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 140 52 / var(--tw-text-opacity)) !important;
}
.text-grass-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(0 102 2 / var(--tw-text-opacity)) !important;
}
.text-cl-green-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(149 225 142 / var(--tw-text-opacity)) !important;
}
.text-brand-black {
  --tw-text-opacity: 1 !important;
  color: rgb(39 39 39 / var(--tw-text-opacity)) !important;
}
.text-brownish-grey {
  --tw-text-opacity: 1 !important;
  color: rgb(90 90 90 / var(--tw-text-opacity)) !important;
}
.text-stormy-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(118 118 118 / var(--tw-text-opacity)) !important;
}
.text-gray-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(209 213 219 / var(--tw-text-opacity)) !important;
}
.text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}
.text-stormy-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(23 23 23 / var(--tw-text-opacity)) !important;
}
.text-cl-gray-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(71 71 71 / var(--tw-text-opacity)) !important;
}
.text-cl-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(141 141 141 / var(--tw-text-opacity)) !important;
}
.text-stormy-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(89 89 89 / var(--tw-text-opacity)) !important;
}
.text-dark-gray {
  --tw-text-opacity: 1 !important;
  color: rgb(90 90 90 / var(--tw-text-opacity)) !important;
}
.text-black {
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-muted {
  --tw-text-opacity: 1 !important;
  color: rgb(118 118 118 / var(--tw-text-opacity)) !important;
}
.text-cl-blue-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(10 39 61 / var(--tw-text-opacity)) !important;
}
.text-yellow-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(161 98 7 / var(--tw-text-opacity)) !important;
}
.text-green-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(22 163 74 / var(--tw-text-opacity)) !important;
}
.text-silver-ace {
  --tw-text-opacity: 1 !important;
  color: rgb(172 172 172 / var(--tw-text-opacity)) !important;
}
.text-red-600 {
  --tw-text-opacity: 1 !important;
  color: rgb(233 57 38 / var(--tw-text-opacity)) !important;
}
.text-cl-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(138 138 138 / var(--tw-text-opacity)) !important;
}
.text-cl-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(47 47 47 / var(--tw-text-opacity)) !important;
}
.text-gray-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}
.text-red-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 90 72 / var(--tw-text-opacity)) !important;
}
.text-cl-gray-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(59 59 59 / var(--tw-text-opacity)) !important;
}
.text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 71 51 / var(--tw-text-opacity)) !important;
}
.text-cl-gray-200 {
  --tw-text-opacity: 1 !important;
  color: rgb(205 205 205 / var(--tw-text-opacity)) !important;
}
.text-cl-gray-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(190 190 190 / var(--tw-text-opacity)) !important;
}
.text-white-800 {
  --tw-text-opacity: 1 !important;
  color: rgb(174 174 174 / var(--tw-text-opacity)) !important;
}
.text-white-100 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-red-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(255 110 94 / var(--tw-text-opacity)) !important;
}
.text-primary-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(0 113 113 / var(--tw-text-opacity)) !important;
}
.text-green-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(21 128 61 / var(--tw-text-opacity)) !important;
}
.text-red-700 {
  --tw-text-opacity: 1 !important;
  color: rgb(211 43 25 / var(--tw-text-opacity)) !important;
}
.underline {
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.no-underline {
  -webkit-text-decoration-line: none !important;
          text-decoration-line: none !important;
}
.opacity-20 {
  opacity: 0.2 !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-70 {
  opacity: 0.7 !important;
}
.opacity-80 {
  opacity: 0.8 !important;
}
.opacity-30 {
  opacity: 0.3 !important;
}
.opacity-60 {
  opacity: 0.6 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-40 {
  opacity: 0.4 !important;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-3xl {
  --tw-shadow: 1px 4px 8px rgba(10, 39, 61, 0.1) !important;
  --tw-shadow-colored: 1px 4px 8px var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.outline {
  outline-style: solid !important;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-primary {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(0 113 113 / var(--tw-ring-opacity)) !important;
}
.ring-primary-500 {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(0 113 113 / var(--tw-ring-opacity)) !important;
}
.ring-opacity-20 {
  --tw-ring-opacity: 0.2 !important;
}
.ring-opacity-0 {
  --tw-ring-opacity: 0 !important;
}
.ring-opacity-30 {
  --tw-ring-opacity: 0.3 !important;
}
.ring-offset-1 {
  --tw-ring-offset-width: 1px !important;
}
.blur {
  --tw-blur: blur(8px) !important;
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.drop-shadow-lg {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) !important;
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important;
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.drop-shadow-md {
  --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)) !important;
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.invert {
  --tw-invert: invert(100%) !important;
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.filter {
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.\!filter {
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.transition-transform {
  transition-property: -webkit-transform !important;
  transition-property: transform !important;
  transition-property: transform, -webkit-transform !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition-shadow {
  transition-property: box-shadow !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-transform, -webkit-filter, -webkit-backdrop-filter !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important;
}
.duration-300 {
  transition-duration: 300ms !important;
}
.duration-150 {
  transition-duration: 150ms !important;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-linear {
  transition-timing-function: linear !important;
}
.line-clamp-2 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.line-clamp-3 {
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}

/** hacks **/
.chakra-breadcrumb > .chakra-breadcrumb__list {
  min-width: 0;
}
.first\:pt-0:first-child {
  padding-top: 0px !important;
}
.last\:pb-0:last-child {
  padding-bottom: 0px !important;
}
.only\:border-b-0:only-child {
  border-bottom-width: 0px !important;
}
.even\:border-solid:nth-child(even) {
  border-style: solid !important;
}
.hover\:-rotate-1:hover {
  --tw-rotate: -1deg !important;
  -webkit-transform: var(--tw-transform) !important;
          transform: var(--tw-transform) !important;
}
.hover\:cursor-grabbing:hover {
  cursor: grabbing !important;
}
.hover\:cursor-pointer:hover {
  cursor: pointer !important;
}
.hover\:border-primary:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(0 113 113 / var(--tw-border-opacity)) !important;
}
.hover\:border-platinum:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(220 228 235 / var(--tw-border-opacity)) !important;
}
.hover\:border-cl-gray-800:hover {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 59 59 / var(--tw-border-opacity)) !important;
}
.hover\:bg-pale-grey:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 249 252 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-snow-200:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-snow-400:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-snow-600:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-black\/5:hover {
  background-color: rgb(0 0 0 / 0.05) !important;
}
.hover\:bg-platinum:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(220 228 235 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-honey-300:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 223 158 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-opacity-20:hover {
  --tw-bg-opacity: 0.2 !important;
}
.hover\:bg-opacity-40:hover {
  --tw-bg-opacity: 0.4 !important;
}
.hover\:text-primary:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(0 113 113 / var(--tw-text-opacity)) !important;
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1 !important;
  color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
}
.hover\:underline:hover {
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.hover\:opacity-100:hover {
  opacity: 1 !important;
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.hover\:shadow-lg:hover {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.hover\:ring-4:hover {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.hover\:ring-primary\/20:hover {
  --tw-ring-color: rgb(0 113 113 / 0.2) !important;
}
.hover\:ring-opacity-20:hover {
  --tw-ring-opacity: 0.2 !important;
}
.hover\:drop-shadow-lg:hover {
  --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)) !important;
  -webkit-filter: var(--tw-filter) !important;
          filter: var(--tw-filter) !important;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5 !important;
}
.group:hover .group-hover\:block {
  display: block !important;
}
.group:hover .group-hover\:flex {
  display: flex !important;
}
.group:hover .group-hover\:underline {
  -webkit-text-decoration-line: underline !important;
          text-decoration-line: underline !important;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1 !important;
}
@media (min-width: 640px) {

  .sm\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (min-width: 768px) {

  .md\:w-4\/12 {
    width: 33.333333% !important;
  }

  .md\:w-32 {
    width: 8rem !important;
  }

  .md\:max-w-sm {
    max-width: 24rem !important;
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .md\:flex-row {
    flex-direction: row !important;
  }

  .md\:items-center {
    align-items: center !important;
  }

  .md\:gap-2 {
    gap: 0.5rem !important;
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
  }

  .md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(1rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0 !important;
    border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))) !important;
    border-bottom-width: calc(0px * var(--tw-divide-y-reverse)) !important;
  }

  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0 !important;
    border-right-width: calc(1px * var(--tw-divide-x-reverse)) !important;
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
  }
}
@media (min-width: 1024px) {

  .lg\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .lg\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .lg\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .lg\:block {
    display: block !important;
  }

  .lg\:flex {
    display: flex !important;
  }

  .lg\:w-48 {
    width: 12rem !important;
  }

  .lg\:w-28 {
    width: 7rem !important;
  }

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .lg\:flex-row {
    flex-direction: row !important;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap !important;
  }

  .lg\:items-center {
    align-items: center !important;
  }

  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0 !important;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
    margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important;
  }

  .lg\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
  }

  .lg\:pr-5 {
    padding-right: 1.25rem !important;
  }
}
@media (min-width: 1280px) {

  .xl\:order-last {
    order: 9999 !important;
  }

  .xl\:col-span-3 {
    grid-column: span 3 / span 3 !important;
  }

  .xl\:col-span-2 {
    grid-column: span 2 / span 2 !important;
  }

  .xl\:max-w-sm {
    max-width: 24rem !important;
  }

  .xl\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }

  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .xl\:flex-row {
    flex-direction: row !important;
  }

  .xl\:border-solid {
    border-style: solid !important;
  }
}
@media (min-width: 1536px) {

  .\32xl\:col-span-6 {
    grid-column: span 6 / span 6 !important;
  }

  .\32xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/**
 * Draft v0.11.7
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:left;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;width:100%;z-index:1}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1,lower-alpha) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2,lower-roman) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4,lower-alpha) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
:root,
:host {
  --sinch-theme: 1;
}

:root,
:host {
  --sinch-color-honey-700: #CC8800;
  --sinch-color-honey-600: #FFAA00;
  --sinch-color-honey-500: #FFBE3C;
  --sinch-color-honey-400: #FFCC66;
  --sinch-color-honey-300: #FFDF9E;
  --sinch-color-honey-200: #FCECCB;
  --sinch-color-honey-100: #FFF7E6;
  --sinch-color-tropical-700: #003D3D;
  --sinch-color-tropical-600: #005757;
  --sinch-color-tropical-500: #007171;
  --sinch-color-tropical-400: #059688;
  --sinch-color-tropical-300: #66AAAA;
  --sinch-color-tropical-200: #A7D5C2;
  --sinch-color-tropical-100: #DCEDE1;
  --sinch-color-tropical-50: #E5F1F1;
  --sinch-color-stormy-700: #000000;
  --sinch-color-stormy-600: #171717;
  --sinch-color-stormy-500: #242424;
  --sinch-color-stormy-400: #595959;
  --sinch-color-stormy-300: #767676;
  --sinch-color-stormy-200: #8C8C8C;
  --sinch-color-stormy-100: #A6A6A6;
  --sinch-color-ocean-700: #1B3E65;
  --sinch-color-ocean-600: #1686CB;
  --sinch-color-ocean-500: #3AA7EA;
  --sinch-color-ocean-400: #6EBBEE;
  --sinch-color-ocean-300: #A1D5F5;
  --sinch-color-ocean-200: #C8E6F9;
  --sinch-color-ocean-100: #DEF2FF;
  --sinch-color-ocean-50: #F3FAFE;
  --sinch-color-snow-700: #CCCCCC;
  --sinch-color-snow-600: #D9D9D9;
  --sinch-color-snow-500: #E0E0E0;
  --sinch-color-snow-400: #F2F2F2;
  --sinch-color-snow-200: #F8F8F8;
  --sinch-color-snow-100: #FFFFFF;
  --sinch-color-raspberry-700: #882024;
  --sinch-color-raspberry-600: #D13D42;
  --sinch-color-raspberry-500: #EF5858;
  --sinch-color-raspberry-400: #F38686;
  --sinch-color-raspberry-300: #FFB8B8;
  --sinch-color-raspberry-200: #FBD5D5;
  --sinch-color-raspberry-100: #FFE8E4;
  --sinch-color-raspberry-50: #FFF6F5;
  --sinch-color-night-700: #1223a1;
  --sinch-color-night-400: #3247E9;
  --sinch-color-night-200: #D1D6FA;
  --sinch-color-grass-700: #006602;
  --sinch-color-grass-400: #39B93D;
  --sinch-color-grass-200: #B4E4B5;
  --sinch-color-dirt-700: #363230;
  --sinch-color-dirt-400: #828282;
  --sinch-color-dirt-200: #E0DDDC;
  --sinch-color-candy-700: #981b77;
  --sinch-color-candy-400: #E467C3;
  --sinch-color-candy-200: #F6CBEA;
  --sinch-color-mud-700: #6d4e46;
  --sinch-color-mud-400: #8B6559;
  --sinch-color-mud-200: #D7C6C1;
  --sinch-color-orange-700: #974302;
  --sinch-color-orange-400: #FF8C34;
  --sinch-color-orange-200: #FFD4B3;
  --sinch-color-bolt-700: #805500;
  --sinch-color-bolt-400: #FFBE3C;
  --sinch-color-bolt-200: #FFE6B3;
  --sinch-color-violet-700: #4F1B98;
  --sinch-color-violet-400: #9E67E4;
  --sinch-color-violet-200: #DECBF6;
  --sinch-color-olive-700: #275D33;
  --sinch-color-olive-400: #46A65A;
  --sinch-color-olive-200: #D7F1D8;
  --sinch-color-celtic-700: #003B7E;
  --sinch-color-celtic-400: #2071CE;
  --sinch-color-celtic-200: #D5E5F8;
  --sinch-color-jasper-700: #882024;
  --sinch-color-jasper-400: #D13D42;
  --sinch-color-jasper-200: #FBD5D5;
  --sinch-color-pumpkin-700: #9C2E00;
  --sinch-color-pumpkin-400: #F35B1C;
  --sinch-color-pumpkin-200: #FFE8D6;
  --sinch-color-skin-tone-0: #FFCC4D;
  --sinch-color-skin-tone-10: #F7DECE;
  --sinch-color-skin-tone-20: #F3D2A2;
  --sinch-color-skin-tone-30: #D4AB88;
  --sinch-color-skin-tone-40: #AF7E57;
  --sinch-color-skin-tone-50: #7C533E;
  --sinch-color-transparent: transparent;
}

:root,
:host {
  /* Contextual */
  --sinch-color-bg-primary-light: var(--sinch-color-snow-100);
  --sinch-color-bg-primary-contrast: var(--sinch-color-snow-200);
  --sinch-color-bg-secondary-green: var(--sinch-color-tropical-100);
  --sinch-color-bg-secondary-blue: var(--sinch-color-ocean-100);
  --sinch-color-bg-secondary-yellow: var(--sinch-color-honey-200);
  --sinch-color-bg-secondary-red: var(--sinch-color-raspberry-100);
  --sinch-color-bg-hover: var(--sinch-color-snow-200);
  --sinch-color-bg-active: var(--sinch-color-snow-400);
  --sinch-color-border-default: var(--sinch-color-snow-700);
  --sinch-color-border-light: var(--sinch-color-snow-500);
  --sinch-color-border-dark: var(--sinch-color-stormy-100);
  --sinch-color-border-active: var(--sinch-color-stormy-500);
  --sinch-color-border-disabled: var(--sinch-color-snow-400);
  --sinch-color-border-focus: var(--sinch-color-ocean-500);
  --sinch-color-border-invalid: var(--sinch-color-raspberry-600);
  --sinch-color-text-default: var(--sinch-color-stormy-700);
  --sinch-color-text-inverted: var(--sinch-color-snow-100);
  --sinch-color-text-muted: var(--sinch-color-stormy-300);
  --sinch-color-text-disabled: var(--sinch-color-stormy-100);
  --sinch-color-text-link: var(--sinch-color-tropical-500);
  --sinch-color-text-link-disabled: var(--sinch-color-tropical-100);
  --sinch-color-text-invalid: var(--sinch-color-raspberry-600);
  --sinch-color-text-invalid-disabled: var(--sinch-color-raspberry-100);
  --sinch-color-feedback-info-contrast: var(--sinch-color-celtic-700);
  --sinch-color-feedback-info-icon: var(--sinch-color-celtic-400);
  --sinch-color-feedback-info-bg: var(--sinch-color-celtic-200);
  --sinch-color-feedback-success-contrast: var(--sinch-color-olive-700);
  --sinch-color-feedback-success-icon: var(--sinch-color-olive-400);
  --sinch-color-feedback-success-bg: var(--sinch-color-olive-200);
  --sinch-color-feedback-warning-contrast: var(--sinch-color-pumpkin-700);
  --sinch-color-feedback-warning-icon: var(--sinch-color-pumpkin-400);
  --sinch-color-feedback-warning-bg: var(--sinch-color-pumpkin-200);
  --sinch-color-feedback-invalid-contrast: var(--sinch-color-jasper-700);
  --sinch-color-feedback-invalid-icon: var(--sinch-color-jasper-400);
  --sinch-color-feedback-invalid-bg: var(--sinch-color-jasper-200);
  --sinch-color-icon: var(--sinch-color-stormy-500);
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    local("DMSans-Regular"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400.woff2") format("woff2"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400.woff") format("woff");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src:
    local("DMSans-Medium"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500.woff2") format("woff2"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500.woff") format("woff");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src:
    local("DMSans-Bold"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700.woff2") format("woff2"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700.woff") format("woff");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src:
    local("DMSans-Italic"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400-italic.woff2") format("woff2"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400-italic.woff") format("woff");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src:
    local("DMSans-MediumItalic"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500-italic.woff2") format("woff2"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500-italic.woff") format("woff");
}

@font-face {
  font-family: "DM Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src:
    local("DMSans-BoldItalic"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700-italic.woff2") format("woff2"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700-italic.woff") format("woff");
}

@font-face {
  font-family: "DM Mono";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src:
    local("DMMono-Regular"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff2") format("woff2"),
    url("https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff") format("woff");
}

@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src:
    local("MaterialSymbolsRounded24pt-Regular"),
    url("https://fonts.gstatic.com/s/materialsymbolsrounded/v76/syl7-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvLgyidOK7BDB_Qb9vUdV6_gjDK-P3JuF_Zs-obHph2-jOcZTKPq8a9A5M.woff2") format("woff2");
}

:root,
:host {
  --sinch-font-family: "DM Sans", "Arial", "sans-serif";
  --sinch-font-weight-emphasized: 700;
  --sinch-font-title-xl: 400 40px/48px var(--sinch-font-family);
  --sinch-font-title-l: 500 24px/32px var(--sinch-font-family);
  --sinch-font-title-m: 500 20px/24px var(--sinch-font-family);
  --sinch-font-title-s: 500 16px/24px var(--sinch-font-family);
  --sinch-font-title-xs: 500 14px/22px var(--sinch-font-family);
  --sinch-font-text-m: 400 16px/24px var(--sinch-font-family);
  --sinch-font-text-s: 400 14px/22px var(--sinch-font-family);
  --sinch-font-text-xs: 400 12px/20px var(--sinch-font-family);
  --sinch-font-text-xxs: 400 10px/16px var(--sinch-font-family);
  --sinch-font-mono-family: "DM Mono", "monospace";
  --sinch-font-mono-text-s: 400 16px/24px var(--sinch-font-mono-family);
}

:root,
:host {
  --sinch-shape-radius-xs: 2px;
  --sinch-shape-radius-s: 6px;
  --sinch-shape-radius-m: 10px;
  --sinch-shape-radius-l: 14px;
  --sinch-shape-radius: var(--sinch-shape-radius-m);
}

:root,
:host {
  --sinch-elevation-level-0: none;
  --sinch-elevation-level-1: 1px 2px 6px rgba(10, 39, 61, 0.1);
  --sinch-elevation-level-2: 1px 4px 8px rgba(10, 39, 61, 0.1);
  --sinch-elevation-level-3: 1px 6px 12px rgba(10, 39, 61, 0.15);
}

:root,
:host {
  /* --sinch-sizes: "l-m-s-xs"; */
  --sinch-size-l: 48px;
  --sinch-size-m: 40px;
  --sinch-size-s: 32px;
  --sinch-size-xs: 24px;
  --sinch-size: var(--sinch-size-m);
}

:root,
:host {
  --sinch-accordion-item-icon-dropdown: keyboard_arrow_down;
}

:root,
:host {
  --sinch-alert-icon-info: info;
  --sinch-alert-icon-warn: report_problem;
  --sinch-alert-icon-error: report;
}

:root,
:host {
  --sinch-avatar-color-light-blue-bg: var(--sinch-color-night-200);
  --sinch-avatar-color-light-blue-fg: var(--sinch-color-night-700);
  --sinch-avatar-color-light-brown-bg: var(--sinch-color-mud-200);
  --sinch-avatar-color-light-brown-fg: var(--sinch-color-mud-700);
  --sinch-avatar-color-light-gray-bg: var(--sinch-color-dirt-200);
  --sinch-avatar-color-light-gray-fg: var(--sinch-color-dirt-700);
  --sinch-avatar-color-light-green-bg: var(--sinch-color-grass-200);
  --sinch-avatar-color-light-green-fg: var(--sinch-color-grass-700);
  --sinch-avatar-color-light-orange-bg: var(--sinch-color-orange-200);
  --sinch-avatar-color-light-orange-fg: var(--sinch-color-orange-700);
  --sinch-avatar-color-light-pink-bg: var(--sinch-color-candy-200);
  --sinch-avatar-color-light-pink-fg: var(--sinch-color-candy-700);
  --sinch-avatar-color-light-violet-bg: var(--sinch-color-violet-200);
  --sinch-avatar-color-light-violet-fg: var(--sinch-color-violet-700);
  --sinch-avatar-color-light-yellow-bg: var(--sinch-color-bolt-200);
  --sinch-avatar-color-light-yellow-fg: var(--sinch-color-bolt-700);
  --sinch-avatar-color-default-bg: var(--sinch-avatar-color-light-gray-bg);
  --sinch-avatar-color-default-fg: var(--sinch-avatar-color-light-gray-fg);
  --sinch-avatar-status-color-online: var(--sinch-color-grass-400);
  --sinch-avatar-status-color-away: var(--sinch-color-honey-500);
  --sinch-avatar-status-color-busy: var(--sinch-color-raspberry-500);
  --sinch-avatar-status-color-offline: var(--sinch-color-stormy-200);
}

:root,
:host {
  --sinch-badge-color-yellow-bg: var(--sinch-color-bolt-400);
  --sinch-badge-color-yellow-fg: var(--sinch-color-stormy-500);
  --sinch-badge-color-red-bg: var(--sinch-color-raspberry-500);
  --sinch-badge-color-red-fg: var(--sinch-color-snow-100);
  --sinch-badge-color-black-bg: var(--sinch-color-stormy-500);
  --sinch-badge-color-black-fg: var(--sinch-color-snow-100);
  --sinch-badge-color-gray-bg: var(--sinch-color-snow-500);
  --sinch-badge-color-gray-fg: var(--sinch-color-stormy-500);
  --sinch-badge-color-green-bg: var(--sinch-color-grass-400);
  --sinch-badge-color-green-fg: var(--sinch-color-snow-100);
  --sinch-badge-color-default-bg: var(--sinch-badge-color-red-bg);
  --sinch-badge-color-default-fg: var(--sinch-badge-color-red-fg);
}

:root,
:host {
  /* Primary */
  --sinch-button-primary-color-background: var(--sinch-color-tropical-500);
  --sinch-button-primary-color-background-hover: var(--sinch-color-tropical-400);
  --sinch-button-primary-color-background-active: var(--sinch-color-tropical-600);
  --sinch-button-primary-color-background-disabled: var(--sinch-color-tropical-200);
  --sinch-button-primary-color-border: transparent;
  --sinch-button-primary-color-border-hover: transparent;
  --sinch-button-primary-color-border-active: transparent;
  --sinch-button-primary-color-border-disabled: transparent;
  --sinch-button-primary-color-text: var(--sinch-color-snow-100);
  --sinch-button-primary-color-text-hover: var(--sinch-color-snow-100);
  --sinch-button-primary-color-text-active: var(--sinch-color-snow-100);
  --sinch-button-primary-color-text-disabled: var(--sinch-color-snow-100);
  --sinch-button-primary-color-icon: var(--sinch-color-snow-100);
  --sinch-button-primary-color-icon-hover: var(--sinch-color-snow-100);
  --sinch-button-primary-color-icon-active: var(--sinch-color-snow-100);
  --sinch-button-primary-color-icon-disabled: var(--sinch-color-snow-100);
  --sinch-button-primary-mix-blend-mode: initial;

  /* Secondary */
  --sinch-button-secondary-color-background: var(--sinch-color-snow-100);
  --sinch-button-secondary-color-background-hover: var(--sinch-color-tropical-100);
  --sinch-button-secondary-color-background-active: var(--sinch-color-tropical-200);
  --sinch-button-secondary-color-background-disabled: var(--sinch-color-snow-100);
  --sinch-button-secondary-color-border: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-border-hover: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-border-active: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-border-disabled: var(--sinch-color-tropical-200);
  --sinch-button-secondary-color-text: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-text-hover: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-text-active: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-text-disabled: var(--sinch-color-tropical-200);
  --sinch-button-secondary-color-icon: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-icon-hover: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-icon-active: var(--sinch-color-tropical-500);
  --sinch-button-secondary-color-icon-disabled: var(--sinch-color-tropical-200);
  --sinch-button-secondary-mix-blend-mode: initial;

  /* Tertiary */
  --sinch-button-tertiary-color-background: transparent;
  --sinch-button-tertiary-color-background-hover: var(--sinch-color-bg-hover);
  --sinch-button-tertiary-color-background-active: var(--sinch-color-bg-active);
  --sinch-button-tertiary-color-background-disabled: transparent;
  --sinch-button-tertiary-color-border: transparent;
  --sinch-button-tertiary-color-border-hover: transparent;
  --sinch-button-tertiary-color-border-active: transparent;
  --sinch-button-tertiary-color-border-disabled: transparent;
  --sinch-button-tertiary-color-text: var(--sinch-color-tropical-500);
  --sinch-button-tertiary-color-text-hover: var(--sinch-color-tropical-500);
  --sinch-button-tertiary-color-text-active: var(--sinch-color-tropical-500);
  --sinch-button-tertiary-color-text-disabled: var(--sinch-color-tropical-200);
  --sinch-button-tertiary-color-icon: var(--sinch-color-tropical-500);
  --sinch-button-tertiary-color-icon-hover: var(--sinch-color-tropical-500);
  --sinch-button-tertiary-color-icon-active: var(--sinch-color-tropical-500);
  --sinch-button-tertiary-color-icon-disabled: var(--sinch-color-tropical-200);
  --sinch-button-tertiary-mix-blend-mode: multiply;

  /* Cta Primary */
  --sinch-button-cta-primary-color-background: var(--sinch-color-honey-500);
  --sinch-button-cta-primary-color-background-hover: var(--sinch-color-honey-400);
  --sinch-button-cta-primary-color-background-active: var(--sinch-color-honey-600);
  --sinch-button-cta-primary-color-background-disabled: var(--sinch-color-honey-200);
  --sinch-button-cta-primary-color-border: transparent;
  --sinch-button-cta-primary-color-border-hover: transparent;
  --sinch-button-cta-primary-color-border-active: transparent;
  --sinch-button-cta-primary-color-border-disabled: transparent;
  --sinch-button-cta-primary-color-text: var(--sinch-color-stormy-500);
  --sinch-button-cta-primary-color-text-hover: var(--sinch-color-stormy-500);
  --sinch-button-cta-primary-color-text-active: var(--sinch-color-stormy-500);
  --sinch-button-cta-primary-color-text-disabled: var(--sinch-color-stormy-300);
  --sinch-button-cta-primary-color-icon: var(--sinch-color-stormy-500);
  --sinch-button-cta-primary-color-icon-hover: var(--sinch-color-stormy-500);
  --sinch-button-cta-primary-color-icon-active: var(--sinch-color-stormy-500);
  --sinch-button-cta-primary-color-icon-disabled: var(--sinch-color-stormy-300);
  --sinch-button-cta-primary-mix-blend-mode: initial;

  /* Cta Secondary */
  --sinch-button-cta-secondary-color-background: var(--sinch-color-snow-100);
  --sinch-button-cta-secondary-color-background-hover: var(--sinch-color-snow-200);
  --sinch-button-cta-secondary-color-background-active: var(--sinch-color-snow-400);
  --sinch-button-cta-secondary-color-background-disabled: var(--sinch-color-snow-100);
  --sinch-button-cta-secondary-color-border: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-border-hover: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-border-active: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-border-disabled: var(--sinch-color-stormy-100);
  --sinch-button-cta-secondary-color-text: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-text-hover: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-text-active: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-text-disabled: var(--sinch-color-stormy-100);
  --sinch-button-cta-secondary-color-icon: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-icon-hover: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-icon-active: var(--sinch-color-stormy-500);
  --sinch-button-cta-secondary-color-icon-disabled: var(--sinch-color-stormy-100);
  --sinch-button-cta-secondary-mix-blend-mode: initial;

  /* Destructive */
  --sinch-button-destructive-color-background: var(--sinch-color-snow-100);
  --sinch-button-destructive-color-background-hover: var(--sinch-color-raspberry-100);
  --sinch-button-destructive-color-background-active: var(--sinch-color-raspberry-100);
  --sinch-button-destructive-color-background-disabled: var(--sinch-color-snow-100);
  --sinch-button-destructive-color-border: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-border-hover: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-border-active: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-border-disabled: var(--sinch-color-raspberry-200);
  --sinch-button-destructive-color-text: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-text-hover: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-text-active: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-text-disabled: var(--sinch-color-raspberry-200);
  --sinch-button-destructive-color-icon: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-icon-hover: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-icon-active: var(--sinch-color-raspberry-500);
  --sinch-button-destructive-color-icon-disabled: var(--sinch-color-raspberry-200);
  --sinch-button-destructive-mix-blend-mode: initial;

  /* Default */
  --sinch-button-color-background: var(--sinch-button-primary-color-background);
  --sinch-button-color-background-hover: var(--sinch-button-primary-color-background-hover);
  --sinch-button-color-background-active: var(--sinch-button-primary-color-background-active);
  --sinch-button-color-background-disabled: var(--sinch-button-primary-color-background-disabled);
  --sinch-button-color-border: var(--sinch-button-primary-color-border);
  --sinch-button-color-border-hover: var(--sinch-button-primary-color-border-hover);
  --sinch-button-color-border-active: var(--sinch-button-primary-color-border-active);
  --sinch-button-color-border-disabled: var(--sinch-button-primary-color-border-disabled);
  --sinch-button-color-text: var(--sinch-button-primary-color-text);
  --sinch-button-color-text-hover: var(--sinch-button-primary-color-text-hover);
  --sinch-button-color-text-active: var(--sinch-button-primary-color-text-active);
  --sinch-button-color-text-disabled: var(--sinch-button-primary-color-text-disabled);
  --sinch-button-color-icon: var(--sinch-button-primary-color-icon);
  --sinch-button-color-icon-hover: var(--sinch-button-primary-color-icon-hover);
  --sinch-button-color-icon-active: var(--sinch-button-primary-color-icon-active);
  --sinch-button-color-icon-disabled: var(--sinch-button-primary-color-icon-disabled);
  --sinch-button-mix-blend-mode: var(--sinch-button-primary-mix-blend-mode);

  /* Font */
  --sinch-button-font-l: 700 16px/24px var(--sinch-font-family);
  --sinch-button-font-m: 700 16px/24px var(--sinch-font-family);
  --sinch-button-font-s: 700 14px/20px var(--sinch-font-family);
  --sinch-button-font: var(--sinch-button-font-m);

  /* Icon Size */
  --sinch-button-icon-size-l: 24px;
  --sinch-button-icon-size-m: 24px;
  --sinch-button-icon-size-s: 16px;
}

:root,
:host {
  --sinch-chat-icon-font-variation-settings: "FILL" 0;
  --sinch-chat-icon-sending: query_builder;
  --sinch-chat-icon-sent: check;
  --sinch-chat-icon-received: done_all;
  --sinch-chat-icon-seen: done_all;
  --sinch-chat-icon-error: error_outline;
}

:root,
:host {
  --sinch-chip-color-default-bg: var(--sinch-color-snow-500);
  --sinch-chip-color-default-fg: var(--sinch-color-stormy-500);
  --sinch-chip-color-light-blue-bg: var(--sinch-color-night-200);
  --sinch-chip-color-light-blue-fg: var(--sinch-color-night-700);
  --sinch-chip-color-light-brown-bg: var(--sinch-color-mud-200);
  --sinch-chip-color-light-brown-fg: var(--sinch-color-mud-700);
  --sinch-chip-color-light-gray-bg: var(--sinch-color-dirt-200);
  --sinch-chip-color-light-gray-fg: var(--sinch-color-dirt-700);
  --sinch-chip-color-light-green-bg: var(--sinch-color-grass-200);
  --sinch-chip-color-light-green-fg: var(--sinch-color-grass-700);
  --sinch-chip-color-light-orange-bg: var(--sinch-color-orange-200);
  --sinch-chip-color-light-orange-fg: var(--sinch-color-orange-700);
  --sinch-chip-color-light-pink-bg: var(--sinch-color-candy-200);
  --sinch-chip-color-light-pink-fg: var(--sinch-color-candy-700);
  --sinch-chip-color-light-violet-bg: var(--sinch-color-violet-200);
  --sinch-chip-color-light-violet-fg: var(--sinch-color-violet-700);
  --sinch-chip-color-light-yellow-bg: var(--sinch-color-bolt-200);
  --sinch-chip-color-light-yellow-fg: var(--sinch-color-bolt-700);
  --sinch-chip-color-dark-blue-bg: var(--sinch-color-night-700);
  --sinch-chip-color-dark-blue-fg: var(--sinch-color-night-200);
  --sinch-chip-color-dark-brown-bg: var(--sinch-color-mud-700);
  --sinch-chip-color-dark-brown-fg: var(--sinch-color-mud-200);
  --sinch-chip-color-dark-gray-bg: var(--sinch-color-dirt-700);
  --sinch-chip-color-dark-gray-fg: var(--sinch-color-dirt-200);
  --sinch-chip-color-dark-green-bg: var(--sinch-color-grass-700);
  --sinch-chip-color-dark-green-fg: var(--sinch-color-grass-200);
  --sinch-chip-color-dark-orange-bg: var(--sinch-color-orange-700);
  --sinch-chip-color-dark-orange-fg: var(--sinch-color-orange-200);
  --sinch-chip-color-dark-pink-bg: var(--sinch-color-candy-700);
  --sinch-chip-color-dark-pink-fg: var(--sinch-color-candy-200);
  --sinch-chip-color-dark-violet-bg: var(--sinch-color-violet-700);
  --sinch-chip-color-dark-violet-fg: var(--sinch-color-violet-200);
  --sinch-chip-color-dark-yellow-bg: var(--sinch-color-bolt-700);
  --sinch-chip-color-dark-yellow-fg: var(--sinch-color-bolt-200);
  --sinch-chip-color-blue-bg: var(--sinch-color-night-400);
  --sinch-chip-color-blue-fg: var(--sinch-color-snow-100);
  --sinch-chip-color-brown-bg: var(--sinch-color-mud-400);
  --sinch-chip-color-brown-fg: var(--sinch-color-snow-100);
  --sinch-chip-color-gray-bg: var(--sinch-color-dirt-400);
  --sinch-chip-color-gray-fg: var(--sinch-color-snow-100);
  --sinch-chip-color-green-bg: var(--sinch-color-grass-400);
  --sinch-chip-color-green-fg: var(--sinch-color-stormy-500);
  --sinch-chip-color-orange-bg: var(--sinch-color-orange-400);
  --sinch-chip-color-orange-fg: var(--sinch-color-stormy-500);
  --sinch-chip-color-pink-bg: var(--sinch-color-candy-400);
  --sinch-chip-color-pink-fg: var(--sinch-color-stormy-500);
  --sinch-chip-color-violet-bg: var(--sinch-color-violet-400);
  --sinch-chip-color-violet-fg: var(--sinch-color-stormy-500);
  --sinch-chip-color-yellow-bg: var(--sinch-color-bolt-400);
  --sinch-chip-color-yellow-fg: var(--sinch-color-stormy-500);
  --sinch-chip-color-celtic-bg: var(--sinch-color-feedback-info-bg);
  --sinch-chip-color-celtic-fg: var(--sinch-color-feedback-info-contrast);
  --sinch-chip-color-olive-bg: var(--sinch-color-feedback-success-bg);
  --sinch-chip-color-olive-fg: var(--sinch-color-feedback-success-contrast);
  --sinch-chip-color-pumpkin-bg: var(--sinch-color-feedback-warning-bg);
  --sinch-chip-color-pumpkin-fg: var(--sinch-color-feedback-warning-contrast);
  --sinch-chip-color-jasper-bg: var(--sinch-color-feedback-invalid-bg);
  --sinch-chip-color-jasper-fg: var(--sinch-color-feedback-invalid-contrast);
  --sinch-chip-icon-close: cancel;
}

:root,
:host {
  --sinch-color-menu-icon-check: check;
}

:root,
:host {
  --sinch-color-swatch-color-default-bg: var(--sinch-color-snow-500);
  --sinch-color-swatch-color-default-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-light-blue-bg: var(--sinch-color-night-200);
  --sinch-color-swatch-color-light-blue-fg: var(--sinch-color-night-700);
  --sinch-color-swatch-color-light-brown-bg: var(--sinch-color-mud-200);
  --sinch-color-swatch-color-light-brown-fg: var(--sinch-color-mud-700);
  --sinch-color-swatch-color-light-gray-bg: var(--sinch-color-dirt-200);
  --sinch-color-swatch-color-light-gray-fg: var(--sinch-color-dirt-700);
  --sinch-color-swatch-color-light-green-bg: var(--sinch-color-grass-200);
  --sinch-color-swatch-color-light-green-fg: var(--sinch-color-grass-700);
  --sinch-color-swatch-color-light-orange-bg: var(--sinch-color-orange-200);
  --sinch-color-swatch-color-light-orange-fg: var(--sinch-color-orange-700);
  --sinch-color-swatch-color-light-pink-bg: var(--sinch-color-candy-200);
  --sinch-color-swatch-color-light-pink-fg: var(--sinch-color-candy-700);
  --sinch-color-swatch-color-light-violet-bg: var(--sinch-color-violet-200);
  --sinch-color-swatch-color-light-violet-fg: var(--sinch-color-violet-700);
  --sinch-color-swatch-color-light-yellow-bg: var(--sinch-color-bolt-200);
  --sinch-color-swatch-color-light-yellow-fg: var(--sinch-color-bolt-700);
  --sinch-color-swatch-color-dark-blue-bg: var(--sinch-color-night-700);
  --sinch-color-swatch-color-dark-blue-fg: var(--sinch-color-night-200);
  --sinch-color-swatch-color-dark-brown-bg: var(--sinch-color-mud-700);
  --sinch-color-swatch-color-dark-brown-fg: var(--sinch-color-mud-200);
  --sinch-color-swatch-color-dark-gray-bg: var(--sinch-color-dirt-700);
  --sinch-color-swatch-color-dark-gray-fg: var(--sinch-color-dirt-200);
  --sinch-color-swatch-color-dark-green-bg: var(--sinch-color-grass-700);
  --sinch-color-swatch-color-dark-green-fg: var(--sinch-color-grass-200);
  --sinch-color-swatch-color-dark-orange-bg: var(--sinch-color-orange-700);
  --sinch-color-swatch-color-dark-orange-fg: var(--sinch-color-orange-200);
  --sinch-color-swatch-color-dark-pink-bg: var(--sinch-color-candy-700);
  --sinch-color-swatch-color-dark-pink-fg: var(--sinch-color-candy-200);
  --sinch-color-swatch-color-dark-violet-bg: var(--sinch-color-violet-700);
  --sinch-color-swatch-color-dark-violet-fg: var(--sinch-color-violet-200);
  --sinch-color-swatch-color-dark-yellow-bg: var(--sinch-color-bolt-700);
  --sinch-color-swatch-color-dark-yellow-fg: var(--sinch-color-bolt-200);
  --sinch-color-swatch-color-blue-bg: var(--sinch-color-night-400);
  --sinch-color-swatch-color-blue-fg: var(--sinch-color-snow-100);
  --sinch-color-swatch-color-brown-bg: var(--sinch-color-mud-400);
  --sinch-color-swatch-color-brown-fg: var(--sinch-color-snow-100);
  --sinch-color-swatch-color-gray-bg: var(--sinch-color-dirt-400);
  --sinch-color-swatch-color-gray-fg: var(--sinch-color-snow-100);
  --sinch-color-swatch-color-green-bg: var(--sinch-color-grass-400);
  --sinch-color-swatch-color-green-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-orange-bg: var(--sinch-color-orange-400);
  --sinch-color-swatch-color-orange-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-pink-bg: var(--sinch-color-candy-400);
  --sinch-color-swatch-color-pink-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-violet-bg: var(--sinch-color-violet-400);
  --sinch-color-swatch-color-violet-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-yellow-bg: var(--sinch-color-bolt-400);
  --sinch-color-swatch-color-yellow-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-skin-tone-0-bg: var(--sinch-color-skin-tone-0);
  --sinch-color-swatch-color-skin-tone-0-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-skin-tone-10-bg: var(--sinch-color-skin-tone-10);
  --sinch-color-swatch-color-skin-tone-10-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-skin-tone-20-bg: var(--sinch-color-skin-tone-20);
  --sinch-color-swatch-color-skin-tone-20-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-skin-tone-30-bg: var(--sinch-color-skin-tone-30);
  --sinch-color-swatch-color-skin-tone-30-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-skin-tone-40-bg: var(--sinch-color-skin-tone-40);
  --sinch-color-swatch-color-skin-tone-40-fg: var(--sinch-color-stormy-500);
  --sinch-color-swatch-color-skin-tone-50-bg: var(--sinch-color-skin-tone-50);
  --sinch-color-swatch-color-skin-tone-50-fg: var(--sinch-color-snow-100);
}

:root,
:host {
  --sinch-date-picker-icon-prev-month: keyboard_arrow_left;
  --sinch-date-picker-icon-next-month: keyboard_arrow_right;
  --sinch-date-picker-icon-prev-year: keyboard_double_arrow_left;
  --sinch-date-picker-icon-next-year: keyboard_double_arrow_right;
}

:root,
:host {
  --sinch-dialog-icon-close: close;
}

:root,
:host {
  --sinch-emoji-picker-icon-font-variation-settings: "FILL" 0;
  --sinch-emoji-picker-icon-search: search;
  --sinch-emoji-picker-icon-emoji-emotions: sentiment_satisfied;
  --sinch-emoji-picker-icon-emoji-people: emoji_people;
  --sinch-emoji-picker-icon-emoji-animals-nature: pets;
  --sinch-emoji-picker-icon-emoji-food-drinks: emoji_food_beverage;
  --sinch-emoji-picker-icon-emoji-travel-places: emoji_transportation;
  --sinch-emoji-picker-icon-emoji-sports-activities: sports_tennis;
  --sinch-emoji-picker-icon-emoji-objects: emoji_objects;
  --sinch-emoji-picker-icon-emoji-symbols-flags: emoji_symbols;
}

:root,
:host {
  /* --sinch-emoji-src-url: "https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/%s.svg"; */
  --sinch-emoji-src-url: "https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/%s.svg";
}

:root,
:host {
  --sinch-file-status-icon-pending: pending_actions;
  --sinch-file-status-icon-progress: text_snippet;
  --sinch-file-status-icon-success: check_circle;
  --sinch-file-status-icon-error: report;
}

:root,
:host {
  --sinch-flag-src-url: "https://flagcdn.com/%s.svg";
}

:root,
:host {
  --sinch-help-tooltip-icon-font-variation-settings: "FILL" 0;
  --sinch-help-tooltip-icon-help: help;
}

:root,
:host {
  --sinch-horizontal-stepper-icon-success: check;
  --sinch-horizontal-stepper-icon-error: exclamation;
}

:root,
:host {
  /* Primary */
  --sinch-icon-button-primary-color-background: var(--sinch-color-tropical-500);
  --sinch-icon-button-primary-color-background-hover: var(--sinch-color-tropical-400);
  --sinch-icon-button-primary-color-background-active: var(--sinch-color-tropical-600);
  --sinch-icon-button-primary-color-background-disabled: var(--sinch-color-tropical-200);
  --sinch-icon-button-primary-color-border: transparent;
  --sinch-icon-button-primary-color-border-hover: transparent;
  --sinch-icon-button-primary-color-border-active: transparent;
  --sinch-icon-button-primary-color-border-disabled: transparent;
  --sinch-icon-button-primary-color-icon: var(--sinch-color-snow-100);
  --sinch-icon-button-primary-color-icon-hover: var(--sinch-color-snow-100);
  --sinch-icon-button-primary-color-icon-active: var(--sinch-color-snow-100);
  --sinch-icon-button-primary-color-icon-disabled: var(--sinch-color-snow-100);
  --sinch-icon-button-primary-mix-blend-mode: initial;

  /* Secondary */
  --sinch-icon-button-secondary-color-background: var(--sinch-color-snow-100);
  --sinch-icon-button-secondary-color-background-hover: var(--sinch-color-tropical-100);
  --sinch-icon-button-secondary-color-background-active: var(--sinch-color-tropical-200);
  --sinch-icon-button-secondary-color-background-disabled: var(--sinch-color-snow-100);
  --sinch-icon-button-secondary-color-border: var(--sinch-color-tropical-500);
  --sinch-icon-button-secondary-color-border-hover: var(--sinch-color-tropical-500);
  --sinch-icon-button-secondary-color-border-active: var(--sinch-color-tropical-500);
  --sinch-icon-button-secondary-color-border-disabled: var(--sinch-color-tropical-200);
  --sinch-icon-button-secondary-color-icon: var(--sinch-color-tropical-500);
  --sinch-icon-button-secondary-color-icon-hover: var(--sinch-color-tropical-500);
  --sinch-icon-button-secondary-color-icon-active: var(--sinch-color-tropical-500);
  --sinch-icon-button-secondary-color-icon-disabled: var(--sinch-color-tropical-200);
  --sinch-icon-button-secondary-mix-blend-mode: initial;

  /* Tertiary */
  --sinch-icon-button-tertiary-color-background: transparent;
  --sinch-icon-button-tertiary-color-background-hover: var(--sinch-color-bg-hover);
  --sinch-icon-button-tertiary-color-background-active: var(--sinch-color-bg-active);
  --sinch-icon-button-tertiary-color-background-disabled: transparent;
  --sinch-icon-button-tertiary-color-border: transparent;
  --sinch-icon-button-tertiary-color-border-hover: transparent;
  --sinch-icon-button-tertiary-color-border-active: transparent;
  --sinch-icon-button-tertiary-color-border-disabled: transparent;
  --sinch-icon-button-tertiary-color-icon: var(--sinch-color-stormy-500);
  --sinch-icon-button-tertiary-color-icon-hover: var(--sinch-color-stormy-500);
  --sinch-icon-button-tertiary-color-icon-active: var(--sinch-color-stormy-500);
  --sinch-icon-button-tertiary-color-icon-disabled: var(--sinch-color-stormy-100);
  --sinch-icon-button-tertiary-mix-blend-mode: multiply;

  /* Default */
  --sinch-icon-button-color-background: var(--sinch-icon-button-tertiary-color-background);
  --sinch-icon-button-color-background-hover: var(--sinch-icon-button-tertiary-color-background-hover);
  --sinch-icon-button-color-background-active: var(--sinch-icon-button-tertiary-color-background-active);
  --sinch-icon-button-color-background-disabled: var(--sinch-icon-button-tertiary-color-background-disabled);
  --sinch-icon-button-color-border: var(--sinch-icon-button-tertiary-color-border);
  --sinch-icon-button-color-border-hover: var(--sinch-icon-button-tertiary-color-border-hover);
  --sinch-icon-button-color-border-active: var(--sinch-icon-button-tertiary-color-border-active);
  --sinch-icon-button-color-border-disabled: var(--sinch-icon-button-tertiary-color-border-disabled);
  --sinch-icon-button-color-icon: var(--sinch-icon-button-tertiary-color-icon);
  --sinch-icon-button-color-icon-hover: var(--sinch-icon-button-tertiary-color-icon-hover);
  --sinch-icon-button-color-icon-active: var(--sinch-icon-button-tertiary-color-icon-active);
  --sinch-icon-button-color-icon-disabled: var(--sinch-icon-button-tertiary-color-icon-disabled);
  --sinch-icon-button-mix-blend-mode: var(--sinch-icon-button-tertiary-mix-blend-mode);

  /* Icon Size */
  --sinch-icon-button-icon-size-l: 24px;
  --sinch-icon-button-icon-size-m: 24px;
  --sinch-icon-button-icon-size-s: 24px;
  --sinch-icon-button-icon-size-xs: 16px;
}

:root,
:host {
  --sinch-icon-font-family: "Material Icons";
  --sinch-icon-font-variation-settings: "FILL" 1;
  --sinch-icon-font-feature-settings: "liga";
  --sinch-icon-font-weight: 400;
}

:root,
:host {
  --sinch-inline-alert-icon-info: info;
  --sinch-inline-alert-icon-success: check_circle;
  --sinch-inline-alert-icon-warn: report_problem;
  --sinch-inline-alert-icon-error: report;
}

:root,
:host {
  /* Icon Size */
  --sinch-input-icon-size-l: 24px;
  --sinch-input-icon-size-m: 24px;
  --sinch-input-icon-size-s: 16px;

  /* Icon name */
  --sinch-input-icon-clear: close;
}

:root,
:host {
  --sinch-link-icon-standalone: arrow_forward;
  --sinch-link-icon-external: open_in_new;
}

:root,
:host {
  --sinch-pagination-icon-prev: keyboard_arrow_left;
  --sinch-pagination-icon-next: keyboard_arrow_right;
}

:root,
:host {
  --sinch-segment-icon-dropdown: keyboard_arrow_down;
}

:root,
:host {
  /* Icon Size */
  --sinch-select-button-icon-size-l: 24px;
  --sinch-select-button-icon-size-m: 24px;
  --sinch-select-button-icon-size-s: 24px;

  /* Icon name */
  --sinch-select-button-icon-dropdown: keyboard_arrow_down;
}

:root,
:host {
  /* Icon name */
  --sinch-select-menu-icon-search: search;
  --sinch-select-menu-icon-check: check;
}

:root,
:host {
  /* Size */
  --sinch-spinner-size-l: 48px;
  --sinch-spinner-size-m: 24px;
  --sinch-spinner-size-s: 16px;
}

:root,
:host {
  --sinch-tag-color-default-bg: var(--sinch-color-snow-500);
  --sinch-tag-color-default-fg: var(--sinch-color-stormy-500);
  --sinch-tag-color-light-blue-bg: var(--sinch-color-night-200);
  --sinch-tag-color-light-blue-fg: var(--sinch-color-night-700);
  --sinch-tag-color-light-brown-bg: var(--sinch-color-mud-200);
  --sinch-tag-color-light-brown-fg: var(--sinch-color-mud-700);
  --sinch-tag-color-light-gray-bg: var(--sinch-color-dirt-200);
  --sinch-tag-color-light-gray-fg: var(--sinch-color-dirt-700);
  --sinch-tag-color-light-green-bg: var(--sinch-color-grass-200);
  --sinch-tag-color-light-green-fg: var(--sinch-color-grass-700);
  --sinch-tag-color-light-orange-bg: var(--sinch-color-orange-200);
  --sinch-tag-color-light-orange-fg: var(--sinch-color-orange-700);
  --sinch-tag-color-light-pink-bg: var(--sinch-color-candy-200);
  --sinch-tag-color-light-pink-fg: var(--sinch-color-candy-700);
  --sinch-tag-color-light-violet-bg: var(--sinch-color-violet-200);
  --sinch-tag-color-light-violet-fg: var(--sinch-color-violet-700);
  --sinch-tag-color-light-yellow-bg: var(--sinch-color-bolt-200);
  --sinch-tag-color-light-yellow-fg: var(--sinch-color-bolt-700);
  --sinch-tag-color-dark-blue-bg: var(--sinch-color-night-700);
  --sinch-tag-color-dark-blue-fg: var(--sinch-color-night-200);
  --sinch-tag-color-dark-brown-bg: var(--sinch-color-mud-700);
  --sinch-tag-color-dark-brown-fg: var(--sinch-color-mud-200);
  --sinch-tag-color-dark-gray-bg: var(--sinch-color-dirt-700);
  --sinch-tag-color-dark-gray-fg: var(--sinch-color-dirt-200);
  --sinch-tag-color-dark-green-bg: var(--sinch-color-grass-700);
  --sinch-tag-color-dark-green-fg: var(--sinch-color-grass-200);
  --sinch-tag-color-dark-orange-bg: var(--sinch-color-orange-700);
  --sinch-tag-color-dark-orange-fg: var(--sinch-color-orange-200);
  --sinch-tag-color-dark-pink-bg: var(--sinch-color-candy-700);
  --sinch-tag-color-dark-pink-fg: var(--sinch-color-candy-200);
  --sinch-tag-color-dark-violet-bg: var(--sinch-color-violet-700);
  --sinch-tag-color-dark-violet-fg: var(--sinch-color-violet-200);
  --sinch-tag-color-dark-yellow-bg: var(--sinch-color-bolt-700);
  --sinch-tag-color-dark-yellow-fg: var(--sinch-color-bolt-200);
  --sinch-tag-color-blue-bg: var(--sinch-color-night-400);
  --sinch-tag-color-blue-fg: var(--sinch-color-snow-100);
  --sinch-tag-color-brown-bg: var(--sinch-color-mud-400);
  --sinch-tag-color-brown-fg: var(--sinch-color-snow-100);
  --sinch-tag-color-gray-bg: var(--sinch-color-dirt-400);
  --sinch-tag-color-gray-fg: var(--sinch-color-snow-100);
  --sinch-tag-color-green-bg: var(--sinch-color-grass-400);
  --sinch-tag-color-green-fg: var(--sinch-color-stormy-500);
  --sinch-tag-color-orange-bg: var(--sinch-color-orange-400);
  --sinch-tag-color-orange-fg: var(--sinch-color-stormy-500);
  --sinch-tag-color-pink-bg: var(--sinch-color-candy-400);
  --sinch-tag-color-pink-fg: var(--sinch-color-stormy-500);
  --sinch-tag-color-violet-bg: var(--sinch-color-violet-400);
  --sinch-tag-color-violet-fg: var(--sinch-color-stormy-500);
  --sinch-tag-color-yellow-bg: var(--sinch-color-bolt-400);
  --sinch-tag-color-yellow-fg: var(--sinch-color-stormy-500);
  --sinch-tag-color-celtic-bg: var(--sinch-color-feedback-info-bg);
  --sinch-tag-color-celtic-fg: var(--sinch-color-feedback-info-contrast);
  --sinch-tag-color-olive-bg: var(--sinch-color-feedback-success-bg);
  --sinch-tag-color-olive-fg: var(--sinch-color-feedback-success-contrast);
  --sinch-tag-color-pumpkin-bg: var(--sinch-color-feedback-warning-bg);
  --sinch-tag-color-pumpkin-fg: var(--sinch-color-feedback-warning-contrast);
  --sinch-tag-color-jasper-bg: var(--sinch-color-feedback-invalid-bg);
  --sinch-tag-color-jasper-fg: var(--sinch-color-feedback-invalid-contrast);
}

:root,
:host {
  --sinch-time-picker-icon-submit: done;
}

:root,
:host {
  --sinch-toast-icon-info: info;
  --sinch-toast-icon-success: check_circle;
  --sinch-toast-icon-warn: report_problem;
  --sinch-toast-icon-error: report;
}

:root,
:host {
  --sinch-vertical-stepper-icon-success: check;
  --sinch-vertical-stepper-icon-error: exclamation;
}

.bot_container__6Iqj2 {
    min-width: 100%;
}

.bot_content__OcFuu {
    width: 100%;
    overflow: auto;
}

.bot_loading__lpsvJ {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-self: center;
    align-items: center;
    justify-content: center;
    margin-bottom: 5%;
}

.bot_pulsate__An8Kh {
    -webkit-animation: bot_pulsate__An8Kh 5s ease-out;
            animation: bot_pulsate__An8Kh 5s ease-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
}

@-webkit-keyframes bot_pulsate__An8Kh {
    0% {
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
        stroke-width: 3;
    }
    50% {
        -webkit-transform: scale(3);
                transform: scale(3);
        stroke-width: 5;
    }
    100% {
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
        stroke-width: 3;
    }
}

@keyframes bot_pulsate__An8Kh {
    0% {
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
        stroke-width: 3;
    }
    50% {
        -webkit-transform: scale(3);
                transform: scale(3);
        stroke-width: 5;
    }
    100% {
        -webkit-transform: scale(2.5);
                transform: scale(2.5);
        stroke-width: 3;
    }
}

.rta {
  position: relative;
  font-size: 18px;
  width: 100%;
  height: 100%;
}
.rta__loader.rta__loader--empty-suggestion-data {
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(27, 31, 35, 0.1);
  padding: 5px;
}
.rta--loading .rta__loader.rta__loader--suggestion-data {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
}
.rta--loading .rta__loader.rta__loader--suggestion-data > * {
  position: relative;
  top: 50%;
}
.rta__textarea {
  width: 100%;
  height: 100%;
  font-size: 1em;
}
.rta__autocomplete {
  position: absolute;
  display: block;
  margin-top: 1em;
}
.rta__autocomplete--top {
  margin-top: 0;
  margin-bottom: 1em;
}
.rta__list {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid #dfe2e5;
  border-radius: 3px;
  box-shadow: 0 0 5px rgba(27, 31, 35, 0.1);
  list-style: none;
}
.rta__entity {
  background: white;
  width: 100%;
  text-align: left;
  outline: none;
}
.rta__entity:hover {
  cursor: pointer;
}
.rta__item:not(:last-child) {
  border-bottom: 1px solid #dfe2e5;
}
.rta__entity > * {
  padding-left: 4px;
  padding-right: 4px;
}
.rta__entity--selected {
  color: #fff;
  text-decoration: none;
  background: #0366d6;
}

.emoji-mart,
.emoji-mart * {
  box-sizing: border-box;
  line-height: 1.15;
}

.emoji-mart {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
  font-size: 16px;
  display: inline-block;
  color: #222427;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #fff;
}

.emoji-mart .emoji-mart-emoji {
  padding: 6px;
}

.emoji-mart-bar {
  border: 0 solid #d9d9d9;
}
.emoji-mart-bar:first-child {
  border-bottom-width: 1px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.emoji-mart-bar:last-child {
  border-top-width: 1px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.emoji-mart-anchors {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 0 6px;
  line-height: 0;
}

.emoji-mart-anchor {
  position: relative;
  display: block;
  flex: 1 1 auto;
  color: #858585;
  text-align: center;
  padding: 12px 4px;
  overflow: hidden;
  transition: color .1s ease-out;
  margin: 0;
  box-shadow: none;
  background: none;
  border: none;
}
.emoji-mart-anchor:focus { outline: 0 }
.emoji-mart-anchor:hover,
.emoji-mart-anchor:focus,
.emoji-mart-anchor-selected {
  color: #464646;
}

.emoji-mart-anchor-selected .emoji-mart-anchor-bar {
  bottom: 0;
}

.emoji-mart-anchor-bar {
  position: absolute;
  bottom: -3px; left: 0;
  width: 100%; height: 3px;
  background-color: #464646;
}

.emoji-mart-anchors i {
  display: inline-block;
  width: 100%;
  max-width: 22px;
}

.emoji-mart-anchors svg,
.emoji-mart-anchors img {
  fill: currentColor;
  height: 18px;
  width: 18px;
}

.emoji-mart-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
  height: 270px;
  padding: 0 6px 6px 6px;
  will-change: transform; /* avoids "repaints on scroll" in mobile Chrome */
}

.emoji-mart-search {
  margin-top: 6px;
  padding: 0 6px;
  position: relative;
}

.emoji-mart-search input {
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 5px 25px 6px 10px;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  outline: 0;
}

.emoji-mart-search input,
.emoji-mart-search input::-webkit-search-decoration,
.emoji-mart-search input::-webkit-search-cancel-button,
.emoji-mart-search input::-webkit-search-results-button,
.emoji-mart-search input::-webkit-search-results-decoration {
  /* remove webkit/blink styles for <input type="search">
   * via https://stackoverflow.com/a/9422689 */
  -webkit-appearance: none;
}

.emoji-mart-search-icon {
  position: absolute;
  top: 7px;
  right: 11px;
  z-index: 2;
  padding: 2px 5px 1px;
  border: none;
  background: none;
}

.emoji-mart-category .emoji-mart-emoji span {
  z-index: 1;
  position: relative;
  text-align: center;
  cursor: default;
}

.emoji-mart-category .emoji-mart-emoji:hover:before {
  z-index: 0;
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: #f4f4f4;
  border-radius: 100%;
}

.emoji-mart-category-label {
  z-index: 2;
  position: sticky;
  top: 0;
}

.emoji-mart-category-label span {
  display: block;
  width: 100%;
  font-weight: 500;
  padding: 5px 6px;
  background-color: rgba(255, 255, 255, .95);
}

.emoji-mart-category-list {
  margin: 0;
  padding: 0;
}

.emoji-mart-category-list li {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}

.emoji-mart-emoji {
  position: relative;
  display: inline-block;
  font-size: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

.emoji-mart-emoji-native {
  font-family: "Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji";
}

.emoji-mart-no-results {
  font-size: 14px;
  text-align: center;
  padding-top: 70px;
  color: #858585;
}
.emoji-mart-no-results-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.emoji-mart-no-results .emoji-mart-category-label {
  display: none;
}
.emoji-mart-no-results .emoji-mart-no-results-label {
  margin-top: .2em;
}
.emoji-mart-no-results .emoji-mart-emoji:hover:before {
  content: none;
}

.emoji-mart-preview {
  position: relative;
  height: 70px;
}

.emoji-mart-preview-emoji,
.emoji-mart-preview-data,
.emoji-mart-preview-skins {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.emoji-mart-preview-emoji {
  left: 12px;
}

.emoji-mart-preview-data {
  left: 68px; right: 12px;
  word-break: break-all;
}

.emoji-mart-preview-skins {
  right: 30px;
  text-align: right;
}

.emoji-mart-preview-skins.custom {
  right: 10px;
  text-align: right;
}

.emoji-mart-preview-name {
  font-size: 14px;
}

.emoji-mart-preview-shortname {
  font-size: 12px;
  color: #888;
}
.emoji-mart-preview-shortname + .emoji-mart-preview-shortname,
.emoji-mart-preview-shortname + .emoji-mart-preview-emoticon,
.emoji-mart-preview-emoticon + .emoji-mart-preview-emoticon {
  margin-left: .5em;
}

.emoji-mart-preview-emoticon {
  font-size: 11px;
  color: #bbb;
}

.emoji-mart-title span {
  display: inline-block;
  vertical-align: middle;
}

.emoji-mart-title .emoji-mart-emoji {
  padding: 0;
}

.emoji-mart-title-label {
  color: #999A9C;
  font-size: 26px;
  font-weight: 300;
}

.emoji-mart-skin-swatches {
  font-size: 0;
  padding: 2px 0;
  border: 1px solid #d9d9d9;
  border-radius: 12px;
  background-color: #fff;
}

.emoji-mart-skin-swatches.custom {
  font-size: 0;
  border: none;
  background-color: #fff;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch {
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after {
  opacity: .75;
}

.emoji-mart-skin-swatch {
  display: inline-block;
  width: 0;
  vertical-align: middle;
  transition-property: width, padding;
  transition-duration: .125s;
  transition-timing-function: ease-out;
}

.emoji-mart-skin-swatch:nth-child(1) { transition-delay: 0s }
.emoji-mart-skin-swatch:nth-child(2) { transition-delay: .03s }
.emoji-mart-skin-swatch:nth-child(3) { transition-delay: .06s }
.emoji-mart-skin-swatch:nth-child(4) { transition-delay: .09s }
.emoji-mart-skin-swatch:nth-child(5) { transition-delay: .12s }
.emoji-mart-skin-swatch:nth-child(6) { transition-delay: .15s }

.emoji-mart-skin-swatch.selected {
  position: relative;
  width: 16px;
  padding: 0 2px;
}

.emoji-mart-skin-swatch.selected:after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4px; height: 4px;
  margin: -2px 0 0 -2px;
  background-color: #fff;
  border-radius: 100%;
  pointer-events: none;
  opacity: 0;
  transition: opacity .2s ease-out;
}

.emoji-mart-skin-swatch.custom {
  display: inline-block;
  width: 0;
  height: 38px;
  overflow: hidden;
  vertical-align: middle;
  transition-property: width, height;
  transition-duration: .125s;
  transition-timing-function: ease-out;
  cursor: default;
}

.emoji-mart-skin-swatch.custom.selected {
  position: relative;
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatch.custom.selected:after {
  content: "";
  width: 0;
  height: 0;
}

.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover {
  background-color: #f4f4f4;
  border-radius: 10%;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom {
  width: 36px;
  height: 38px;
  padding: 0 2px 0 0;
}

.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after {
  opacity: .75;
}

.emoji-mart-skin-text.opened {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  color: #888;
  font-size: 11px;
  padding: 5px 2px;
  width: 95px;
  height: 40px;
  border-radius: 10%;
  background-color: #fff;
}

.emoji-mart-skin {
  display: inline-block;
  width: 100%;
  padding-top: 100%;
  max-width: 12px;
  border-radius: 100%;
}

.emoji-mart-skin-tone-1 { background-color: #ffc93a }
.emoji-mart-skin-tone-2 { background-color: #fadcbc }
.emoji-mart-skin-tone-3 { background-color: #e0bb95 }
.emoji-mart-skin-tone-4 { background-color: #bf8f68 }
.emoji-mart-skin-tone-5 { background-color: #9b643d }
.emoji-mart-skin-tone-6 { background-color: #594539 }

/* For screenreaders only, via https://stackoverflow.com/a/19758620 */
.emoji-mart-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/*
 * Dark mode styles
 */

.emoji-mart-dark {
  color: #fff;
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-bar {
  border-color: #555453;
}

.emoji-mart-dark .emoji-mart-search input {
  color: #fff;
  border-color: #555453;
  background-color: #2f2f2f;
}

.emoji-mart-dark .emoji-mart-search-icon svg {
  fill: #fff;
}

.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before {
  background-color: #444;
}

.emoji-mart-dark .emoji-mart-category-label span {
  background-color: #222;
  color: #fff;
}

.emoji-mart-dark .emoji-mart-skin-swatches {
  border-color: #555453;
  background-color: #222;
}

.emoji-mart-dark .emoji-mart-anchor:hover,
.emoji-mart-dark .emoji-mart-anchor:focus,
.emoji-mart-dark .emoji-mart-anchor-selected {
  color: #bfbfbf;
}

.jv {
  font-family: Monaco, Menlo, Consolas, 'Courier New', monospace;
  font-size: 14px;
  text-align: left;
  cursor: default;
  width: 100%;
}

.jv-key,
.jv-comma,
.jv-comma:hover {
  font-weight: 700;
  color: #070707;
  position: relative;
}

.jv-key {
  display: flex;
  align-items: center;
}

.jv-caret {
  position: absolute;
  color: #070707;
  left: -16px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.jv-caret--disabled {
  opacity: 0.6;
}

.jv-caret--icon {
  vertical-align: middle;
  width: 16px;
  height: 16px;
}

.jv-value {
  white-space: normal;
}

.jv-node {
  align-items: center;
  display: flex;
  line-height: 1.5rem;
}

.jv-node:hover {
  background: rgba(0, 0, 100, 0.02);
}

.jv-value__number {
  color: blue;
}

.jv-value__string {
  color: #2d78d3;
  word-break: break-all;
}

.jv-value__boolean {
  color: #3bb5a1;
}

.jv-bracket {
  cursor: pointer;
  display: inline-flex;
  color: #070707;
}

.jv-bracket:hover {
  color: red;
}

.jv-node__indent {
  flex: 0 0 1em;
  align-self: stretch;
  margin-left: 2px;
}

.jv-node__indent--show-lines {
  border-left: 1px dashed #bfcbd9;
}

.jv-node--disabled > .jv-key,
.jv-node--disabled > .jv-bracket,
.jv-node--disabled > .jv-bracket:hover {
  color: #070707;
  opacity: 0.6;
}

.drawer {
  position: fixed;
  z-index: 9999;
  transition: width 0s ease 0.3s, height 0s ease 0.3s, transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer > * {
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), box-shadow 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer.drawer-open {
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer .drawer-mask {
  background: #000;
  opacity: 0;
  width: 100%;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86), height 0s ease 0.3s;
}
.drawer-content-wrapper {
  position: absolute;
  background: #fff;
}
.drawer-content {
  overflow: auto;
  z-index: 1;
  position: relative;
}
.drawer-handle {
  position: absolute;
  top: 72px;
  width: 41px;
  height: 40px;
  cursor: pointer;
  z-index: 0;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
}
.drawer-handle-icon {
  width: 14px;
  height: 2px;
  background: #333;
  position: relative;
  transition: background 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer-handle-icon:before,
.drawer-handle-icon:after {
  content: '';
  display: block;
  position: absolute;
  background: #333;
  width: 100%;
  height: 2px;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer-handle-icon:before {
  top: -5px;
}
.drawer-handle-icon:after {
  top: 5px;
}
.drawer-left,
.drawer-right {
  width: 0%;
  height: 100%;
}
.drawer-left .drawer-content-wrapper,
.drawer-right .drawer-content-wrapper,
.drawer-left .drawer-content,
.drawer-right .drawer-content {
  height: 100%;
}
.drawer-left.drawer-open,
.drawer-right.drawer-open {
  width: 100%;
}
.drawer-left.drawer-open.no-mask,
.drawer-right.drawer-open.no-mask {
  width: 0%;
}
.drawer-left {
  top: 0;
  left: 0;
}
.drawer-left .drawer-handle {
  right: -40px;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 0 4px 4px 0;
}
.drawer-left.drawer-open .drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.drawer-right {
  top: 0;
  right: 0;
}
.drawer-right .drawer-content-wrapper {
  right: 0;
}
.drawer-right .drawer-handle {
  left: -40px;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px 0 0 4px;
}
.drawer-right.drawer-open .drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.drawer-right.drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.drawer-top,
.drawer-bottom {
  width: 100%;
  height: 0%;
}
.drawer-top .drawer-content-wrapper,
.drawer-bottom .drawer-content-wrapper,
.drawer-top .drawer-content,
.drawer-bottom .drawer-content {
  width: 100%;
}
.drawer-top .drawer-content,
.drawer-bottom .drawer-content {
  height: 100%;
}
.drawer-top.drawer-open,
.drawer-bottom.drawer-open {
  height: 100%;
}
.drawer-top.drawer-open.no-mask,
.drawer-bottom.drawer-open.no-mask {
  height: 0%;
}
.drawer-top .drawer-handle,
.drawer-bottom .drawer-handle {
  left: 50%;
  margin-left: -20px;
}
.drawer-top {
  top: 0;
  left: 0;
}
.drawer-top .drawer-handle {
  top: auto;
  bottom: -40px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 4px 4px;
}
.drawer-top.drawer-open .drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.drawer-bottom {
  bottom: 0;
  left: 0;
}
.drawer-bottom .drawer-content-wrapper {
  bottom: 0;
}
.drawer-bottom .drawer-handle {
  top: -40px;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 4px 4px 0 0;
}
.drawer-bottom.drawer-open .drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.drawer-bottom.drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.drawer.drawer-open .drawer-mask {
  opacity: 0.3;
  height: 100%;
  transition: opacity 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.drawer.drawer-open .drawer-handle-icon {
  background: transparent;
}
.drawer.drawer-open .drawer-handle-icon:before {
  transform: translateY(5px) rotate(45deg);
}
.drawer.drawer-open .drawer-handle-icon:after {
  transform: translateY(-5px) rotate(-45deg);
}

.input_container__3ODK6 {
  width: -webkit-min-content;
  width: min-content;
}

.input_inputContainer__ft8xQ {
  position: relative;
  align-self: center;
  border: solid 1px #dce4eb;
}

.input_input__g8iVa {
  display: flex;
  color: #5A5A5A;
  width: 260px;
  max-width: 260px;
  padding-right: 28px;
  outline: none;
  border: none;
}

.input_input__g8iVa:focus {
  position: relative;
  z-index: 5;
  border-color: #8D8D8D;
}

.input_input__g8iVa:disabled {
  color: #dce4eb;
  background-color: #f5f9fc;
  cursor: not-allowed;
}

.input_input__g8iVa:disabled::-webkit-input-placeholder {
  color: #999999;
  opacity: 0.5;
}

.input_input__g8iVa:disabled:-ms-input-placeholder {
  color: #999999;
  opacity: 0.5;
}

.input_input__g8iVa:disabled::placeholder {
  color: #999999;
  opacity: 0.5;
}

.input_input__g8iVa:focus ~ .input_rightIcon__b7Ai\+,
.input_input__g8iVa:focus ~ .input_placeholderIcon__1Rcjt {
  z-index: 5;
  color: #8D8D8D;
}

.input_input__g8iVa::-webkit-input-placeholder {
  color: rgba(90, 90, 90, 0.5);
}

.input_input__g8iVa:-ms-input-placeholder {
  color: rgba(90, 90, 90, 0.5);
}

.input_input__g8iVa::placeholder {
  color: rgba(90, 90, 90, 0.5);
}

.input_input__g8iVa.input_large__pvreB {
  width: 38em;
  max-width: 38em;
}

.input_input__g8iVa.input_small__1Hw-i {
  width: 56px;
  max-width: 56px;
  text-align: center;
  text-indent: 12.5px;
}

.input_input__g8iVa.input_error__7Ew\+7::-webkit-input-placeholder {
  border-color: #FF0000;
}

.input_input__g8iVa.input_error__7Ew\+7:-ms-input-placeholder {
  border-color: #FF0000;
}

.input_input__g8iVa.input_error__7Ew\+7,
.input_input__g8iVa.input_error__7Ew\+7::placeholder {
  border-color: #FF0000;
}

.input_input__g8iVa.input_error__7Ew\+7::-webkit-input-placeholder {
  color: #FF0000;
}

.input_input__g8iVa.input_error__7Ew\+7:-ms-input-placeholder {
  color: #FF0000;
}

.input_input__g8iVa.input_error__7Ew\+7::placeholder {
  color: #FF0000;
}

.input_containerRow__Hxl4d {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.input_errorLabel__7hSGM {
  color: #FF0000;
  width: 100%;
  position: relative;
  margin-top: 5px;
}

.input_input__g8iVa .input_input__g8iVa:focus::-webkit-input-placeholder, .input_input__g8iVa.input_error__7Ew\+7:focus::-webkit-input-placeholder {
  color: transparent;
}

.input_input__g8iVa .input_input__g8iVa:focus:-ms-input-placeholder, .input_input__g8iVa.input_error__7Ew\+7:focus:-ms-input-placeholder {
  color: transparent;
}

.input_input__g8iVa .input_input__g8iVa:focus::placeholder,
.input_input__g8iVa.input_error__7Ew\+7:focus::placeholder {
  color: transparent;
}

.input_title__HZbp9 {
  font-weight: 500;
  margin-bottom: 4px;
}

.input_rightIcon__b7Ai\+,
.input_placeholderIcon__1Rcjt {
  color: rgba(90, 90, 90, 0.5);
  margin-left: 4px;
  margin-right: 4px;
}

.input_rightIcon__b7Ai\+ {
  right: 7px;
  cursor: pointer;
}

.input_title__HZbp9::first-letter,
.input_errorLabel__7hSGM::first-letter {
  text-transform: uppercase;
}

.input_row__za--o {
  font-weight: 500;
  width: 15%;
  padding-right: 10px;
}

.link_link__zGCDO {
    display: flex;
    align-items: center;
    margin: 5px 0;
    color: #5A5A5A;
    text-decoration: underline;
    cursor: pointer;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 20px;
}

.link_link__zGCDO:hover {
    color: #25CED1;
}

.link_link__zGCDO:active {
    color: #22BCBE;
}

.link_important__aVrCz {
    color: #25CED1;
}

.link_important__aVrCz:hover {
    color: #5A5A5A;
}

.link_important__aVrCz:active {
    color: #22BCBE;
}

.link_disabled__BP6Q5 {
    color: #C6C6C6;
    cursor: not-allowed;
}

.link_disabled__BP6Q5:hover {
    color: #C6C6C6;
}

.link_disabled__BP6Q5:active {
    color: #C6C6C6;
}

.link_disableUnderline__JMKOq {
    text-decoration: none;
}

.link_icon__Dnscb {
    margin-right: 2px;
    height: 14px;
    width: 14px;
}

thead {
  z-index: 1;
  width: 100%;
  flex: 0 0 auto;
}

.columns_header__z9q\+Q {
  width: 100%;
  display: table;
  box-shadow: 1px 1px 4px 0 rgba(90, 90, 90, 0.25);
}

.columns_header__z9q\+Q > th {
  padding: 0px 7.5px;
}

.columns_header__z9q\+Q > th > a {
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.columns_header__z9q\+Q > th > a.columns_right__4tSY1 {
  float: right;
}

.columns_header__z9q\+Q > th > a.columns_center__Gy8s3 {
  width: 100%;
  justify-content: center;
}

.columns_header__z9q\+Q > th:first-child {
  padding-left: 15px;
}
.columns_header__z9q\+Q > th.columns_filter__JxgAB {
  padding-right: 15px;
  position: relative;
}

.columns_header__z9q\+Q svg {
  cursor: pointer;
}

.columns_heading__DyApo {
  display: flex;
  align-self: center;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}

.columns_heading__DyApo svg {
  height: 12px;
  width: 12px;
  align-self: center;
  margin-left: 2px;
  float: right;
}

.columns_heading__DyApo .columns_selectIcon__rlB5P {
  width: 14px;
  height: 14px;
  margin-right: 5px;
  margin-left: 0px;
}

.columns_heading__DyApo .columns_selectIcon__rlB5P.columns_selected__mIcYa {
  color: #22BCBE;
}

th.columns_filter__JxgAB {
  padding-right: 15px;
  text-align: right;
}

/* container */
.filterDropdown_container__OtMTd {
    display: flex;
    flex-direction: column;
    position: absolute;
    -webkit-filter: drop-shadow(0 2px 4px rgba(90, 90, 90, 0.25));
            filter: drop-shadow(0 2px 4px rgba(90, 90, 90, 0.25));
    border: solid 1px rgba(90, 90, 90, 0.1);
    border-radius: 5px;
    top: 45px;
    background: #FFF;
    right: 0;
    text-align: left;
    min-width: 130px;
}

.filterDropdown_container__OtMTd:after,
.filterDropdown_container__OtMTd:before {
    bottom: 100%;
    right: 15px;
    border: solid transparent;
    content: ' ';
    position: absolute;
}

.filterDropdown_container__OtMTd:after {
    border-bottom-color: #FFF;
    border-width: 7px;
}
.filterDropdown_container__OtMTd:before {
    border-bottom-color: rgba(90, 90, 90, 0.1);
    border-width: 8px;
    right: 14px;
}

/* title */
.filterDropdown_container__OtMTd .filterDropdown_title__0duf1 {
    margin: 14px 14px 0px 14px;
    padding-bottom: 7px;
    border-bottom: solid 0.8px rgba(90, 90, 90, 0.1);
}

.filterDropdown_container__OtMTd .filterDropdown_title__0duf1 > p {
    font-weight: 500;
    margin: 0;
}

/* items */
.filterDropdown_container__OtMTd .filterDropdown_items__6mbI8 {
    font-weight: normal;
    cursor: pointer;
}

.filterDropdown_container__OtMTd .filterDropdown_items__6mbI8 > div {
    display: flex;
    align-items: center;
    padding: 0 14px;
    height: 25px;
    line-height: 25px;
}

.filterDropdown_container__OtMTd .filterDropdown_items__6mbI8 > div:hover {
    background-color: #F5F9FC;
    color: #22BCBE;
}

.filterDropdown_container__OtMTd .filterDropdown_items__6mbI8 > div > span {
    padding-left: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.filterDropdown_container__OtMTd .filterDropdown_items__6mbI8 > div .filterDropdown_checked__HVefg {
    color: #22BCBE;
}

/* .container .items > div > svg {
  color: teal;
} */

.filterDropdown_container__OtMTd .filterDropdown_items__6mbI8 > div:first-child {
    margin-top: 7px;
}

.filterDropdown_container__OtMTd .filterDropdown_items__6mbI8 > div:last-child {
    margin-bottom: 14px;
}

.row_row__oDMcN {
  border-bottom: solid 0.8px rgba(90, 90, 90, 0.1);
  height: 50px;
  display: table;
  width: 100%;
  box-sizing: content-box;
}

.row_row__oDMcN > td {
  padding: 15px 7.5px;
  text-align: left;
  max-width: 1px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.row_row__oDMcN > td > div {
  display: flex;
  word-break: break-word;
  /* flex-wrap: wrap; */
}

.row_row__oDMcN > td > div > .row_selectIcon__bK0Ee {
  min-width: 14px;
  min-height: 14px;
  margin-right: 5px;
}

.row_row__oDMcN.row_selectable__OqCuO {
  cursor: pointer;
}

.row_row__oDMcN.row_selected__PHA1x > td:first-child {
  color: #007171;
}

.row_row__oDMcN.row_selected__PHA1x {
  background-color: #F5F9FC;
}

.row_row__oDMcN > td.row_right__QiHf1 > div {
  justify-content: flex-end;
}

.row_row__oDMcN > td.row_center__JN\+V\+ > div {
  justify-content: space-around;
}

.row_row__oDMcN:hover {
  background-color: #F5F9FC;
}
.row_row__oDMcN:hover > td:first-child {
  color: #007171;
}

.row_row__oDMcN.row_secondary__22IBB:hover {
  background-color: #DCE4EB;
}
.row_row__oDMcN.row_secondary__22IBB:hover > td:first-child {
  color: dark-gray;
}

.row_row__oDMcN > td:first-child {
  padding-left: 15px;
}

.row_row__oDMcN.row_delete__EM1Nx {
  background-color: #FAFAFA;
}

.row_row__oDMcN.row_delete__EM1Nx > td > div {
  display: flex;
  justify-content: space-between;
  margin-right: 10px;
}

.row_row__oDMcN.row_delete__EM1Nx > td > div span:first-child {
  display: flex;
  align-items: center;
}

.row_row__oDMcN.row_delete__EM1Nx > td > div span:first-child > svg {
  margin-right: 5px;
  cursor: pointer;
}

.row_row__oDMcN.row_delete__EM1Nx > td > div span:last-child {
  text-decoration: underline;
  cursor: pointer;
}
/* -- actions -- */
.row_row__oDMcN > td.row_actions__wMIa9 {
  height: 100%;
  display: flex;
  padding-right: 15px;
  text-align: right;
  align-items: center;
  float: right;
  justify-content: flex-end;
  overflow-y: hidden;
}

.row_actions__wMIa9 > svg {
  width: 14px;
  height: 14px;
  margin-right: 15px;
  cursor: pointer;
}

.row_actions__wMIa9 > svg:hover {
  color: #007171;
}

.row_actions__wMIa9 > svg:last-child {
  margin-right: 0px;
}

.rows_tableBody__BvyTV {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    flex: 1 1 auto;
}

.deleteRow_row__d2Mfu {
    display: table;
    width: 100%;
    border-bottom: solid 0.8px rgba(90, 90, 90, 0.1);
    height: 50px;
}
.deleteRow_row__d2Mfu > td {
    padding: 15px 7.5px;
    text-align: left;
    display: block;
}

.deleteRow_row__d2Mfu:hover {
    background-color: #F5F9FC;
}
.deleteRow_row__d2Mfu:hover > td:first-child {
    color: #22BCBE;
}

.deleteRow_row__d2Mfu.deleteRow_secondary__gNtDH {
    background-color: #F5F9FC;
}

.deleteRow_row__d2Mfu.deleteRow_secondary__gNtDH:hover {
    background-color: #DCE4EB;
}
.deleteRow_row__d2Mfu.deleteRow_secondary__gNtDH:hover > td:first-child {
    color: dark-gray;
}

.deleteRow_row__d2Mfu > td:first-child {
    padding-left: 15px;
}

.deleteRow_row__d2Mfu.deleteRow_delete__19uHU {
    background-color: #FAFAFA;
}

.deleteRow_row__d2Mfu.deleteRow_delete__19uHU > td > div {
    display: flex;
    justify-content: space-between;
    margin-right: 10px;
}
.deleteRow_row__d2Mfu:hover {
    background-color: #F5F9FC;
}
.deleteRow_row__d2Mfu:hover > td:first-child {
    color: #22BCBE;
}

.deleteRow_row__d2Mfu.deleteRow_delete__19uHU > td > div span:first-child {
    display: flex;
    align-items: center;
}

.deleteRow_row__d2Mfu.deleteRow_delete__19uHU > td > div span:first-child > svg {
    margin-right: 5px;
    cursor: pointer;
}

.deleteRow_row__d2Mfu.deleteRow_delete__19uHU > td > div span:last-child {
    text-decoration: underline;
    cursor: pointer;
}

.paginationBar_pagination__B1lzp {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.paginationBar_pagination__B1lzp .paginationBar_bold__c4XHn {
  font-weight: bold;
}

.paginationBar_pagination__B1lzp > .paginationBar_icons__FY96n {
  height: 24px;
  margin-left: 15px;
}

.paginationBar_pagination__B1lzp > .paginationBar_icons__FY96n svg {
  height: 24px;
  width: 24px;
  color: rgba(90, 90, 90, 0.2);
  /* Prevent firing clicking event */
  pointer-events: none;
}

.paginationBar_pagination__B1lzp > .paginationBar_icons__FY96n .paginationBar_enabled__C\+4yy {
  color: #007171;
  cursor: pointer;
  pointer-events: all;
}

.paginationBar_pagination__B1lzp > .paginationBar_icons__FY96n svg:last-child {
  margin-left: 10px;
}

.paginationBar_spinner__S26A5 > div {
  left: -15px;
  top: -20px;
  width: 24px;
  height: 24px;
}

.paginationBar_spinner__S26A5 > div div:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 24px;
  left: 31px;
  width: 2px;
  height: 5px;
  border-radius: 20%;
  background: #007171;
}

.table_container__JVjHp {
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  display: flex;
  flex-flow: column;
  min-height: 0;
}

.table_container__JVjHp.table_large__0Mv78 {
  max-width: 1180px;
  height: 100%;
  min-width: 100%;
}

.expression-editor {
  position: relative;
  border: 1px solid #dce4eb;
  border-radius: 5px;
  padding: calc(0.2rem + 4.8px);
  min-height: 4.2rem;
  padding-bottom: 30px;
}

.expression-editor.focused {
  border-color: #2f2f2f;
}

.expression-editor-tools {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6px 0 0 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* entity-autocomplete */

.entity-autocomplete {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 200px;
}

.entity-autocomplete__input-container {
  background: white;
  display: flex;
  align-items: center;
}

.entity-autocomplete__input-container input:focus {
  outline: none;
}

.entity-autocomplete__input-container input {
  border: none;
  width: 100%;
  border-radius: 0;
  border-bottom: 1px solid rgb(0, 134, 134);
}

.entity-autocomplete__menu {
  display: block;
  background: white;
  border-radius: 5px;
  box-shadow: rgb(238, 238, 238) 2px 3px 3px 0px;
  border: 1px solid rgb(220, 228, 235);
  width: 100%;
  margin-top: 4px;
  max-height: 250px;
  overflow: auto;
  cursor: default;
}

.entity-autocomplete__menu ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.entity-autocomplete__menu-item {
  width: 100%;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1.5;
}

.entity-autocomplete__menu-item--highlighted {
  color: rgb(0, 134, 134);
  background: rgb(245, 249, 252);
}

.entity-autocomplete__menu-item--selected {
  color: white;
  background: rgb(0, 134, 134);
}

.Checkbox_title__CR1Q4 {
    font-weight: 500;
    margin-bottom: 5px;
}

.Checkbox_item__8mhDr {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.Checkbox_item__8mhDr > svg {
    cursor: pointer;
    margin-right: 10px;
}

.Checkbox_item__8mhDr svg.Checkbox_checked__3nFEU {
    color: #22BCBE;
}

.Checkbox_disabled__zqGhM {
    color: #C6C6C6;
}

.Checkbox_disabled__zqGhM > svg {
    cursor: default;
}

.Checkbox_info__ZJJPu {
    color: #5A5A5A;
    cursor: pointer;
}

.title_container__WBXRo {
  height: 30px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.title_title__7j4gm {
  margin-right: 18px;
  display: flex;
}

.title_title__7j4gm > span {
  font-size: 18px;
  font-weight: 400;
  color: #8D8D8D;
  margin-left: 8px;
}

.radio-input {
  -webkit-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
          color-adjust: exact;
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
  justify-content: center;
  background-origin: border-box;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex-shrink: 0;
  border-radius: 100%;
  height: 1rem;
  width: 1rem;
  background-color: #fff;
  border-style: solid;
  border-color: #d1d5db;
  border-width: 1px;
  position: relative;
}

.radio-input:checked {
  border-color: #007171;
}

.radio-input:checked:after {
  box-sizing: border-box;
  position: relative;
  display: block;
  content: '';
  width: 100%;
  border: 2px solid white;
  height: 100%;
  flex-shrink: 0;
  background: #007171;
  border-radius: 50%;
}

.radio-input:focus {
  outline: none;
}

.radio-input--sm {
  width: 15px;
  height: 15px;
}

.tile {
  position: relative;
  display: inline-flex;
  width: 164px;
  height: 164px;
  border-radius: 10px;
  border: 1px solid #dae4ec;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}

.tile__active {
  border-color: #007171;
  background-color: rgba(0, 113, 113, 0.1);
}

.tile--label {
  font-size: 16px;
}

.tile--radio {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 8px;
  margin-right: 8px;
}

.rdp {
  --rdp-cell-size: 40px;
  --rdp-accent-color: #0000ff;
  --rdp-background-color: #e7edff;
  --rdp-accent-color-dark: #3003e1;
  --rdp-background-color-dark: #180270;
  --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */
  --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */

  margin: 1em;
}

/* Hide elements for devices that are not screen readers */
.rdp-vhidden {
  box-sizing: border-box;
  margin: 0;
  background: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute !important;
  top: 0;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
}

/* Buttons */
.rdp-button_reset {
  appearance: none;
  position: relative;
  margin: 0;
  padding: 0;
  cursor: default;
  color: inherit;
  background: none;
  font: inherit;

  -moz-appearance: none;
  -webkit-appearance: none;
}

.rdp-button_reset:focus-visible {
  /* Make sure to reset outline only when :focus-visible is supported */
  outline: none;
}

.rdp-button {
  border: 2px solid transparent;
}

.rdp-button[disabled]:not(.rdp-day_selected) {
  opacity: 0.25;
}

.rdp-button:not([disabled]) {
  cursor: pointer;
}

.rdp-button:focus-visible:not([disabled]) {
  color: inherit;
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
}

.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
  background-color: var(--rdp-background-color);
}

.rdp-months {
  display: flex;
}

.rdp-month {
  margin: 0 1em;
}

.rdp-month:first-child {
  margin-left: 0;
}

.rdp-month:last-child {
  margin-right: 0;
}

.rdp-table {
  margin: 0;
  max-width: calc(var(--rdp-cell-size) * 7);
  border-collapse: collapse;
}

.rdp-with_weeknumber .rdp-table {
  max-width: calc(var(--rdp-cell-size) * 8);
  border-collapse: collapse;
}

.rdp-caption {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  text-align: left;
}

.rdp-multiple_months .rdp-caption {
  position: relative;
  display: block;
  text-align: center;
}

.rdp-caption_dropdowns {
  position: relative;
  display: inline-flex;
}

.rdp-caption_label {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0 0.25em;
  white-space: nowrap;
  color: currentColor;
  border: 2px solid transparent;
  font-family: inherit;
  font-size: 140%;
  font-weight: bold;
}

.rdp-nav {
  white-space: nowrap;
}

.rdp-multiple_months .rdp-caption_start .rdp-nav {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.rdp-multiple_months .rdp-caption_end .rdp-nav {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.rdp-nav_button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0.25em;
  border-radius: 100%;
}

/* ---------- */
/* Dropdowns  */
/* ---------- */

.rdp-dropdown_year,
.rdp-dropdown_month {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.rdp-dropdown {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  cursor: inherit;
  opacity: 0;
  border: none;
  background-color: transparent;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.rdp-dropdown[disabled] {
  opacity: unset;
  color: unset;
}

.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label {
  background-color: var(--rdp-background-color);
  border: var(--rdp-outline);
  border-radius: 6px;
}

.rdp-dropdown_icon {
  margin: 0 0 0 5px;
}

.rdp-head {
  border: 0;
}

.rdp-head_row,
.rdp-row {
  height: 100%;
}

.rdp-head_cell {
  vertical-align: middle;
  font-size: 0.75em;
  font-weight: 700;
  text-align: center;
  height: var(--rdp-cell-size);
  padding: 0;
}

.rdp-tbody {
  border: 0;
}

.rdp-tfoot {
  margin: 0.5em;
}

.rdp-cell {
  width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  padding: 0;
  text-align: center;
}

.rdp-weeknumber {
  font-size: 0.75em;
}

.rdp-weeknumber,
.rdp-day {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: var(--rdp-cell-size);
  max-width: var(--rdp-cell-size);
  height: var(--rdp-cell-size);
  margin: 0;
  border: 2px solid transparent;
  border-radius: 100%;
}

.rdp-day_today:not(.rdp-day_outside) {
  font-weight: bold;
}

.rdp-day_selected,
.rdp-day_selected:focus-visible,
.rdp-day_selected:hover {
  color: white;
  opacity: 1;
  background-color: var(--rdp-accent-color);
}

.rdp-day_outside {
  opacity: 0.5;
}

.rdp-day_selected:focus-visible {
  /* Since the background is the same use again the outline */
  outline: var(--rdp-outline);
  outline-offset: 2px;
  z-index: 1;
}

.rdp:not([dir='rtl']) .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp:not([dir='rtl']) .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rdp[dir='rtl'] .rdp-day_range_start:not(.rdp-day_range_end) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rdp[dir='rtl'] .rdp-day_range_end:not(.rdp-day_range_start) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rdp-day_range_end.rdp-day_range_start {
  border-radius: 100%;
}

.rdp-day_range_middle {
  border-radius: 0;
}
.rdp-caption_label {
  font-size: 16px;
}

.rdp-day_selected,
.rdp-day_selected:focus-visible,
.rdp-day_selected:hover {
  background-color: #007171;
}
.rdp {
  --rdp-cell-size: 32px;
  margin: 0;
}

.rdp-cell {
  padding: 2px 0;
}

.rdp-cell > .rdp-day {
  font-size: 12px;
  border-radius: 6px;
}

.rdp-day_today:not(.rdp-day_outside) {
  border: 1px solid #007171;
}

.rdp-cell > .rdp-day.rdp-day_range_middle {
  border-radius: 0;
}

.rdp-button:hover:not([disabled]):not(.rdp-day_selected) {
  background-color: #dcede1;
}

.rdg {
  border: none !important;
  height: 100% !important;
  block-size: 100%;
}

.ProseMirror {
  position: relative;
  word-wrap: break-word;
  white-space: break-spaces;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0, none; /* the above doesn't seem to work in Edge */
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

.ProseMirror-hideselection *::-moz-selection { background: transparent; }

.ProseMirror-hideselection *::selection { background: transparent; }
.ProseMirror-hideselection *::-moz-selection { background: transparent; }
.ProseMirror-hideselection { caret-color: transparent; }

.ProseMirror-selectednode {
  outline: 2px solid #8cf;
}

/* Make sure li selections wrap around markers */

li.ProseMirror-selectednode {
  outline: none;
}

li.ProseMirror-selectednode:after {
  content: "";
  position: absolute;
  left: -32px;
  right: -2px; top: -2px; bottom: -2px;
  border: 2px solid #8cf;
  pointer-events: none;
}

/* Protect against generic img rules */

img.ProseMirror-separator {
  display: inline !important;
  border: none !important;
  margin: 0 !important;
}