@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);@import url("https://fonts.googleapis.com/css2?family=IBM%20Plex%20Sans:wght@400;500&display=swap");*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --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:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --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-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --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:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.17 | 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: #e5e7eb; /* 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.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
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. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. 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-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
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-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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;
}

/*
Reset default styling for dialogs.
*/
dialog {
  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::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;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
    :root {
        --background: 0 0% 100%;
        --foreground: 240 10% 3.9%;
        --muted: 240 4.8% 95.9%;
        --muted-foreground: 240 3.8% 46.1%;
        --popover: 0 0% 100%;
        --popover-foreground: 240 10% 3.9%;
        --border: 240 5.9% 90%;
        --input: 240 5.9% 90%;
        --card: 0 0% 100%;
        --card-foreground: 240 10% 3.9%;
        --primary: 240 5.9% 10%;
        --primary-foreground: 0 0% 98%;
        --secondary: 240 4.8% 95.9%;
        --secondary-foreground: 240 5.9% 10%;
        --accent: 240 4.8% 95.9%;
        --accent-foreground: 240 5.9% 10%;
        --destructive: 0 84.2% 60.2%;
        --destructive-foreground: 0 0% 98%;
        --ring: 240 10% 3.9%;
        --radius: 0.5rem;
        --chart-1: 12 76% 61%;
        --chart-2: 173 58% 39%;
        --chart-3: 197 37% 24%;
        --chart-4: 43 74% 66%;
        --chart-5: 27 87% 67%;
    }

    .dark {
        --background: 240 10% 3.9%;
        --foreground: 0 0% 98%;
        --muted: 240 3.7% 15.9%;
        --muted-foreground: 240 5% 64.9%;
        --accent: 240 3.7% 15.9%;
        --accent-foreground: 0 0% 98%;
        --popover: 240 10% 3.9%;
        --popover-foreground: 0 0% 98%;
        --border: 240 3.7% 15.9%;
        --input: 240 3.7% 15.9%;
        --card: 240 10% 3.9%;
        --card-foreground: 0 0% 98%;
        --primary: 0 0% 98%;
        --primary-foreground: 240 5.9% 10%;
        --secondary: 240 3.7% 15.9%;
        --secondary-foreground: 0 0% 98%;
        --destructive: 0 62.8% 30.6%;
        --destructive-foreground: 0 0% 98%;
        --ring: 240 4.9% 83.9%;
        --chart-1: 220 70% 50%;
        --chart-2: 160 60% 45%;
        --chart-3: 30 80% 55%;
        --chart-4: 280 65% 60%;
        --chart-5: 340 75% 55%;
    }
    * {
  border-color: hsl(var(--border));
}
    body {
  background-color: hsl(var(--background));
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  * {
  border-color: hsl(var(--border));
}
  body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}
.\!container {
  width: 100% !important;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .\!container {
    max-width: 640px !important;
  }

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .\!container {
    max-width: 768px !important;
  }

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .\!container {
    max-width: 1024px !important;
  }

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .\!container {
    max-width: 1280px !important;
  }

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .\!container {
    max-width: 1536px !important;
  }

  .container {
    max-width: 1536px;
  }
}
@media (min-width: 1920px) {

  .\!container {
    max-width: 1920px !important;
  }

  .container {
    max-width: 1920px;
  }
}
@media (min-width: 2560px) {

  .\!container {
    max-width: 2560px !important;
  }

  .container {
    max-width: 2560px;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-\[15\%\] {
  inset: 15%;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.-right-1 {
  right: -0.25rem;
}
.-top-1 {
  top: -0.25rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-full {
  bottom: 100%;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-3 {
  left: 0.75rem;
}
.left-6 {
  left: 1.5rem;
}
.left-\[50\%\] {
  left: 50%;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-3 {
  right: 0.75rem;
}
.right-4 {
  right: 1rem;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-3 {
  top: 0.75rem;
}
.top-4 {
  top: 1rem;
}
.top-8 {
  top: 2rem;
}
.top-\[50\%\] {
  top: 50%;
}
.top-full {
  top: 100%;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-50 {
  z-index: 50;
}
.z-\[10001\] {
  z-index: 10001;
}
.z-\[9999\] {
  z-index: 9999;
}
.m-0 {
  margin: 0px;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0\.5 {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.mb-0 {
  margin-bottom: 0px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-7 {
  margin-bottom: 1.75rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-32 {
  margin-left: 8rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-6 {
  margin-left: 1.5rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-auto {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-5 {
  margin-top: 1.25rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-auto {
  margin-top: auto;
}
.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.aspect-square {
  aspect-ratio: 1 / 1;
}
.aspect-video {
  aspect-ratio: 16 / 9;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-\[--cell-size\] {
  width: var(--cell-size);
  height: var(--cell-size);
}
.h-0 {
  height: 0px;
}
.h-1 {
  height: 0.25rem;
}
.h-10 {
  height: 2.5rem;
}
.h-11 {
  height: 2.75rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-2\.5 {
  height: 0.625rem;
}
.h-20 {
  height: 5rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\.5 {
  height: 0.875rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-80 {
  height: 20rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[--cell-size\] {
  height: var(--cell-size);
}
.h-\[100\%\] {
  height: 100%;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[240px\] {
  height: 240px;
}
.h-\[255px\] {
  height: 255px;
}
.h-\[270px\] {
  height: 270px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[400px\] {
  height: 400px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-max {
  height: -webkit-max-content;
  height: max-content;
}
.h-min {
  height: -webkit-min-content;
  height: min-content;
}
.h-px {
  height: 1px;
}
.max-h-48 {
  max-height: 12rem;
}
.max-h-60 {
  max-height: 15rem;
}
.max-h-\[--radix-select-content-available-height\] {
  max-height: var(--radix-select-content-available-height);
}
.max-h-\[60vh\] {
  max-height: 60vh;
}
.max-h-\[80vh\] {
  max-height: 80vh;
}
.max-h-\[85vh\] {
  max-height: 85vh;
}
.max-h-\[90vh\] {
  max-height: 90vh;
}
.max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[100px\] {
  min-height: 100px;
}
.min-h-\[150px\] {
  min-height: 150px;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-screen {
  min-height: 100vh;
}
.w-0 {
  width: 0px;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-1 {
  width: 0.25rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\.5 {
  width: 0.625rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\.5 {
  width: 0.875rem;
}
.w-3\/4 {
  width: 75%;
}
.w-32 {
  width: 8rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-6 {
  width: 1.5rem;
}
.w-7 {
  width: 1.75rem;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-9 {
  width: 2.25rem;
}
.w-\[--cell-size\] {
  width: var(--cell-size);
}
.w-\[1px\] {
  width: 1px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[95\%\] {
  width: 95%;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: -webkit-fit-content;
  width: fit-content;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -webkit-max-content;
  width: max-content;
}
.w-min {
  width: -webkit-min-content;
  width: min-content;
}
.w-px {
  width: 1px;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[--cell-size\] {
  min-width: var(--cell-size);
}
.min-w-\[2\.5rem\] {
  min-width: 2.5rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-\[100px\] {
  max-width: 100px;
}
.max-w-\[280px\] {
  max-width: 280px;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.caption-bottom {
  caption-side: bottom;
}
.border-collapse {
  border-collapse: collapse;
}
.origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.origin-\[--radix-popover-content-transform-origin\] {
  transform-origin: var(--radix-popover-content-transform-origin);
}
.origin-\[--radix-select-content-transform-origin\] {
  transform-origin: var(--radix-select-content-transform-origin);
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), 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));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), 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));
}
.-translate-y-10 {
  --tw-translate-y: -2.5rem;
  transform: translate(var(--tw-translate-x), 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));
}
.-translate-y-\[5\%\] {
  --tw-translate-y: -5%;
  transform: translate(var(--tw-translate-x), 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));
}
.translate-x-10 {
  --tw-translate-x: 2.5rem;
  transform: translate(var(--tw-translate-x), 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));
}
.translate-x-\[-50\%\] {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), 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));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), 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));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), 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));
}
@keyframes bounce {

  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}
.animate-bounce {
  animation: bounce 1s infinite;
}
@keyframes ping {

  75%, 100% {
    transform: scale(2);
    opacity: 0;
  }
}
.animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes pulse {

  50% {
    opacity: .5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  -webkit-user-select: none;
          user-select: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-outside {
  list-style-position: outside;
}
.list-decimal {
  list-style-type: decimal;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.place-items-center {
  place-items: center;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-stretch {
  align-items: stretch;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-10 {
  gap: 2.5rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-8 {
  gap: 2rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-visible {
  overflow-x: visible;
}
.overflow-y-visible {
  overflow-y: visible;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.overflow-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-3xl {
  border-radius: 1.5rem;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: var(--radius);
}
.rounded-md {
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: calc(var(--radius) - 4px);
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-l-md {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.rounded-r-md {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-\[1\.5px\] {
  border-width: 1.5px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-2 {
  border-bottom-width: 2px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-l {
  border-left-width: 1px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-2 {
  border-top-width: 2px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-dashed {
  border-style: dashed;
}
.border-none {
  border-style: none;
}
.border-\[\#fe7255\] {
  --tw-border-opacity: 1;
  border-color: rgb(254 114 85 / var(--tw-border-opacity, 1));
}
.border-\[\#fe7255\]\/10 {
  border-color: rgb(254 114 85 / 0.1);
}
.border-\[\#fe7255\]\/20 {
  border-color: rgb(254 114 85 / 0.2);
}
.border-\[\#fe7255\]\/30 {
  border-color: rgb(254 114 85 / 0.3);
}
.border-\[\#fe7255\]\/50 {
  border-color: rgb(254 114 85 / 0.5);
}
.border-\[--color-border\] {
  border-color: var(--color-border);
}
.border-amber-200 {
  --tw-border-opacity: 1;
  border-color: rgb(253 230 138 / var(--tw-border-opacity, 1));
}
.border-blue-200 {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
}
.border-blue-500 {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1));
}
.border-blue-600 {
  --tw-border-opacity: 1;
  border-color: rgb(37 99 235 / var(--tw-border-opacity, 1));
}
.border-border\/50 {
  border-color: hsl(var(--border) / 0.5);
}
.border-destructive {
  border-color: hsl(var(--destructive));
}
.border-destructive\/50 {
  border-color: hsl(var(--destructive) / 0.5);
}
.border-emerald-200 {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1));
}
.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.border-green-200 {
  --tw-border-opacity: 1;
  border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
}
.border-green-500 {
  --tw-border-opacity: 1;
  border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.border-green-800 {
  --tw-border-opacity: 1;
  border-color: rgb(22 101 52 / var(--tw-border-opacity, 1));
}
.border-input {
  border-color: hsl(var(--input));
}
.border-orange-100 {
  --tw-border-opacity: 1;
  border-color: rgb(255 237 213 / var(--tw-border-opacity, 1));
}
.border-orange-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 215 170 / var(--tw-border-opacity, 1));
}
.border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.border-primary {
  border-color: hsl(var(--primary));
}
.border-purple-200 {
  --tw-border-opacity: 1;
  border-color: rgb(233 213 255 / var(--tw-border-opacity, 1));
}
.border-red-200 {
  --tw-border-opacity: 1;
  border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));
}
.border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
}
.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-yellow-500 {
  --tw-border-opacity: 1;
  border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));
}
.border-b-gray-200 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-t-\[\#fe7255\] {
  --tw-border-opacity: 1;
  border-top-color: rgb(254 114 85 / var(--tw-border-opacity, 1));
}
.border-t-gray-200 {
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
.border-t-orange-300 {
  --tw-border-opacity: 1;
  border-top-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}
.border-t-transparent {
  border-top-color: transparent;
}
.border-t-white {
  --tw-border-opacity: 1;
  border-top-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.bg-\[\#93c5fd\] {
  --tw-bg-opacity: 1;
  background-color: rgb(147 197 253 / var(--tw-bg-opacity, 1));
}
.bg-\[\#F37B67\] {
  --tw-bg-opacity: 1;
  background-color: rgb(243 123 103 / var(--tw-bg-opacity, 1));
}
.bg-\[\#bbf7d0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-\[\#dcfce7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e2e8f0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e5e7eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e6f3eb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(230 243 235 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fe7255\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 114 85 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fe7255\]\/10 {
  background-color: rgb(254 114 85 / 0.1);
}
.bg-\[\#fe7255\]\/20 {
  background-color: rgb(254 114 85 / 0.2);
}
.bg-\[\#fe7255\]\/5 {
  background-color: rgb(254 114 85 / 0.05);
}
.bg-\[\#fef3c7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-\[\#ffe4e1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 228 225 / var(--tw-bg-opacity, 1));
}
.bg-\[\#fff2cc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 242 204 / var(--tw-bg-opacity, 1));
}
.bg-\[--color-bg\] {
  background-color: var(--color-bg);
}
.bg-\[hsla\(0\2c 0\%\2c 97\%\2c 1\)\] {
  background-color: hsla(0,0%,97%,1);
}
.bg-accent {
  background-color: hsl(var(--accent));
}
.bg-amber-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.bg-background {
  background-color: hsl(var(--background));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20 {
  background-color: rgb(0 0 0 / 0.2);
}
.bg-black\/30 {
  background-color: rgb(0 0 0 / 0.3);
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-black\/80 {
  background-color: rgb(0 0 0 / 0.8);
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(191 219 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-border {
  background-color: hsl(var(--border));
}
.bg-card {
  background-color: hsl(var(--card));
}
.bg-destructive {
  background-color: hsl(var(--destructive));
}
.bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-gray-50\/50 {
  background-color: rgb(249 250 251 / 0.5);
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
}
.bg-gray-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
}
.bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-muted {
  background-color: hsl(var(--muted));
}
.bg-muted\/50 {
  background-color: hsl(var(--muted) / 0.5);
}
.bg-orange-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));
}
.bg-orange-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.bg-pink-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1));
}
.bg-popover {
  background-color: hsl(var(--popover));
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.bg-primary\/10 {
  background-color: hsl(var(--primary) / 0.1);
}
.bg-purple-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-secondary {
  background-color: hsl(var(--secondary));
}
.bg-sky-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.bg-sky-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(186 230 253 / var(--tw-bg-opacity, 1));
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-sky-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(3 105 161 / var(--tw-bg-opacity, 1));
}
.bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
  background-color: transparent;
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/20 {
  background-color: rgb(255 255 255 / 0.2);
}
.bg-white\/30 {
  background-color: rgb(255 255 255 / 0.3);
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}
.bg-opacity-80 {
  --tw-bg-opacity: 0.8;
}
.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-\[\#fe7255\] {
  --tw-gradient-from: #fe7255 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 114 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fe7255\]\/10 {
  --tw-gradient-from: rgb(254 114 85 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 114 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fe7255\]\/15 {
  --tw-gradient-from: rgb(254 114 85 / 0.15) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 114 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fe7255\]\/20 {
  --tw-gradient-from: rgb(254 114 85 / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 114 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#fe7255\]\/5 {
  --tw-gradient-from: rgb(254 114 85 / 0.05) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 114 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-200 {
  --tw-gradient-from: #e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(229 231 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-gray-50 {
  --tw-gradient-from: #f9fafb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-slate-50 {
  --tw-gradient-from: #f8fafc var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-gray-50 {
  --tw-gradient-to: rgb(249 250 251 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #f9fafb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#e65a4a\] {
  --tw-gradient-to: #e65a4a var(--tw-gradient-to-position);
}
.to-\[\#fe7255\]\/10 {
  --tw-gradient-to: rgb(254 114 85 / 0.1) var(--tw-gradient-to-position);
}
.to-\[\#fe7255\]\/15 {
  --tw-gradient-to: rgb(254 114 85 / 0.15) var(--tw-gradient-to-position);
}
.to-\[\#fe7255\]\/20 {
  --tw-gradient-to: rgb(254 114 85 / 0.2) var(--tw-gradient-to-position);
}
.to-\[\#fe7255\]\/5 {
  --tw-gradient-to: rgb(254 114 85 / 0.05) var(--tw-gradient-to-position);
}
.to-\[\#fe7255\]\/90 {
  --tw-gradient-to: rgb(254 114 85 / 0.9) var(--tw-gradient-to-position);
}
.to-\[\#ff8a73\] {
  --tw-gradient-to: #ff8a73 var(--tw-gradient-to-position);
}
.to-gray-100 {
  --tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position);
}
.to-gray-100\/50 {
  --tw-gradient-to: rgb(243 244 246 / 0.5) var(--tw-gradient-to-position);
}
.to-gray-200 {
  --tw-gradient-to: #e5e7eb var(--tw-gradient-to-position);
}
.to-slate-100 {
  --tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position);
}
.to-slate-50 {
  --tw-gradient-to: #f8fafc var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-center {
  background-position: center;
}
.fill-current {
  fill: currentColor;
}
.object-cover {
  object-fit: cover;
}
.object-center {
  object-position: center;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-1\.5 {
  padding: 0.375rem;
}
.p-12 {
  padding: 3rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-5 {
  padding: 1.25rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[--cell-size\] {
  padding-left: var(--cell-size);
  padding-right: var(--cell-size);
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-12 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pl-0 {
  padding-left: 0px;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-10 {
  padding-left: 2.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-2\.5 {
  padding-left: 0.625rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-7 {
  padding-left: 1.75rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-0 {
  padding-right: 0px;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-2\.5 {
  padding-right: 0.625rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pt-0 {
  padding-top: 0px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-\[0rem\] {
  padding-top: 0rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-start {
  text-align: start;
}
.text-end {
  text-align: end;
}
.align-middle {
  vertical-align: middle;
}
.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[0\.8rem\] {
  font-size: 0.8rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-light {
  font-weight: 300;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.tabular-nums {
  --tw-numeric-spacing: tabular-nums;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}
.leading-5 {
  line-height: 1.25rem;
}
.leading-none {
  line-height: 1;
}
.leading-relaxed {
  line-height: 1.625;
}
.leading-tight {
  line-height: 1.25;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.tracking-wider {
  letter-spacing: 0.05em;
}
.tracking-widest {
  letter-spacing: 0.1em;
}
.text-\[\#FF6B6B\] {
  --tw-text-opacity: 1;
  color: rgb(255 107 107 / var(--tw-text-opacity, 1));
}
.text-\[\#fe7255\] {
  --tw-text-opacity: 1;
  color: rgb(254 114 85 / var(--tw-text-opacity, 1));
}
.text-\[\#fe7255\]\/80 {
  color: rgb(254 114 85 / 0.8);
}
.text-\[\#ff6b6b\] {
  --tw-text-opacity: 1;
  color: rgb(255 107 107 / var(--tw-text-opacity, 1));
}
.text-accent-foreground {
  color: hsl(var(--accent-foreground));
}
.text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-800 {
  --tw-text-opacity: 1;
  color: rgb(146 64 14 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-card-foreground {
  color: hsl(var(--card-foreground));
}
.text-current {
  color: currentColor;
}
.text-destructive {
  color: hsl(var(--destructive));
}
.text-destructive-foreground {
  color: hsl(var(--destructive-foreground));
}
.text-emerald-800 {
  --tw-text-opacity: 1;
  color: rgb(6 95 70 / var(--tw-text-opacity, 1));
}
.text-foreground {
  color: hsl(var(--foreground));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity, 1));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-green-800 {
  --tw-text-opacity: 1;
  color: rgb(22 101 52 / var(--tw-text-opacity, 1));
}
.text-green-900 {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}
.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.text-orange-600 {
  --tw-text-opacity: 1;
  color: rgb(234 88 12 / var(--tw-text-opacity, 1));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-orange-800 {
  --tw-text-opacity: 1;
  color: rgb(154 52 18 / var(--tw-text-opacity, 1));
}
.text-popover-foreground {
  color: hsl(var(--popover-foreground));
}
.text-primary {
  color: hsl(var(--primary));
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.text-red-900 {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.text-secondary {
  color: hsl(var(--secondary));
}
.text-secondary-foreground {
  color: hsl(var(--secondary-foreground));
}
.text-sky-800 {
  --tw-text-opacity: 1;
  color: rgb(7 89 133 / var(--tw-text-opacity, 1));
}
.text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1));
}
.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
.text-transparent {
  color: transparent;
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-600 {
  --tw-text-opacity: 1;
  color: rgb(202 138 4 / var(--tw-text-opacity, 1));
}
.text-zinc-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}
.underline {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.overline {
  -webkit-text-decoration-line: overline;
          text-decoration-line: overline;
}
.no-underline {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.underline-offset-4 {
  text-underline-offset: 4px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-75 {
  opacity: 0.75;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-0 {
  outline-width: 0px;
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-2 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-\[\#fe7255\]\/20 {
  --tw-ring-color: rgb(254 114 85 / 0.2);
}
.ring-gray-100 {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(243 244 246 / var(--tw-ring-opacity, 1));
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.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));
  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);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  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);
}
.filter {
  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);
}
.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.duration-500 {
  transition-duration: 500ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
@keyframes enter {

  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {

  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.zoom-in-95 {
  --tw-enter-scale: .95;
}
.duration-200 {
  animation-duration: 200ms;
}
.duration-300 {
  animation-duration: 300ms;
}
.duration-500 {
  animation-duration: 500ms;
}
.ease-in {
  animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.running {
  animation-play-state: running;
}
.\[--cell-size\:2rem\] {
  --cell-size: 2rem;
}
.App {
    /* text-align: center; */
    background-color: #f8f9fa;
    margin: 0;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif !important;
}
.via-root {
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif !important;
}
.poppins-font {
    font-family: "Poppins";
}
.MuiTabs-root .Mui-selected {
    color: #FF5733 !important;
    background: linear-gradient(91.51deg, #FF5733 0%, #FA9985 102.39%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent !important;
}
.know-more-container {
    background: linear-gradient(166deg, white, #ffffff82);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 111;
    top: 0;
    border-radius: 9px;
    display: flex;
    text-align: center;
    justify-content: center;
}
.know-more-button {
    background-color: rgb(255, 87, 51);
    align-self: center;
    /* width: 100%; */
    margin: 0 2rem;
}
::-webkit-scrollbar {
    width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(103, 116, 142);
    border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgb(103, 116, 142);
}
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: transparent;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    height: 5%;
    
}
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #e3e2e2 transparent;
    height: 2px;
}
.dangerous-html p {
    margin-bottom: 0;
}
.App-logo {
    height: 40vmin;
    pointer-events: none;
}
.custom-modal-styles {
    max-width: 60% !important;
}
.custom-modal-styles .modal-body {
    height: 450px;
    overflow: auto;
}
body {
    overflow-x: hidden !important;
}
.form-control:focus {
    border-color: rgb(53, 209, 245) !important;
    outline: 0;
    box-shadow: 0 0 0.2rem rgb(129 227 249) !important;
}
.form-control {
    font-size: 0.875rem !important;
    height: 2.5rem !important;
    border-radius: 0.5rem !important;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}
.timer-wrapper {
    display: flex;
    justify-content: flex-end;
    top: 30%;
}
@media (prefers-reduced-motion: no-preference) {
    .App-logo {
        animation: App-logo-spin infinite 20s linear;
    }
}
.App-header {
    background-color: #282c34;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(10px + 2vmin);
    color: white;
}
.ai-button {
    background-color: #9f1bef !important;
}
.ai-button-outline {
    color: #9f1bef !important;
    border-color: #9f1bef !important;
}
.result-button-container {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
}
.custom-css-button {
    border: none;
    background: green;
    padding: 0.5rem 1rem;
    color: #fff;
    border-radius: 8px;
    padding-bottom: 0.7rem;
}
.custom-card-container {
    box-shadow: 0px 3px 6px 5px rgb(0 0 0 / 6%);
    padding: 1rem;
}
.card-container {
    box-shadow: 0rem 1.25rem 1.6875rem 0rem rgba(0, 0, 0, 0.05);
    padding: 1rem;
    background: #fff;
    border-radius: 12px;
}
.mx-wdth {
    max-width: 47% !important;
}
.info-icon-container {
    position: absolute;
    right: 2%;
    top: 0;
    font-size: 1rem;
}
.cursor-pointer {
    cursor: pointer;
}
.anchor-button {
    font-size: 13px;
    outline: none;
    border: none;
    background: none;
    color: #7b7272;
}
.plain-button {
    outline: none;
    border: none;
    background: none;
    color: #7b7272;
}
.add-button-icon {
    background: #fd5e3c;
    outline: none;
    border: none;
    color: #fff;
    padding: 3% 14%;
    border-radius: 7px;
    margin-top: 0.3rem;
}
.pt-10 {
    padding-top: 10px !important;
}
.color-white {
    color: #fff !important;
}
.custom-width {
    max-width: 97% !important;
}
.tabs-container button:focus {
    outline: none;
}
.tests-display-container {
    height: 400px;
    overflow: auto;
}
.accordian-card-container {
    background-color: #fff;
    color: rgb(52, 71, 103);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    overflow: hidden;
    word-wrap: break-word;
    background-color: #ffffff;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    box-shadow: 0rem 1.25rem 1.6875rem 0rem rgba(0, 0, 0, 0.05);
    margin-right: 1rem;
    margin-top: 1rem;
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}
.accordion-card-container {
    background-color: #fff;
    color: rgb(52, 71, 103);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    /* margin-right: 1rem; */
    overflow: hidden;
    word-wrap: break-word;
    background-color: #ffffff;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border: 0 solid rgba(0, 0, 0, 0.125);
    border-radius: 1rem;
    box-shadow: 0rem 1.25rem 1.6875rem 0rem rgba(0, 0, 0, 0.05);
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}
.reco-accordion-card-container {
    background-color: #f8f8f8;
    overflow: hidden;
    word-wrap: break-word;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    border-radius: 0.5rem !important;
    box-shadow: none;
}
.accordian-card-container ::before {
    background-color: rgb(255 255 255 / 12%) !important;
}
.company-card-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 24px;
    flex-direction: column;
    margin-top: 16px;
    opacity: 1;
    background: rgb(248, 249, 250);
    color: rgb(52, 71, 103);
    border-radius: 0.75rem;
}
.list-container {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}
.revoke-button {
    color: #fff;
    padding: 0;
}
.center-modal-container {
    top: 16%;
}
.list-container li {
    padding-left: var(--icon-space);
    font-size: medium;
}
.list-container li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    color: greenyellow;
    display: inline-block;
    margin-left: calc(var(--icon-space) * -1);
    width: var(--icon-space);
}
.cancel-icon-container {
    position: absolute;
    top: 0.5rem;
    font-size: 1.5rem;
    right: 1rem;
    cursor: pointer;
    z-index: 11;
}
.custom-border {
    border-bottom: 1px solid #ccc;
    width: 70%;
    text-align: center;
    position: absolute;
    display: block;
    /* padding-left: 5rem; */
    left: 16%;
}
.p-relative {
    position: relative;
}
.mrg-r-2 {
    margin-right: 2rem;
}
.mrg-r-1 {
    margin-right: 1.4rem;
}
.mrg-l-1 {
    margin-left: 1rem;
}
.badge-container {
    /* position: absolute; */
    background-image: linear-gradient(
        310deg,
        rgb(234, 6, 6),
        rgb(255, 102, 124)
    );
    /* top: -1.2rem;
  left: 1rem; */
    font-size: 0.6rem;
    color: #fff;
    padding: 0 1rem;
    border-radius: 5px;
}
.coming-soon-container {
    /* position: absolute; */
    background-image: linear-gradient(310deg, rgb(255 88 46), rgb(255 91 91));
    /* top: -1.2rem;
  left: 1rem; */
    font-size: 0.6rem;
    color: #fff;
    padding: 0 1rem;
    border-radius: 5px;
}
.unread-message-badge-container {
    position: absolute;
    background-image: linear-gradient(
        310deg,
        rgb(234, 6, 6),
        rgb(255, 102, 124)
    );
    top: 0.5rem;
    font-size: 0.6rem;
    right: 1.4rem;
    color: #fff;
    padding: 0 0.4rem;
    border-radius: 5px;
}
.badge-container-text {
    background-image: linear-gradient(
        310deg,
        rgb(255 87 51),
        rgb(248, 145, 122)
    );
    font-size: 0.6rem;
    font-weight: bold;
    color: #fff;
    padding: 0.125rem 0.6rem;
    border-radius: 5px;
    line-height: 1.375;
}
.custom-css-button:hover {
    transform: scale(1.05);
    transition: transform 200ms;
}
.general-layout-modal .modal-content {
    border: none !important;
    border-radius: 15px !important;
}
.enter-key-container {
    position: absolute;
    top: 0;
    right: 0.5rem;
    cursor: pointer;
}
.enter-key-container p {
    font-size: 0.625rem;
    margin: 0;
    padding: 0;
    margin-left: 0.2rem;
    margin-top: -5px;
}
.overflow-ellipsis {
    width: 80%; /* Preferred width of your requirement */
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.App-link {
    color: #61dafb;
}
.custom-file {
    font-size: 1.1rem;
}
.custom-checkbox {
    line-height: 1;
}
.c {
    margin-top: 1.9rem !important;
}
.modal {
    top: 3rem !important;
}
.spinner-component-container {
    position: fixed;
    height: 100vh;
    top: 0;
    width: 100%;
    background: #ffffff85;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}
@keyframes App-logo-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.react-stars-component {
    margin-top: 6px;
}
.custom-file-label {
    font-size: 0.9rem;
}
.danger-color {
    color: #ff0000cc;
}
.swal2-title {
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.03333em;
}
.swal2-html-container {
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.03333em;
}
.swal2-confirm {
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0.03333em;
}
.spinner-box-container {
    background: #ffffff91;
    width: 93%;
    height: 100%;
    position: absolute;
    z-index: 11111111;
    display: flex;
    flex-direction: row;
}
.spinner-box-container div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.spinner-box-container span {
    font-size: 1rem;
    margin-left: 1rem;
    color: #797777;
}
.read-class {
    background: #cbcbcb6b;
}
.team-scroll-container ::-webkit-scrollbar {
    width: 3px;
    height: 6px;
}
/* Track */
.team-scroll-container ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
/* Handle */
.team-scroll-container ::-webkit-scrollbar-thumb {
    background: rgb(167, 167, 168);
    border-radius: 10px;
}
.tests-container p {
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    color: rgb(52, 71, 103);
    font-weight: 700;
}
.tests-container ul {
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    color: rgb(52, 71, 103);
}
.coming-soon-text {
    /* position: absolute; */
    font-size: 11px;
    /* top: -2.3rem;
  right: -1.1rem; */
    color: orange;
    width: 100%;
}
.badge-display-container {
    position: absolute;
    bottom: 1rem;
}
.dots {
    font-weight: bold;
    display: flex;
    align-items: center;
    font-size: 16px;
    -webkit-clip-path: inset(0 1ch 0 0);
            clip-path: inset(0 1ch 0 0);
    animation: typing 1s steps(4) infinite;
}
.error-background {
    background: red !important;
}
.invite-link-input {
    background: #ebebeb !important;
}
.invite-link-custom-padding {
    padding: 0.5rem 2rem 0.5rem 1rem !important;
}
.custom-name-border-radius {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.custom-domain-border-radius {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
@keyframes typing {
    to {
        -webkit-clip-path: inset(0 -1ch 0 0);
                clip-path: inset(0 -1ch 0 0);
    }
}
.custom-badge-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.custom-button-style {
    border: none;
    background: #9ca69c;
    padding: 0.6rem 1rem;
    color: #fff;
    font-size: 13px;
    margin-left: 1rem;
    text-transform: uppercase;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    border-radius: 8px;
    font-weight: 700;
}
.validation-pool-spinner-section {
    width: 100%;
    height: 83vh;
    position: absolute;
    z-index: 111;
    background: #ffffff99;
    display: flex;
    justify-content: center;
    align-items: center;
}
.secondary-color {
    background-color: #ccc;
}
.success-color {
    background-color: rgb(23, 236, 16);
}
.scale-animate {
    animation: scaleAnimation 500ms infinite alternate;
}
@keyframes scaleAnimation {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.3);
    }
}
.animated-card {
    opacity: 0;
    width: 100%;
    transition: opacity 0.5s ease-in-out;
}
.fade-in-right {
    opacity: 1;
    animation: fadeInRight 0.5s ease-in-out;
}
.fade-in-left {
    opacity: 1;
    animation: fadeInLeft 0.5s ease-in-out;
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
.survey-button {
    position: fixed;
    right: -2%;
    top: 50%;
    z-index: 11;
    border-bottom: none;
    transform: rotate(-90deg);
    padding: 0 1rem;
    border: none;
    color: #fff;
    border-radius: 12px;
    background-color: #004a7f;
    animation: glowing 1500ms infinite;
}
.team-spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
}
@keyframes glowing {
    0% {
        background-color: rgb(255, 87, 51);
        box-shadow: 0 0 3px rgb(255, 87, 51);
    }
    50% {
        background-color: rgb(255, 87, 51);
        box-shadow: 0 0 40px rgb(255, 87, 51);
    }
    100% {
        background-color: rgb(255, 87, 51);
        box-shadow: 0 0 3px rgb(255, 87, 51);
    }
}
.disabled-class {
    color: #cacaca;
    pointer-events: none;
}
.navigation-icon-container {
    position: absolute;
    bottom: 0%;
    left: 40%;
    cursor: pointer;
}
.transparent-label-input {
    outline: none;
    background: transparent;
    border: none;
    font-size: 15px;
}
.element-select-container {
    justify-content: space-between;
    padding: 0.2rem 1rem;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
}
.delete-button {
    border: none;
    background: red;
    padding: 0.55rem 1rem;
    color: #fff;
    border-radius: 8px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    background: "linear-gradient(310deg, rgb(234, 6, 6), rgb(255, 102, 124))";
}
.integration-logo-img {
    width: 30px;
    height: 30px;
    margin-right: -12px;
    border-radius: 50%;
    object-fit: contain;
}
/* Responsive adjustments for integration logos */
@media (max-width: 768px) {
    .integration-logo-img {
        width: 24px;
        height: 24px;
        margin-right: -8px;
    }
}
@media (max-width: 480px) {
    .integration-logo-img {
        width: 20px;
        height: 20px;
        margin-right: -6px;
    }
}
.integration-container {
    padding: 1rem 2rem;
    text-align: center;
    background: #ff5733a8;
    border-radius: 10px;
    cursor: pointer;
}
.integration-container p {
    margin-top: 1rem;
    margin-bottom: 0;
    color: #fff;
}
.progress-bar-container {
    width: 100%;
    height: 7px;
    background-color: #f3f3f3;
    border-radius: 5px;
    /* margin-bottom: 10px; */
    align-self: center;
}
.progress-bar {
    height: 100%;
    border-radius: 5px;
}
.member-goal-icons {
    font-size: 1rem;
    color: rgb(134 121 121);
    margin-top: 0.1rem;
    margin-right: 0.5rem;
}
.team-member-goal-icons {
    font-size: 0.9rem;
    color: rgb(134 121 121 / 64%);
    margin-top: 0.1rem;
    margin-right: 0.3rem;
}
.anchor-link {
    color: #526463 !important;
}
.anchor-link:hover {
    text-decoration: underline !important;
}
.milestones-list {
    list-style: none;
    padding-left: 6rem;
}
.milestones-list li {
    position: relative;
    font-size: 15px;
    margin-bottom: 20px;
}
.milestones-list li::before {
    content: "";
    position: absolute;
    left: -43px;
    top: 10px;
    width: 35px;
    height: 2px;
    background-color: #dddde4;
}
.milestones-list li::after {
    content: "";
    position: absolute;
    top: -4px;
    bottom: -16px;
    left: -43px;
    width: 1px;
    background-color: #dddde4;
}
.milestones-list > li:last-child::after {
    height: 68%;
}
.custom-select-class {
    position: relative;
    padding-right: 30px; /* Adjust padding to make space for the icon */
    appearance: none; /* Hide default arrow */
    -webkit-appearance: none; /* for older versions of Chrome */
    -moz-appearance: none; /* for older versions of Firefox */
}
.custom-select-class::after {
    content: ">"; /* Create a pseudo-element */
    position: absolute;
    top: 50%;
    right: 10px; /* Adjust the distance of the icon from the right */
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #495057; /* Adjust color and size as needed */
    transform: translateY(-50%);
}
a:not([href]):not([tabindex]) {
    color: none !important;
    text-decoration: none;
}
.records-list::-webkit-scrollbar {
    display: none;
}
.summary-text-display {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
}
/* Message Animation Classes */
.message-animation {
    animation: slideInFromBottom 0.5s ease-out;
}
.alert-animation {
    animation: slideInFromTop 0.5s ease-out;
}
.title-animation {
    animation: fadeInScale 0.6s ease-out;
}
/* Typewriter Effect */
.typewriter-text {
    display: inline-block;
    position: relative;
}
.typewriter-cursor {
    animation: blink 1s infinite;
    color: #fe7255;
    font-weight: bold;
}
/* Keyframe Animations */
@keyframes slideInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes slideInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInScale {
    0% {
        opacity: 0;
        transform: scale(0.95);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}
/* Enhanced animations for message updates */
@keyframes messageGlow {
    0% {
        box-shadow: 0 0 5px rgba(254, 114, 85, 0.3);
    }
    50% {
        box-shadow: 0 0 20px rgba(254, 114, 85, 0.6);
    }
    100% {
        box-shadow: 0 0 5px rgba(254, 114, 85, 0.3);
    }
}
@keyframes textShimmer {
    0% {
        background-position: -200% center;
    }
    100% {
        background-position: 200% center;
    }
}
/* Apply shimmer effect to new messages */
.message-animation .typewriter-text {
    background: linear-gradient(90deg, transparent, rgba(254, 114, 85, 0.1), transparent);
    background-size: 200% 100%;
    animation: textShimmer 2s ease-in-out;
}
.file\:border-0::-webkit-file-upload-button {
  border-width: 0px;
}
.file\:border-0::file-selector-button {
  border-width: 0px;
}
.file\:bg-transparent::-webkit-file-upload-button {
  background-color: transparent;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::-webkit-file-upload-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::-webkit-file-upload-button {
  font-weight: 500;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.file\:text-foreground::-webkit-file-upload-button {
  color: hsl(var(--foreground));
}
.file\:text-foreground::file-selector-button {
  color: hsl(var(--foreground));
}
.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.first\:border-l-0:first-child {
  border-left-width: 0px;
}
.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), 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));
}
.hover\:border-\[\#e65a4a\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(230 90 74 / var(--tw-border-opacity, 1));
}
.hover\:border-\[\#fe7255\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(254 114 85 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.hover\:border-gray-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.hover\:border-orange-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(253 186 116 / var(--tw-border-opacity, 1));
}
.hover\:border-orange-400:hover {
  --tw-border-opacity: 1;
  border-color: rgb(251 146 60 / var(--tw-border-opacity, 1));
}
.hover\:border-sky-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(125 211 252 / var(--tw-border-opacity, 1));
}
.hover\:bg-\[\#c0392b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(192 57 43 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#e55a3f\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 90 63 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fe7255\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 114 85 / var(--tw-bg-opacity, 1));
}
.hover\:bg-\[\#fe7255\]\/10:hover {
  background-color: rgb(254 114 85 / 0.1);
}
.hover\:bg-\[\#fe7255\]\/20:hover {
  background-color: rgb(254 114 85 / 0.2);
}
.hover\:bg-\[\#fe7255\]\/90:hover {
  background-color: rgb(254 114 85 / 0.9);
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-amber-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(253 230 138 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
}
.hover\:bg-blue-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-emerald-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(167 243 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-800:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(187 247 208 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
}
.hover\:bg-green-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-orange-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 215 170 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-orange-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-red-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 202 202 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-sky-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1));
}
.hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:bg-yellow-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.hover\:from-\[\#fe7255\]\/90:hover {
  --tw-gradient-from: rgb(254 114 85 / 0.9) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(254 114 85 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-\[\#fe7255\]:hover {
  --tw-gradient-to: #fe7255 var(--tw-gradient-to-position);
}
.hover\:text-\[\#fe7255\]:hover {
  --tw-text-opacity: 1;
  color: rgb(254 114 85 / var(--tw-text-opacity, 1));
}
.hover\:text-\[\#fe7255\]\/70:hover {
  color: rgb(254 114 85 / 0.7);
}
.hover\:text-\[\#ff5252\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 82 82 / var(--tw-text-opacity, 1));
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.hover\:text-orange-500:hover {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.hover\:text-red-800:hover {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.hover\:text-slate-900:hover {
  --tw-text-opacity: 1;
  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.hover\:no-underline:hover {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.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);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:shadow-xl:hover {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:border-\[\#fe7255\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(254 114 85 / var(--tw-border-opacity, 1));
}
.focus\:border-gray-400:focus {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
.focus\:border-orange-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}
.focus\:border-red-500:focus {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.focus\:bg-\[\#fe7255\]\/10:focus {
  background-color: rgb(254 114 85 / 0.1);
}
.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}
.focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.focus\:bg-orange-50:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}
.focus\:underline:focus {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-\[\#fe7255\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(254 114 85 / var(--tw-ring-opacity, 1));
}
.focus\:ring-\[\#fe7255\]\/20:focus {
  --tw-ring-color: rgb(254 114 85 / 0.2);
}
.focus\:ring-gray-400\/20:focus {
  --tw-ring-color: rgb(156 163 175 / 0.2);
}
.focus\:ring-orange-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 115 22 / var(--tw-ring-opacity, 1));
}
.focus\:ring-orange-500\/20:focus {
  --tw-ring-color: rgb(249 115 22 / 0.2);
}
.focus\:ring-red-500\/20:focus {
  --tw-ring-color: rgb(239 68 68 / 0.2);
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-destructive:focus-visible {
  --tw-ring-color: hsl(var(--destructive));
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:transform-none:disabled {
  transform: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.aria-disabled\:opacity-50[aria-disabled="true"] {
  opacity: 0.5;
}
.aria-selected\:text-muted-foreground[aria-selected="true"] {
  color: hsl(var(--muted-foreground));
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), 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));
}
.data-\[side\=left\]\:-translate-x-1[data-side="left"] {
  --tw-translate-x: -0.25rem;
  transform: translate(var(--tw-translate-x), 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));
}
.data-\[side\=right\]\:translate-x-1[data-side="right"] {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), 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));
}
.data-\[side\=top\]\:-translate-y-1[data-side="top"] {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), 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));
}
.data-\[state\=checked\]\:translate-x-4[data-state="checked"] {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), 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));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), 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));
}
.data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
  border-radius: calc(var(--radius) - 2px);
}
.data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
  border-radius: 0px;
}
.data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
  border-radius: calc(var(--radius) - 2px);
}
.data-\[selected\=true\]\:rounded-none[data-selected="true"] {
  border-radius: 0px;
}
.data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
  background-color: hsl(var(--primary));
}
.data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
  background-color: hsl(var(--accent));
}
.data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
  background-color: hsl(var(--primary));
}
.data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=active\]\:bg-\[\#fe7255\][data-state="active"] {
  --tw-bg-opacity: 1;
  background-color: rgb(254 114 85 / var(--tw-bg-opacity, 1));
}
.data-\[state\=active\]\:bg-background[data-state="active"] {
  background-color: hsl(var(--background));
}
.data-\[state\=checked\]\:bg-primary[data-state="checked"] {
  background-color: hsl(var(--primary));
}
.data-\[state\=open\]\:bg-accent[data-state="open"] {
  background-color: hsl(var(--accent));
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"] {
  background-color: hsl(var(--muted));
}
.data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
  background-color: hsl(var(--input));
}
.data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
  color: hsl(var(--muted-foreground));
}
.data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
  color: hsl(var(--primary-foreground));
}
.data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
  color: hsl(var(--accent-foreground));
}
.data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
  color: hsl(var(--primary-foreground));
}
.data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=active\]\:text-foreground[data-state="active"] {
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:text-white[data-state="active"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
  color: hsl(var(--muted-foreground));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=active\]\:shadow[data-state="active"] {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.data-\[state\=open\]\:animate-in[data-state="open"] {
  animation-name: enter;
  animation-duration: 150ms;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:animate-out[data-state="closed"] {
  animation-name: exit;
  animation-duration: 150ms;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}
.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative {
  position: relative;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10 {
  z-index: 10;
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring {
  border-color: hsl(var(--ring));
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\] {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50 {
  --tw-ring-color: hsl(var(--ring) / 0.5);
}
.dark\:border-destructive:is(.dark *) {
  border-color: hsl(var(--destructive));
}
@media (min-width: 640px) {

  .sm\:w-40 {
    width: 10rem;
  }

  .sm\:max-w-md {
    max-width: 28rem;
  }

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

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:justify-end {
    justify-content: flex-end;
  }

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

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

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

  .sm\:rounded-lg {
    border-radius: var(--radius);
  }

  .sm\:text-left {
    text-align: left;
  }
}
@media (min-width: 768px) {

  .md\:col-span-3 {
    grid-column: span 3 / span 3;
  }

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

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

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

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1024px) {

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

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

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

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

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

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

  .lg\:items-start {
    align-items: flex-start;
  }

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

  .lg\:justify-between {
    justify-content: space-between;
  }

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

  .\33xl\:h-\[320px\] {
    height: 320px;
  }
}
@media (min-width: 2560px) {

  .\34xl\:h-\[430px\] {
    height: 430px;
  }
}
.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button {
  border-top-left-radius: calc(var(--radius) - 2px);
  border-bottom-left-radius: calc(var(--radius) - 2px);
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) {
  padding-right: 0px;
}
.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button {
  border-top-right-radius: calc(var(--radius) - 2px);
  border-bottom-right-radius: calc(var(--radius) - 2px);
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox] {
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), 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));
}
.\[\&\>span\]\:line-clamp-1>span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>span\]\:text-xs>span {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&\>span\]\:opacity-70>span {
  opacity: 0.7;
}
.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
  --tw-translate-y: -3px;
  transform: translate(var(--tw-translate-x), 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));
}
.\[\&\>svg\]\:absolute>svg {
  position: absolute;
}
.\[\&\>svg\]\:left-4>svg {
  left: 1rem;
}
.\[\&\>svg\]\:top-4>svg {
  top: 1rem;
}
.\[\&\>svg\]\:size-3\.5>svg {
  width: 0.875rem;
  height: 0.875rem;
}
.\[\&\>svg\]\:size-4>svg {
  width: 1rem;
  height: 1rem;
}
.\[\&\>svg\]\:h-2\.5>svg {
  height: 0.625rem;
}
.\[\&\>svg\]\:h-3>svg {
  height: 0.75rem;
}
.\[\&\>svg\]\:w-2\.5>svg {
  width: 0.625rem;
}
.\[\&\>svg\]\:w-3>svg {
  width: 0.75rem;
}
.\[\&\>svg\]\:shrink-0>svg {
  flex-shrink: 0;
}
.\[\&\>svg\]\:text-destructive>svg {
  color: hsl(var(--destructive));
}
.\[\&\>svg\]\:text-foreground>svg {
  color: hsl(var(--foreground));
}
.\[\&\>svg\]\:text-muted-foreground>svg {
  color: hsl(var(--muted-foreground));
}
.\[\&\>svg\~\*\]\:pl-7>svg~* {
  padding-left: 1.75rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr {
  border-bottom-width: 0px;
}
.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
  fill: hsl(var(--muted-foreground));
}
.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke='#ccc'] {
  stroke: hsl(var(--border) / 0.5);
}
.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-layer\]\:outline-none .recharts-layer {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
  fill: hsl(var(--muted));
}
.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke='#ccc'] {
  stroke: hsl(var(--border));
}
.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke='#fff'] {
  stroke: transparent;
}
.\[\&_\.recharts-sector\]\:outline-none .recharts-sector {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.\[\&_p\]\:leading-relaxed p {
  line-height: 1.625;
}
.\[\&_svg\]\:pointer-events-none svg {
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg {
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg {
  flex-shrink: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
[data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}
[data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
  background-color: transparent;
}/* body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
} */
.error-container {
    width: 75%;
    max-width: 700px;
    margin: 1.5rem auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width: 650px) {
    .error-container {
        width: 85%;
    }
}
.error-container .header {
    color: #c8bdba;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    text-shadow: 2px 2px 5px #727272;
}
@media (max-width: 650px) {
    .error-container .header {
        font-size: 3em;
    }
}

.compcontainer {
    width: 75%;
    height: 13rem;
    padding: 1rem 0;
}
@media (max-width: 650px) {
    .compcontainer {
        height: 10rem;
    }
}
.compcontainer svg {
    max-width: 100%;
    max-height: 100%;
    animation: bouncy 1300ms linear infinite;
}

.instructions {
    background: #fefefe;
    /* width: 80%; */
    height: auto;
    padding: 2rem 4rem;
    margin: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #dcdcdc;
    border-radius: 0.25rem;
}
@media (max-width: 650px) {
    .instructions {
        width: 100%;
    }
    .instructions h2 {
        font-size: 1.05em;
    }
}
.instructions p {
    /* font-size: 0.8em; */
    line-height: 1.5;
    color: #122125;
}
@media (max-width: 650px) {
    .instructions p {
        font-size: 1em;
    }
}
.instructions .step {
    display: flex;
    width: 100%;
    margin: 1em 0;
    justify-content: center;
}
.instructions .step .icon {
    width: 1.25rem;
    height: 1.25rem;
    align-self: center;
}
@media (max-width: 650px) {
    .instructions .step .icon {
        width: 1rem;
        height: 1rem;
    }
}
.instructions .step p {
    display: inline-block;
    width: 80%;
    line-height: 1.5;
    padding-left: 0.5rem;
}

@keyframes bouncy {
    0% {
        transform: translateY(10px) translateX(0) rotate(0);
    }
    25% {
        transform: translateX(-10px) rotate(-10deg);
    }
    50% {
        transform: translateX(0) rotate(0deg);
    }
    75% {
        transform: translateX(10px) rotate(10deg);
    }
    100% {
        transform: translateY(10px) translateX(0) rotate(0);
    }
}


/*!
 * Bootstrap v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #38B6FF;
  --secondary: #626262;
  --success: #45b649;
  --info: #00c9ff;
  --warning: #ffd700;
  --danger: #f85032;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #38B6FF;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(0, 148.4773869347, 234.5);
  text-decoration: underline;
}
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
  outline: 0;
}
pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg {
  overflow: hidden;
  vertical-align: middle;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
select {
  word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
h1, .h1 {
  font-size: 2.5rem;
}
h2, .h2 {
  font-size: 2rem;
}
h3, .h3 {
  font-size: 1.75rem;
}
h4, .h4 {
  font-size: 1.5rem;
}
h5, .h5 {
  font-size: 1.25rem;
}
h6, .h6 {
  font-size: 1rem;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}
.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
  font-size: 80%;
  font-weight: 400;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 90%;
  color: #6c757d;
}
code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}
pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.order-first {
  order: -1;
}
.order-last {
  order: 13;
}
.order-0 {
  order: 0;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}
.order-4 {
  order: 4;
}
.order-5 {
  order: 5;
}
.order-6 {
  order: 6;
}
.order-7 {
  order: 7;
}
.order-8 {
  order: 8;
}
.order-9 {
  order: 9;
}
.order-10 {
  order: 10;
}
.order-11 {
  order: 11;
}
.order-12 {
  order: 12;
}
.offset-1 {
  margin-left: 8.3333333333%;
}
.offset-2 {
  margin-left: 16.6666666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.3333333333%;
}
.offset-5 {
  margin-left: 41.6666666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.3333333333%;
}
.offset-8 {
  margin-left: 66.6666666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.3333333333%;
}
.offset-11 {
  margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}
.table-sm th,
.table-sm td {
  padding: 0.3rem;
}
.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}
.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}
.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgb(199.28, 234.56, 255);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(151.52, 217.04, 255);
}
.table-hover .table-primary:hover {
  background-color: rgb(173.78, 225.2057286432, 255);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(173.78, 225.2057286432, 255);
}
.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(211.04, 211.04, 211.04);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(173.36, 173.36, 173.36);
}
.table-hover .table-secondary:hover {
  background-color: rgb(198.29, 198.29, 198.29);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(198.29, 198.29, 198.29);
}
.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(202.92, 234.56, 204.04);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(158.28, 217.04, 160.36);
}
.table-hover .table-success:hover {
  background-color: rgb(184.6072586873, 227.3727413127, 186.1210810811);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(184.6072586873, 227.3727413127, 186.1210810811);
}
.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(183.6, 239.88, 255);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(122.4, 226.92, 255);
}
.table-hover .table-info:hover {
  background-color: rgb(158.1, 234.48, 255);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(158.1, 234.48, 255);
}
.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 243.8, 183.6);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 234.2, 122.4);
}
.table-hover .table-warning:hover {
  background-color: rgb(255, 239.8, 158.1);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 239.8, 158.1);
}
.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(253.04, 206, 197.6);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(251.36, 164, 148.4);
}
.table-hover .table-danger:hover {
  background-color: rgb(252.1980188679, 184.9504716981, 172.9419811321);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(252.1980188679, 184.9504716981, 172.9419811321);
}
.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}
.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}
.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: rgb(69.1465517241, 77.125, 85.1034482759);
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}
.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgb(183.5, 228.7713567839, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}
.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
select.form-control[size], select.form-control[multiple] {
  height: auto;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 1rem;
}
.form-text {
  display: block;
  margin-top: 0.25rem;
}
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}
.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.form-check-label {
  margin-bottom: 0;
}
.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #45b649;
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(69, 182, 73, 0.9);
  border-radius: 0.25rem;
}
.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #45b649;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2345b649' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #45b649;
  box-shadow: 0 0 0 0.2rem rgba(69, 182, 73, 0.25);
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #45b649;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2345b649' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #45b649;
  box-shadow: 0 0 0 0.2rem rgba(69, 182, 73, 0.25);
}
.was-validated .custom-select:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #45b649;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #45b649;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #45b649;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: rgb(104.1792828685, 197.8207171315, 107.4940239044);
  background: rgb(104.1792828685, 197.8207171315, 107.4940239044) linear-gradient(180deg, rgb(126.8023904382, 206.3976095618, 129.6199203187), rgb(104.1792828685, 197.8207171315, 107.4940239044)) repeat-x;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(69, 182, 73, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #45b649;
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #45b649;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #45b649;
  box-shadow: 0 0 0 0.2rem rgba(69, 182, 73, 0.25);
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #f85032;
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(248, 80, 50, 0.9);
  border-radius: 0.25rem;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #f85032;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f85032' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f85032' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #f85032;
  box-shadow: 0 0 0 0.2rem rgba(248, 80, 50, 0.25);
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #f85032;
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23f85032' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23f85032' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #f85032;
  box-shadow: 0 0 0 0.2rem rgba(248, 80, 50, 0.25);
}
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control-file:invalid ~ .invalid-feedback,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #f85032;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #f85032;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #f85032;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: rgb(249.6839622642, 122.0990566038, 99.3160377358);
  background: rgb(249.6839622642, 122.0990566038, 99.3160377358) linear-gradient(180deg, rgb(250.4813679245, 142.0341981132, 122.6686320755), rgb(249.6839622642, 122.0990566038, 99.3160377358)) repeat-x;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(248, 80, 50, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #f85032;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #f85032;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #f85032;
  box-shadow: 0 0 0 0.2rem rgba(248, 80, 50, 0.25);
}
.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}
.btn-primary {
  color: #212529;
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x;
  border-color: #38B6FF;
}
.btn-primary:hover {
  color: #fff;
  background: rgb(17.75, 167.9685929648, 255) linear-gradient(180deg, rgb(53.3375, 181.0233040201, 255), rgb(17.75, 167.9685929648, 255)) repeat-x;
  border-color: rgb(5, 163.2914572864, 255);
}
.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(52.55, 160.25, 222.9, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #212529;
  background-color: #38B6FF;
  border-color: #38B6FF;
  background-image: none;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(5, 163.2914572864, 255);
  background-image: none;
  border-color: rgb(0, 156.5502512563, 247.25);
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52.55, 160.25, 222.9, 0.5);
}
.btn-secondary {
  color: #fff;
  background: #626262 linear-gradient(180deg, rgb(121.55, 121.55, 121.55), #626262) repeat-x;
  border-color: #626262;
}
.btn-secondary:hover {
  color: #fff;
  background: rgb(78.875, 78.875, 78.875) linear-gradient(180deg, rgb(105.29375, 105.29375, 105.29375), rgb(78.875, 78.875, 78.875)) repeat-x;
  border-color: rgb(72.5, 72.5, 72.5);
}
.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(121.55, 121.55, 121.55, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #626262;
  border-color: #626262;
  background-image: none;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(72.5, 72.5, 72.5);
  background-image: none;
  border-color: rgb(66.125, 66.125, 66.125);
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(121.55, 121.55, 121.55, 0.5);
}
.btn-success {
  color: #fff;
  background: #45b649 linear-gradient(180deg, rgb(96.9, 192.95, 100.3), #45b649) repeat-x;
  border-color: #45b649;
}
.btn-success:hover {
  color: #fff;
  background: rgb(58.485059761, 154.264940239, 61.875498008) linear-gradient(180deg, rgb(87.9623007968, 169.3751992032, 90.8441733068), rgb(58.485059761, 154.264940239, 61.875498008)) repeat-x;
  border-color: rgb(54.9800796813, 145.0199203187, 58.1673306773);
}
.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(96.9, 192.95, 100.3, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #45b649;
  border-color: #45b649;
  background-image: none;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: rgb(54.9800796813, 145.0199203187, 58.1673306773);
  background-image: none;
  border-color: rgb(51.4750996016, 135.7749003984, 54.4591633466);
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(96.9, 192.95, 100.3, 0.5);
}
.btn-info {
  color: #fff;
  background: #00c9ff linear-gradient(180deg, rgb(38.25, 209.1, 255), #00c9ff) repeat-x;
  border-color: #00c9ff;
}
.btn-info:hover {
  color: #fff;
  background: rgb(0, 170.85, 216.75) linear-gradient(180deg, rgb(38.25, 183.4725, 222.4875), rgb(0, 170.85, 216.75)) repeat-x;
  border-color: rgb(0, 160.8, 204);
}
.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(38.25, 209.1, 255, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #00c9ff;
  border-color: #00c9ff;
  background-image: none;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: rgb(0, 160.8, 204);
  background-image: none;
  border-color: rgb(0, 150.75, 191.25);
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38.25, 209.1, 255, 0.5);
}
.btn-warning {
  color: #212529;
  background: #ffd700 linear-gradient(180deg, rgb(255, 221, 38.25), #ffd700) repeat-x;
  border-color: #ffd700;
}
.btn-warning:hover {
  color: #212529;
  background: rgb(216.75, 182.75, 0) linear-gradient(180deg, rgb(222.4875, 193.5875, 38.25), rgb(216.75, 182.75, 0)) repeat-x;
  border-color: #ccac00;
}
.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 188.3, 6.15, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffd700;
  border-color: #ffd700;
  background-image: none;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #ccac00;
  background-image: none;
  border-color: rgb(191.25, 161.25, 0);
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221.7, 188.3, 6.15, 0.5);
}
.btn-danger {
  color: #fff;
  background: #f85032 linear-gradient(180deg, rgb(249.05, 106.25, 80.75), #f85032) repeat-x;
  border-color: #f85032;
}
.btn-danger:hover {
  color: #fff;
  background: rgb(246.7370283019, 48.4257075472, 13.0129716981) linear-gradient(180deg, rgb(247.9764740566, 79.4118514151, 49.3110259434), rgb(246.7370283019, 48.4257075472, 13.0129716981)) repeat-x;
  border-color: rgb(238.8443396226, 43.108490566, 8.1556603774);
}
.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(249.05, 106.25, 80.75, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #f85032;
  border-color: #f85032;
  background-image: none;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: rgb(238.8443396226, 43.108490566, 8.1556603774);
  background-image: none;
  border-color: rgb(226.5153301887, 40.883254717, 7.7346698113);
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(249.05, 106.25, 80.75, 0.5);
}
.btn-light {
  color: #212529;
  background: #f8f9fa linear-gradient(180deg, rgb(249.05, 249.9, 250.75), #f8f9fa) repeat-x;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background: rgb(225.6875, 229.875, 234.0625) linear-gradient(180deg, rgb(230.084375, 233.64375, 237.203125), rgb(225.6875, 229.875, 234.0625)) repeat-x;
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  background-image: none;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
  background-image: none;
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(215.75, 217.2, 218.65, 0.5);
}
.btn-dark {
  color: #fff;
  background: #343a40 linear-gradient(180deg, rgb(82.45, 87.55, 92.65), #343a40) repeat-x;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background: rgb(34.8534482759, 38.875, 42.8965517241) linear-gradient(180deg, rgb(67.8754310345, 71.29375, 74.7120689655), rgb(34.8534482759, 38.875, 42.8965517241)) repeat-x;
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
  background-image: none;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
  background-image: none;
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82.45, 87.55, 92.65, 0.5);
}
.btn-outline-primary {
  color: #38B6FF;
  border-color: #38B6FF;
}
.btn-outline-primary:hover {
  color: #212529;
  background-color: #38B6FF;
  border-color: #38B6FF;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #38B6FF;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #212529;
  background-color: #38B6FF;
  border-color: #38B6FF;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.5);
}
.btn-outline-secondary {
  color: #626262;
  border-color: #626262;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #626262;
  border-color: #626262;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(98, 98, 98, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #626262;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #626262;
  border-color: #626262;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(98, 98, 98, 0.5);
}
.btn-outline-success {
  color: #45b649;
  border-color: #45b649;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #45b649;
  border-color: #45b649;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(69, 182, 73, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #45b649;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #45b649;
  border-color: #45b649;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(69, 182, 73, 0.5);
}
.btn-outline-info {
  color: #00c9ff;
  border-color: #00c9ff;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #00c9ff;
  border-color: #00c9ff;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 255, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #00c9ff;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #00c9ff;
  border-color: #00c9ff;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 255, 0.5);
}
.btn-outline-warning {
  color: #ffd700;
  border-color: #ffd700;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffd700;
  border-color: #ffd700;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffd700;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffd700;
  border-color: #ffd700;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}
.btn-outline-danger {
  color: #f85032;
  border-color: #f85032;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #f85032;
  border-color: #f85032;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 80, 50, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #f85032;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #f85032;
  border-color: #f85032;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 80, 50, 0.5);
}
.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.btn-link {
  font-weight: 400;
  color: #38B6FF;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(0, 148.4773869347, 234.5);
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}
input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}
.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background: #f8f9fa linear-gradient(180deg, rgb(249.05, 249.9, 250.75), #f8f9fa) repeat-x;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
  background-image: none;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.input-group-prepend {
  margin-right: -1px;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}
.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}
.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}
.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}
.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #38B6FF;
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgb(183.5, 228.7713567839, 255);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(234.5, 247.4798994975, 255);
  border-color: rgb(234.5, 247.4798994975, 255);
}
.custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}
.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}
.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #38B6FF;
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(56, 182, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(56, 182, 255, 0.5);
}
.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(56, 182, 255, 0.5);
}
.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(56, 182, 255, 0.5);
}
.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  -webkit-appearance: none;
          appearance: none;
}
.custom-select:focus {
  border-color: rgb(183.5, 228.7713567839, 255);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}
.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}
.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}
.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: rgb(183.5, 228.7713567839, 255);
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}
.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background: #e9ecef linear-gradient(180deg, rgb(236.3, 238.85, 241.4), #e9ecef) repeat-x;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}
.custom-range {
  width: 100%;
  height: calc(1rem + 0.4rem);
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
          appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background: rgb(234.5, 247.4798994975, 255) linear-gradient(180deg, rgb(237.575, 248.6079145729, 255), rgb(234.5, 247.4798994975, 255)) repeat-x;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background: rgb(234.5, 247.4798994975, 255) linear-gradient(180deg, rgb(237.575, 248.6079145729, 255), rgb(234.5, 247.4798994975, 255)) repeat-x;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x;
  border: 0;
  border-radius: 1rem;
  -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    -ms-transition: none;
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background: rgb(234.5, 247.4798994975, 255) linear-gradient(180deg, rgb(237.575, 248.6079145729, 255), rgb(234.5, 247.4798994975, 255)) repeat-x;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}
.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #38B6FF;
}
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}
.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}
.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}
.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.card-body {
  flex: 1 1 auto;
  padding: 1.25rem;
}
.card-title {
  margin-bottom: 0.75rem;
}
.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}
.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}
.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}
.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}
.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px);
}
.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}
.card-group {
  display: flex;
  flex-direction: column;
}
.card-group > .card {
  margin-bottom: 15px;
}
@media (min-width: 576px) {
  .card-group {
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
  border-radius: 0;
}
.accordion > .card:not(:first-of-type):not(:last-of-type) {
  border-bottom: 0;
  border-radius: 0;
}
.accordion > .card:first-of-type {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card .card-header {
  margin-bottom: -1px;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #38B6FF;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(0, 148.4773869347, 234.5);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.25);
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #38B6FF;
  border-color: #38B6FF;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}
.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}
.badge-primary {
  color: #212529;
  background-color: #38B6FF;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #212529;
  background-color: rgb(5, 163.2914572864, 255);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(56, 182, 255, 0.5);
}
.badge-secondary {
  color: #fff;
  background-color: #626262;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: rgb(72.5, 72.5, 72.5);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(98, 98, 98, 0.5);
}
.badge-success {
  color: #fff;
  background-color: #45b649;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: rgb(54.9800796813, 145.0199203187, 58.1673306773);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(69, 182, 73, 0.5);
}
.badge-info {
  color: #fff;
  background-color: #00c9ff;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: rgb(0, 160.8, 204);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 201, 255, 0.5);
}
.badge-warning {
  color: #212529;
  background-color: #ffd700;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #ccac00;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 215, 0, 0.5);
}
.badge-danger {
  color: #fff;
  background-color: #f85032;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: rgb(238.8443396226, 43.108490566, 8.1556603774);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 80, 50, 0.5);
}
.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: rgb(218.25, 223.5, 228.75);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}
.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
}
.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.75rem 1.25rem;
  color: inherit;
}
.alert-primary {
  color: rgb(29.12, 94.64, 132.6);
  background: rgb(215.2, 240.4, 255) linear-gradient(180deg, rgb(221.17, 242.59, 255), rgb(215.2, 240.4, 255)) repeat-x;
  border-color: rgb(199.28, 234.56, 255);
}
.alert-primary hr {
  border-top-color: rgb(173.78, 225.2057286432, 255);
}
.alert-primary .alert-link {
  color: rgb(19.9367202572, 64.794340836, 90.7832797428);
}
.alert-secondary {
  color: rgb(50.96, 50.96, 50.96);
  background: rgb(223.6, 223.6, 223.6) linear-gradient(180deg, rgb(228.31, 228.31, 228.31), rgb(223.6, 223.6, 223.6)) repeat-x;
  border-color: rgb(211.04, 211.04, 211.04);
}
.alert-secondary hr {
  border-top-color: rgb(198.29, 198.29, 198.29);
}
.alert-secondary .alert-link {
  color: rgb(25.46, 25.46, 25.46);
}
.alert-success {
  color: rgb(35.88, 94.64, 37.96);
  background: rgb(217.8, 240.4, 218.6) linear-gradient(180deg, rgb(223.38, 242.59, 224.06), rgb(217.8, 240.4, 218.6)) repeat-x;
  border-color: rgb(202.92, 234.56, 204.04);
}
.alert-success hr {
  border-top-color: rgb(184.6072586873, 227.3727413127, 186.1210810811);
}
.alert-success .alert-link {
  color: rgb(21.8600796813, 57.6599203187, 23.1273306773);
}
.alert-info {
  color: rgb(0, 104.52, 132.6);
  background: rgb(204, 244.2, 255) linear-gradient(180deg, rgb(211.65, 245.82, 255), rgb(204, 244.2, 255)) repeat-x;
  border-color: rgb(183.6, 239.88, 255);
}
.alert-info hr {
  border-top-color: rgb(158.1, 234.48, 255);
}
.alert-info .alert-link {
  color: rgb(0, 64.32, 81.6);
}
.alert-warning {
  color: rgb(132.6, 111.8, 0);
  background: #fff7cc linear-gradient(180deg, rgb(255, 248.2, 211.65), #fff7cc) repeat-x;
  border-color: rgb(255, 243.8, 183.6);
}
.alert-warning hr {
  border-top-color: rgb(255, 239.8, 158.1);
}
.alert-warning .alert-link {
  color: rgb(81.6, 68.8, 0);
}
.alert-danger {
  color: rgb(128.96, 41.6, 26);
  background: rgb(253.6, 220, 214) linear-gradient(180deg, rgb(253.81, 225.25, 220.15), rgb(253.6, 220, 214)) repeat-x;
  border-color: rgb(253.04, 206, 197.6);
}
.alert-danger hr {
  border-top-color: rgb(252.1980188679, 184.9504716981, 172.9419811321);
}
.alert-danger .alert-link {
  color: rgb(86.5170469799, 27.9087248322, 17.4429530201);
}
.alert-light {
  color: rgb(128.96, 129.48, 130);
  background: rgb(253.6, 253.8, 254) linear-gradient(180deg, rgb(253.81, 253.98, 254.15), rgb(253.6, 253.8, 254)) repeat-x;
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}
.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background: rgb(214.4, 215.6, 216.8) linear-gradient(180deg, rgb(220.49, 221.51, 222.53), rgb(214.4, 215.6, 216.8)) repeat-x;
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}
@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #38B6FF;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.media {
  display: flex;
  align-items: flex-start;
}
.media-body {
  flex: 1;
}
.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
}
.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #38B6FF;
  border-color: #38B6FF;
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item {
  margin-right: -1px;
  margin-bottom: 0;
}
.list-group-horizontal .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  margin-right: 0;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-sm .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-md .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-lg .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
  }
  .list-group-horizontal-xl .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
}
.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:last-child {
  margin-bottom: -1px;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.list-group-item-primary {
  color: rgb(29.12, 94.64, 132.6);
  background-color: rgb(199.28, 234.56, 255);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(29.12, 94.64, 132.6);
  background-color: rgb(173.78, 225.2057286432, 255);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(29.12, 94.64, 132.6);
  border-color: rgb(29.12, 94.64, 132.6);
}
.list-group-item-secondary {
  color: rgb(50.96, 50.96, 50.96);
  background-color: rgb(211.04, 211.04, 211.04);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(50.96, 50.96, 50.96);
  background-color: rgb(198.29, 198.29, 198.29);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(50.96, 50.96, 50.96);
  border-color: rgb(50.96, 50.96, 50.96);
}
.list-group-item-success {
  color: rgb(35.88, 94.64, 37.96);
  background-color: rgb(202.92, 234.56, 204.04);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(35.88, 94.64, 37.96);
  background-color: rgb(184.6072586873, 227.3727413127, 186.1210810811);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(35.88, 94.64, 37.96);
  border-color: rgb(35.88, 94.64, 37.96);
}
.list-group-item-info {
  color: rgb(0, 104.52, 132.6);
  background-color: rgb(183.6, 239.88, 255);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(0, 104.52, 132.6);
  background-color: rgb(158.1, 234.48, 255);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(0, 104.52, 132.6);
  border-color: rgb(0, 104.52, 132.6);
}
.list-group-item-warning {
  color: rgb(132.6, 111.8, 0);
  background-color: rgb(255, 243.8, 183.6);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 111.8, 0);
  background-color: rgb(255, 239.8, 158.1);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 111.8, 0);
  border-color: rgb(132.6, 111.8, 0);
}
.list-group-item-danger {
  color: rgb(128.96, 41.6, 26);
  background-color: rgb(253.04, 206, 197.6);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(128.96, 41.6, 26);
  background-color: rgb(252.1980188679, 184.9504716981, 172.9419811321);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 41.6, 26);
  border-color: rgb(128.96, 41.6, 26);
}
.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}
.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}
.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}
button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}
a.close.disabled {
  pointer-events: none;
}
.toast {
  max-width: 350px;
  overflow: hidden;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}
.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.toast-body {
  padding: 0.75rem;
}
.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}
.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}
.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.modal-footer > :not(:first-child) {
  margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: 0.25rem;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc((0.5rem + 1px) * -1);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}
.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}
.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc((0.5rem + 1px) * -1);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid rgb(247.35, 247.35, 247.35);
}
.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc((0.5rem + 1px) * -1);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}
.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: 0s 0.6s opacity;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001));
}
.carousel-control-next {
  right: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.001));
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}
.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}
.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.bg-primary {
  background-color: #38B6FF !important;
}
a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(5, 163.2914572864, 255) !important;
}
.bg-secondary {
  background-color: #626262 !important;
}
a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(72.5, 72.5, 72.5) !important;
}
.bg-success {
  background-color: #45b649 !important;
}
a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: rgb(54.9800796813, 145.0199203187, 58.1673306773) !important;
}
.bg-info {
  background-color: #00c9ff !important;
}
a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: rgb(0, 160.8, 204) !important;
}
.bg-warning {
  background-color: #ffd700 !important;
}
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #ccac00 !important;
}
.bg-danger {
  background-color: #f85032 !important;
}
a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: rgb(238.8443396226, 43.108490566, 8.1556603774) !important;
}
.bg-light {
  background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: rgb(218.25, 223.5, 228.75) !important;
}
.bg-dark {
  background-color: #343a40 !important;
}
a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: rgb(29.1379310345, 32.5, 35.8620689655) !important;
}
.bg-gradient-primary {
  background: #38B6FF linear-gradient(180deg, rgb(85.85, 192.95, 255), #38B6FF) repeat-x !important;
}
.bg-gradient-secondary {
  background: #626262 linear-gradient(180deg, rgb(121.55, 121.55, 121.55), #626262) repeat-x !important;
}
.bg-gradient-success {
  background: #45b649 linear-gradient(180deg, rgb(96.9, 192.95, 100.3), #45b649) repeat-x !important;
}
.bg-gradient-info {
  background: #00c9ff linear-gradient(180deg, rgb(38.25, 209.1, 255), #00c9ff) repeat-x !important;
}
.bg-gradient-warning {
  background: #ffd700 linear-gradient(180deg, rgb(255, 221, 38.25), #ffd700) repeat-x !important;
}
.bg-gradient-danger {
  background: #f85032 linear-gradient(180deg, rgb(249.05, 106.25, 80.75), #f85032) repeat-x !important;
}
.bg-gradient-light {
  background: #f8f9fa linear-gradient(180deg, rgb(249.05, 249.9, 250.75), #f8f9fa) repeat-x !important;
}
.bg-gradient-dark {
  background: #343a40 linear-gradient(180deg, rgb(82.45, 87.55, 92.65), #343a40) repeat-x !important;
}
.bg-white {
  background-color: #fff !important;
}
.bg-transparent {
  background-color: transparent !important;
}
.border {
  border: 1px solid #dee2e6 !important;
}
.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-right {
  border-right: 1px solid #dee2e6 !important;
}
.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-left {
  border-left: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-right-0 {
  border-right: 0 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-left-0 {
  border-left: 0 !important;
}
.border-primary {
  border-color: #38B6FF !important;
}
.border-secondary {
  border-color: #626262 !important;
}
.border-success {
  border-color: #45b649 !important;
}
.border-info {
  border-color: #00c9ff !important;
}
.border-warning {
  border-color: #ffd700 !important;
}
.border-danger {
  border-color: #f85032 !important;
}
.border-light {
  border-color: #f8f9fa !important;
}
.border-dark {
  border-color: #343a40 !important;
}
.border-white {
  border-color: #fff !important;
}
.rounded-sm {
  border-radius: 0.2rem !important;
}
.rounded {
  border-radius: 0.25rem !important;
}
.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}
.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.rounded-lg {
  border-radius: 0.3rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.d-none {
  display: none !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
.embed-responsive-1by1::before {
  padding-top: 100%;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.float-none {
  float: none !important;
}
@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}
.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.vw-100 {
  width: 100vw !important;
}
.vh-100 {
  height: 100vh !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}
.m-0 {
  margin: 0 !important;
}
.mt-0,
.my-0 {
  margin-top: 0 !important;
}
.mr-0,
.mx-0 {
  margin-right: 0 !important;
}
.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
  margin-left: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.mt-3,
.my-3 {
  margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}
.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.mt-5,
.my-5 {
  margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}
.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}
.p-0 {
  padding: 0 !important;
}
.pt-0,
.py-0 {
  padding-top: 0 !important;
}
.pr-0,
.px-0 {
  padding-right: 0 !important;
}
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
  padding-left: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.pt-3,
.py-3 {
  padding-top: 1rem !important;
}
.pr-3,
.px-3 {
  padding-right: 1rem !important;
}
.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.pt-5,
.py-5 {
  padding-top: 3rem !important;
}
.pr-5,
.px-5 {
  padding-right: 3rem !important;
}
.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
.m-n1 {
  margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}
.m-n2 {
  margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}
.m-n3 {
  margin: -1rem !important;
}
.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}
.m-n4 {
  margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}
.m-n5 {
  margin: -3rem !important;
}
.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mt-auto,
.my-auto {
  margin-top: auto !important;
}
.mr-auto,
.mx-auto {
  margin-right: auto !important;
}
.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
  margin-left: auto !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}
.text-justify {
  text-align: justify !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.font-weight-light {
  font-weight: 300 !important;
}
.font-weight-lighter {
  font-weight: lighter !important;
}
.font-weight-normal {
  font-weight: 400 !important;
}
.font-weight-bold {
  font-weight: 700 !important;
}
.font-weight-bolder {
  font-weight: bolder !important;
}
.font-italic {
  font-style: italic !important;
}
.text-white {
  color: #fff !important;
}
.text-primary {
  color: #38B6FF !important;
}
a.text-primary:hover, a.text-primary:focus {
  color: rgb(0, 148.4773869347, 234.5) !important;
}
.text-secondary {
  color: #626262 !important;
}
a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(59.75, 59.75, 59.75) !important;
}
.text-success {
  color: #45b649 !important;
}
a.text-success:hover, a.text-success:focus {
  color: rgb(47.9701195219, 126.5298804781, 50.7509960159) !important;
}
.text-info {
  color: #00c9ff !important;
}
a.text-info:hover, a.text-info:focus {
  color: rgb(0, 140.7, 178.5) !important;
}
.text-warning {
  color: #ffd700 !important;
}
a.text-warning:hover, a.text-warning:focus {
  color: rgb(178.5, 150.5, 0) !important;
}
.text-danger {
  color: #f85032 !important;
}
a.text-danger:hover, a.text-danger:focus {
  color: rgb(214.1863207547, 38.6580188679, 7.3136792453) !important;
}
.text-light {
  color: #f8f9fa !important;
}
a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}
.text-dark {
  color: #343a40 !important;
}
a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !important;
}
.text-body {
  color: #212529 !important;
}
.text-muted {
  color: #6c757d !important;
}
.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.text-reset {
  color: inherit !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/* Font Smoothing */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
td,
button,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.display-1,
.display-2,
.display-3,
.display-4,
.navbar,
.brand,
.alert {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
}
.cr-app {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
.cr-app-overflow {
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}
.fs-1 {
  font-size: 0.7rem;
}
.fs-2 {
  font-size: 1rem;
}
.m-top1 {
  margin-top: 0.65rem;
}
.submenu-parent {
  position: relative;
}
.submenu-icon {
  position: absolute;
  left: 6%;
  top: 10%;
}
.submenu-section {
  display: inline-flex;
  justify-content: center;
  -webkit-tap-highlight-color: transparent;
  /* position: relative; */
  background-color: transparent;
  outline: 0;
  border: 0;
  margin: 0;
  border-radius: 0;
  padding: 0;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  color: inherit;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 400;
  letter-spacing: 0.00938em;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none;
  min-height: 48px;
  padding-top: 6px;
  padding-bottom: 6px;
  box-sizing: border-box;
  white-space: nowrap;
  padding-left: 16px;
  padding-right: 16px;
  min-width: 10rem;
  min-height: unset;
  padding: 0.3rem 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  color: #67748e;
  transition: background-color 300ms ease, color 300ms ease;
}
.nav-item .nav-link {
  display: flex;
  align-items: center;
  color: #000000;
}
.nav-item .nav-link.active {
  opacity: 1;
}
.login .nav-item .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.login .nav-item .nav-link.active {
  opacity: 1;
  cursor: pointer;
}
.sidebar .nav a {
  transition: all 150ms ease-in;
}
.card-header {
  text-transform: uppercase;
}
.badge:empty {
  display: inline-block;
}
.custom-file-label {
  color: #abb2be;
  font-size: 0.875rem;
  padding: 0.5rem 0.75rem;
  height: calc(1.5em + 1rem + 2px);
}
.custom-file-label::after {
  padding: 0.5rem 0.75rem;
  height: calc(1.5em + 1rem);
}
.card-img-left {
  border-radius: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card-img-right {
  border-radius: 0;
  border-top-right-radius: calc(0.25rem - 1px);
  border-bottom-right-radius: calc(0.25rem - 1px);
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.can-click {
  cursor: pointer;
}
.overflow-hidden {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .hidden-xl {
    display: none;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .hidden-lg {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .hidden-md {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .hidden-sm {
    display: none;
  }
}
@media (max-width: 575.98px) {
  .hidden-xs {
    display: none;
  }
}
.modal-backdrop-light {
  opacity: 1;
}
.modal-backdrop-light.modal-backdrop.show {
  opacity: 1;
}
.cr-header {
  margin-bottom: 0.5rem;
}
.cr-header__nav-right {
  flex-direction: row;
  justify-content: flex-end;
  margin-left: auto;
}
.cr-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
  width: 224px;
  font-weight: 200;
  background-position: center center;
  background-size: cover;
  transition: left 0.1s ease-in;
}
.cr-sidebar + .cr-content {
  transition: margin 0.1s ease-in;
}
.cr-sidebar::after, .cr-sidebar::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}
.cr-sidebar::before {
  background: #000;
  opacity: 0.33;
}
.cr-sidebar::after {
  z-index: 3;
  background: #f8f9fa;
  box-shadow: 1px 1px 1px 1px #c2c0c0;
  opacity: 1;
}
.cr-sidebar[data-image]:after {
  opacity: 0.77;
}
.cr-sidebar__content {
  position: relative;
  z-index: 4;
  height: calc(100vh - 20px);
  padding-bottom: 30px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.cr-sidebar__content::-webkit-scrollbar {
  width: 0;
}
.cr-sidebar__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.cr-sidebar__nav-item-collapse {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.cr-sidebar__nav-item-icon {
  width: 1.5rem;
  height: 1.5rem;
  padding-right: 0.5rem;
}
.cr-sidebar--open {
  left: 0;
  transition: left 0.2s ease-in;
}
.cr-sidebar--open + .cr-content {
  margin: 0 0 0 224px;
  transition: margin 0.2s ease-in;
}
.cr-sidebar .nav {
  margin-top: 20px;
}
.cr-sidebar .nav .nav-item {
  margin: 5px 10px;
  color: #626262;
  border-radius: 4px;
  opacity: 0.86;
}
.dropdown-menu {
  min-width: unset;
  padding: unset;
  margin: unset;
}
.cr-content {
  display: inline-flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
}
.edit-icon-container {
  position: absolute;
  right: 0;
  top: 0;
}
.main-page-layout {
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.position-text {
  position: relative;
}
.cross-mark-icon {
  position: absolute;
  right: 0;
  top: 0;
}
.w-100 {
  width: 100%;
}
.modal-backdrop {
  background-color: rgba(0, 0, 0, 0.3019607843);
}
.workflow-template {
  position: absolute;
  left: 0;
  top: 11%;
  background: rgba(56, 182, 255, 0.16);
  z-index: 111;
  height: 100vh;
  width: 25vw;
}
.fixed-section {
  width: 100%;
  height: 30px;
  position: fixed;
  bottom: 4%;
}
.fixed-section-top {
  width: 100%;
  height: 25px;
  position: fixed;
  top: 8%;
}
.header-section {
  position: fixed;
  width: 100%;
  /* background: #111; */
  z-index: 111;
}
.project-title {
  background: none;
  position: absolute;
  left: 4%;
  top: 14%;
  color: #808080;
}
.icon-placement {
  padding-right: 3%;
  padding-top: 1%;
}
.node-container {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 14%;
  padding-bottom: 14%;
  border-radius: 10px;
}
.workflow-error {
  color: red;
  text-align: left;
  position: absolute;
  left: 15%;
  top: 35%;
}
.date-container {
  padding: 0 5%;
}
.human-interaction-container {
  display: flex;
  width: 100%;
  justify-content: center;
  padding-top: 3%;
}
.no-users-added {
  position: absolute;
  top: 3%;
  right: 5%;
  color: red;
}
.users-added {
  position: absolute;
  top: 3%;
  left: 5%;
}
.onboarding-selection-container {
  display: flex;
  margin-left: 1%;
  margin-bottom: 2%;
  justify-content: space-between;
}
.copy-icon {
  position: absolute;
  top: 18%;
  right: 1%;
  font-size: 22px;
  cursor: pointer;
}
.copy-text {
  position: absolute;
  top: 18%;
  right: 4%;
  color: green;
  cursor: pointer;
}
.workflow-container {
  display: flex;
  justify-content: space-between;
}
.workflow-container p,
label {
  margin: 0;
  padding: 0;
}
.regenerate-link {
  cursor: pointer;
}
.switch-container {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3%;
}
.switch-container label {
  margin-right: 3%;
}
.date-node-container {
  /* margin-bottom: 8%; */
  padding-top: 2%;
}
.date-node-container .react-datepicker-wrapper {
  width: 100%;
  padding-top: 2%;
}
.date-node-container input {
  width: 100%;
  border: 1px solid #ced4da;
}
.action-modal {
  max-width: 70%;
}
.edit-container {
  position: absolute;
  top: 0;
  right: 0;
}
.basic-multi-select {
  font-size: 0.75rem !important;
  line-height: 1.789;
  border-radius: 0.5rem !important;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}
.remove-icon-container {
  position: absolute;
  right: 1%;
  top: -1%;
}
.button-container {
  position: absolute;
  left: 21%;
  top: 4%;
}
.mt-1 {
  margin-top: 1rem;
}
.success-response {
  padding-left: 1rem;
  font-size: 1rem;
  padding-top: 0.3rem;
  color: #4ecb4e;
}
.cr-page {
  min-height: 100vh;
}
.cr-page__header {
  display: flex;
  align-items: flex-end;
  align-self: center;
}
@media (max-width: 767.98px) {
  .cr-page__header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cr-page__title {
  padding-right: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 767.98px) {
  .cr-page__title {
    margin-bottom: 0;
  }
}
.cr-page__breadcrumb {
  align-self: flex-end;
  padding: 0;
  text-transform: capitalize;
  background: #f8f9fa;
}
@media (max-width: 767.98px) {
  .cr-page__breadcrumb {
    align-self: flex-start;
  }
}
.cr-page .row .col,
.cr-page .row > [class^=col-] {
  margin-bottom: 1rem;
}
label {
  text-align: left;
  display: block;
}
.cr-page-spinner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pl-10 {
  padding-left: 10%;
}
.ml-3 {
  margin-left: 3%;
}
.App {
  height: 100vh;
}
.dashbord-container {
  flex-grow: 1;
  padding: 24px;
}
.table-view {
  padding-bottom: 1rem;
}
.master-table-view {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rookie-footer {
  position: fixed;
  width: 100%;
  bottom: 0%;
  font-size: 10px;
  cursor: pointer;
  background: transparent;
  opacity: 0.86;
  display: flex;
  justify-content: flex-end;
}
.wrapper-class {
  padding: 5px;
  border: 1px solid #bbbbbb;
  border-radius: 8px;
  opacity: 0.7;
}
.editor-class {
  background-color: #f8f9fa;
  padding: 0% 2% 0% 2%;
  border: 1px solid #bbbbbb;
  border-radius: 8px;
  min-height: 150px;
}
.toolbar-class {
  border: 1px solid #bbbbbb;
  border-radius: 8px;
}
.disabled,
[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  box-shadow: none;
}
.visible {
  visibility: visible;
}
.hidden {
  visibility: hidden;
}
.activity-log-view {
  height: 80vh;
  overflow-y: auto;
}
.activity-log-view::-webkit-scrollbar {
  width: 12px;
}
.tag-editor {
  display: flex;
  border: 1px solid #ced4da;
  padding: 1%;
  overflow-x: auto;
  margin-bottom: 2%;
}
.tag {
  display: flex;
}
.tag input {
  width: auto !important;
  background-color: #cee7f9;
  border: unset;
}
.tag a {
  cursor: pointer;
}
.stars-section div {
  justify-content: center;
}
.js-plotly-plot {
  display: unset !important;
}
.js-plotly-plot .plotly,
.js-plotly-plot .plotly div {
  margin: 0% 4% 4% 4% !important;
}
.js-plotly-plot .plotly .modebar {
  display: flex !important;
  top: unset !important;
}
.svg-container .main-svg {
  border: 1px solid #c4c2c2;
  border-radius: 8px;
  box-shadow: 10px 10px 20px #dbdada;
}
.ql-container {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  background: #fefcfc;
  min-height: 100px;
}
/* Snow Theme */
.ql-snow.ql-toolbar {
  display: flex;
  background: #eaecec;
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.overlay {
  height: 100vh;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.4);
  overflow-x: hidden;
  display: flex;
  justify-content: flex-end;
}
.overlay-content {
  position: relative;
  top: 40%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.scroll {
  overflow-x: auto;
}
.scroll::-webkit-scrollbar {
  height: 8px;
}
.scroll::-webkit-scrollbar-track {
  box-shadow: inset;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: hsl(204, 8%, 76%);
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}
.scanOverlay {
  top: 0px;
  left: 0px;
  z-index: 1;
  box-sizing: border-box;
  border: 50px solid transparent;
  position: absolute;
  width: 100%;
  height: 100%;
}
.cr-widget {
  display: flex;
  flex-direction: row;
}
.cr-widget__icon {
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
}
.cr-search-form {
  position: relative;
}
.cr-search-form__icon-search {
  position: absolute;
  left: 8px;
}
.cr-search-form__input {
  /* stylelint-disable-next-line */
  padding-left: 35px !important;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 33%;
  bottom: 0%;
}
.paginationItem {
  background: #fff;
  border: 2px solid #666;
  padding: 10px 15px;
  border-radius: 50%;
  height: 45px;
  width: 45px;
  position: relative;
  margin: 0 5px;
  cursor: pointer;
}
.paginationItem span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.prev,
.next {
  background: #fff;
  border: none;
  padding: 10px;
  color: blue;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  margin: 0 10px;
  cursor: pointer;
}
.paginationItem.active {
  border: 1px solid #888;
  color: #888;
  pointer-events: none;
}
.prev.disabled,
.next.disabled {
  pointer-events: none;
  box-shadow: none;
  color: #999;
}
.pagination-container {
  display: flex;
  list-style-type: none;
}
.pagination-container .pagination-item {
  padding: 0 12px;
  height: 32px;
  text-align: center;
  margin: auto 4px;
  color: rgba(0, 0, 0, 0.87);
  display: flex;
  box-sizing: border-box;
  align-items: center;
  letter-spacing: 0.01071em;
  border-radius: 16px;
  line-height: 1.43;
  font-size: 13px;
  min-width: 32px;
}
.pagination-container .pagination-item.dots:hover {
  background-color: transparent;
  cursor: default;
}
.pagination-container .pagination-item:hover {
  background-color: rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.pagination-container .pagination-item.selected {
  background-color: rgba(0, 0, 0, 0.08);
}
.pagination-container .pagination-item .arrow::before {
  position: relative;
  /* top: 3pt; Uncomment this to lower the icons as requested in comments*/
  content: "";
  /* By using an em scale, the arrows will size with the font */
  display: inline-block;
  width: 0.4em;
  height: 0.4em;
  border-right: 0.12em solid rgba(0, 0, 0, 0.87);
  border-top: 0.12em solid rgba(0, 0, 0, 0.87);
}
.pagination-container .pagination-item .arrow.left {
  transform: rotate(-135deg) translate(-50%);
}
.pagination-container .pagination-item .arrow.right {
  transform: rotate(45deg);
}
.pagination-container .pagination-item.disabled {
  pointer-events: none;
}
.pagination-container .pagination-item.disabled .arrow::before {
  border-right: 0.12em solid rgba(0, 0, 0, 0.43);
  border-top: 0.12em solid rgba(0, 0, 0, 0.43);
}
.pagination-container .pagination-item.disabled:hover {
  background-color: transparent;
  cursor: default;
}
.bg-gradient-theme {
  background: linear-gradient(to bottom, #38B6FF, #626262);
}
.bg-gradient-theme-top {
  background: linear-gradient(to top, #38B6FF, #626262);
}
.bg-gradient-theme-left {
  background: linear-gradient(to left, #38B6FF, #626262);
}
.bg-gradient-theme-right {
  background: linear-gradient(to right, #38B6FF, #626262);
}
.ButtonPage .btn {
  margin: 4px;
}
.ButtonPage .btn-group .btn {
  margin: 0;
}
.TablePage .card-body {
  overflow: hidden;
}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.rdw-option-wrapper {
  border: 1px solid #F1F1F1;
  padding: 5px;
  min-width: 25px;
  height: 20px;
  border-radius: 2px;
  margin: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-option-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-option-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-dropdown-wrapper {
  height: 30px;
  cursor: pointer;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  margin: 0 3px;
  text-transform: capitalize;
  background: white;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}
.rdw-dropdown-wrapper:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-dropdown-carettoopen {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-top: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-carettoclose {
  height: 0px;
  width: 0px;
  position: absolute;
  top: 35%;
  right: 10%;
  border-bottom: 6px solid black;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.rdw-dropdown-selectedtext {
  display: flex;
  position: relative;
  height: 100%;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdown-optionwrapper {
  z-index: 100;
  position: relative;
  border: 1px solid #F1F1F1;
  width: 98%;
  background: white;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  max-height: 250px;
  overflow-y: scroll;
}
.rdw-dropdown-optionwrapper:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
  background-color: #FFFFFF;
}

.rdw-dropdownoption-default {
  min-height: 25px;
  display: flex;
  align-items: center;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #F1F1F1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  opacity: 0.3;
  cursor: default;
}

.rdw-inline-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-block-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-block-dropdown {
  width: 110px;
}

.rdw-fontsize-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}

.rdw-fontfamily-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  white-space: nowrap;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}

.rdw-list-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}

.rdw-text-align-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-right-aligned-block {
  text-align: right;
}
.rdw-left-aligned-block {
  text-align: left !important;
}
.rdw-center-aligned-block {
  text-align: center !important;
}
.rdw-justify-aligned-block {
  text-align: justify !important;
}
.rdw-right-aligned-block > div {
  display: inline-block;
}
.rdw-left-aligned-block > div {
  display: inline-block;
}
.rdw-center-aligned-block > div {
  display: inline-block;
}
.rdw-justify-aligned-block > div {
  display: inline-block;
}

.rdw-colorpicker-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-colorpicker-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 175px;
  height: 175px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  font-size: 15px;
  width: 50%;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 5px;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  margin: 5px auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  overflow: scroll;
}
.rdw-colorpicker-cube {
  width: 22px;
  height: 22px;
  border: 1px solid #F1F1F1;
}
.rdw-colorpicker-option {
  margin: 3px;
  padding: 0;
  min-height: 20px;
  border: none;
  width: 22px;
  height: 22px;
  min-width: 22px;
  box-shadow: 1px 2px 1px #BFBDBD inset;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #BFBDBD;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #BFBDBD;
}
.rdw-colorpicker-option-active {
  box-shadow: 0px 0px 2px 2px #BFBDBD;
}

.rdw-link-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 205px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  margin-top: 5px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  height: 25px;
  margin-bottom: 15px;
  padding: 0 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-target-option {
  margin-bottom: 20px;
}
.rdw-link-modal-target-option > span {
  margin-left: 5px;
}
.rdw-link-modal-btn {
  margin-left: 10px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-link-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-embedded-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-embedded-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  justify-content: space-between;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-embedded-modal-header {
  font-size: 15px;
  display: flex;
}
.rdw-embedded-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-embedded-modal-header-label {
  width: 95px;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-embedded-modal-link-section {
  display: flex;
  flex-direction: column;
}
.rdw-embedded-modal-link-input {
  width: 88%;
  height: 35px;
  margin: 10px 0;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-embedded-modal-link-input-wrapper {
  display: flex;
  align-items: center;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  display: flex;
  justify-content: center;
}
.rdw-embedded-modal-btn {
  margin: 0 3px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-embedded-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-embedded-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-embedded-modal-size-input {
  width: 80%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-embedded-modal-size-input:focus {
  outline: none;
}

.rdw-emoji-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-emoji-modal {
  overflow: auto;
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 235px;
  height: 180px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-emoji-icon {
  margin: 2.5px;
  height: 24px;
  width: 24px;
  cursor: pointer;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rdw-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.rdw-spinner .rdw-bounce1 {
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  } 40% {
    transform: scale(1.0);
  }
}

.rdw-image-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}
.rdw-image-modal {
  position: absolute;
  top: 35px;
  left: 5px;
  display: flex;
  flex-direction: column;
  width: 235px;
  border: 1px solid #F1F1F1;
  padding: 15px;
  border-radius: 2px;
  z-index: 100;
  background: white;
  box-shadow: 3px 3px 5px #BFBDBD;
}
.rdw-image-modal-header {
  font-size: 15px;
  margin: 10px 0;
  display: flex;
}
.rdw-image-modal-header-option {
  width: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.rdw-image-modal-header-label {
  width: 80px;
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6EB8D4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  width: 100%;
  color: gray;
  cursor: pointer;
  display: flex;
  border: none;
  font-size: 15px;
  align-items: center;
  justify-content: center;
  background-color: #f1f1f1;
  outline: 2px dashed gray;
  outline-offset: -10px;
  margin: 10px 0;
  padding: 9px 0;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  cursor: pointer;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
}
.rdw-image-modal-upload-option-label span{
  padding: 0 20px;
}
.rdw-image-modal-upload-option-image-preview {
  max-width: 100%;
  max-height: 200px;
}
.rdw-image-modal-upload-option-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
  align-items: center;
}
.rdw-image-modal-url-input {
  width: 90%;
  height: 35px;
  margin: 15px 0 12px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 15px;
  padding: 0 5px;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  margin: 0 5px;
  width: 75px;
  height: 30px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  cursor: pointer;
  background: white;
  text-transform: capitalize;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0px #BFBDBD;
}
.rdw-image-modal-btn:active {
  box-shadow: 1px 1px 0px #BFBDBD inset;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  position: absolute;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}
.rdw-image-modal-alt-input {
  width: 70%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
  margin-left: 5px;
}
.rdw-image-modal-alt-input:focus {
  outline: none;
}
.rdw-image-modal-alt-lbl {
  font-size: 12px;
}
.rdw-image-modal-size {
  align-items: center;
  display: flex;
  margin: 8px 0;
  justify-content: space-between;
}
.rdw-image-modal-size-input {
  width: 40%;
  height: 20px;
  border: 1px solid #F1F1F1;
  border-radius: 2px;
  font-size: 12px;
}
.rdw-image-modal-size-input:focus {
  outline: none;
}
.rdw-image-mandatory-sign {
  color: red;
  margin-left: 3px;
  margin-right: 3px;
}

.rdw-remove-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  position: relative;
  flex-wrap: wrap
}

.rdw-history-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  flex-wrap: wrap
}
.rdw-history-dropdownoption {
  height: 40px;
  display: flex;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}

.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-icon {
  position: absolute;
  left: 40%;
  top: 0;
  cursor: pointer;
  background-color: white;
}

.rdw-mention-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  position: absolute;
  display: flex;
  flex-direction: column;
  border: 1px solid #F1F1F1;
  min-width: 100px;
  max-height: 150px;
  overflow: auto;
  background: white;
  z-index: 100;
}
.rdw-suggestion-option {
  padding: 7px 5px;
  border-bottom: 1px solid #f1f1f1;
}
.rdw-suggestion-option-active {
  background-color: #F1F1F1;
}

.rdw-hashtag-link {
  text-decoration: none;
  color: #1236ff;
  background-color: #f0fbff;
  padding: 1px 2px;
  border-radius: 2px;
}

.rdw-image-alignment-options-popup {
  position: absolute;
  background: white;
  display: flex;
  padding: 5px 2px;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  width: 105px;
  cursor: pointer;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
  min-width: 15px;
}
.rdw-image-alignment {
  position: relative;
}
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  justify-content: center;
}
.rdw-image-left {
  display: flex;
}
.rdw-image-right {
  display: flex;
  justify-content: flex-end;
}
.rdw-image-alignment-options-popup-right {
  right: 0;
}

.rdw-editor-main {
  height: 100%;
  overflow: auto;
  box-sizing: border-box;
}
.rdw-editor-toolbar {
  padding: 6px 5px 0;
  border-radius: 2px;
  border: 1px solid #F1F1F1;
  display: flex;
  justify-content: flex-start;
  background: white;
  flex-wrap: wrap;
  font-size: 15px;
  margin-bottom: 5px;
  -webkit-user-select: none;
          user-select: none;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.rdw-editor-wrapper:focus {
  outline: none;
}
.rdw-editor-wrapper {
  box-sizing: content-box;
}
.rdw-editor-main blockquote {
  border-left: 5px solid #f1f1f1;
  padding-left: 5px;
}
.rdw-editor-main pre {
  background: #f1f1f1;
  border-radius: 3px;
  padding: 1px 10px;
}
/**
 * Draft v0.9.1
 *
 * Copyright (c) 2013-present, Facebook, Inc.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree. An additional grant
 * of patent rights can be found in the PATENTS file in the same directory.
 */
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;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;z-index:0}.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) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";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) ". ";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}
/*# sourceMappingURL=react-draft-wysiwyg.css.map */.react-chatbot-kit-user-chat-message-container {
  display: flex;
  margin: 15px 0;
  justify-content: flex-end;
}

.react-chatbot-kit-user-avatar-container {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 12.5px;
  background-color: #3d4e8d;
  display: flex;
  justify-content: center;
  align-items: center;
}

.react-chatbot-kit-user-avatar-icon {
  fill: #fff;
  width: 15px;
  height: 15px;
}

.react-chatbot-kit-user-chat-message {
  background-color: #f1f1f1;
  padding: 10px;
  border-radius: 5px;
  font-size: 0.9rem;
  color: #585858;
  font-weight: medium;
  position: relative;
  text-align: left;
}

.react-chatbot-kit-user-chat-message-arrow {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #f1f1f1;
  position: absolute;
  right: -7px;
  top: 13px;
}

.react-chatbot-kit-chat-bot-message-container {
  display: flex;
  margin: 15px 0;
  justify-content: flex-start;
}

.react-chatbot-kit-chat-bot-avatar-container {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 1.2rem;
  margin-right: 12.5px;
  background-color: #d8d8d8;
  display: flex;
  justify-content: center;
  align-items: center;
}

.react-chatbot-kit-chat-bot-avatar-icon {
  fill: #494646;
  width: 22.5px;
  height: 22.5px;
}

.react-chatbot-kit-chat-bot-avatar-letter {
  color: #1d1d1d;
  margin: 0;
  padding: 0;
}

.react-chatbot-kit-chat-bot-message {
  background-color: #2898ec;
  padding: 10px;
  border-radius: 5px;
  font-size: 0.9rem;
  color: #fff;
  font-weight: medium;
  position: relative;
  width: 184.5px;
  margin-left: auto;
  text-align: left;
}

.react-chatbot-kit-chat-bot-message-arrow {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #2898ec;
  position: absolute;
  left: -7px;
  top: 13px;
}

.react-chatbot-kit-chat-bot-loading-icon-container {
  height: 17px;
  width: 25px;
}

.chatbot-loader-container {
  display: flex;
  width: 100%;
  justify-content: center;
}

#chatbot-loader #chatbot-loader-dot1 {
  animation: load 1s infinite;
}

#chatbot-loader #chatbot-loader-dot2 {
  animation: load 1s infinite;
  animation-delay: 0.2s;
}

#chatbot-loader #chatbot-loader-dot3 {
  animation: load 1s infinite;
  animation-delay: 0.4s;
}

@keyframes load {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.react-chatbot-kit-chat-container {
  position: relative;
  width: 275px;
}

.react-chatbot-kit-chat-inner-container {
  height: 500px;
  background-color: #fff;
  border-radius: 5px;
}

.react-chatbot-kit-chat-header {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #efefef;
  font-family: Arial;
  display: flex;
  align-items: center;
  font-size: 0.85rem;
  color: #514f4f;
  padding: 12.5px;
  font-weight: bold;
}

.react-chatbot-kit-chat-input-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: flex;
}

.react-chatbot-kit-chat-message-container {
  padding: 0 17.5px 10px 17.5px;
  overflow: scroll;
  height: 424px;
}

.react-chatbot-kit-chat-input {
  width: 100%;
  padding: 12.5px;
  border: none;
  font-size: 0.85rem;
  border-top: 1px solid #d8d8d8;
  border-bottom-left-radius: 5px;
}

.react-chatbot-kit-chat-input-form {
  width: 100%;
  display: flex;
}

.react-chatbot-kit-chat-input::placeholder {
  color: #585858;
}

.react-chatbot-kit-chat-btn-send {
  background-color: #2898ec;
  width: 100px;
  border: none;
  color: #fff;
  border-bottom-right-radius: 5px;
}

.react-chatbot-kit-chat-btn-send-icon {
  fill: #fff;
  width: 15px;
  margin: 0 auto;
}

.react-chatbot-kit-error {
  background-color: #fff;
  border-radius: 3px;
  padding: 15px;
}

.react-chatbot-kit-error-container {
  width: 260px;
}

.react-chatbot-kit-error-header {
  font-size: 1.3rem;
  color: #1d1d1d;
  margin-bottom: 30px;
}

.react-chatbot-kit-error-docs {
  display: block;
  margin: 25px auto;
  color: rgb(56, 104, 139);
  padding: 8px;
  border: 1px solid rgb(40, 152, 236);
  width: 130px;
  text-align: center;
  text-decoration: none;
  font-size: 1rem;
}

@keyframes rotation-lr {
  from {
    transform: rotate(-90deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes rotation-rl {
  from {
    transform: rotate(90deg);
  }
  to {
    transform: rotate(0);
  }
}
@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
  }
}
.react-chatbot-kit-chat-input-container,
.react-chatbot-kit-chat-input-wrapper {
  border-color: transparent !important;
  outline-color: transparent !important;
}
.react-chatbot-kit-chat-input-container:focus, .react-chatbot-kit-chat-input-container:hover, .react-chatbot-kit-chat-input-container:active, .react-chatbot-kit-chat-input-container:focus-visible,
.react-chatbot-kit-chat-input-wrapper:focus,
.react-chatbot-kit-chat-input-wrapper:hover,
.react-chatbot-kit-chat-input-wrapper:active,
.react-chatbot-kit-chat-input-wrapper:focus-visible {
  border-color: transparent !important;
  outline-color: transparent !important;
  box-shadow: none !important;
}

body:has(.react-chatbot-kit-chat-container):not(:has(.via-movable-chat-container)) {
  overflow: hidden !important;
}

body:has(.via-movable-chat-container) {
  overflow: auto !important;
}

body.via-movable-open {
  overflow: auto !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  height: auto !important;
  max-height: none !important;
}

body.via-movable-open,
body.via-movable-open html {
  overflow: visible !important;
}

html.via-movable-open, body.via-movable-open {
  overflow: auto !important;
  overflow-x: visible !important;
  overflow-y: auto !important;
  position: static !important;
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
}

body:has(.react-chatbot-kit-chat-container):not(:has(.via-movable-chat-container))::before,
body.via-fullscreen-modal::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 9998;
  pointer-events: none;
}

body:has(.via-movable-chat-container)::before,
body.via-movable-open::before {
  display: none !important;
}

body:has(.react-chatbot-kit-chat-container):not(:has(.via-movable-chat-container)) main,
body:has(.react-chatbot-kit-chat-container):not(:has(.via-movable-chat-container)) .main-content,
body:has(.react-chatbot-kit-chat-container):not(:has(.via-movable-chat-container)) .dashboard-content,
body:has(.react-chatbot-kit-chat-container):not(:has(.via-movable-chat-container)) .app-content,
body:has(.react-chatbot-kit-chat-container):not(:has(.via-movable-chat-container)) .content-area {
  filter: blur(2px);
  transition: filter 0.3s ease;
}

.react-chatbot-kit-chat-container,
.react-chatbot-kit-chat-container * {
  box-sizing: border-box;
}

[data-via-portal] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  z-index: 9998 !important;
  pointer-events: none !important;
  overflow: visible !important;
  opacity: 0.99 !important;
}

.react-chatbot-kit-chat-container {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 85vw !important;
  height: 90vh !important;
  max-width: 1200px !important;
  max-height: 1000px !important;
  min-width: 700px !important;
  min-height: 700px !important;
  background: #ffffff;
  border: 1px solid #e1e5e9;
  overflow: hidden;
  z-index: 9999;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  flex-direction: column;
  border-radius: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 8px 32px rgba(0, 0, 0, 0.08);
}

.react-chatbot-kit-chat-header {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px 12px 0 0;
  position: relative;
  overflow: visible;
  z-index: 10000;
}
.react-chatbot-kit-chat-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.05);
  pointer-events: none;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-title {
  color: white;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.5px;
  margin: 0;
  position: relative;
  z-index: 1;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions {
  display: flex;
  gap: 12px;
  align-items: center;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .tooltip-container {
  position: relative;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .tooltip-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (max-width: 768px) {
  .react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .tooltip-container:hover .tooltip {
    transform: none;
  }
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .tooltip {
  position: absolute;
  top: 45px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 10002;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  max-width: 200px;
  pointer-events: none;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .tooltip::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  min-width: 40px;
  min-height: 40px;
  padding: 10px;
  color: #4a4a4a;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: auto;
  position: relative;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn::after {
  content: attr(aria-label);
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 10100 !important;
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  max-width: 200px;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn::after::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #2a2a2a;
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn:hover::after {
  opacity: 1;
  visibility: visible;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn:active {
  transform: scale(0.95);
  background: rgba(255, 255, 255, 0.3);
  color: #2a2a2a;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn:focus {
  outline: 2px solid rgba(26, 26, 26, 0.8);
  outline-offset: 2px;
  color: #2a2a2a;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn:focus::after {
  opacity: 1;
  visibility: visible;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn svg {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
}
.react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn:hover svg {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .react-chatbot-kit-chat-header .react-chatbot-kit-chat-header-actions .react-chatbot-kit-chat-header-action-btn::after {
    bottom: -35px;
    font-size: 11px;
    padding: 6px 10px;
    max-width: 150px;
  }
}

.react-chatbot-kit-chat-message-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 18px;
  background: #fafbfc;
  width: 100%;
  height: calc(100% - 140px);
  font-size: 15px;
  line-height: 1.6;
  scrollbar-width: auto;
  scrollbar-color: rgba(107, 114, 128, 0.4) rgba(156, 163, 175, 0.1);
}
.react-chatbot-kit-chat-message-container * {
  max-width: 100%;
  box-sizing: border-box;
}
.react-chatbot-kit-chat-message-container img, .react-chatbot-kit-chat-message-container video, .react-chatbot-kit-chat-message-container iframe {
  max-width: 100% !important;
  height: auto !important;
}
.react-chatbot-kit-chat-message-container::-webkit-scrollbar {
  width: 8px;
}
.react-chatbot-kit-chat-message-container::-webkit-scrollbar-track {
  background: rgba(156, 163, 175, 0.1);
  border-radius: 4px;
}
.react-chatbot-kit-chat-message-container::-webkit-scrollbar-thumb {
  background: rgba(107, 114, 128, 0.4);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.react-chatbot-kit-chat-message-container::-webkit-scrollbar-thumb:hover {
  background: rgba(107, 114, 128, 0.6);
}
.react-chatbot-kit-chat-message-container::-webkit-scrollbar-thumb:active {
  background: rgba(107, 114, 128, 0.8);
}

.react-chatbot-kit-chat-bot-message-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 16px;
}
.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-chat-bot-message,
.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-user-chat-message-container {
  max-width: 800px;
  width: -webkit-fit-content;
  width: fit-content;
  word-wrap: break-word;
  position: relative;
}
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message {
  flex-direction: row;
  justify-content: flex-end;
}
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-chat-bot-message,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-user-chat-message-container {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  color: white !important;
  border-radius: 18px 4px 18px 18px;
  margin-right: 12px;
  padding: 16px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #e2e8f0;
  max-width: 600px;
  width: -webkit-fit-content;
  width: fit-content;
}
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-chat-bot-message .react-chatbot-kit-chat-bot-message-text,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-chat-bot-message .react-chatbot-kit-user-chat-message-text,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-user-chat-message-container .react-chatbot-kit-chat-bot-message-text,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  color: white !important;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
}
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-avatar {
  order: 2;
}
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-bot-message .react-chatbot-kit-chat-bot-message,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-bot-message .react-chatbot-kit-user-chat-message-container {
  background: #ffffff;
  color: #374151;
  border-radius: 4px 18px 18px 18px;
  margin-right: 40px;
  padding: 12px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
  max-width: 800px;
  width: -webkit-fit-content;
  width: fit-content;
}
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-bot-message .react-chatbot-kit-chat-bot-message .react-chatbot-kit-chat-bot-message-text,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-bot-message .react-chatbot-kit-chat-bot-message .react-chatbot-kit-user-chat-message-text,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-bot-message .react-chatbot-kit-user-chat-message-container .react-chatbot-kit-chat-bot-message-text,
.react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-bot-message .react-chatbot-kit-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

.react-chatbot-kit-chat-container .react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-user-message .react-chatbot-kit-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  color: white !important;
}

.via-movable-chat-container .via-movable-chat-bot-message-container.via-movable-user-message .via-movable-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  color: white !important;
}

.react-chatbot-kit-chat-container .react-chatbot-kit-chat-bot-message-container.react-chatbot-kit-bot-message .react-chatbot-kit-chat-bot-message {
  background: #ffffff !important;
  color: #374151 !important;
}

.via-movable-chat-container .via-movable-chat-bot-message-container.via-movable-bot-message .via-movable-chat-bot-message {
  background: #ffffff !important;
  color: #374151 !important;
}

.react-chatbot-kit-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.react-chatbot-kit-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.react-chatbot-kit-avatar.react-chatbot-kit-bot-avatar {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-chatbot-kit-avatar.react-chatbot-kit-bot-avatar svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.react-chatbot-kit-avatar.react-chatbot-kit-user-avatar {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.react-chatbot-kit-avatar.react-chatbot-kit-user-avatar svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}

.react-chatbot-kit-chat-input-container {
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  border-top: 1px solid #f3f4f6;
  padding: 18px 20px;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
  position: relative;
  width: 100%;
  flex-shrink: 0;
}
.react-chatbot-kit-chat-input-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #d1d5db;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input-wrapper:hover {
  border-color: #9ca3af;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input-wrapper:focus-within {
  border-color: #FF6B6B;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1);
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input {
  flex: 1;
  border: none;
  background: #ffffff;
  padding: 12px 16px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #1f2937;
  outline: none;
  resize: none;
  min-height: 44px;
  max-height: 120px;
  width: 100%;
  min-width: 0;
  border-radius: 6px;
  will-change: auto;
  box-sizing: border-box;
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input::placeholder {
  color: #6b7280;
  font-weight: 400;
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input:focus {
  color: #1f2937;
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-btn-send {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  border-radius: 6px;
  border: none;
  padding: 12px;
  min-width: 44px;
  min-height: 44px;
  width: 44px;
  height: 44px;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 1px 3px rgba(255, 107, 107, 0.2);
  box-sizing: border-box;
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-btn-send:hover:not(:disabled) {
  background: linear-gradient(135deg, #FF5A5A 0%, #FF7A3A 100%);
  box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
  transform: translateY(-1px);
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-btn-send:active:not(:disabled) {
  background: linear-gradient(135deg, #FF4A4A 0%, #FF6A2A 100%);
  box-shadow: 0 1px 2px rgba(255, 107, 107, 0.2);
  transform: translateY(0);
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-btn-send:focus {
  outline: 2px solid rgba(255, 107, 107, 0.5);
  outline-offset: 2px;
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-btn-send:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-btn-send svg {
  width: 18px;
  height: 18px;
}

.react-chatbot-kit-chat-loading-dots {
  display: flex;
  gap: 4px;
  padding: 8px 0;
}
.react-chatbot-kit-chat-loading-dots .react-chatbot-kit-chat-loading-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF6B6B;
  animation: via-bounce 1.4s ease-in-out infinite both;
}
.react-chatbot-kit-chat-loading-dots .react-chatbot-kit-chat-loading-dot:nth-child(1) {
  animation-delay: -0.32s;
}
.react-chatbot-kit-chat-loading-dots .react-chatbot-kit-chat-loading-dot:nth-child(2) {
  animation-delay: -0.16s;
}
.react-chatbot-kit-chat-loading-dots .react-chatbot-kit-chat-loading-dot:nth-child(3) {
  animation-delay: 0s;
}

@keyframes via-bounce {
  0%, 80%, 100% {
    transform: scale(0);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.simple-chart-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 20px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
  margin: 8px 0;
}
.simple-chart-indicator .simple-chart-content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.simple-chart-indicator .simple-chart-icon {
  color: #FF6B6B;
  display: flex;
  align-items: center;
}
.simple-chart-indicator .simple-chart-text {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
}
.simple-chart-indicator .simple-chart-dots {
  display: flex;
  gap: 4px;
}
.simple-chart-indicator .simple-chart-dots .simple-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #FF6B6B;
  animation: simple-pulse 1.4s ease-in-out infinite both;
}
.simple-chart-indicator .simple-chart-dots .simple-dot:nth-child(1) {
  animation-delay: -0.32s;
}
.simple-chart-indicator .simple-chart-dots .simple-dot:nth-child(2) {
  animation-delay: -0.16s;
}
.simple-chart-indicator .simple-chart-dots .simple-dot:nth-child(3) {
  animation-delay: 0s;
}

@keyframes simple-pulse {
  0%, 80%, 100% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}
.react-chatbot-kit-chart-container {
  background: #ffffff;
  border-radius: 16px;
  padding: 24px;
  margin: 16px 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
  width: 100%;
}
.react-chatbot-kit-chart-container .react-chatbot-kit-chart-title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 24px;
  text-align: center;
}
.react-chatbot-kit-chart-container .react-chatbot-kit-chart-content {
  border-radius: 12px;
  overflow: hidden;
  min-height: 300px;
}

.react-chatbot-kit-chat-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}
.react-chatbot-kit-chat-empty-state .react-chatbot-kit-chat-empty-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.react-chatbot-kit-chat-empty-state .react-chatbot-kit-chat-empty-icon svg {
  width: 32px;
  height: 32px;
  color: #ffffff;
}
.react-chatbot-kit-chat-empty-state .react-chatbot-kit-chat-empty-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}
.react-chatbot-kit-chat-empty-state .react-chatbot-kit-chat-empty-description {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .react-chatbot-kit-chat-container {
    width: 95vw !important;
    height: 90vh !important;
    max-width: none !important;
    max-height: none !important;
    min-width: auto !important;
    min-height: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 4px 20px rgba(0, 0, 0, 0.06) !important;
  }
  .react-chatbot-kit-chat-message-container {
    padding: 16px;
    height: calc(100% - 120px) !important;
    overflow-x: hidden;
    font-size: 14px;
  }
  .react-chatbot-kit-chat-input-container {
    padding: 16px;
  }
  .react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input-wrapper {
    gap: 8px;
    width: 100%;
    max-width: 100%;
  }
  .react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-input {
    font-size: 14px;
    padding: 10px 14px;
    min-height: 40px;
    flex: 1;
    min-width: 0;
  }
  .react-chatbot-kit-chat-input-container .react-chatbot-kit-chat-btn-send {
    min-width: 40px;
    min-height: 40px;
    width: 40px;
    height: 40px;
    padding: 8px;
    flex-shrink: 0;
  }
  .react-chatbot-kit-chat-bot-message,
  .react-chatbot-kit-user-chat-message-container {
    max-width: 100%;
  }
  .react-chatbot-kit-chart-container {
    padding: 20px;
    margin: 16px 0;
  }
  .react-chatbot-kit-chart-container .react-chatbot-kit-chart-title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  .react-chatbot-kit-chart-container .react-chatbot-kit-chart-content {
    min-height: 300px;
  }
}
.chatbot-widget .chatbot-kit-button {
  position: fixed;
  border: none;
  border-radius: 50%;
  bottom: 40px;
  height: 60px;
  width: 60px;
  right: 40px;
  z-index: 9999;
}
.chatbot-widget .chatbot-kit-button :hover,
.chatbot-widget .chatbot-kit-button :active {
  border: none;
}

.react-chatbot-kit-chat-inner-container {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.react-chatbot-kit-chat-message-container {
  height: calc(100% - 140px) !important;
  min-height: 300px !important;
}

.react-chatbot-kit-chat-container {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 85vw !important;
  height: 90vh !important;
  max-width: 1200px !important;
  max-height: 1000px !important;
  min-width: 700px !important;
  min-height: 700px !important;
  overflow: hidden;
  border-radius: 16px !important;
  border: none !important;
  transition: all 0.3s ease;
  z-index: 9999;
}

.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-chat-bot-message,
.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-user-chat-message-container {
  max-width: 520px; /* Larger default width */
  width: 100%;
  height: 100%;
  margin-left: 14px;
}
.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-chat-bot-message:not(.react-chatbot-kit-user-chat-message-container),
.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-user-chat-message-container:not(.react-chatbot-kit-user-chat-message-container) {
  color: rgb(52, 71, 103);
  background-color: #ffffff;
}
.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-chat-bot-message.react-chatbot-kit-user-chat-message-container,
.react-chatbot-kit-chat-bot-message-container .react-chatbot-kit-user-chat-message-container.react-chatbot-kit-user-chat-message-container {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%) !important;
  color: white !important;
}

.react-chatbot-kit-chat-input {
  outline-color: rgb(238, 104, 104);
  color: rgb(52, 71, 103);
}

.markdown-content {
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.6;
  color: #374151;
}
.markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content h5, .markdown-content h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
  line-height: 1.25;
  color: #111827;
  font-family: "Poppins", sans-serif;
}
.markdown-content h1 {
  font-size: 1.875rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
}
.markdown-content h2 {
  font-size: 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.25rem;
}
.markdown-content h3 {
  font-size: 1.25rem;
}
.markdown-content h4 {
  font-size: 1.125rem;
}
.markdown-content p {
  margin-bottom: 1rem;
  line-height: 1.7;
  font-family: "Poppins", sans-serif;
}
.markdown-content ul, .markdown-content ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  list-style-position: outside;
  font-family: "Poppins", sans-serif;
}
.markdown-content ul {
  list-style-type: disc;
}
.markdown-content ol {
  list-style-type: decimal;
}
.markdown-content li {
  margin-bottom: 0.5rem;
  line-height: 1.6;
  padding-left: 0.25rem;
  display: list-item;
  font-family: "Poppins", sans-serif;
}
.markdown-content li p {
  margin: 0;
  display: inline;
}
.markdown-content li strong {
  display: inline;
}
.markdown-content li > *:first-child {
  display: inline;
}
.markdown-content li > p:not(:first-child) {
  margin-top: 0.5rem;
  margin-left: 1.5rem;
}
.markdown-content strong {
  font-weight: 600;
  color: #111827;
  font-family: "Poppins", sans-serif;
}
.markdown-content em {
  font-style: italic;
  font-family: "Poppins", sans-serif;
}
.markdown-content code {
  background-color: #f3f4f6;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-family: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;
  font-size: 0.875em;
  color: #dc2626;
}
.markdown-content pre {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  padding: 1rem;
  overflow-x: auto;
  margin-bottom: 1rem;
}
.markdown-content pre code {
  background-color: transparent;
  padding: 0;
  color: #374151;
  font-size: 0.875rem;
}
.markdown-content blockquote {
  border-left: 4px solid #d1d5db;
  padding-left: 1rem;
  margin: 1rem 0;
  font-style: italic;
  color: #6b7280;
  background-color: #f9fafb;
  padding: 1rem;
  border-radius: 0.25rem;
  font-family: "Poppins", sans-serif;
}
.markdown-content a {
  color: #2563eb;
  text-decoration: underline;
}
.markdown-content a:hover {
  color: #1d4ed8;
}
.markdown-content table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}
.markdown-content th, .markdown-content td {
  border: 1px solid #d1d5db;
  padding: 0.5rem;
  text-align: left;
}
.markdown-content th {
  background-color: #f9fafb;
  font-weight: 600;
}
.markdown-content hr {
  border: none;
  border-top: 1px solid #e5e7eb;
  margin: 2rem 0;
}
.markdown-content img {
  max-width: 100%;
  height: auto;
  border-radius: 0.25rem;
}
.markdown-content input[type=checkbox] {
  margin-right: 0.5rem;
}
.markdown-content del {
  text-decoration: line-through;
  color: #6b7280;
}
.markdown-content li code {
  background-color: #f3f4f6;
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
  font-size: 0.875em;
}

.chatbot-launcher {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: slide-in;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: slide-in;
  -moz-animation-fill-mode: forwards;
  animation-delay: 0;
  animation-duration: 0.5s;
  animation-name: slide-in;
  animation-fill-mode: forwards;
  align-self: flex-end;
  background-color: rgb(255, 87, 51);
  border: 0;
  border-radius: 50%;
  box-shadow: 0px 2px 10px 1px rgb(238, 104, 104);
  height: 60px;
  margin-top: 10px;
  cursor: pointer;
  width: 60px;
}
.chatbot-launcher .react-chatbot-kit-chat-input {
  outline-color: rgb(238, 104, 104);
  color: rgb(52, 71, 103);
  width: 100% !important;
}
.chatbot-launcher .react-chatbot-kit-chat-bot-message-container {
  max-height: 70vh;
  position: relative;
  overflow-y: auto;
  padding: 10px;
}
.chatbot-launcher .chatbot-open-launcher {
  width: 100%;
  height: 100%;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: rotation-rl;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: rotation-rl;
  -moz-animation-fill-mode: forwards;
  animation-delay: 0;
  animation-duration: 0.5s;
  animation-name: rotation-rl;
  animation-fill-mode: forwards;
}
.chatbot-launcher .chatbot-close-launcher {
  width: 100%;
  height: 40%;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: rotation-lr;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: rotation-lr;
  -moz-animation-fill-mode: forwards;
  animation-delay: 0;
  animation-duration: 0.5s;
  animation-name: rotation-lr;
  animation-fill-mode: forwards;
}
@media screen and (max-width: 800px) {
  .chatbot-launcher .chatbot-launcher {
    bottom: 0;
    margin: 20px;
    position: fixed;
    right: 0;
  }
  .chatbot-launcher .chatbot-hide-sm {
    display: none;
  }
}

.modern-loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-height: 400px;
  gap: 24px;
}
.modern-loading-state .modern-loading-spinner {
  position: relative;
  width: 80px;
  height: 80px;
}
.modern-loading-state .modern-loading-spinner .spinner-ring {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 3px solid transparent;
  border-radius: 50%;
}
.modern-loading-state .modern-loading-spinner .spinner-ring:nth-child(1) {
  border-top: 3px solid #FF6B6B;
  animation: modern-spin 1.2s linear infinite;
}
.modern-loading-state .modern-loading-spinner .spinner-ring:nth-child(2) {
  border-right: 3px solid #FF8E53;
  animation: modern-spin 1.2s linear infinite reverse;
  animation-delay: -0.4s;
}
.modern-loading-state .modern-loading-spinner .spinner-ring:nth-child(3) {
  border-bottom: 3px solid #FFB347;
  animation: modern-spin 1.2s linear infinite;
  animation-delay: -0.8s;
}
.modern-loading-state .modern-loading-text {
  text-align: center;
}
.modern-loading-state .modern-loading-text .loading-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
}
.modern-loading-state .modern-loading-text .loading-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #6b7280;
  font-weight: 400;
}

@keyframes modern-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.via-confirmation-modal {
  background: #ffffff;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
  max-width: 450px;
  width: 90%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.via-confirmation-modal .via-confirmation-header {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.via-confirmation-modal .via-confirmation-header .via-confirmation-icon {
  width: 48px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.via-confirmation-modal .via-confirmation-header .via-confirmation-title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: white;
  margin: 0;
}
.via-confirmation-modal .via-confirmation-content {
  padding: 32px 24px 24px;
}
.via-confirmation-modal .via-confirmation-content .via-confirmation-message {
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
  margin: 0;
  text-align: center;
}
.via-confirmation-modal .via-confirmation-actions {
  padding: 0 24px 24px;
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}
.via-confirmation-modal .via-confirmation-actions .via-confirmation-btn {
  padding: 12px 24px;
  border-radius: 12px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}
.via-confirmation-modal .via-confirmation-actions .via-confirmation-btn.via-confirmation-btn-secondary {
  background: #f3f4f6;
  color: #374151;
}
.via-confirmation-modal .via-confirmation-actions .via-confirmation-btn.via-confirmation-btn-secondary:hover {
  background: #e5e7eb;
  transform: translateY(-1px);
}
.via-confirmation-modal .via-confirmation-actions .via-confirmation-btn.via-confirmation-btn-primary {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);
}
.via-confirmation-modal .via-confirmation-actions .via-confirmation-btn.via-confirmation-btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(255, 107, 107, 0.4);
}

.simple-chat-input {
  flex: 1 !important;
  border: 2px solid #e5e7eb !important;
  background: transparent !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  color: #1f2937 !important;
  outline: none !important;
  font-family: "Poppins", sans-serif !important;
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.simple-chat-input:focus {
  background: transparent !important;
  border-color: #d1d5db !important;
  box-shadow: 0 0 0 3px rgba(209, 213, 219, 0.1) !important;
}
.simple-chat-input:hover {
  border-color: #d1d5db !important;
}
.simple-chat-input:active {
  border-color: #d1d5db !important;
}
.simple-chat-input::placeholder {
  color: #9ca3af !important;
  font-weight: 400 !important;
  opacity: 0.8 !important;
}
.simple-chat-input:disabled {
  background: #f9fafb !important;
  color: #6b7280 !important;
  cursor: not-allowed !important;
  border-color: #e5e7eb !important;
}
.simple-chat-input[class*=Mui], .simple-chat-input[class*=mui], .simple-chat-input[class*=ant], .simple-chat-input[class*=bootstrap] {
  border-color: #e5e7eb !important;
  outline-color: transparent !important;
}
.simple-chat-input[class*=Mui]:focus, .simple-chat-input[class*=mui]:focus, .simple-chat-input[class*=ant]:focus, .simple-chat-input[class*=bootstrap]:focus {
  border-color: #d1d5db !important;
  outline-color: transparent !important;
}

.simple-send-button {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: none;
  background: linear-gradient(135deg, #fe7255 0%, #ff6b6b 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 12px rgba(254, 114, 85, 0.2);
  margin-left: 12px;
}
.simple-send-button:hover:not(:disabled) {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 8px 20px rgba(254, 114, 85, 0.3);
  background: linear-gradient(135deg, #ff6b6b 0%, #fe7255 100%);
}
.simple-send-button:active:not(:disabled) {
  transform: translateY(0) scale(0.98);
  box-shadow: 0 2px 8px rgba(254, 114, 85, 0.2);
}
.simple-send-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.simple-send-button svg {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
}
.simple-send-button:hover:not(:disabled) svg {
  transform: translateX(2px);
}

.react-chatbot-kit-chat-input-container {
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  border-top: 1px solid #f3f4f6;
  padding: 16px 20px;
  border-radius: 0 0 20px 20px;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
  position: relative;
}
.react-chatbot-kit-chat-input-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
}

.react-chatbot-kit-chat-input-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 0 !important;
  position: relative !important;
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 3px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid transparent !important;
}
.react-chatbot-kit-chat-input-wrapper:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-1px) !important;
  border-color: transparent !important;
}
.react-chatbot-kit-chat-input-wrapper:focus-within {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px) !important;
  border-color: transparent !important;
}
.react-chatbot-kit-chat-input-wrapper * {
  border-color: transparent !important;
  outline-color: transparent !important;
}
.react-chatbot-kit-chat-input-wrapper input {
  border-color: #e5e7eb !important;
  outline-color: transparent !important;
}
.react-chatbot-kit-chat-input-wrapper input:focus {
  border-color: #d1d5db !important;
  outline-color: transparent !important;
}
.react-chatbot-kit-chat-input-wrapper input:hover {
  border-color: #d1d5db !important;
  outline-color: transparent !important;
}
.react-chatbot-kit-chat-input-wrapper input:active {
  border-color: #d1d5db !important;
  outline-color: transparent !important;
}

.via-movable-chat-container {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e1e5e9;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-user-select: none;
          user-select: none;
  z-index: 9999 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 8px 32px rgba(0, 0, 0, 0.08);
  will-change: transform;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  pointer-events: none !important;
}
.via-movable-chat-container .via-movable-chat-header,
.via-movable-chat-container .via-movable-chat-message-container,
.via-movable-chat-container .via-movable-chat-input-container,
.via-movable-chat-container .via-movable-resize-handle,
.via-movable-chat-container .via-movable-resize-edge,
.via-movable-chat-container .via-movable-confirmation-overlay {
  pointer-events: auto !important;
}
.via-movable-chat-container::before, .via-movable-chat-container::after {
  display: none !important;
}
.via-movable-chat-container:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18), 0 12px 40px rgba(0, 0, 0, 0.1);
  border-color: #d1d5db;
}
.via-movable-chat-container.dragging, .via-movable-chat-container.resizing {
  transition: none !important;
  will-change: transform, width, height;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2), 0 16px 48px rgba(0, 0, 0, 0.12);
  border-color: #FF6B6B;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-header-title {
  font-size: clamp(12px, 2.6vw, 13px) !important;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-message-container {
  padding: 10px !important;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-bot-message-container {
  margin-bottom: 10px !important;
  gap: 6px !important;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-bot-message-container .via-movable-chat-bot-message,
.via-movable-chat-container.via-container-medium .via-movable-chat-bot-message-container .via-movable-user-chat-message-container {
  padding: 8px 10px !important;
  max-width: 85% !important;
  margin-right: 8px !important;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-bot-message-container .via-movable-chat-bot-message .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-container.via-container-medium .via-movable-chat-bot-message-container .via-movable-chat-bot-message .react-chatbot-kit-user-chat-message-text,
.via-movable-chat-container.via-container-medium .via-movable-chat-bot-message-container .via-movable-user-chat-message-container .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-container.via-container-medium .via-movable-chat-bot-message-container .via-movable-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  font-size: clamp(10px, 2.2vw, 11px) !important;
  line-height: 1.3 !important;
}
.via-movable-chat-container.via-container-medium .via-movable-avatar {
  width: 26px !important;
  height: 26px !important;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-input-container {
  padding: 10px !important;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-input-container .via-movable-chat-input {
  font-size: clamp(13px, 2.5vw, 14px) !important;
  padding: 10px 12px !important;
  min-height: 40px !important;
}
.via-movable-chat-container.via-container-medium .via-movable-chat-input-container .via-movable-send-button {
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 8px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-header-title {
  font-size: clamp(10px, 2.8vw, 11px) !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-message-container {
  padding: 6px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-bot-message-container {
  margin-bottom: 6px !important;
  gap: 4px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-bot-message-container .via-movable-chat-bot-message,
.via-movable-chat-container.via-container-small .via-movable-chat-bot-message-container .via-movable-user-chat-message-container {
  padding: 6px 8px !important;
  max-width: 90% !important;
  margin-right: 4px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-bot-message-container .via-movable-chat-bot-message .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-container.via-container-small .via-movable-chat-bot-message-container .via-movable-chat-bot-message .react-chatbot-kit-user-chat-message-text,
.via-movable-chat-container.via-container-small .via-movable-chat-bot-message-container .via-movable-user-chat-message-container .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-container.via-container-small .via-movable-chat-bot-message-container .via-movable-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  font-size: clamp(9px, 2.5vw, 10px) !important;
  line-height: 1.2 !important;
}
.via-movable-chat-container.via-container-small .via-movable-avatar {
  width: 22px !important;
  height: 22px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-input-container {
  padding: 6px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-input-container .via-movable-chat-input {
  font-size: clamp(12px, 3vw, 13px) !important;
  padding: 8px 10px !important;
  min-height: 36px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-input-container .via-movable-send-button {
  min-width: 36px !important;
  min-height: 36px !important;
  padding: 6px !important;
}
.via-movable-chat-container.via-container-small .via-movable-chat-input-container .via-movable-send-button svg {
  width: 14px !important;
  height: 14px !important;
}

.via-movable-chat-header {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  padding: 16px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-user-select: none;
          user-select: none;
  transition: background 0.3s ease;
  cursor: grab;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: visible;
  z-index: 10001;
}
.via-movable-chat-header:hover {
  background: linear-gradient(135deg, #FF5A5A 0%, #FF7A3A 100%);
}
.via-movable-chat-header:active {
  background: linear-gradient(135deg, #FF4A4A 0%, #FF6A2A 100%);
  cursor: grabbing;
}

.via-movable-chat-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.via-movable-chat-header-title {
  color: white;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  letter-spacing: 0.5px;
  position: relative;
  z-index: 1;
}

.via-movable-chat-header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.via-movable-chat-header-action-btn {
  background: rgba(255, 255, 255, 0.1);
  border: none;
  border-radius: 8px;
  min-width: 40px;
  min-height: 40px;
  padding: 10px;
  color: #4a4a4a;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
          user-select: none;
  pointer-events: auto;
  position: relative;
}
.via-movable-chat-header-action-btn::after {
  content: attr(aria-label);
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  z-index: 10200 !important;
  pointer-events: none;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
  max-width: 200px;
}
.via-movable-chat-header-action-btn::after::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.via-movable-chat-header-action-btn:hover {
  background: rgba(255, 255, 255, 0.25);
  color: #2a2a2a;
  transform: scale(1.05);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.via-movable-chat-header-action-btn:hover::after {
  opacity: 1;
  visibility: visible;
}
.via-movable-chat-header-action-btn:active {
  transform: scale(0.95);
  background: rgba(255, 255, 255, 0.3);
  color: #2a2a2a;
}
.via-movable-chat-header-action-btn:focus {
  outline: 2px solid rgba(26, 26, 26, 0.8);
  outline-offset: 2px;
  color: #2a2a2a;
}
.via-movable-chat-header-action-btn:focus::after {
  opacity: 1;
  visibility: visible;
}
.via-movable-chat-header-action-btn svg {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
}
.via-movable-chat-header-action-btn:hover svg {
  transform: scale(1.1);
}
@media (max-width: 768px) {
  .via-movable-chat-header-action-btn::after {
    bottom: -35px;
    font-size: 11px;
    padding: 6px 10px;
    max-width: 150px;
  }
}

.via-movable-chat-container.via-container-small .via-movable-chat-header-action-btn::after {
  bottom: -30px;
  font-size: 10px;
  padding: 5px 8px;
  max-width: 120px;
}

.via-movable-chat-container.via-container-medium .via-movable-chat-header-action-btn::after {
  bottom: -32px;
  font-size: 11px;
  padding: 6px 10px;
  max-width: 140px;
}

.via-movable-chat-message-container {
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
  background: #ffffff;
  scroll-behavior: smooth;
  height: calc(100% - 140px) !important;
  min-height: 300px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 100%;
  scrollbar-width: auto;
  scrollbar-color: rgba(107, 114, 128, 0.4) rgba(156, 163, 175, 0.1);
}
.via-movable-chat-message-container * {
  max-width: 100%;
  box-sizing: border-box;
}
.via-movable-chat-message-container img, .via-movable-chat-message-container video, .via-movable-chat-message-container iframe {
  max-width: 100% !important;
  height: auto !important;
}
.via-movable-chat-message-container::-webkit-scrollbar {
  width: 8px;
}
.via-movable-chat-message-container::-webkit-scrollbar-track {
  background: rgba(156, 163, 175, 0.1);
  border-radius: 4px;
}
.via-movable-chat-message-container::-webkit-scrollbar-thumb {
  background: rgba(107, 114, 128, 0.4);
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.via-movable-chat-message-container::-webkit-scrollbar-thumb:hover {
  background: rgba(107, 114, 128, 0.6);
}
.via-movable-chat-message-container::-webkit-scrollbar-thumb:active {
  background: rgba(107, 114, 128, 0.8);
}

.via-movable-chat-bot-message-container {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 16px;
  width: 100%;
  max-width: 100%;
}
.via-movable-chat-bot-message-container.via-movable-user-message {
  flex-direction: row;
  justify-content: flex-end;
}
.via-movable-chat-bot-message-container.via-movable-user-message .via-movable-chat-bot-message,
.via-movable-chat-bot-message-container.via-movable-user-message .via-movable-user-chat-message-container {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  color: white !important;
  border-radius: 18px 4px 18px 18px;
  margin-right: 12px;
  padding: 16px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid #e2e8f0;
  max-width: 75%;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.via-movable-chat-bot-message-container.via-movable-user-message .via-movable-chat-bot-message .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-bot-message-container.via-movable-user-message .via-movable-chat-bot-message .react-chatbot-kit-user-chat-message-text,
.via-movable-chat-bot-message-container.via-movable-user-message .via-movable-user-chat-message-container .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-bot-message-container.via-movable-user-message .via-movable-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  color: white !important;
  font-family: "Poppins", sans-serif;
  font-size: clamp(11px, 2.5vw, 14px);
  font-weight: 500;
  line-height: 1.6;
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.via-movable-chat-bot-message-container.via-movable-user-message .via-movable-avatar {
  order: 2;
  flex-shrink: 0;
}
.via-movable-chat-bot-message-container.via-movable-bot-message .via-movable-chat-bot-message,
.via-movable-chat-bot-message-container.via-movable-bot-message .via-movable-user-chat-message-container {
  background: #ffffff;
  color: #374151;
  border-radius: 4px 18px 18px 18px;
  margin-right: 40px;
  padding: 12px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.05);
  max-width: 80%;
  width: -webkit-fit-content;
  width: fit-content;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}
.via-movable-chat-bot-message-container.via-movable-bot-message .via-movable-chat-bot-message .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-bot-message-container.via-movable-bot-message .via-movable-chat-bot-message .react-chatbot-kit-user-chat-message-text,
.via-movable-chat-bot-message-container.via-movable-bot-message .via-movable-user-chat-message-container .react-chatbot-kit-chat-bot-message-text,
.via-movable-chat-bot-message-container.via-movable-bot-message .via-movable-user-chat-message-container .react-chatbot-kit-user-chat-message-text {
  font-family: "Poppins", sans-serif;
  font-size: clamp(11px, 2.5vw, 14px);
  line-height: 1.5;
  margin: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.via-movable-avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.via-movable-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.via-movable-avatar.via-movable-bot-avatar {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.via-movable-avatar.via-movable-bot-avatar svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}
.via-movable-avatar.via-movable-user-avatar {
  background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.via-movable-avatar.via-movable-user-avatar svg {
  width: 20px;
  height: 20px;
  color: #ffffff;
}

.via-movable-message-bubble {
  padding: 12px 16px;
  max-width: 70%;
  word-wrap: break-word;
  line-height: 1.5;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.2s ease;
}
.via-movable-message-bubble:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.via-movable-chat-input-container {
  background: linear-gradient(180deg, #ffffff 0%, #fafbfc 100%);
  border-top: 1px solid #f3f4f6;
  padding: 16px 20px;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.06);
  position: relative;
}
.via-movable-chat-input-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e5e7eb, transparent);
}

.via-movable-chat-input-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  background: #ffffff;
  border-radius: 8px;
  padding: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1px solid #d1d5db;
}
.via-movable-chat-input-wrapper:hover {
  border-color: #9ca3af;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.via-movable-chat-input-wrapper:focus-within {
  border-color: #FF6B6B;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1);
}

.via-movable-chat-input {
  flex: 1;
  border: none;
  outline: none;
  padding: 12px 16px;
  font-size: 14px;
  line-height: 1.5;
  background: #ffffff;
  color: #1f2937;
  font-family: "Poppins", sans-serif;
  border-radius: 6px;
  min-height: 44px;
}
.via-movable-chat-input::placeholder {
  color: #6b7280;
  font-weight: 400;
}
.via-movable-chat-input:focus {
  background: #ffffff;
}

.via-movable-send-button {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  border: none;
  border-radius: 6px;
  padding: 12px;
  min-width: 44px;
  min-height: 44px;
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(255, 107, 107, 0.2);
}
.via-movable-send-button:hover:not(:disabled) {
  background: linear-gradient(135deg, #FF5A5A 0%, #FF7A3A 100%);
  box-shadow: 0 2px 6px rgba(255, 107, 107, 0.3);
  transform: translateY(-1px);
}
.via-movable-send-button:active:not(:disabled) {
  background: linear-gradient(135deg, #FF4A4A 0%, #FF6A2A 100%);
  transform: translateY(0);
  box-shadow: 0 1px 2px rgba(255, 107, 107, 0.2);
}
.via-movable-send-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
  background: #9ca3af;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.via-movable-send-button:focus {
  outline: 2px solid rgba(255, 107, 107, 0.5);
  outline-offset: 2px;
}
.via-movable-send-button svg {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
}
.via-movable-send-button:hover:not(:disabled) svg {
  transform: translateX(2px);
}

@media (max-width: 768px) {
  .via-movable-chat-input-wrapper {
    gap: 8px;
    padding: 3px;
  }
  .via-movable-chat-input {
    padding: 10px 12px;
    font-size: 16px;
  }
  .via-movable-send-button {
    padding: 10px;
    min-width: 40px;
    min-height: 40px;
  }
  .via-movable-send-button svg {
    width: 16px;
    height: 16px;
  }
}
.via-movable-resize-handle {
  position: absolute;
  width: 16px;
  height: 16px;
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  z-index: 10;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.via-movable-resize-handle:hover {
  background: linear-gradient(135deg, #FF5A5A 0%, #FF7A3A 100%);
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.via-movable-resize-handle:active {
  background: linear-gradient(135deg, #FF4A4A 0%, #FF6A2A 100%);
  transform: scale(0.95);
}
.via-movable-resize-handle .resize-icon {
  width: 8px;
  height: 8px;
  position: relative;
}
.via-movable-resize-handle .resize-icon::before, .via-movable-resize-handle .resize-icon::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}
.via-movable-resize-handle .resize-icon::before {
  border-width: 0 0 6px 6px;
  border-color: transparent transparent white transparent;
  bottom: 0;
  right: 0;
  opacity: 0.9;
}
.via-movable-resize-handle .resize-icon::after {
  border-width: 0 0 3px 3px;
  border-color: transparent transparent white transparent;
  bottom: 1px;
  right: 1px;
  opacity: 0.7;
}
.via-movable-resize-handle.via-movable-resize-nw {
  top: 0;
  left: 0;
  border-radius: 16px 0 0 0;
  cursor: nw-resize;
}
.via-movable-resize-handle.via-movable-resize-nw .resize-icon {
  transform: rotate(0deg);
}
.via-movable-resize-handle.via-movable-resize-ne {
  top: 0;
  right: 0;
  border-radius: 0 16px 0 0;
  cursor: ne-resize;
}
.via-movable-resize-handle.via-movable-resize-ne .resize-icon {
  transform: rotate(90deg);
}
.via-movable-resize-handle.via-movable-resize-sw {
  bottom: 0;
  left: 0;
  border-radius: 0 0 0 16px;
  cursor: sw-resize;
}
.via-movable-resize-handle.via-movable-resize-sw .resize-icon {
  transform: rotate(-90deg);
}
.via-movable-resize-handle.via-movable-resize-se {
  bottom: 0;
  right: 0;
  border-radius: 0 0 16px 0;
  cursor: se-resize;
}
.via-movable-resize-handle.via-movable-resize-se .resize-icon {
  transform: rotate(180deg);
}

.via-movable-resize-edge {
  position: absolute;
  background: transparent;
  z-index: 5;
  transition: background 0.2s ease;
}
.via-movable-resize-edge:hover {
  background: rgba(255, 107, 107, 0.1);
}
.via-movable-resize-edge.via-movable-resize-n {
  top: 0;
  left: 16px;
  right: 16px;
  height: 8px;
  cursor: n-resize;
}
.via-movable-resize-edge.via-movable-resize-s {
  bottom: 0;
  left: 16px;
  right: 16px;
  height: 8px;
  cursor: s-resize;
}
.via-movable-resize-edge.via-movable-resize-e {
  top: 16px;
  bottom: 16px;
  right: 0;
  width: 8px;
  cursor: e-resize;
}
.via-movable-resize-edge.via-movable-resize-w {
  top: 16px;
  bottom: 16px;
  left: 0;
  width: 8px;
  cursor: w-resize;
}

.via-movable-loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
}

.via-movable-loading-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.via-movable-loading-spinner .spinner-ring {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f4f6;
  border-top: 3px solid #FF6B6B;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 4px;
}
.via-movable-loading-spinner .spinner-ring:nth-child(2) {
  animation-delay: 0.2s;
  border-top-color: #FF8E53;
}
.via-movable-loading-spinner .spinner-ring:nth-child(3) {
  animation-delay: 0.4s;
  border-top-color: #3b82f6;
}

.via-movable-loading-text .loading-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 8px;
}
.via-movable-loading-text .loading-subtitle {
  font-size: 14px;
  color: #64748b;
}

.via-movable-loading-indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  margin-bottom: 16px;
}

.via-movable-loading-content {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #64748b;
  font-size: 14px;
}

.via-movable-loading-spinner-small {
  width: 16px;
  height: 16px;
  border: 2px solid #f3f4f6;
  border-top: 2px solid #FF6B6B;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.via-movable-loading-text-small {
  font-size: 14px;
  color: #64748b;
}

.via-movable-chat-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  text-align: center;
}

.via-movable-chat-empty-icon {
  width: 64px;
  height: 64px;
  background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.via-movable-chat-empty-icon svg {
  width: 32px;
  height: 32px;
  color: #94a3b8;
}

.via-movable-chat-empty-title {
  font-size: 20px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 8px;
}

.via-movable-chat-empty-description {
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
}

.via-movable-chart-indicator {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.via-movable-chart-content {
  display: flex;
  align-items: center;
  gap: 8px;
}

.via-movable-chart-icon {
  width: 24px;
  height: 24px;
  color: #3b82f6;
}

.via-movable-chart-text {
  font-size: 14px;
  color: #64748b;
  font-weight: 500;
}

.via-movable-chart-dots {
  display: flex;
  gap: 4px;
}

.via-movable-dot {
  width: 6px;
  height: 6px;
  background: #3b82f6;
  border-radius: 50%;
  animation: pulse 1.5s ease-in-out infinite;
}
.via-movable-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.via-movable-dot:nth-child(3) {
  animation-delay: 0.4s;
}

.via-movable-loading-dots {
  display: flex;
  gap: 4px;
  padding: 16px;
}

.via-movable-loading-dot {
  width: 8px;
  height: 8px;
  background: #94a3b8;
  border-radius: 50%;
  animation: bounce 1.4s ease-in-out infinite both;
}
.via-movable-loading-dot:nth-child(2) {
  animation-delay: 0.2s;
}
.via-movable-loading-dot:nth-child(3) {
  animation-delay: 0.4s;
}

.via-movable-confirmation-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001 !important;
}

.via-movable-confirmation-modal {
  background: white;
  border-radius: 16px;
  padding: 24px;
  max-width: 400px;
  width: 90%;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.via-movable-confirmation-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}

.via-movable-confirmation-icon {
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.via-movable-confirmation-icon svg {
  width: 24px;
  height: 24px;
  color: #ef4444;
}

.via-movable-confirmation-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}

.via-movable-confirmation-content {
  margin-bottom: 24px;
}

.via-movable-confirmation-message {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}

.via-movable-confirmation-actions {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.via-movable-confirmation-btn {
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
.via-movable-confirmation-btn:hover {
  transform: translateY(-1px);
}
.via-movable-confirmation-btn:active {
  transform: translateY(0);
}

.via-movable-confirmation-btn-secondary {
  background: #f1f5f9;
  color: #64748b;
}
.via-movable-confirmation-btn-secondary:hover {
  background: #e2e8f0;
}

.via-movable-confirmation-btn-primary {
  background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  color: white;
}
.via-movable-confirmation-btn-primary:hover {
  background: linear-gradient(135deg, #FF5A5A 0%, #FF7A3A 100%);
}

@media (max-width: 768px) {
  .via-movable-chat-container {
    width: 95vw !important;
    height: 90vh !important;
    max-width: none !important;
    max-height: none !important;
    min-width: auto !important;
    min-height: auto !important;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 4px 20px rgba(0, 0, 0, 0.06);
  }
  .via-movable-chat-container:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 0, 0, 0.08);
  }
  .via-movable-chat-container.dragging, .via-movable-chat-container.resizing {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18), 0 12px 32px rgba(0, 0, 0, 0.1);
  }
  .via-movable-chat-message-container {
    padding: 16px;
  }
  .via-movable-chat-input-container {
    padding: 16px;
  }
  .via-movable-message-bubble {
    max-width: 85%;
  }
  .via-movable-resize-handle {
    display: none;
  }
}
.via-movable-chat-container .markdown-content {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  max-width: 100%;
}
.via-movable-chat-container .markdown-content * {
  overflow-wrap: break-word;
  word-wrap: break-word;
  max-width: 100%;
}
.via-movable-chat-container .markdown-content a, .via-movable-chat-container .markdown-content code, .via-movable-chat-container .markdown-content pre {
  word-break: break-all;
  overflow-wrap: anywhere;
}
.via-movable-chat-container .markdown-content pre {
  white-space: pre-wrap;
  overflow-x: auto;
}
.via-movable-chat-container.via-container-medium .markdown-content {
  font-size: clamp(10px, 2.2vw, 11px) !important;
  line-height: 1.3 !important;
}
.via-movable-chat-container.via-container-medium .markdown-content h1, .via-movable-chat-container.via-container-medium .markdown-content h2, .via-movable-chat-container.via-container-medium .markdown-content h3, .via-movable-chat-container.via-container-medium .markdown-content h4, .via-movable-chat-container.via-container-medium .markdown-content h5, .via-movable-chat-container.via-container-medium .markdown-content h6 {
  font-size: clamp(12px, 2.6vw, 13px) !important;
  margin-top: 0.6em !important;
  margin-bottom: 0.2em !important;
}
.via-movable-chat-container.via-container-medium .markdown-content h1 {
  font-size: clamp(14px, 3vw, 15px) !important;
}
.via-movable-chat-container.via-container-medium .markdown-content h2 {
  font-size: clamp(13px, 2.8vw, 14px) !important;
}
.via-movable-chat-container.via-container-medium .markdown-content h3 {
  font-size: clamp(12px, 2.6vw, 13px) !important;
}
.via-movable-chat-container.via-container-medium .markdown-content h4 {
  font-size: clamp(11px, 2.4vw, 12px) !important;
}
.via-movable-chat-container.via-container-medium .markdown-content p {
  font-size: clamp(10px, 2.2vw, 11px) !important;
  margin-bottom: 0.6rem !important;
  line-height: 1.3 !important;
}
.via-movable-chat-container.via-container-medium .markdown-content ul, .via-movable-chat-container.via-container-medium .markdown-content ol {
  font-size: clamp(10px, 2.2vw, 11px) !important;
  margin-bottom: 0.6rem !important;
  padding-left: 0.8rem !important;
}
.via-movable-chat-container.via-container-medium .markdown-content li {
  font-size: clamp(10px, 2.2vw, 11px) !important;
  margin-bottom: 0.2rem !important;
  line-height: 1.3 !important;
}
.via-movable-chat-container.via-container-medium .markdown-content strong, .via-movable-chat-container.via-container-medium .markdown-content em {
  font-size: inherit !important;
}
.via-movable-chat-container.via-container-medium .markdown-content code {
  font-size: clamp(9px, 2vw, 10px) !important;
  padding: 1px 3px !important;
}
.via-movable-chat-container.via-container-medium .markdown-content blockquote {
  font-size: clamp(9px, 2vw, 10px) !important;
  padding-left: 0.6rem !important;
  margin-bottom: 0.6rem !important;
}
.via-movable-chat-container.via-container-small .markdown-content {
  font-size: clamp(9px, 2.5vw, 10px) !important;
  line-height: 1.2 !important;
}
.via-movable-chat-container.via-container-small .markdown-content h1, .via-movable-chat-container.via-container-small .markdown-content h2, .via-movable-chat-container.via-container-small .markdown-content h3, .via-movable-chat-container.via-container-small .markdown-content h4, .via-movable-chat-container.via-container-small .markdown-content h5, .via-movable-chat-container.via-container-small .markdown-content h6 {
  font-size: clamp(11px, 3vw, 12px) !important;
  margin-top: 0.5em !important;
  margin-bottom: 0.15em !important;
}
.via-movable-chat-container.via-container-small .markdown-content h1 {
  font-size: clamp(13px, 3.5vw, 14px) !important;
}
.via-movable-chat-container.via-container-small .markdown-content h2 {
  font-size: clamp(12px, 3.2vw, 13px) !important;
}
.via-movable-chat-container.via-container-small .markdown-content h3 {
  font-size: clamp(11px, 3vw, 12px) !important;
}
.via-movable-chat-container.via-container-small .markdown-content h4 {
  font-size: clamp(10px, 2.8vw, 11px) !important;
}
.via-movable-chat-container.via-container-small .markdown-content p {
  font-size: clamp(9px, 2.5vw, 10px) !important;
  margin-bottom: 0.5rem !important;
  line-height: 1.2 !important;
}
.via-movable-chat-container.via-container-small .markdown-content ul, .via-movable-chat-container.via-container-small .markdown-content ol {
  font-size: clamp(9px, 2.5vw, 10px) !important;
  margin-bottom: 0.5rem !important;
  padding-left: 0.6rem !important;
}
.via-movable-chat-container.via-container-small .markdown-content li {
  font-size: clamp(9px, 2.5vw, 10px) !important;
  margin-bottom: 0.15rem !important;
  line-height: 1.2 !important;
}
.via-movable-chat-container.via-container-small .markdown-content strong, .via-movable-chat-container.via-container-small .markdown-content em {
  font-size: inherit !important;
}
.via-movable-chat-container.via-container-small .markdown-content code {
  font-size: clamp(8px, 2.2vw, 9px) !important;
  padding: 1px 2px !important;
}
.via-movable-chat-container.via-container-small .markdown-content blockquote {
  font-size: clamp(8px, 2.2vw, 9px) !important;
  padding-left: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}.accordion-more {
  background: transparent !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-radius: 2rem !important;
  cursor: pointer;
}
.accordion-more::before {
  display: none;
}
.accordion-more .MuiAccordionSummary-root {
  min-height: unset !important;
  padding: 0 !important;
}
.accordion-more .MuiAccordionSummary-root.Mui-expanded {
  min-height: unset !important;
}
.accordion-more .MuiAccordionSummary-root .MuiAccordionSummary-content {
  margin: 0 !important;
}
.accordion-more .MuiAccordionSummary-root .MuiAccordionSummary-content.Mui-expanded {
  margin: 0 !important;
}
.accordion-more .MuiAccordionDetails-root {
  padding: 8px 0;
}body {
  --ag-legacy-styles-loaded: "true";
}

.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}

.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}

.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}

.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}

.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}

.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}

.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}

.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}

.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}

.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}

.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}

.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}

.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}

.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}

.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}

.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}

.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}

.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}

.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}

.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}

.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}

.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}

.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}

.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}

.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}

.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}

.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}

.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}

.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}

.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}

.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}

.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}

.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}

.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}

.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}

.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}

.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}

.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}

.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}

.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}

.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}

.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}

.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}

.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}

.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}

.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}

.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}

.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}

.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}

.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}

.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}

.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}

.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}

.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}

.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}

.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}

.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}

.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}

.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}

.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}

.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}

.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}

.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}

.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}

.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}

.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}

.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}

.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}

.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}

.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}

.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}

.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}

.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}

.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}

.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}

.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}

.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}

.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}

.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}

.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}

.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}

.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}

.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}

.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}

.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}

.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}

.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}

.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}

.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}

.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}

.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}

.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}

.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}

.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}

.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}

.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}

.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}

.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}

.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}

.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}

.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}

.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}

.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}

.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}

.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}

.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}

.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}

.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}

.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}

.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}

.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}

.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}

.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}

.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}

.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}

[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-odd-row-background-color: var(--ag-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
}

.ag-root-wrapper,
.ag-sticky-top,
.ag-sticky-bottom,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}

.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}

[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}

ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}

.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}

.ag-hidden {
  display: none !important;
}

.ag-invisible {
  visibility: hidden !important;
}

.ag-drag-handle {
  cursor: grab;
}

.ag-column-drop-wrapper {
  display: flex;
}

.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}

.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  user-select: text;
}

.ag-tab {
  position: relative;
}

.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}

.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}

.ag-tab-guard-top {
  top: 1px;
}

.ag-tab-guard-bottom {
  bottom: 1px;
}

.ag-select-agg-func-popup {
  position: absolute;
}

.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}

.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}

@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}

.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}

.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}

.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}

.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}

.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}

.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.ag-sticky-top-container,
.ag-sticky-bottom-container {
  min-height: 1px;
}

.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}

.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}

.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}

.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}

.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}

.ag-header-container,
.ag-floating-top-container,
.ag-floating-bottom-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}

.ag-center-cols-container {
  display: block;
}

.ag-pinned-right-cols-container {
  display: block;
}

.ag-body-horizontal-scroll-container {
  height: 100%;
}

.ag-body-vertical-scroll-container {
  width: 100%;
}

.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}

.ag-full-width-container {
  width: 100%;
}

.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.ag-virtual-list-container {
  overflow: hidden;
}

.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}

.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}

.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}

.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}

.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}

.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}

.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.ag-header-cell-sortable .ag-header-cell-label {
  cursor: pointer;
}

.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}

.ag-pinned-left-header {
  height: 100%;
}

.ag-pinned-right-header {
  height: 100%;
}

.ag-header-row {
  position: absolute;
}

.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}

.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}

.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}

.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}

.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}

.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}

.ag-header-cell-label {
  text-overflow: ellipsis;
}

.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}

.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}

.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.ag-header-cell-comp-wrapper {
  width: 100%;
}

.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}

.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}

.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}

.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}

.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}

.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}

.ag-header-select-all {
  display: flex;
}

.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}

.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}

.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}

.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}

.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}

.ag-column-select-header-icon {
  position: relative;
}

.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}

.ag-column-select-header-filter {
  width: 100%;
}

.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}

.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}

.ag-column-drop-list {
  display: flex;
  align-items: center;
}

.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}

.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}

.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}

.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}

.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}

.ag-column-drop-vertical-empty-message {
  display: block;
}

.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}

.ag-column-drop-cell-button {
  cursor: pointer;
}

.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}

.ag-filter-toolpanel-header {
  position: relative;
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}

.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}

.ag-row-animation .ag-row {
  transition: transform 0.4s, top 0.4s, opacity 0.2s;
}

.ag-row-animation .ag-row.ag-after-created {
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
}

.ag-row-no-animation .ag-row {
  transition: none;
}

.ag-row {
  white-space: nowrap;
  width: 100%;
}

.ag-row-loading {
  display: flex;
  align-items: center;
}

.ag-row-position-absolute {
  position: absolute;
}

.ag-row-position-relative {
  position: relative;
}

.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}

.ag-row-inline-editing {
  z-index: 1;
}

.ag-row-dragging {
  z-index: 2;
}

.ag-stub-cell {
  display: flex;
  align-items: center;
}

.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}

.ag-cell-value {
  flex: 1 1 auto;
}

.ag-cell-value,
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}

.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}

.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}

.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor input {
  height: 100%;
  width: 100%;
  line-height: normal;
}

.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}

.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}

.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}

.ag-filter-filter {
  flex: 1 1 0px;
}

.ag-filter-condition {
  display: flex;
  justify-content: center;
}

.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}

.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}

.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}

.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}

.ag-floating-filter-button {
  display: flex;
  flex: none;
}

.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}

.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}

.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}

.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ag-overlay-loading-wrapper {
  pointer-events: all;
}

.ag-popup-child {
  z-index: 5;
  top: 0;
}

.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-large-text-input {
  display: block;
}

.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}

.ag-floating-top {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-top {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}

.ag-pinned-left-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-pinned-right-floating-bottom {
  display: inline-block;
  overflow: hidden;
  position: relative;
  min-width: 0px;
}

.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}

.ag-sticky-bottom {
  box-sizing: content-box !important;
}

.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}

.ag-panel-title-bar-title {
  flex: 1 1 auto;
}

.ag-panel-title-bar-buttons {
  display: flex;
}

.ag-panel-title-bar-button {
  cursor: pointer;
}

.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}

.ag-dialog {
  position: absolute;
}

.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}

.ag-tooltip {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}

.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}

.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}

.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}

.ag-opacity-zero {
  opacity: 0 !important;
}

.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}

.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.ag-menu-list {
  display: table;
  width: 100%;
}

.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}

.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}

.ag-menu-option-text {
  white-space: nowrap;
}

.ag-menu-option-custom {
  display: contents;
}

.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}

.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}

.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}

.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}

.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}

.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}

.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}

.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-loading-text {
  min-height: 2rem;
}

.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}

.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::-moz-placeholder {
  opacity: 0.8;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}

.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}

.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-autocomplete-list {
  position: relative;
}

.ag-autocomplete-virtual-list-item {
  display: flex;
}

.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}

.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}

.ag-paging-button {
  position: relative;
}

.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}

.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}

.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ag-column-select-checkbox {
  display: flex;
}

.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}

.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}

.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}

.ag-details-row {
  width: 100%;
}

.ag-details-row-fixed-height {
  height: 100%;
}

.ag-details-grid {
  width: 100%;
}

.ag-details-grid-fixed-height {
  height: 100%;
}

.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
}

.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}

.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}

.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}

.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}

.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}

.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}

.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}

.ag-side-button-label {
  writing-mode: vertical-lr;
}

.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}

.ag-status-panel {
  display: inline-flex;
}

.ag-status-name-value {
  white-space: nowrap;
}

.ag-status-bar-left {
  display: inline-flex;
}

.ag-status-bar-center {
  display: inline-flex;
}

.ag-status-bar-right {
  display: inline-flex;
}

.ag-icon {
  display: block;
  speak: none;
}

.ag-group {
  position: relative;
  width: 100%;
}

.ag-group-title-bar {
  display: flex;
  align-items: center;
}

.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.ag-group-title-bar .ag-group-title {
  cursor: default;
}

.ag-group-toolbar {
  display: flex;
  align-items: center;
}

.ag-group-container {
  display: flex;
}

.ag-disabled .ag-group-container {
  pointer-events: none;
}

.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}

.ag-group-container-vertical {
  flex-direction: column;
}

.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}

.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}

.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}

.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}

.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}

.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ag-input-field-input {
  flex: 1 1 auto;
}

.ag-floating-filter-input .ag-input-field-input[type=date] {
  width: 1px;
}

.ag-range-field {
  display: flex;
  align-items: center;
}

.ag-angle-select {
  display: flex;
  align-items: center;
}

.ag-angle-select-wrapper {
  display: flex;
}

.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}

.ag-angle-select-child-circle {
  position: absolute;
}

.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}

.ag-picker-field-display {
  flex: 1 1 auto;
}

.ag-picker-field {
  display: flex;
  align-items: center;
}

.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}

.ag-picker-field-wrapper {
  overflow: hidden;
}

.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}

.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}

.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}

.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-spectrum-val {
  cursor: pointer;
}

.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}

.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}

.ag-spectrum-hue-background {
  background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  width: 100%;
  height: 100%;
}

.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
}

.ag-spectrum-alpha-background {
  background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}

.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}

.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}

.ag-spectrum-alpha .ag-spectrum-slider {
  background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white;
}

.ag-recent-colors {
  display: flex;
}

.ag-recent-color {
  cursor: pointer;
}

.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}

.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}

.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}

.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}

.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}

.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}

@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}

[class^=ag-]::-ms-clear {
  display: none;
}

.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}

.ag-range-field .ag-input-wrapper {
  height: 100%;
}

.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}

.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}

.ag-button:hover {
  background-color: transparent;
}

.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}

input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}

textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}

input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}

input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[class^=ag-][type=range] {
  padding: 0;
}

input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}

.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}

.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}

.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}

.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}

.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}

.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}

.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}

.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}

.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}

.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}

.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}

.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}

.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}

.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}

.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}

.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}

.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}

.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}

.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}

.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}

.ag-color-panel {
  padding: var(--ag-grid-size);
}

.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}

.ag-spectrum-tools {
  padding: 10px;
}

.ag-spectrum-sat {
  background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0));
}

.ag-spectrum-val {
  background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0));
}

.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}

.ag-spectrum-hue-background {
  border-radius: 2px;
}

.ag-spectrum-alpha-background {
  border-radius: 2px;
}

.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}

.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

.ag-recent-colors {
  margin-top: 10px;
}

.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}

.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}

.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}

.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}

.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}

.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}

.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}

.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}

.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-loading-text {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}

.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}

.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}

.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}

.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}

.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}

.ag-rich-select-row-text-highlight {
  font-weight: bold;
}

.ag-autocomplete {
  width: 100%;
}

.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}

.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}

.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}

.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}

.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}

.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}

.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}

.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}

.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}

.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}

.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}

.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}

.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}

.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}

.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}

.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}

.ag-column-select-header-icon {
  cursor: pointer;
}

.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}

.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}

.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}

.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}

.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}

.ag-rtl {
  text-align: right;
}

.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}

.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}

.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}

.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}

.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}

.ag-value-change-delta {
  padding-right: 2px;
}

.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}

.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}

.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}

.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}

.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}

.ag-cell-data-changed-animation {
  background-color: transparent;
}

.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}

.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-background-color);
  color: var(--ag-data-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}

.ag-row-highlight-above::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: 1px;
  background-color: var(--ag-range-selection-border-color);
  left: 1px;
}

.ag-row-highlight-above::after {
  top: 0px;
}

.ag-row-highlight-below::after {
  bottom: 0px;
}

.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.ag-row-hover.ag-full-width-row.ag-row-group > * {
  position: relative;
}

.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}

.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}

.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}

.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}

.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}

.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var(
      --ag-line-height,
      calc(var(--ag-row-height) - var(--ag-row-border-width))
  );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}

.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}

.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}

.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}

.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}

.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}

.ag-rtl .ag-large-text-input textarea {
  resize: none;
}

.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-background-color);
}

.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}

.ag-overlay-loading-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}

.ag-overlay-loading-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
}

.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}

.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}

@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}

.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-floating-bottom {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}

.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-cell-range-selected:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}

.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}

.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}

.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}

.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}

.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}

.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}

.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}

.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}

.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}

.ag-fill-handle {
  cursor: cell;
}

.ag-range-handle {
  cursor: nwse-resize;
}

.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}

.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}

.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}

.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}

.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}

.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}

.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}

.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}

.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}

.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}

.ag-tabs-header {
  display: flex;
}

.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}

.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}

.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}

.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}

.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}

.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}

.ag-filter-condition-operator {
  height: 17px;
}

.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}

.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}

.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}

.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}

.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-set-filter {
  --ag-indentation-level: 0;
}

.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}

.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}

.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}

.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}

.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}

.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}

.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}

.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}

.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}

.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-side-bar {
  position: relative;
}

.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}

.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}

button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}

.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}

.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}

.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}

.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}

.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}

.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}

.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}

.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}

.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}

.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}

.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}

.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}

.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}

.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}

.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}

.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}

.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}

.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}

.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}

.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}

.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}

.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}

.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}

.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}

.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}

.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}

.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}

.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
}

.ag-header-highlight-before::after {
  left: 0px;
}

.ag-header-highlight-after::after {
  right: 0px;
}

.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}

.ag-header-cell-resize {
  display: flex;
  align-items: center;
}

.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}

.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}

.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}

.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}

.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}

.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
}

.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}

.ag-paging-button {
  cursor: pointer;
}

.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}

.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}

.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}

.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}

.ag-status-bar-center {
  text-align: center;
}

.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}

.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}

.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-column-drop-cell-ghost {
  opacity: 0.5;
}

.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}

.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}

.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}

.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}

.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}

.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}

.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}

.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}

.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}

.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}

.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}

.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-sort-indicator-container {
  display: flex;
}

.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}

.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}

.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}

.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}

.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}

.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}

.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}

.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}

.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}

.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.ag-chart-settings {
  overflow-x: hidden;
}

.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}

.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}

.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}

.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}

.ag-chart-mini-thumbnail {
  cursor: pointer;
}

.ag-chart-mini-thumbnail-canvas {
  display: block;
}

.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}

.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}

.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}

.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}

.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}

.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}

.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}

.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}

.ag-chart .ag-chart-menu {
  display: none;
}

.ag-chart-menu-hidden:hover .ag-chart-menu {
  display: block;
}

.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}

.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}

.ag-charts-data-group-item {
  position: relative;
}

.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}

.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}

.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}

.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}

.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}

.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}

.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}

.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}

.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}

.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}

.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}

.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}

.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}

.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}

.ag-charts-theme-default {
  --ag-charts-align: none !important;
  --ag-charts-justify: none !important;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
  box-shadow: none;
}

.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
  box-shadow: var(--ag-input-focus-box-shadow);
}

.ag-date-time-list-page-title-bar {
  display: flex;
}

.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}

.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}

.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}

.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}

.ag-date-time-list-page-column-label {
  text-align: center;
}

.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}

.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}

.ag-advanced-filter-apply-button,
.ag-advanced-filter-builder-button {
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-apply-button,
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-apply-button,
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}

.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}

.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}

.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}

.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}

.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}

.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}

.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}

.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}

.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}

.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}

.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}

.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}

.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}

.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}

.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}

.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}

.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}

.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}

.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}

.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}

.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}

.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}

.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}

.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}

.ag-input-field-input {
  width: 100%;
  min-width: 0;
}

.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}

.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}

.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}

input[class^=ag-][type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
input[class^=ag-][type=range]::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
input[class^=ag-][type=range]::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
input[class^=ag-][type=range]::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
input[class^=ag-][type=range]::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
input[class^=ag-][type=range]:focus {
  outline: none;
}
input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
input[class^=ag-][type=range]:disabled {
  opacity: 0.5;
}
@font-face {
  font-family: "agGridQuartz";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABmsAAsAAAAANbQAABlcAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KxFS3OAE2AiQDgkALgSIABCAFhEYHhUIbrS1lhhRsHMDmjYY+2f9fJnBjSJQDf3Gmak2UmCoRplwn+JpsYTlytdwFD68gMxAuB6741XeLNiaMyYN/Iiaja7H1EUOGUhLUj/323jcjUYJlMU80EU94ogRKZmiBUH/jr7U+X0/3AC4BDOAS/7sQgIpQqZPxwEKiCutUygMLnSGasyZsKRo2YYIFiy8EPEDFongwrRhWQbxiSLopNaEOFUqTmm5qTrZHFe66WzFSMeAFzgogYN7fKmG3GmaqyKkJcuZTdX6S1pPWgQysvt4IsiLS+voh/7c/Nf9aap09LHbKmLfn5uSXXQaBSUDiCeFyEfB/OrPWEGLnEOaAq4q6TjMaaT1/vryWIS+yorfn9ZGikFbLXqKkOkCurrTXB3ZYQawu1RUll1g0V7TXpT5oqytTnm411z0+bukoMcg+f00X2lun4IUXCmKEACE+kpAE6lenRyKAsj4HNb6eX6ecPHBzJomInhng2DlOntjfxL1nkYIlgTuw7NOgKLrdy34IBb2MPkp1rOGX8duZ37On0REwTl4XItLicDqDRmWy2BwUhj67sc3lwbZnluMFxdG5tfcOYgid5cCtVtNehZ9qy6N8Y2XPZC7cDds5fr5VvsKT56ihWTQLJkKQ1WcJ4R0ZNjxzKu/t8IM4awcqx5ZhK4C2NmOYC8PMrLy/b+tuPdg6Y2FYi6DJoNulpfrW0iUyBGfmbB7flj4+b9u2A4Ojg7DMLMlc2lQot5k2VPOScbe2iDCsmfKIjHtnYCiqLNc97FUtol0JuSGUyx9tDMmTW27PdDTn33bOcGZq42bBvYMpTkJpSldN46kjVKfZwUqStp51wye+1u2lz/6LoCKwohYzJtX7X7GtyXp2TpAxum+e5Xx6wxbDzzBCoceT2HSt1W0cSA0adCIBQZNONWvQ2xKwrLX2dhwegjEDrnpBo/+CSmeSzfUGHo9E2G/2kWLS3okPNsBahCCpbijNlRuo69CkwPZcRJkgz/aYlslJl5Rs0p+2PbM9V5JNk8y39txZBke1ZlHnXhhyeLrFuZgzETWMvfnYprE1sMD2ZLmzI2vss+MGOI65YGuHKIcGvaYpz0Y8neFkb4yDKAZceNtQ5ixPBmuPECo9TwnmxxqwwyKyG3O1yyiz1MuuRRSq95CmAoIzc1s7w9uTM5LejRtokJ6oz4Gv5IePP2FBASR0BqK9WN6b2PG1oKaO/AnYyM592zB8fiuQAzJAh2/MpdbiUrQA3nsdMCHv9BC/Aqo4FKLjCc97s6n/+y86PeApLzZRSo+sIMXBtKopUIW9MrMAebbMG1iW5qRjTJwMsUcY19rRBULBCBoz210OTyCSyBQ+fgFBIWr9UTFxCZwFmJKWkZUjyisoKikLqqiqqWtoamnr6OrpGxjyGxmbmILIQ3QnT2nUNTGb7j1rCwuWozODdrf/+4fN/WlofVwCrwowGQ9WVctXZArYJF3AFpkAtskIsEOmgV3SC+yRRWCfdAMHZAw4JP3AMRkHTsgocEpmgDMyCJyTAeCCzAFXpAe4JsPADekDbskscEcWgHsyBDyQSeCRzANP1y6BJgIJUgBADAAkAEAaAMgAAFkAIAcA5AGAAgBQBABKAEAZAKgAAH0AQD8AMAAADAIAQwDAMAAwAgCMAgBjAMA4ADABAEwCAFMAwDQAMAMAzAIAcwDAPFS5sQBwiUUAYAkAWAYAVgCAVaiyYg2gCOsAwAYAsAkAbAEA2wDADgCwCwDsAQD7AMABAHAIABwBAMcAwAlUteEUgA1VAKAGANQhoITlzRa+gU9Q/qf2I3Li106LExgVpVnKQxjkqZk/ObMidiGpueT8tqQ2PGZHiVYjBBKD4ckloivb1pN5uXp2kE1l4ymJSctRdtYwWPKH0wEsDNwsX+Kl5KFbL1yOteU6L8pqSyE+NCvSSZVQMl+QJUlW5JWZil+coEQqEKEj0QVJNaqyP9zNF/ORTFrCwSAOBeVwPJlMRxIZgVz+iGI8gvM6LXJp4jHgR9hn2dRlE/KX0iwKLg8JpHDBKZOuXrEc3cK8bFR4RNpbktpLK/3TUFBQzHwxKHPEPemSPVYh52btL5tI2tUqu0rTu4ys7eWL8y9Eomq1uFDYnSrdfQfjF733Za2SVpL1SMCWKrm88qJqYfczJVegXwuoOvGYrLjFJ1Fw+2ResiOlvW4hH7sMWNWJZPWWbf+E84zw80iIImUxujRJtJnWM+JYtWLw+IU8A4YNd5ccTnjnCqK1wtoj9om+aLEsCpZyVDD5k9kt9HqSllAqEDPwm55gmtD4VPQz+F60fNGZSQOJEi59194/82c03/ySrw4PGT+Kf8ULrK+kh8lR+pMueTU3jJYrXifpXpkhEB70Qh2mYbYHVeKKvfd3OTFyFLH4tiOzmFZzehnv6crh4CgZH0ZrnBVdKZNR2UxJsG0Fh9CDbu55MjrIEDgwAp7DY0P0HXS9YrgMjuUYmUU+UFIlaRKwt0pBieFxOiULAVVdq82vlDTVQjoKdEYluGHl0NiWVMvIwKySisFRjgRl78c+q12XyYB8PnsTjwyc0EKRFooqyR0aAzr9tPl7D2S07t8zqipKmfvm/Q3EB7qlxuItPMEwcFLUA3jE3gDsJ0+nlaxgc9z1O5AvX5RbUqibURkH9bC+myOLzen2dGgYoiU6Po9zfPlsON32RAk9k1JiKrCGzy3JrbBmWCyipmnbZrbFIoeVKr1aHaqXiiQvmDakMWnR5wDLZZ5VL4SMhp6tKRqVWEo5IpiQIUHJnceWJaozXBElto57YC/pR30ySpIoKq5SMrTVq+Dv1UZhXBhPxckNou2a2hGnLrOJu5YgyillKpS6xmIaHLTzPxEpQ8scv5Dj5UdAe8IVLVQU2uROV7SZbsL5qcc812Wl3b2gkcMFcYUqaBtg+BLSe7CHYtpZN1cQ36lF+ojOEiWKewqjd9rTwn1GS/+Gq187dGDqRAzwopxfGSwtyma5Wz5ErfagXSKzJ+xC42QvbVVpld/Gh6Gcnb5zW+3m4P5KghzLIJKczT7ojhCwWB27MHQguUKJ8KkJXSx+ZqGrVXv7z45rSaP1To/u7p1td7bXz/j9wpAacwmWw4PZNzEvW9vafRf1k17Yg/s0HIYwikiSIPKmHd/bP7esu7V2WvW5AUbAZQ7mwNQCp769c3rF7t7To0pEtOQmCrjnix50Ndz0lZN4OprysAs9Tk9XLQKv067qMWg+a+M2pwavN81EaFZ2THFMgZu+dTHrLiO5Dc+Rzt5a7Ve90qv4AAiPXb7RhljaAvecls4kD2deTuBtn6iLh69pzFTZo7IBFGkTBh+qN2vaAySq1TVIvU/+729GTX1dAGB/tpIjUc6BoZbu+QB39DTAxt7OXFaTCXCvplGSenqq0rqHp3SnOrXkKF/zDIVyt6VLxrsazWmTn9XIq32Y//YDz4I3PEkMO5RkRhLeHdRvaZJO8+Ls0aU+aFDjYABF0V6evXhjRuEqYs9nwXOG39QWgx3haO2P55NcfSsWgQmPTk6WYhIr3fjeCKcPUG93jfzRXaMFOJBWEi0hIIPMvIMOqnVBdA3ijDasjkdmAV84g5S6++tZuTQ/CU9SlrGXy1haGczkpmHeHqjryd7OCh/IgOUumfNa1aoK2l2zlSv4E3VOSzn4aNoXDYxsYmBbs62DU7l8rtPm8NZ2d2LZtrE4GQasevPrbd0Hxvu7jqh2DX0ZAclTrv0+MFGgHNpq9ZFSIWlPPisaHp9M4OObNZqbEn63TJkdpoPIYnpi6uFjWS1n4fTIC2XyZGxMPpJVhmYQpUC0PbgekWJXMM/xkKnYgrfEOa5Tiapmfn2g4tKlNCotLo+ve2FXT2sIcbzBQTPL6qX+o+13e9vMUPnolMocb1ZJaUIhLevTVkmjxDNSatY9nLKgmBeUUlGnvqJTzs37GZfKHJs+b5osE9hHhauZ+7fIe9WYVcE1kSnO3rW+hihvY+yw4GYVHTVazHt2VoAc0tsYBw9wRLr/e4gaaKFdqneOTgyAQgP/9jbChrdsC2qcZyqymh8T7uprQs265WP36WtMusxf6esqKIeOl75ulFE1V7Hmb17GouDmAGiGvjr7Or5XwmokqVIiTLnkcL50USoDJ8kjNIUnSneznkjq4gc24hY5Es1nV317AVSHXqz53SJ4+MKcHs0y/HiB7u0kkpo/nzkICc4KaJKYYFrJTccW35Y67SVpkJAQnOUcAg4y55/zWPhh3IfxC7iAn36OltCLF5PWOySUmQFGSGuDhFq8OKOBXqdj5xS1XgLgJ7ym+WDgmSrjl3QBhrk1O4fdXDu/EZVyWEJeQj12FvBmBdMY7e5OWh+WU/fvXUcIzMC5/sgFlXo4COu/3FT3np7e3hcSg+Syiz09rcX8LB3eG5n1Oh5bKsZ7ewBPVQ4NnB0cA7YxmUMp2VZVsg1lJ55CE2aEwwX1hgFz08ctyjGafIILMtarAhdNLC5JRJFwpM6eLCpCE0PDQ1FtSVESumIyuMgG7nbHeIgtZ9Qeq4q66oWaqi3LZzbxqe8ys5ExWuzIcD2SwrimqOzaBoSqcPamHetb+za02VbU8IfS11TFHg093NzF81e8Xd+//vGK+c3ZgZm3UpMv21VTX6JYlZraGeIe0pqeRjzmPCYsWlOhO1NTVz32BKjwHIUZMHN5OUXhLCVLQWFVxmDEIKOwgMboxMT1Nys6uok2pxiszXSmvX2E69QLN24YvAysJbzNgs08r7UlbiBhw0+N9HTMaakGNMSz3XLWZrQ7nH/bsvPteQc000cDbFWz2QPcGNG+AGHcULpPFCM8JQ3JnTRf9FqN1u/aPXX31no0ExUNbaUVyQ0GRNt2VTqVA2EWSkvooSH4qKvt1mRv5KMlwO4mxiLaVvWgETNBRLovtC10nxRpe839IrWaBMz+2KHO52ROG8IqfJZwo4dwg5C7YT23nRvOY58ARD7+i6oZMdrV1c2VxEwYldzIlcYIjKSvYMgOBaIe9xUV1JStUJ9kYEVYGFaIRa3OkRr8dLfnu9p6PeOprZ+c9QejrO05OuHs3h+fXU4Wb5IITuugs5v3nwfgCPs11zQx/qlF3fYT5v1y98pNr3Vil2g8ljrtPuHk4TE0LnSF/EHlMo7Dnmur1Q1fHNmZkHmq4expl+G7OJBj8ZAsainGXfYyI6L8tG9Z14RMu3zV7+9cD9xxPjZ2nZTwN7lLgdtKaweti721e8QTt7JOp84yt7B7Mlv7vc6ad3Cn8/lmBamgFVSXNmpCzmxREVeTaj9nT0NjQCCl1oOhf/5UM9KF8crwVGayu8kt2TE1XBkvTLdSNUS7U5MPkoICk43n+KTCrKAU9Nq6Owo9PfQ2HODLgqABIzhvHz+hphskpFBAY2sTLxqUb06N/slj4s7k47s59fFzVs+Pd0vuZuM/2sflTsq9eUT1zLY71JGdmDQvo37n/Fi4x5ZjG+2uKchaENn51K5byXQG/kIjYYbRsbWomK2r1WvMOYKuAl9VDCifEZ7oJ1ePk/slle5rr2zwlt99mN4T/fBDPnMg7ofWL9etUtAXvUTw2P13cuSLC530qpbL0y+6kla5HnmuSqVrnkcuj5reED5cMC1rWBlUslAQ11DZ3l667Iy0W65O9JsRXh4SAlTLxLOHa5Kzhy7f944EuVrsddwAc1z5hhQiWiOESrON0aQehYG5lkb/hIKtcle163Ip3smtBQn+jUokJ0zRa39bGagKTvBI92qDAmWUXfO2fa8iLAeZ6M2j5XE3bVdIUlBQ0lQpbp66f8Ldcg6bUDbaC2j/hgT8zrOX1d8h0fHBRy4INRaM5zh70YGAMbQDZH9zmXLQ3vofG+r9hbTenkKRXNR/pOP7/QDwW8ejFTqyYoi3n2ssjVLPQTYZLxcVaxsB6U0ZhdGCadyBiEke7U1UM8J2NAOdJsCLsxV6BzwtncLI9LSy0DRolBihaMQKpPpZmaDPQem0sU9DTu4D9AOOsGq4ZoaKkh/2IA/D60ykLhCqPEnJ4RQqIKA/jh/Xb6rbuy0m+yxmSGAENIOeWu6IaNUYVfSgZ6xr6R4bnCacpORnTNGaiYp0UXDOtEvduYNZsjGyrEFuLF0VOLFB6aKJCn7m5IvekhMGhXbM2Mm3yiTOXhIQCpsnIdmxmTsIs/BQeyvW9JEYXVNjtjakmF2iMcl9D6gMJXoOu/iBsIqRsAzd5O8pyjGeZshlqXw1NZTEYL0tkdh73QSsjLmyXupAHQ6kiKFvHX1/v5W29v/CeRtuPwwJOIxMHxsBjpKMpYj/6qdbUYPu7wfz/4Ym3jGNiRwzP8KtfuIEn4N79lMDjDu9i8bovj5cal4Rq7K/3mIxY6HsgdAT1vitdCvrLRa938QbBvz01eJnf/utzuSxrHqckhit6b1ava7Z2cxoJivQnid2/tgxgM6KBG7uCsWY0fLcKcnB2qAgbXAyIcVpbdDeNPFZkZ1dN7ZgzMyZYwrGfT/KUUbZDvg27rz1GygY+9pgXEEdcEXuCxx5XNGpgJGrPOCUaNBjQDWJa2APoWp0kHVHYiqzuCGaOslncV1miBr9yPRrJyCdO0k94KEOzsRFNjtfTHxx4imHgOKsLHKEIYU62EFhdJ1YXFfLLirGszLF0AScbjY6D3C1opNShsZzM2+bQ1tTnBgtFcdxDJwYSHDW11eKxoub2hy2zfjqGYMm1HqiGh81KoUmeEdcCuJFTe323M9c+/bNcSJQKr4DjRx/ltpHw2pDSsruFvm7OQRwhIkjpIgZWnzlZqL3RKKxsxQjPC3toBSO1kH+fY4RdnUpP9+1K5Fd6st23dG1zJ3dwUk38u6YoQECb1nfPJurhfLshJmwaVTOKLRwRkfKhJnxTbAqpyqf2ZoyRu43vsEhKftPDtgUP3N8yvGCWY4DYcpM5ubcQj0nfX6MOFDIzJ2ybWNhtnPr9NYUFp47tREmL41JjFnqXXXoUJW3LqxxeRqjkYzzuN9CG0bK0vxnaur1m/rrlfpZtd/wVRxw+ktrUQ6/diXuAeizaamvz8yDz2IBPioDEVbP4cMWda+EHBp2BfPwMK7lsGpr8Z82PZCAgq/kVISxkMBMELzf4aRlD+BXNQLn4u8ixe3YXHxoCF+/HbjCEXg6xb7BBu8T7xoQJUNJCfngvgXMkVD9OjtpjASZvVPdMP9L56yHszB2INLmHdC74RbNWQxZOOjNKV2Tm+xvv7qdOsrL9LXN/Jzi1ppfD2liOvnTaWGwLBjrAQdtOkOPvIjRb1wf9WlMJ/YiljuYLRstA3yhIGQzf3OIo+MzfMZsNWUkzbDqdTUCCJzCyqvm5EVky2TZEXlPI/Kdzpbt3NP8z0h+LE9BHW3zTHGuKKu5OUuUK74txcq8tyhLnHs7x3wXpJbs/FLXky0t1Uu6RSK1xgimIHN4DmlEbzaSPzPvBTVrZ86HLrL/nGkIxhBTxhsDtgxghUlxKmw3qycIWPvHY4VabOHNFFl4Zma4TDE7+evIjvZto2Pkt9lJCllmWHjmOpWEJfAi6K/ZSfIMWXhzUr6zfy/xogWw7N9o0T9K2BuZlyRvUcV5ociEODMRhFSg5S/hkaGXWWZAWi6h2hDvxH3EUGsukgjA/39lSpGvs0Q5cuMZY5DJeXlqP4x7vAxKhGU7kKA89aso4W31KtGCKA2nMBGDzE2YrH488wlyNsCFPPT0/dR/kR0i86KEDnlgKGG0JPe0IJ/0JoxR4TLEaucrqA2IU6Dn5XCFaE2UJGKsZDbPaj+MS7ycECQGG1mSPJWG5A5q/1abjvlv19sf09Dx/7F1KP4YlGf37sryhNIZtzj5iqi/8FKgLm0zwj9BtL8BWcG/jtVfP5ZBoP0ZLnQTUA4eBv4R47T4hnInSMwuCZvibyKzN0KIZmfmSI6oRfIkU1LWMt92RcgzMJTlAYl7a0YoincEzpv5gSCY+SWhRf0sGMz8lwhuDfK7iapx5wXg9xLsVwXRwzf6GkHOhwXf5T9KCUzNW7efdWB7JBRQtE2/NGX076quccKp+WSKvYqRmyz8g0a7QTV/vPQeDUN2htMKeHsisL5UEPjVwTdc2FW8GBPDmPKs//BNFPzYGGm86bwyRveSmG8MFLJWb9lYxbiw3mlsOc2qXLCk8cmVMYoYCp7LnO/+QCa0O0MJN/vwEm/Ksdodw4XbsmRUo0b/B+RdUQgjgmjEIBZxiEcCEpGEZKQgH/IHgqFwJBqLJ5KpdCabyxeKpXKlWqs3mq12p9vrD4aj8WSqarphWrbjerP5Yrlab7a7/eF4Ol+uLPxaieC9oAcNTMcgwlPZQjHHBshgPDLDInnbQTS/Pc/trgXt89kOAllUlBQIFO+z8pWYel4ajixtDidz5eQk1kTl3DCpgFG0O8N5OTLCpWxNGbem6s5iMUc41508bTMD96r2DBdsS4QybPfFYxdijSGOXJCiOy8hH3nhmndXk1p+dHocAzUc9iQy2ED+NMEcUjjgLiHVU0F5qg4x4QWxthAjTzCP8t1p3CJNR7c7st7Kvd8Pt31VZWrZuZuzRnQkwQ+6KzDieUkc1raWJzqwVuAF1Fvw9JuKKPRRVLhQQWxN5AJ5Hw6nUZ6dt+eMdFpJErEp5eZYy1Gh0nDaDdpqWqWFqh08M4UG+hLrkNNpacbD3/15a6d1vhy7BwA=);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-quartz,
.ag-theme-quartz-dark,
.ag-theme-quartz-auto-dark {
  --ag-active-color: #2196f3;
  --ag-background-color: #fff;
  --ag-foreground-color: #181d1f;
  --ag-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 15%);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-header-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 2%);
  --ag-tooltip-background-color: var(--ag-header-background-color);
  --ag-control-panel-background-color: var(--ag-header-background-color);
  --ag-subheader-background-color: transparent;
  --ag-invalid-color: #e02525;
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 30%);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-icon-font-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 90%);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 3%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 20%);
  --ag-selected-row-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 8%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 12%);
  --ag-column-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
  --ag-input-focus-border-color: var(--ag-active-color);
  --ag-input-focus-box-shadow: 0 0 0 3px color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
  --ag-range-selection-background-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-range-selection-background-color-2: color-mix(in srgb, transparent, var(--ag-active-color) 36%);
  --ag-range-selection-background-color-3: color-mix(in srgb, transparent, var(--ag-active-color) 49%);
  --ag-range-selection-background-color-4: color-mix(in srgb, transparent, var(--ag-active-color) 59%);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-checkbox-checked-color: var(--ag-active-color);
  --ag-range-selection-border-color: var(--ag-active-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-disabled-foreground-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 50%);
  --ag-chip-background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 7%);
  --ag-chip-border-color: color-mix(in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 13%);
  --ag-input-disabled-border-color: var(--ag-border-color);
  --ag-input-disabled-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 6%);
  --ag-modal-overlay-background-color: color-mix(in srgb, transparent, var(--ag-background-color) 66%);
  --ag-chart-menu-label-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
  --ag-chart-menu-pill-select-button-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 70%);
  --ag-borders: solid 1px;
  --ag-border-radius: 4px;
  --ag-wrapper-border-radius: 8px;
  --ag-borders-side-button: none;
  --ag-side-button-selected-background-color: transparent;
  --ag-header-column-resize-handle-display: block;
  --ag-header-column-resize-handle-width: 2px;
  --ag-header-column-resize-handle-height: 30%;
  --ag-grid-size: 8px;
  --ag-icon-size: 16px;
  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
  --ag-list-item-height: calc(
      var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
  );
  --ag-column-select-indent-size: var(--ag-icon-size);
  --ag-set-filter-indent-size: var(--ag-icon-size);
  --ag-filter-tool-panel-group-indent: var(--ag-grid-size);
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
  --ag-toggle-button-height: 18px;
  --ag-toggle-button-width: 28px;
  --ag-toggle-button-border-width: 2px;
  --ag-font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
      Cantarell, "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-icon-font-family: agGridQuartz;
  --ag-tab-min-width: 290px;
  --ag-chart-menu-panel-width: 260px;
  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
  --ag-side-bar-panel-width: 250px;
}

.ag-theme-quartz-dark {
  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
  --ag-foreground-color: #fff;
  --ag-border-color: rgba(255, 255, 255, 0.16);
  --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
  --ag-input-disabled-background-color: #68686e12;
  --ag-card-shadow: 0 1px 20px 1px black;
  --ag-input-border-color: var(--ag-border-color);
  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
  --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
  --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
  --ag-selected-row-background-color: var(--ag-row-hover-color);
  --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
  --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  .ag-theme-quartz-auto-dark {
    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
    --ag-foreground-color: #fff;
    --ag-border-color: rgba(255, 255, 255, 0.16);
    --ag-secondary-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
    --ag-input-disabled-background-color: #68686e12;
    --ag-card-shadow: 0 1px 20px 1px black;
    --ag-input-border-color: var(--ag-border-color);
    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
    --ag-checkbox-unchecked-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 40%);
    --ag-row-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 20%);
    --ag-selected-row-background-color: var(--ag-row-hover-color);
    --ag-panel-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-panel-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-menu-background-color: color-mix(in srgb, var(--ag-background-color), var(--ag-foreground-color) 10%);
    --ag-menu-border-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    color-scheme: dark;
  }
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz .ag-header-row,
.ag-theme-quartz .ag-panel-title-bar-title,
.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-dark .ag-header-row,
.ag-theme-quartz-dark .ag-panel-title-bar-title,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-header-row,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 500;
  color: var(--ag-header-foreground-color);
}
.ag-theme-quartz input[class^=ag-]:not([type]),
.ag-theme-quartz input[class^=ag-][type=text],
.ag-theme-quartz input[class^=ag-][type=number],
.ag-theme-quartz input[class^=ag-][type=tel],
.ag-theme-quartz input[class^=ag-][type=date],
.ag-theme-quartz input[class^=ag-][type=datetime-local],
.ag-theme-quartz textarea[class^=ag-],
.ag-theme-quartz-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-dark input[class^=ag-][type=text],
.ag-theme-quartz-dark input[class^=ag-][type=number],
.ag-theme-quartz-dark input[class^=ag-][type=tel],
.ag-theme-quartz-dark input[class^=ag-][type=date],
.ag-theme-quartz-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-dark textarea[class^=ag-],
.ag-theme-quartz-auto-dark input[class^=ag-]:not([type]),
.ag-theme-quartz-auto-dark input[class^=ag-][type=text],
.ag-theme-quartz-auto-dark input[class^=ag-][type=number],
.ag-theme-quartz-auto-dark input[class^=ag-][type=tel],
.ag-theme-quartz-auto-dark input[class^=ag-][type=date],
.ag-theme-quartz-auto-dark input[class^=ag-][type=datetime-local],
.ag-theme-quartz-auto-dark textarea[class^=ag-] {
  min-height: calc(var(--ag-grid-size) * 4);
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-ltr textarea[class^=ag-], .ag-theme-quartz-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-ltr textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz .ag-rtl textarea[class^=ag-], .ag-theme-quartz-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-dark .ag-rtl textarea[class^=ag-], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-quartz-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-quartz-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-picker-field-wrapper,
.ag-theme-quartz-dark .ag-picker-field-wrapper,
.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
  min-height: calc(var(--ag-grid-size) * 4);
}
.ag-theme-quartz .ag-tab,
.ag-theme-quartz-dark .ag-tab,
.ag-theme-quartz-auto-dark .ag-tab {
  padding: var(--ag-grid-size);
  border-left: var(--ag-borders) transparent;
  border-right: var(--ag-borders) transparent;
  flex: 1 1 auto;
}
.ag-theme-quartz .ag-tab-selected,
.ag-theme-quartz-dark .ag-tab-selected,
.ag-theme-quartz-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
  border-right-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type), .ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
  border-left-color: var(--ag-border-color);
}

.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
  opacity: 0.7;
}
.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
  opacity: 1;
}
.ag-theme-quartz .ag-menu,
.ag-theme-quartz-dark .ag-menu,
.ag-theme-quartz-auto-dark .ag-menu {
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
  background-color: var(--ag-control-panel-background-color);
  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
}
.ag-theme-quartz .ag-menu-header,
.ag-theme-quartz-dark .ag-menu-header,
.ag-theme-quartz-auto-dark .ag-menu-header {
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-menu-option,
.ag-theme-quartz-dark .ag-menu-option,
.ag-theme-quartz-auto-dark .ag-menu-option {
  font-weight: 500;
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
  text-align: right;
}

.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
  text-align: left;
}

.ag-theme-quartz .ag-tabs-header,
.ag-theme-quartz-dark .ag-tabs-header,
.ag-theme-quartz-auto-dark .ag-tabs-header {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  display: flex;
  background-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 5%);
}
.ag-theme-quartz .ag-side-bar,
.ag-theme-quartz-dark .ag-side-bar,
.ag-theme-quartz-auto-dark .ag-side-bar {
  background-color: var(--ag-control-panel-background-color);
  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-side-buttons,
.ag-theme-quartz-dark .ag-side-buttons,
.ag-theme-quartz-auto-dark .ag-side-buttons {
  padding: 0;
  align-self: stretch;
  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  background: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-side-button,
.ag-theme-quartz-dark .ag-side-button,
.ag-theme-quartz-auto-dark .ag-side-button {
  border-top: var(--ag-borders) transparent;
  border-bottom: var(--ag-borders) transparent;
}
@media (max-resolution: 1.5x) {
  .ag-theme-quartz .ag-side-button-label,
  .ag-theme-quartz-dark .ag-side-button-label,
  .ag-theme-quartz-auto-dark .ag-side-button-label {
    font-family: "Segoe UI", var(--ag-font-family);
    transform: rotate(0.05deg);
  }
}
.ag-theme-quartz .ag-side-button.ag-selected,
.ag-theme-quartz-dark .ag-side-button.ag-selected,
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
  border-bottom-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
  border-top-color: var(--ag-border-color);
}
.ag-theme-quartz .ag-column-panel-column-select,
.ag-theme-quartz-dark .ag-column-panel-column-select,
.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
  border-top: none;
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-filter-toolpanel-search,
.ag-theme-quartz-dark .ag-filter-toolpanel-search,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
  height: initial;
  margin-top: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-filter-toolpanel-search-input,
.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
  margin: 0;
}
.ag-theme-quartz .ag-filter-apply-panel,
.ag-theme-quartz-dark .ag-filter-apply-panel,
.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
  border: none;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-tabbed-menu-body,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
  position: relative;
}
.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  background: linear-gradient(var(--ag-control-panel-background-color), transparent);
}
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  border-top: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-mini-thumbnail,
.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
  background-color: var(--ag-background-color);
  margin-top: 0;
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-settings-nav-bar,
.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  background: none;
  font-weight: 500;
}
.ag-theme-quartz .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label:not(.ag-group-title-bar),
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
  color: var(--ag-chart-menu-label-color);
}
.ag-theme-quartz .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-label-align-top .ag-label {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
.ag-theme-quartz-auto-dark .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
  margin-bottom: 0;
}
.ag-theme-quartz .ag-chart-data-section label,
.ag-theme-quartz .ag-chart-format-section label,
.ag-theme-quartz-dark .ag-chart-data-section label,
.ag-theme-quartz-dark .ag-chart-format-section label,
.ag-theme-quartz-auto-dark .ag-chart-data-section label,
.ag-theme-quartz-auto-dark .ag-chart-format-section label {
  display: inline-block;
}
.ag-theme-quartz .ag-chart-format-wrapper,
.ag-theme-quartz .ag-chart-data-wrapper,
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-format-top-level-group-item,
.ag-theme-quartz .ag-charts-format-sub-level-group,
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-chart-format-wrapper,
.ag-theme-quartz-dark .ag-chart-data-wrapper,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-chart-format-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-data-wrapper,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
  padding: 0;
  margin: 0;
}
.ag-theme-quartz .ag-charts-format-top-level-group,
.ag-theme-quartz .ag-charts-data-group,
.ag-theme-quartz-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-dark .ag-charts-data-group,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group,
.ag-theme-quartz-auto-dark .ag-charts-data-group {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-data-group-title-bar,
.ag-theme-quartz .ag-charts-settings-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-dark .ag-charts-settings-group .ag-charts-settings-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-data-group .ag-charts-data-group-container,
.ag-theme-quartz-auto-dark .ag-charts-settings-group .ag-charts-settings-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
  padding: var(--ag-widget-vertical-spacing) 0;
}
.ag-theme-quartz .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
  padding-top: var(--ag-widget-vertical-spacing);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container > *,
.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-theme-quartz .ag-charts-data-group-item,
.ag-theme-quartz-dark .ag-charts-data-group-item,
.ag-theme-quartz-auto-dark .ag-charts-data-group-item {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-dark .ag-chart-settings-mini-wrapper,
.ag-theme-quartz-auto-dark .ag-chart-settings-mini-wrapper {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-chart-advanced-settings-section,
.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
  padding-top: var(--ag-widget-container-vertical-padding);
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-title-bar,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group .ag-charts-advanced-settings-top-level-group-container {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-container {
  margin: 0;
}
.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
  margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
  margin-bottom: 0;
}
.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-spectrum-color,
.ag-theme-quartz .ag-spectrum-fill,
.ag-theme-quartz-dark .ag-spectrum-color,
.ag-theme-quartz-dark .ag-spectrum-fill,
.ag-theme-quartz-auto-dark .ag-spectrum-color,
.ag-theme-quartz-auto-dark .ag-spectrum-fill {
  border-radius: var(--ag-border-radius);
}
.ag-theme-quartz .ag-spectrum-dragger,
.ag-theme-quartz-dark .ag-spectrum-dragger,
.ag-theme-quartz-auto-dark .ag-spectrum-dragger {
  border-radius: 18px;
  height: 18px;
  width: 18px;
  border: 3px solid white;
}
.ag-theme-quartz .ag-spectrum-tools,
.ag-theme-quartz-dark .ag-spectrum-tools,
.ag-theme-quartz-auto-dark .ag-spectrum-tools {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.ag-theme-quartz .ag-spectrum-tool,
.ag-theme-quartz-dark .ag-spectrum-tool,
.ag-theme-quartz-auto-dark .ag-spectrum-tool {
  height: 12px;
}
.ag-theme-quartz .ag-spectrum-hue-background,
.ag-theme-quartz .ag-spectrum-alpha-background,
.ag-theme-quartz-dark .ag-spectrum-hue-background,
.ag-theme-quartz-dark .ag-spectrum-alpha-background,
.ag-theme-quartz-auto-dark .ag-spectrum-hue-background,
.ag-theme-quartz-auto-dark .ag-spectrum-alpha-background {
  border-radius: 12px;
}
.ag-theme-quartz .ag-spectrum-slider,
.ag-theme-quartz-dark .ag-spectrum-slider,
.ag-theme-quartz-auto-dark .ag-spectrum-slider {
  margin-top: -15px;
  width: 18px;
  height: 18px;
  border-radius: 18px;
  border: 3px solid rgb(248, 248, 248);
}
.ag-theme-quartz .ag-recent-colors,
.ag-theme-quartz-dark .ag-recent-colors,
.ag-theme-quartz-auto-dark .ag-recent-colors {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  margin-bottom: 2px;
}
.ag-theme-quartz .ag-color-input-color,
.ag-theme-quartz .ag-color-picker-color,
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-color-input-color,
.ag-theme-quartz-dark .ag-color-picker-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-color-input-color,
.ag-theme-quartz-auto-dark .ag-color-picker-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border-radius: 4px;
}
.ag-theme-quartz .ag-recent-color,
.ag-theme-quartz-dark .ag-recent-color,
.ag-theme-quartz-auto-dark .ag-recent-color {
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-theme-quartz.ag-dnd-ghost,
.ag-theme-quartz-dark.ag-dnd-ghost,
.ag-theme-quartz-auto-dark.ag-dnd-ghost {
  font-weight: 500;
}
.ag-theme-quartz .ag-standard-button,
.ag-theme-quartz-dark .ag-standard-button,
.ag-theme-quartz-auto-dark .ag-standard-button {
  font-family: inherit;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: var(--ag-border-radius);
  border: solid 1px var(--ag-input-border-color);
  background-color: var(--ag-background-color);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  cursor: pointer;
}
.ag-theme-quartz .ag-standard-button:hover,
.ag-theme-quartz-dark .ag-standard-button:hover,
.ag-theme-quartz-auto-dark .ag-standard-button:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-theme-quartz .ag-standard-button:active,
.ag-theme-quartz-dark .ag-standard-button:active,
.ag-theme-quartz-auto-dark .ag-standard-button:active {
  border-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-standard-button:disabled,
.ag-theme-quartz-dark .ag-standard-button:disabled,
.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-theme-quartz .ag-column-drop-cell,
.ag-theme-quartz-dark .ag-column-drop-cell,
.ag-theme-quartz-auto-dark .ag-column-drop-cell {
  border-radius: calc(var(--ag-grid-size) * 3);
  height: calc(var(--ag-grid-size) * 3);
  padding: 0 var(--ag-grid-size);
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  min-width: 0;
  margin: 0;
}
.ag-theme-quartz .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
  margin-left: 0;
}
.ag-theme-quartz .ag-column-drop-vertical,
.ag-theme-quartz-dark .ag-column-drop-vertical,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
  min-height: 75px;
}
.ag-theme-quartz .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
  padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-grid-size) * 2) 0;
}
.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
  margin-left: 0;
  margin-right: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
  margin-right: 0;
  margin-left: var(--ag-widget-horizontal-spacing);
}

.ag-theme-quartz .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
  display: flex;
  align-items: center;
  justify-content: center;
  border: dashed 1px;
  border-color: var(--ag-border-color);
  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
  padding: calc(var(--ag-grid-size) * 2);
}
.ag-theme-quartz .ag-column-drop-empty-message,
.ag-theme-quartz-dark .ag-column-drop-empty-message,
.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
  color: var(--ag-foreground-color);
}
.ag-theme-quartz .ag-pill-select .ag-column-drop,
.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
  min-height: unset;
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
  font-weight: 500;
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-icon .ag-icon,
.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-icon .ag-icon {
  color: var(--ag-chart-menu-pill-select-button-color);
}
.ag-theme-quartz .ag-status-bar,
.ag-theme-quartz-dark .ag-status-bar,
.ag-theme-quartz-auto-dark .ag-status-bar {
  font-weight: normal;
}
.ag-theme-quartz .ag-status-name-value,
.ag-theme-quartz-dark .ag-status-name-value,
.ag-theme-quartz-auto-dark .ag-status-name-value {
  padding: var(--ag-widget-container-vertical-padding) 0;
}
.ag-theme-quartz .ag-status-name-value-value,
.ag-theme-quartz .ag-paging-number,
.ag-theme-quartz .ag-paging-row-summary-panel-number,
.ag-theme-quartz-dark .ag-status-name-value-value,
.ag-theme-quartz-dark .ag-paging-number,
.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
.ag-theme-quartz-auto-dark .ag-status-name-value-value,
.ag-theme-quartz-auto-dark .ag-paging-number,
.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
  font-weight: 500;
}
.ag-theme-quartz .ag-column-drop-cell-button,
.ag-theme-quartz-dark .ag-column-drop-cell-button,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
  opacity: 0.75;
}
.ag-theme-quartz .ag-column-drop-cell-button:hover,
.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
  opacity: 1;
}
.ag-theme-quartz .ag-header-cell-menu-button,
.ag-theme-quartz .ag-header-cell-filter-button,
.ag-theme-quartz .ag-panel-title-bar-button,
.ag-theme-quartz .ag-header-expand-icon,
.ag-theme-quartz .ag-column-group-icons,
.ag-theme-quartz .ag-set-filter-group-icons,
.ag-theme-quartz .ag-group-expanded .ag-icon,
.ag-theme-quartz .ag-group-contracted .ag-icon,
.ag-theme-quartz .ag-chart-settings-prev,
.ag-theme-quartz .ag-chart-settings-next,
.ag-theme-quartz .ag-group-title-bar-icon,
.ag-theme-quartz .ag-column-select-header-icon,
.ag-theme-quartz .ag-floating-filter-button-button,
.ag-theme-quartz .ag-filter-toolpanel-expand,
.ag-theme-quartz .ag-panel-title-bar-button-icon,
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-header-cell-menu-button,
.ag-theme-quartz-dark .ag-header-cell-filter-button,
.ag-theme-quartz-dark .ag-panel-title-bar-button,
.ag-theme-quartz-dark .ag-header-expand-icon,
.ag-theme-quartz-dark .ag-column-group-icons,
.ag-theme-quartz-dark .ag-set-filter-group-icons,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-dark .ag-chart-settings-prev,
.ag-theme-quartz-dark .ag-chart-settings-next,
.ag-theme-quartz-dark .ag-group-title-bar-icon,
.ag-theme-quartz-dark .ag-column-select-header-icon,
.ag-theme-quartz-dark .ag-floating-filter-button-button,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
.ag-theme-quartz-auto-dark .ag-header-expand-icon,
.ag-theme-quartz-auto-dark .ag-column-group-icons,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
.ag-theme-quartz-auto-dark .ag-chart-settings-next,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 10%);
}
.ag-theme-quartz .ag-header-cell-menu-button:hover,
.ag-theme-quartz .ag-header-cell-filter-button:hover,
.ag-theme-quartz .ag-panel-title-bar-button:hover,
.ag-theme-quartz .ag-header-expand-icon:hover,
.ag-theme-quartz .ag-column-group-icons:hover,
.ag-theme-quartz .ag-set-filter-group-icons:hover,
.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz .ag-chart-settings-prev:hover,
.ag-theme-quartz .ag-chart-settings-next:hover,
.ag-theme-quartz .ag-group-title-bar-icon:hover,
.ag-theme-quartz .ag-column-select-header-icon:hover,
.ag-theme-quartz .ag-floating-filter-button-button:hover,
.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz .ag-chart-menu-icon:hover,
.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-dark .ag-column-group-icons:hover,
.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover {
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-hover-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
}
.ag-theme-quartz .ag-filter-active,
.ag-theme-quartz-dark .ag-filter-active,
.ag-theme-quartz-auto-dark .ag-filter-active {
  --ag-quartz-icon-active-color: color-mix(in srgb, transparent, var(--ag-active-color) 14%);
  --ag-quartz-icon-hover-color: color-mix(in srgb, transparent, var(--ag-active-color) 28%);
  position: relative;
  border-radius: 1px;
  background-color: var(--ag-quartz-icon-active-color);
  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
}
.ag-theme-quartz .ag-filter-active::after,
.ag-theme-quartz-dark .ag-filter-active::after,
.ag-theme-quartz-auto-dark .ag-filter-active::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: -1px;
  right: -1px;
  border-radius: 50%;
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
}
.ag-theme-quartz .ag-chart-menu,
.ag-theme-quartz-dark .ag-chart-menu,
.ag-theme-quartz-auto-dark .ag-chart-menu {
  --ag-icon-size: 20px;
  background-color: color-mix(in srgb, transparent, var(--ag-background-color) 30%);
  padding: 4px 2px;
}
.ag-theme-quartz .ag-chart-menu-icon,
.ag-theme-quartz-dark .ag-chart-menu-icon,
.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
  opacity: 0.8;
}
.ag-theme-quartz .ag-drag-handle,
.ag-theme-quartz-dark .ag-drag-handle,
.ag-theme-quartz-auto-dark .ag-drag-handle {
  color: var(--ag-icon-font-color);
}
.ag-theme-quartz .ag-menu-option-icon,
.ag-theme-quartz .ag-compact-menu-option-icon,
.ag-theme-quartz-dark .ag-menu-option-icon,
.ag-theme-quartz-dark .ag-compact-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-menu-option-icon,
.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
  cursor: pointer;
}
.ag-theme-quartz .ag-ltr .ag-menu-option-icon, .ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-menu-option-icon, .ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon, .ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
  opacity: 0.35;
}
.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
  margin-right: calc(var(--ag-grid-size) * 2);
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-multi-filter-group-title-bar,
.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-body {
  padding-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-body, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-body {
  padding-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
  border: none;
  background-color: var(--ag-control-panel-background-color);
}
.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
  margin-left: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
  margin-right: calc(var(--ag-icon-size) * 0.5);
}

.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
  border-top: none;
}
.ag-theme-quartz .ag-filter-toolpanel-header,
.ag-theme-quartz-dark .ag-filter-toolpanel-header,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
  height: initial;
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-theme-quartz .ag-filter-toolpanel-group-item,
.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
  margin: 0;
}
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
  min-height: 150px;
}
.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-advanced-filter-builder-button,
.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
  padding: var(--ag-grid-size);
  font-weight: 600;
}
.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz .ag-disabled .ag-icon,
.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz [disabled] .ag-icon,
.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-dark .ag-disabled .ag-icon,
.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-dark [disabled] .ag-icon,
.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-quartz-auto-dark [disabled] .ag-icon {
  opacity: 0.6;
}
.ag-theme-quartz .ag-icon-grip,
.ag-theme-quartz-dark .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-icon-grip {
  opacity: 0.7;
}
.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-quartz .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
  position: absolute;
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
  background-position: 50% 50%;
  background-size: contain;
  opacity: 40%;
  content: "";
  filter: var(--ag-icon-filter);
}
.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
  margin-left: var(--ag-grid-size);
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
  margin-right: var(--ag-grid-size);
}

.ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-number-field-input {
  padding-left: 26px;
}

.ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input, .ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-number-field-input {
  padding-right: 26px;
}

.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent, .ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
}

.ag-theme-quartz .ag-text-field-input[disabled],
.ag-theme-quartz .ag-menu-option-disabled,
.ag-theme-quartz-dark .ag-text-field-input[disabled],
.ag-theme-quartz-dark .ag-menu-option-disabled,
.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
  cursor: not-allowed;
}
.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
}
.ag-theme-quartz .ag-checkbox-input,
.ag-theme-quartz .ag-toggle-button-input,
.ag-theme-quartz .ag-radio-button-input,
.ag-theme-quartz input[class^=ag-][type=range],
.ag-theme-quartz-dark .ag-checkbox-input,
.ag-theme-quartz-dark .ag-toggle-button-input,
.ag-theme-quartz-dark .ag-radio-button-input,
.ag-theme-quartz-dark input[class^=ag-][type=range],
.ag-theme-quartz-auto-dark .ag-checkbox-input,
.ag-theme-quartz-auto-dark .ag-toggle-button-input,
.ag-theme-quartz-auto-dark .ag-radio-button-input,
.ag-theme-quartz-auto-dark input[class^=ag-][type=range] {
  cursor: pointer;
}
.ag-theme-quartz .ag-details-row,
.ag-theme-quartz-dark .ag-details-row,
.ag-theme-quartz-auto-dark .ag-details-row {
  padding: calc(var(--ag-grid-size) * 3.75);
}
.ag-theme-quartz .ag-list-item-hovered::after,
.ag-theme-quartz-dark .ag-list-item-hovered::after,
.ag-theme-quartz-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-active-color);
}
.ag-theme-quartz .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-dark .ag-pill .ag-pill-button:hover,
.ag-theme-quartz-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-active-color);
}
.ag-theme-quartz .ag-header-highlight-before::after,
.ag-theme-quartz .ag-header-highlight-after::after,
.ag-theme-quartz-dark .ag-header-highlight-before::after,
.ag-theme-quartz-dark .ag-header-highlight-after::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-before::after,
.ag-theme-quartz-auto-dark .ag-header-highlight-after::after {
  background-color: var(--ag-active-color);
}

.ag-theme-quartz-dark .ag-column-select-header-filter-wrapper .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
  opacity: 66%;
  filter: invert(100%);
}
.ag-theme-quartz-dark .ag-chart-menu {
  background-color: color-mix(in srgb, rgba(24, 39, 50, 0.3), var(--ag-background-color) 30%);
}
.ag-theme-quartz-dark .ag-text-field-input::-moz-placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}
.ag-theme-quartz-dark .ag-text-field-input::placeholder {
  color: var(--ag-data-color);
  opacity: 0.8;
}
:root {
  --solid-gradient: linear-gradient(91.51deg, rgba(255, 87, 51, 1) 0%, rgba(250, 153, 133, 1) 102.39%);
  --solid-gradient-hover: linear-gradient(91.51deg, rgba(255, 87, 51, 0.9) 0%, rgba(250, 153, 133, 0.9) 102.39%);
  --solid-color: rgba(255, 87, 51, 1);
  --solid-color-light: rgba(250, 153, 133, 1);
}

.container {
    background-color: #ffffff;
    width: 100%;
    max-width: 32rem;
    max-height: 85vh;
    border-radius: 20px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    border: 1px solid #f1f5f9;
    margin: 0 auto;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

/* Manual Auth specific styling for wider layout */
.container.manual-auth {
    max-width: 48rem;
}

/* Responsive modal sizing to prevent overlapping */
@media (max-width: 1200px) {
    .container {
        max-width: 90vw;
        max-height: 80vh;
    }
    
    .container.manual-auth {
        max-width: 90vw;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 95vw;
        max-height: 85vh;
        border-radius: 16px;
    }
    
    .container.manual-auth {
        max-width: 95vw;
    }
}

@media (max-width: 480px) {
    .container {
        max-width: 100vw;
        max-height: 100vh;
        border-radius: 0;
        margin: 0;
    }
    
    .container.manual-auth {
        max-width: 100vw;
    }
}
  
  /* Modal Wrapper */
  .modal-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  /* Modal Back Button */
  .modal-back-button {
    top: 24px;
    left: 24px;
    background: none;
    border: none;
    color: var(--solid-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    min-height: 40px;
    box-sizing: border-box;
    line-height: 1;
    z-index: 1000;
  }
  
  .modal-back-button:hover {
    color: rgba(255, 87, 51, 0.8);
  }
  
  .modal-back-button svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: block;
    vertical-align: middle;
  }
  
  .header, .footer {
    padding: 16px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
    min-height: 60px;
    box-sizing: border-box;
  }
  
  .header {
    position: relative;
    z-index: 10;
  }
  
  .back-button {
    background: none;
    border: none;
    color: var(--solid-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-decoration: none;
    min-height: 40px;
    box-sizing: border-box;
    line-height: 1;
  }
  
  .back-button:hover {
    color: rgba(255, 87, 51, 0.8);
  }
  
  .back-button:active {
    transform: translateY(0);
  }
  
  .back-button svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: block;
    vertical-align: middle;
  }
  
  .content {
    padding: 24px;
    text-align: center;
    flex-grow: 1;
    overflow-y: auto;
    scrollbar-width: none;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    max-height: calc(85vh - 120px); /* Account for header and footer */
}

/* Hide scrollbar for Webkit browsers (Chrome, Safari, Edge) */
.content::-webkit-scrollbar {
    display: none;
}

.integrations-list {
    display: flex;
    flex-direction: column;
    padding: 0;
    max-height: calc(85vh - 200px); /* Account for header, footer, and padding */
    overflow-y: auto;
    scrollbar-width: none;
    margin-bottom: 16px; /* Add bottom margin to prevent overlap */
}
  
  .integrations-list::-webkit-scrollbar {
    display: none;
  }
  
  .integration-header {
    padding: 24px 24px 16px 24px;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-bottom: 1px solid #e2e8f0;
  }
  
  .header-content {
    text-align: center;
  }
  
  .header-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 8px 0;
    line-height: 1.3;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .header-subtitle {
    font-size: 14px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .integration-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
    padding: 24px;
    width: 100%;
}

/* Responsive grid adjustments */
@media (max-width: 1200px) {
    .integration-grid {
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 12px;
        padding: 20px;
    }
}

@media (max-width: 768px) {
    .integration-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 16px;
    }
}

@media (max-width: 480px) {
    .integration-grid {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 12px;
    }
}
  
  .integration-card {
    background: #ffffff;
    border: 2px solid #f1f5f9;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    height: 130px;
    display: flex;
    flex-direction: column;
  }
  
  .integration-card:hover {
    transform: translateY(-4px);
    border-color: var(--solid-color);
    box-shadow: 0 20px 25px -5px rgba(255, 87, 51, 0.1), 0 10px 10px -5px rgba(255, 87, 51, 0.04);
  }
  
  .integration-card-content {
    display: flex;
    align-items: center;
    padding: 16px;
    gap: 16px;
    height: 100%;
    justify-content: space-between;
  }
  
  .integration-main-content {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
  }
  
  .integration-logo-container {
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 12px;
    border: 1px solid #e2e8f0;
  }
  
  .integration-logo {
    max-width: 48px;
    max-height: 48px;
    object-fit: contain;
  }
  
  .integration-info {
    flex: 1;
    text-align: left;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  
  .integration-name {
    font-size: 15px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    line-height: 1.3;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .integration-description {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .integration-arrow {
    flex-shrink: 0;
    color: #94a3b8;
    transition: all 0.2s ease;
  }
  
  .integration-card:hover .integration-arrow {
    color: #3b82f6;
    transform: translateX(2px);
  }
  
  .integration-box {
    border: 1px solid #ccc;
    width: 9rem;
    height: 9rem;
    padding: 1rem;
    margin: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: transform 0.2s;
  }
  
  .form {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    align-items: start;
}

.form .input-group {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
}

/* For single column layout on smaller screens */
@media (max-width: 768px) {
    .form {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}
  
  .form .input-group label {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin-bottom: 8px;
    display: block;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .form .input-group input,
  .form .input-group select,
  .form .input-group textarea {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    box-sizing: border-box;
    transition: all 0.2s ease;
    background-color: #ffffff;
    color: #1f2937;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .form .input-group input:focus,
  .form .input-group select:focus,
  .form .input-group textarea:focus {
    outline: none;
    border-color: var(--solid-color);
    box-shadow: 0 0 0 3px rgba(255, 87, 51, 0.1);
  }
  
  .form .input-group input::placeholder,
  .form .input-group select::placeholder,
  .form .input-group textarea::placeholder {
    color: #9ca3af;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  /* Progress Indicator */
  .progress-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    padding: 0 24px;
    margin-left: 80px; /* Space for back button */
    margin-right: 80px; /* Balance the layout */
  }
  
  .progress-bar {
    width: 120px;
    height: 6px;
    background-color: #e2e8f0;
    border-radius: 3px;
    overflow: hidden;
  }
  
  .progress-fill {
    height: 100%;
    background: var(--solid-gradient);
    border-radius: 3px;
    transition: width 0.3s ease;
  }
  
  .progress-text {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  /* Integration Header Section */
  .integration-header-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
    text-align: center;
  }
  
  .integration-header-section .integration-logo-container {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 16px;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .integration-header-section .integration-img {
    max-width: 56px;
    max-height: 56px;
    object-fit: contain;
  }
  
  .integration-title {
    font-size: 24px;
    font-weight: 700;
    color: #1e293b;
    margin: 0;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .integration-subtitle {
    font-size: 14px;
    color: #64748b;
    margin: 0;
    font-weight: 500;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  /* Instructions Section */
  .instructions-section {
    margin-bottom: 20px;
  }
  
  .instructions-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 12px;
    position: relative;
  }
  
  .instructions-icon {
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, rgba(255, 87, 51, 0.1) 0%, rgba(250, 153, 133, 0.1) 100%);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--solid-color);
}

.instructions-title {
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    margin: 0;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.instructions-counter {
    display: flex;
    align-items: center;
    gap: 3px;
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    padding: 6px 10px;
    border-radius: 16px;
    border: 1px solid #bae6fd;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.current-step {
    font-size: 14px;
    font-weight: 700;
    color: #0369a1;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.total-steps {
    font-size: 12px;
    font-weight: 500;
    color: #0c4a6e;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}
  
  .instructions {
    text-align: left;
    font-size: 13px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    padding: 16px;
    border-radius: 12px;
    margin-bottom: 16px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}
  
  .instructions h3 {
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 8px 0;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .instruction-container {
    max-height: 25vh;
    max-width: 100%;
    overflow-y: auto;
    border: 1px solid #e2e8f0;
    padding: 16px;
    border-radius: 12px;
    box-sizing: border-box;
    scrollbar-width: none;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  }
  
  .instruction-container::-webkit-scrollbar {
    display: none;
  }

  .instruction-steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

  .instruction-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px;
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #f1f5f9;
    transition: all 0.2s ease;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  }

  .instruction-step:hover {
    border-color: var(--solid-color);
    box-shadow: 0 4px 6px -1px rgba(255, 87, 51, 0.1), 0 2px 4px -1px rgba(255, 87, 51, 0.06);
    transform: translateY(-1px);
  }

  .step-number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: var(--solid-gradient);
    color: #ffffff;
    border-radius: 50%;
    font-weight: 600;
    font-size: 12px;
    flex-shrink: 0;
    box-shadow: 0 2px 4px 0 rgba(255, 87, 51, 0.3);
  }

  .step-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .step-text {
    line-height: 1.5;
    color: #374151;
    font-size: 13px;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

  .step-text p {
    margin: 0 0 8px 0;
  }

  .step-text p:last-child {
    margin-bottom: 0;
  }

  .step-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }

  .step-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
  }

  .step-action-btn:hover {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #475569;
    transform: translateY(-1px);
  }

  .step-action-btn.copied {
    background: #dcfce7;
    border-color: #22c55e;
    color: #16a34a;
  }

  .instructions-footer {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
  }

  .instruction-tips {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: 6px;
    border: 1px solid #f59e0b;
}

  .tip-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #d97706;
    flex-shrink: 0;
  }

  .tip-text {
    font-size: 12px;
    color: #92400e;
    font-weight: 500;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}
  
  /* Form Actions */
  .form-actions {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }
  
  /* OAuth Flow Styles */
  .oauth-flow {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 20px 0;
    max-height: calc(85vh - 300px);
    overflow-y: auto;
}

.oauth-description {
    text-align: center;
    max-width: 400px;
}

.oauth-icon-large {
    width: 60px;
    height: 60px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3b82f6;
    margin: 0 auto 12px;
}

.oauth-title {
    font-size: 18px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 8px 0;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.oauth-description p {
    font-size: 14px;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.oauth-icons {
    display: flex;
    align-items: center;
    gap: 16px;
}

.oauth-icon {
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tymeline-logo {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.oauth-arrow {
    color: #94a3b8;
    display: flex;
    align-items: center;
}

/* Auth Toggle Styles */
.auth-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin: 16px 0;
    padding: 0 16px;
}
  
  .auth-toggle-button {
    padding: 12px 24px;
    border-radius: 25px;
    border: 2px solid #e2e8f0;
    background: #ffffff;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  }
  
  .auth-toggle-button:hover {
    border-color: var(--solid-color);
    color: var(--solid-color);
    background: rgba(255, 87, 51, 0.05);
  }
  
  .auth-toggle-button.active {
    background: var(--solid-gradient);
    color: #ffffff;
    border-color: var(--solid-color);
    box-shadow: 0 4px 6px -1px rgba(255, 87, 51, 0.2);
  }
  
  /* Responsive Design */
  @media (max-width: 768px) {
    .container {
      max-width: 95vw;
      max-height: 90vh;
      border-radius: 16px;
    }
    
    .content {
      padding: 24px;
    }
    
    .header, .footer {
      padding: 12px 16px;
      min-height: 56px;
    }
    
    .back-button {
      padding: 8px 12px;
      font-size: 13px;
      min-height: 36px;
      gap: 5px;
    }
    
    .back-button svg {
      width: 14px;
      height: 14px;
    }
    
    .progress-bar {
      width: 100px;
      height: 5px;
    }
    
    .progress-text {
      font-size: 11px;
    }
    
    .integration-header {
      padding: 20px 16px 12px 16px;
    }
    
    .header-title {
      font-size: 20px;
    }
    
    .header-subtitle {
      font-size: 13px;
    }
    
    .integration-grid {
      grid-template-columns: 1fr;
      padding: 16px;
      gap: 12px;
    }
    
    .integration-card {
      height: auto;
      min-height: 120px;
    }
    
    .integration-card-content {
      padding: 16px;
      gap: 12px;
    }
    
    .integration-main-content {
      gap: 12px;
    }
    
    .integration-logo-container {
      width: 58px;
      height: 58px;
    }
    
    .integration-logo {
      max-width: 42px;
      max-height: 42px;
    }
    
    .integration-name {
      font-size: 14px;
    }
    
    .integration-description {
      font-size: 12px;
    }
    
    /* Form responsive styles */
    .auth-toggle {
      margin: 16px 0;
      padding: 0 16px;
      gap: 12px;
    }
    
    .auth-toggle-button {
      padding: 10px 20px;
      font-size: 13px;
    }
    
    .integration-header-section {
      margin-bottom: 24px;
      gap: 12px;
    }
    
    .integration-header-section .integration-logo-container {
      width: 64px;
      height: 64px;
    }
    
    .integration-header-section .integration-img {
      max-width: 44px;
      max-height: 44px;
    }
    
    .integration-title {
      font-size: 20px;
    }
    
    .integration-subtitle {
      font-size: 13px;
    }
    
    .instructions-header {
      gap: 10px;
      margin-bottom: 12px;
    }

    .instructions-counter {
      align-self: flex-end;
      padding: 6px 10px;
    }

    .current-step {
      font-size: 14px;
    }

    .total-steps {
      font-size: 12px;
    }

    .instruction-step {
      padding: 12px;
      gap: 12px;
    }

    .step-number {
      width: 28px;
      height: 28px;
      font-size: 12px;
    }

    .step-content {
      gap: 8px;
    }

    .step-text {
      font-size: 13px;
    }

    .step-action-btn {
      width: 28px;
      height: 28px;
    }

    .instruction-tips {
      padding: 10px 12px;
    }

    .tip-text {
      font-size: 12px;
    }
    
    .instructions-icon {
      width: 36px;
      height: 36px;
    }
    
    .instructions-title {
      font-size: 16px;
    }
    
    .oauth-flow {
      margin: 24px 0;
      gap: 24px;
    }
    
    .oauth-icon-large {
      width: 64px;
      height: 64px;
    }
    
    .oauth-title {
      font-size: 18px;
    }
    
    .oauth-description p {
      font-size: 14px;
    }
    
    .oauth-icons {
      gap: 16px;
    }
    
    .oauth-icon {
      width: 56px;
      height: 56px;
    }
    
    .tymeline-logo {
      width: 40px;
      height: 40px;
    }
    
    .form-actions {
      margin-top: 24px;
    }
  }
  
  @media (max-width: 480px) {
    .container {
      max-width: 100vw;
      max-height: 100vh;
      border-radius: 0;
    }
    
    .header, .footer {
      padding: 10px 12px;
      min-height: 52px;
    }
    
    .back-button {
      padding: 6px 10px;
      font-size: 12px;
      min-height: 32px;
      gap: 4px;
    }
    
    .back-button svg {
      width: 12px;
      height: 12px;
    }
    
    .progress-bar {
      width: 80px;
      height: 4px;
    }
    
    .progress-text {
      font-size: 10px;
    }
    
    .integration-header {
      padding: 16px 12px 8px 12px;
    }
    
    .integration-grid {
      padding: 12px;
      gap: 8px;
    }
    
    .integration-card {
      min-height: 110px;
    }
    
    .integration-card-content {
      padding: 12px;
      gap: 8px;
    }
    
    .integration-main-content {
      gap: 8px;
    }
    
    .integration-logo-container {
      width: 52px;
      height: 52px;
    }
    
    .integration-logo {
      max-width: 36px;
      max-height: 36px;
    }
    
    .integration-name {
      font-size: 13px;
    }
    
    .integration-description {
      font-size: 11px;
    }
    
    /* Form responsive styles */
    .auth-toggle {
      margin: 12px 0;
      padding: 0 12px;
      gap: 8px;
    }
    
    .auth-toggle-button {
      padding: 8px 16px;
      font-size: 12px;
    }
    
    .integration-header-section {
      margin-bottom: 20px;
      gap: 8px;
    }
    
    .integration-header-section .integration-logo-container {
      width: 56px;
      height: 56px;
    }
    
    .integration-header-section .integration-img {
      max-width: 40px;
      max-height: 40px;
    }
    
    .integration-title {
      font-size: 18px;
    }
    
    .integration-subtitle {
      font-size: 12px;
    }
    
    .instructions-header {
      gap: 8px;
      margin-bottom: 10px;
    }

    .instructions-counter {
      align-self: flex-end;
      padding: 4px 8px;
    }

    .current-step {
      font-size: 12px;
    }

    .total-steps {
      font-size: 10px;
    }

    .instruction-step {
      padding: 10px;
      gap: 10px;
    }

    .step-number {
      width: 24px;
      height: 24px;
      font-size: 10px;
    }

    .step-content {
      gap: 6px;
    }

    .step-text {
      font-size: 12px;
    }

    .step-action-btn {
      width: 24px;
      height: 24px;
    }

    .instruction-tips {
      padding: 8px 10px;
    }

    .tip-text {
      font-size: 11px;
    }
    
    .instructions-icon {
      width: 32px;
      height: 32px;
    }
    
    .instructions-title {
      font-size: 15px;
    }
    
    .oauth-flow {
      margin: 20px 0;
      gap: 20px;
    }
    
    .oauth-icon-large {
      width: 56px;
      height: 56px;
    }
    
    .oauth-title {
      font-size: 16px;
    }
    
    .oauth-description p {
      font-size: 13px;
    }
    
    .oauth-icons {
      gap: 12px;
    }
    
    .oauth-icon {
      width: 48px;
      height: 48px;
    }
    
    .tymeline-logo {
      width: 36px;
      height: 36px;
    }
    
    .form-actions {
      margin-top: 20px;
    }
  }

/* Integration Modal Overlay */
.integration-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  animation: fadeIn 0.3s ease-out;
}

/* Integration Success Modal */
.integration-success-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  text-align: center;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 20px;
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: modalSlideIn 0.4s ease-out;
}

/* Integration Failure Modal */
.integration-failure-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  text-align: center;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 20px;
  max-width: 500px;
  margin: 0 auto;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: modalSlideIn 0.4s ease-out;
}

/* Modal Animations */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modalSlideIn {
  from {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Responsive Design for Integration Modals */
@media (max-width: 768px) {
  .integration-modal-overlay {
    padding: 20px;
  }
  
  .integration-success-modal,
  .integration-failure-modal {
    padding: 32px 16px;
    border-radius: 16px;
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .integration-modal-overlay {
    padding: 16px;
  }
  
  .integration-success-modal,
  .integration-failure-modal {
    padding: 24px 12px;
    border-radius: 12px;
  }
}

.integrations-list::-webkit-scrollbar {
    display: none;
}

.integration-img {
    width: 10rem;
    margin: 15px auto;
}

.input-group {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

.input-group input {
    width: 100%;
    padding: 12px 16px;
    font-size: 14px;
    border: 1px solid #d1d5db;
    border-radius: 12px;
    box-sizing: border-box;
    transition: all 0.2s ease;
    background-color: #ffffff;
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.input-group input:focus {
    outline: none;
    border-color: var(--solid-color);
    box-shadow: 0 0 0 3px rgba(255, 87, 51, 0.1);
}

.step-button {
    width: 100%;
    padding: 14px 24px;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background: var(--solid-gradient);
    border: none;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.step-button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.error-text {
    color: #ef4444;
    text-align: center;
    padding: 20px;
    background-color: #fef2f2;
    border-radius: 12px;
    border: 1px solid #fecaca;
}
  
/* Responsive content adjustments */
@media (max-width: 768px) {
    .content {
        padding: 16px;
        max-height: calc(85vh - 100px);
    }
    
    .integrations-list {
        max-height: calc(85vh - 160px);
        margin-bottom: 12px;
    }
}

@media (max-width: 480px) {
    .content {
        padding: 12px;
        max-height: calc(100vh - 80px);
    }
    
    .integrations-list {
        max-height: calc(100vh - 140px);
        margin-bottom: 8px;
    }
}
  
/* Responsive OAuth flow adjustments */
@media (max-width: 768px) {
    .oauth-flow {
        gap: 16px;
        margin: 16px 0;
        max-height: calc(85vh - 250px);
    }
    
    .oauth-icon-large {
        width: 48px;
        height: 48px;
        margin: 0 auto 8px;
    }
    
    .oauth-title {
        font-size: 16px;
        margin: 0 0 6px 0;
    }
    
    .oauth-description p {
        font-size: 13px;
    }
    
    .oauth-icons {
        gap: 12px;
    }
    
    .oauth-icon {
        width: 40px;
        height: 40px;
    }
    
    .tymeline-logo {
        width: 32px;
        height: 32px;
    }
    
    .auth-toggle {
        gap: 8px;
        margin: 12px 0;
        padding: 0 12px;
    }
}

@media (max-width: 480px) {
    .oauth-flow {
        gap: 12px;
        margin: 12px 0;
        max-height: calc(100vh - 200px);
    }
    
    .oauth-icon-large {
        width: 40px;
        height: 40px;
        margin: 0 auto 6px;
    }
    
    .oauth-title {
        font-size: 14px;
        margin: 0 0 4px 0;
    }
    
    .oauth-description p {
        font-size: 12px;
    }
    
    .oauth-icons {
        gap: 8px;
    }
    
    .oauth-icon {
        width: 32px;
        height: 32px;
    }
    
    .tymeline-logo {
        width: 28px;
        height: 28px;
    }
    
    .auth-toggle {
        gap: 6px;
        margin: 8px 0;
        padding: 0 8px;
    }
}
  
/* Responsive Manual Auth adjustments */
@media (max-width: 768px) {
    .instructions-section {
        margin-bottom: 16px;
    }
    
    .instructions-header {
        gap: 8px;
        margin-bottom: 10px;
    }
    
    .instructions-icon {
        width: 28px;
        height: 28px;
    }
    
    .instructions-title {
        font-size: 14px;
    }
    
    .instructions-counter {
        padding: 4px 8px;
        gap: 2px;
    }
    
    .current-step {
        font-size: 12px;
    }
    
    .total-steps {
        font-size: 11px;
    }
    
    .instructions {
        padding: 12px;
        margin-bottom: 12px;
        font-size: 12px;
    }
    
    .instructions h3 {
        font-size: 13px;
        margin: 0 0 6px 0;
    }
    
    .instruction-container {
        max-height: 20vh;
        padding: 12px;
    }
    
    .instruction-steps {
        gap: 8px;
    }
    
    .instruction-step {
        gap: 8px;
        padding: 8px;
    }
    
    .step-number {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
    
    .step-content {
        gap: 6px;
    }
    
    .step-text {
        font-size: 12px;
    }
    
    .instructions-footer {
        margin-top: 8px;
        padding-top: 8px;
    }
    
    .instruction-tips {
        gap: 4px;
        padding: 6px 8px;
    }
    
    .tip-text {
        font-size: 11px;
    }
    
    .form-actions {
        margin-top: 16px;
    }
}

@media (max-width: 480px) {
    .instructions-section {
        margin-bottom: 12px;
    }
    
    .instructions-header {
        gap: 6px;
        margin-bottom: 8px;
    }
    
    .instructions-icon {
        width: 24px;
        height: 24px;
    }
    
    .instructions-title {
        font-size: 13px;
    }
    
    .instructions-counter {
        padding: 3px 6px;
        gap: 1px;
    }
    
    .current-step {
        font-size: 11px;
    }
    
    .total-steps {
        font-size: 10px;
    }
    
    .instructions {
        padding: 10px;
        margin-bottom: 10px;
        font-size: 11px;
    }
    
    .instructions h3 {
        font-size: 12px;
        margin: 0 0 4px 0;
    }
    
    .instruction-container {
        max-height: 18vh;
        padding: 10px;
    }
    
    .instruction-steps {
        gap: 6px;
    }
    
    .instruction-step {
        gap: 6px;
        padding: 6px;
    }
    
    .step-number {
        width: 20px;
        height: 20px;
        font-size: 10px;
    }
    
    .step-content {
        gap: 4px;
    }
    
    .step-text {
        font-size: 11px;
    }
    
    .instructions-footer {
        margin-top: 6px;
        padding-top: 6px;
    }
    
    .instruction-tips {
        gap: 3px;
        padding: 4px 6px;
    }
    
    .tip-text {
        font-size: 10px;
    }
    
    .form-actions {
        margin-top: 12px;
    }
}
  /* OAuth Success Modal Styles */
.oauth-success-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 20px;
  text-align: center;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 20px;
  max-width: 500px;
  margin: 0 auto;
}

/* Success Animation Container */
.success-animation-container {
  margin-bottom: 20px;
  position: relative;
}

.success-checkmark {
  position: relative;
  display: inline-block;
  animation: successPop 0.6s ease-out;
}

.success-checkmark svg {
  color: #22c55e;
  filter: drop-shadow(0 4px 8px rgba(34, 197, 94, 0.3));
  width: 64px;
  height: 64px;
}

.checkmark-circle {
  stroke-dasharray: 62.83;
  stroke-dashoffset: 62.83;
  animation: drawCircle 0.8s ease-out 0.2s forwards;
}

.checkmark-path {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  animation: drawCheck 0.6s ease-out 0.8s forwards;
}

/* Success Content */
.success-content {
  margin-bottom: 20px;
}

.success-title {
  font-size: 24px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 12px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  background: linear-gradient(91.51deg, rgba(255, 87, 51, 1) 0%, rgba(250, 153, 133, 1) 102.39%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: fadeInUp 0.6s ease-out 0.4s both;
}

.success-message {
  font-size: 15px;
  color: #64748b;
  margin: 0 0 16px 0;
  line-height: 1.5;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  animation: fadeInUp 0.6s ease-out 0.6s both;
}

/* Success Details */
.success-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

.detail-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease;
  animation: fadeInUp 0.6s ease-out 0.8s both;
}

.detail-item:hover {
  border-color: rgba(255, 87, 51, 0.3);
  box-shadow: 0 4px 6px -1px rgba(255, 87, 51, 0.1);
  transform: translateY(-1px);
}

.detail-item:nth-child(2) {
  animation-delay: 1s;
}

.detail-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(34, 197, 94, 0.05) 100%);
  border-radius: 6px;
  color: #22c55e;
  flex-shrink: 0;
}

.detail-item span {
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

/* Success Actions */
.success-actions {
  width: 100%;
}

.success-close-btn {
  width: 100%;
  padding: 14px 20px;
  background: linear-gradient(91.51deg, rgba(255, 87, 51, 1) 0%, rgba(250, 153, 133, 1) 102.39%);
  color: #ffffff;
  border: none;
  border-radius: 10px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  box-shadow: 0 4px 6px -1px rgba(255, 87, 51, 0.2);
  animation: fadeInUp 0.6s ease-out 1.2s both;
}

.success-close-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 15px -3px rgba(255, 87, 51, 0.3);
}

.success-close-btn:active {
  transform: translateY(0);
}

.success-close-btn svg {
  transition: transform 0.2s ease;
}

.success-close-btn:hover svg {
  transform: translateX(4px);
}

/* Animations */
@keyframes successPop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes drawCircle {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes drawCheck {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .oauth-success-modal {
    padding: 20px 16px;
    border-radius: 16px;
  }
  
  .success-title {
    font-size: 22px;
  }
  
  .success-message {
    font-size: 14px;
  }
  
  .detail-item {
    padding: 8px 12px;
  }
  
  .detail-item span {
    font-size: 12px;
  }
  
  .success-close-btn {
    padding: 12px 18px;
    font-size: 14px;
  }
}

@media (max-width: 480px) {
  .oauth-success-modal {
    padding: 16px 12px;
  }
  
  .success-title {
    font-size: 20px;
  }
  
  .success-message {
    font-size: 13px;
  }
  
  .success-checkmark svg {
    width: 56px;
    height: 56px;
  }
  
  .detail-item {
    padding: 6px 10px;
  }
  
  .detail-icon {
    width: 24px;
    height: 24px;
  }
  
  .detail-item span {
    font-size: 11px;
  }
  
  .success-close-btn {
    padding: 10px 14px;
    font-size: 13px;
  }
}

/* OAuth Failure Modal Styles */
.oauth-failure-modal {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 20px;
  text-align: center;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border-radius: 20px;
  max-width: 500px;
  margin: 0 auto;
}

/* Failure Animation Container */
.failure-animation-container {
  margin-bottom: 32px;
  position: relative;
}

.failure-icon {
  position: relative;
  display: inline-block;
  animation: failureShake 0.6s ease-out;
}

.failure-icon svg {
  color: #ef4444;
  filter: drop-shadow(0 4px 8px rgba(239, 68, 68, 0.3));
}

.failure-circle {
  stroke-dasharray: 62.83;
  stroke-dashoffset: 62.83;
  animation: drawCircle 0.8s ease-out 0.2s forwards;
}

.failure-x {
  stroke-dasharray: 16;
  stroke-dashoffset: 16;
  animation: drawX 0.6s ease-out 0.8s forwards;
}

/* Failure Content */
.failure-content {
  margin-bottom: 32px;
}

.failure-title {
  font-size: 28px;
  font-weight: 700;
  color: #1e293b;
  margin: 0 0 16px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  background: linear-gradient(91.51deg, rgba(239, 68, 68, 1) 0%, rgba(248, 113, 113, 1) 102.39%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: fadeInUp 0.6s ease-out 0.4s both;
}

.failure-message {
  font-size: 16px;
  color: #64748b;
  margin: 0 0 24px 0;
  line-height: 1.6;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  animation: fadeInUp 0.6s ease-out 0.6s both;
}

/* Failure Details */
.failure-details {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.detail-item.error {
  border-color: rgba(239, 68, 68, 0.2);
  background: rgba(239, 68, 68, 0.02);
  animation: fadeInUp 0.6s ease-out 0.8s both;
}

.detail-item.error:hover {
  border-color: rgba(239, 68, 68, 0.4);
  box-shadow: 0 4px 6px -1px rgba(239, 68, 68, 0.1);
}

.detail-item.error:nth-child(2) {
  animation-delay: 1s;
}

.detail-icon.error {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%);
  color: #ef4444;
}

/* Failure Actions */
.failure-actions {
  width: 100%;
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.failure-retry-btn {
  width: 100%;
  padding: 16px 24px;
  background: linear-gradient(91.51deg, rgba(255, 87, 51, 1) 0%, rgba(250, 153, 133, 1) 102.39%);
  color: #ffffff;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  box-shadow: 0 4px 6px -1px rgba(255, 87, 51, 0.2);
  animation: fadeInUp 0.6s ease-out 1.2s both;
}

.failure-retry-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 15px -3px rgba(255, 87, 51, 0.3);
}

.failure-retry-btn:active {
  transform: translateY(0);
}

.failure-retry-btn svg {
  transition: transform 0.2s ease;
}

.failure-retry-btn:hover svg {
  transform: rotate(180deg);
}

.failure-close-btn {
  width: 100%;
  padding: 16px 24px;
  background: #ffffff;
  color: #64748b;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  animation: fadeInUp 0.6s ease-out 1.4s both;
}

.failure-close-btn:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #475569;
  transform: translateY(-1px);
}

.failure-close-btn:active {
  transform: translateY(0);
}

.failure-close-btn svg {
  transition: transform 0.2s ease;
}

.failure-close-btn:hover svg {
  transform: translateX(-4px);
}

/* Additional Animations */
@keyframes failureShake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-5px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(5px);
  }
}

@keyframes drawX {
  to {
    stroke-dashoffset: 0;
  }
}

/* Responsive Design for Failure Modal */
@media (max-width: 768px) {
  .oauth-failure-modal {
    padding: 32px 16px;
    border-radius: 16px;
  }
  
  .failure-title {
    font-size: 24px;
  }
  
  .failure-message {
    font-size: 15px;
  }
  
  .detail-item.error {
    padding: 10px 12px;
  }
  
  .detail-item.error span {
    font-size: 13px;
  }
  
  .failure-retry-btn,
  .failure-close-btn {
    padding: 14px 20px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .oauth-failure-modal {
    padding: 24px 12px;
  }
  
  .failure-title {
    font-size: 22px;
  }
  
  .failure-message {
    font-size: 14px;
  }
  
  .failure-icon svg {
    width: 64px;
    height: 64px;
  }
  
  .detail-item.error {
    padding: 8px 10px;
  }
  
  .detail-icon.error {
    width: 28px;
    height: 28px;
  }
  
  .detail-item.error span {
    font-size: 12px;
  }
  
  .failure-retry-btn,
  .failure-close-btn {
    padding: 12px 16px;
    font-size: 14px;
  }
} .license-container {
  position: absolute;
  top: 200px;
  right: 30px;
  min-width: 400px;
  max-width: 600px;
  width: 45vw;
  z-index: 100;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.toggle-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 300px;
  margin-bottom: 10px;
  padding: 10px 15px;
  background: linear-gradient(91.51deg, #FF5733 0%, #FA9985 102.39%);
  color: white;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 16px rgba(255, 87, 51, 0.25);
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.toggle-button:hover {
  background: linear-gradient(91.51deg, #E64A2E 0%, #F58B75 102.39%);
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 87, 51, 0.35);
}

.chevron {
  font-size: 12px;
  transition: transform 0.3s ease;
  margin-left: 8px;
}

.chevron.down {
  transform: rotate(0deg);
}

.chevron.up {
  transform: rotate(180deg);
}

.license-content {
  margin-top: 12px;
  animation: fadeIn 0.3s ease;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 12px;
  box-shadow: 
    0 8px 32px rgba(0, 0, 0, 0.12),
    0 4px 16px rgba(0, 0, 0, 0.08),
    0 2px 8px rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.08);
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  position: relative;
  overflow: hidden;
  padding: 16px;
}

.license-content::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 87, 51, 0.2) 50%, transparent 100%);
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

.license-card {
  padding: 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  margin-bottom: 4px;
}

.license-card:hover {
  background: rgba(255, 255, 255, 1);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.license-card:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

/* Enhanced separation between license cards */
.license-card:not(:last-child) {
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  padding-bottom: 20px;
}

.license-card:not(:last-child)::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 20px;
  right: 20px;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 87, 51, 0.3) 50%, transparent 100%);
}

/* Add visual distinction for different license types */
.license-card:first-child {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.license-card:last-child {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Enhanced header styling for better separation */
.license-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
}

.license-header h3 {
  margin: 0;
  font-size: 16px;
  color: #1a202c;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  position: relative;
}

/* Add subtle background to headers for better distinction */
.license-header h3::before {
  content: '';
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
  border-radius: 2px;
  display: none;
}

.license-card:first-child .license-header h3::before {
  display: none;
}

.license-card:last-child .license-header h3::before {
  display: none;
}

.badge {
  background: linear-gradient(135deg, #FF5733 0%, #FA9985 100%);
  color: white;
  font-size: 9px;
  padding: 3px 6px;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.5px;
  box-shadow: 0 2px 8px rgba(255, 87, 51, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.stats {
  display: flex;
  gap: 12px;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.stat-item {
  text-align: center;
  flex: 1;
  position: relative;
}

.stat-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 16px;
  background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%);
}

.stat-value {
  font-size: 16px;
  font-weight: 700;
  color: #1a202c;
  margin-bottom: 2px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.stat-label {
  font-size: 10px;
  color: #64748b;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.access-note {
  background: linear-gradient(135deg, rgba(255, 87, 51, 0.08) 0%, rgba(250, 153, 133, 0.08) 100%);
  border: 1px solid rgba(255, 87, 51, 0.15);
  border-radius: 8px;
  padding: 10px;
  color: #1a202c;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
}

.module-list {
  margin-top: 12px;
}

.module-item {
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.module-item:hover {
  background: rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.module-item:last-child {
  margin-bottom: 0;
}

.module-name {
  font-size: 13px;
  font-weight: 600;
  color: #1a202c;
  margin-bottom: 8px;
  text-transform: capitalize;
  letter-spacing: 0.3px;
}

.module-stats-container {
  margin-top: 6px;
}

.module-stats {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.progress-container {
  margin-bottom: 6px;
}

.progress-bar {
  height: 6px;
  background: rgba(0, 0, 0, 0.08);
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.progress-fill.used {
  height: 100%;
  background: linear-gradient(90deg, #FF5733 0%, #FA9985 100%);
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  transition: width 0.3s ease;
  box-shadow: 0 1px 3px rgba(255, 87, 51, 0.3);
}

.progress-fill.reserved {
  height: 100%;
  background: linear-gradient(90deg, #fbbf24 0%, #f59e0b 100%);
  border-radius: 3px;
  position: absolute;
  top: 0;
  transition: width 0.3s ease, left 0.3s ease;
  box-shadow: 0 1px 3px rgba(251, 191, 36, 0.3);
}

.progress-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  font-size: 10px;
  color: #64748b;
  font-weight: 500;
}

.progress-labels span {
  background: rgba(255, 255, 255, 0.8);
  padding: 1px 4px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.06);
}

.module-numbers {
  font-size: 11px;
  font-weight: 600;
  color: #1a202c;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.loading-spinner {
  width: 32px;
  height: 32px;
  border: 3px solid rgba(255, 87, 51, 0.2);
  border-top: 3px solid #FF5733;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 16px;
}

.loading-text {
  color: #64748b;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.error {
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(252, 165, 165, 0.08) 100%);
  border: 1px solid rgba(239, 68, 68, 0.2);
  border-radius: 8px;
  padding: 16px;
  color: #dc2626;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin: 16px;
}

.assign-button, .revoke-button {
  width: 100%;
  min-width: 0;
  padding: 8px 0;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
  transition: background 0.2s, box-shadow 0.2s, color 0.2s;
  box-shadow: 0 2px 8px rgba(255, 87, 51, 0.08);
  white-space: nowrap;
}

.assign-button {
  background: linear-gradient(91.51deg, #FF5733 0%, #FA9985 102.39%);
  color: #fff;
}

.assign-button:hover, .assign-button:focus {
  background: linear-gradient(91.51deg, #E64A2E 0%, #F58B75 102.39%);
  box-shadow: 0 4px 12px rgba(255, 87, 51, 0.18);
}

.revoke-button {
  background: #fff;
  color: #FF5733;
  border: 1.5px solid #FF5733;
}

.revoke-button:hover, .revoke-button:focus {
  background: #FFF3F0;
  color: #E64A2E;
  border-color: #E64A2E;
  box-shadow: 0 4px 12px rgba(255, 87, 51, 0.10);
}

/* Simplified License Info Styles */
.license-summary {
  padding: 20px;
}

.summary-title {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 20px 0;
  text-align: center;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.license-card-simple {
  background: white;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
}

.license-card-simple:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.license-header-simple {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 20px;
}

.license-title h3 {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 8px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.access-badge {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: white;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

.usage-overview {
  display: flex;
  align-items: center;
  gap: 20px;
}

.usage-circle {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: conic-gradient(var(--color) 0deg, var(--color) calc(var(--percentage) * 3.6deg), #e5e7eb calc(var(--percentage) * 3.6deg), #e5e7eb 360deg);
  display: flex;
  align-items: center;
  justify-content: center;
}

.usage-circle::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 50%;
}

.circle-progress {
  position: relative;
  z-index: 1;
  text-align: center;
}

.percentage-text {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

.usage-text {
  display: block;
  font-size: 10px;
  color: #6b7280;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.usage-stats {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 120px;
}

.stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.stat-row.available {
  font-weight: 600;
  color: #FA9985;
}

.stat-label {
  color: #6b7280;
  font-weight: 500;
}

.stat-value {
  color: #1f2937;
  font-weight: 600;
}

.modules-summary {
  border-top: 1px solid #e5e7eb;
  padding-top: 20px;
}

.modules-summary h4 {
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 16px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.modules-grid {
  display: grid;
  gap: 12px;
}

.module-card {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.module-card:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
}

.module-name {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.module-usage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.simple-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.progress-bar-simple {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: #e5e7eb;
}

.progress-fill-simple {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.module-percentage {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  min-width: 35px;
}

.module-numbers {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}

/* Responsive Design - Tablet */
@media (max-width: 1024px) {
  .license-container {
    right: 20px;
    min-width: 380px;
    max-width: 500px;
    width: 50vw;
  }

  .toggle-button {
    width: 280px;
    font-size: 13px;
    padding: 8px 12px;
  }

  .license-content {
    padding: 14px;
  }

  .license-card {
    padding: 14px;
  }

  .stats {
    gap: 10px;
  }

  .stat-value {
    font-size: 15px;
  }

  .stat-label {
    font-size: 11px;
  }
}

/* Responsive Design - Mobile */
@media (max-width: 768px) {
  .license-container {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
    min-width: 90vw;
    max-width: 90vw;
    width: 90vw;
    max-height: 80vh;
    overflow-y: auto;
  }

  .toggle-button {
    width: 100%;
    max-width: 300px;
    font-size: 14px;
    padding: 10px 15px;
  }

  .license-content {
    padding: 16px;
    margin-top: 10px;
  }

  .license-card {
    padding: 16px;
  }

  .license-card:not(:last-child) {
    margin-bottom: 10px;
    padding-bottom: 16px;
  }

  .license-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .license-header h3 {
    font-size: 16px;
  }

  .stats {
    width: 100%;
    justify-content: space-between;
  }

  .stat-item:not(:last-child)::after {
    display: none;
  }

  .stat-value {
    font-size: 16px;
  }

  .stat-label {
    font-size: 12px;
  }

  .module-item {
    padding: 12px;
  }

  .module-name {
    font-size: 14px;
  }

  .progress-labels {
    flex-direction: column;
    gap: 4px;
  }

  .progress-labels span {
    font-size: 11px;
  }
}

/* Responsive Design - Small Mobile */
@media (max-width: 480px) {
  .license-container {
    min-width: 95vw;
    max-width: 95vw;
    width: 95vw;
    top: 60px;
    transform: none;
    left: 2.5vw;
    right: 2.5vw;
  }

  .toggle-button {
    width: 100%;
    font-size: 13px;
    padding: 8px 12px;
  }

  .license-content {
    padding: 12px;
  }

  .license-card {
    padding: 12px;
  }

  .license-card:not(:last-child) {
    margin-bottom: 8px;
    padding-bottom: 12px;
  }

  .license-header h3 {
    font-size: 15px;
  }

  .badge {
    font-size: 8px;
    padding: 2px 4px;
  }

  .stats {
    gap: 8px;
  }

  .stat-value {
    font-size: 14px;
  }

  .stat-label {
    font-size: 10px;
  }

  .module-item {
    padding: 10px;
  }

  .module-name {
    font-size: 13px;
  }

  .progress-bar {
    height: 6px;
  }

  .progress-labels {
    gap: 2px;
  }

  .module-numbers {
    font-size: 11px;
  }

  .loading {
    padding: 20px;
  }

  .loading-spinner {
    width: 30px;
    height: 30px;
  }

  .loading-text {
    font-size: 14px;
  }
}

/* Responsive Design - Extra Small Mobile */
@media (max-width: 360px) {
  .license-container {
    min-width: 98vw;
    max-width: 98vw;
    width: 98vw;
    left: 1vw;
    right: 1vw;
  }

  .license-header h3 {
    font-size: 14px;
  }

  .stats {
    gap: 6px;
  }

  .stat-value {
    font-size: 13px;
  }

  .stat-label {
    font-size: 9px;
  }

  .module-item {
    padding: 8px;
  }

  .module-name {
    font-size: 12px;
  }

  .progress-labels {
    gap: 1px;
  }

  .module-numbers {
    font-size: 10px;
  }
}

/* Landscape orientation adjustments */
@media (max-height: 600px) and (orientation: landscape) {
  .license-container {
    top: 20px;
    transform: translateX(-50%);
    max-height: 90vh;
    overflow-y: auto;
  }
  
  .license-content {
    max-height: calc(90vh - 60px);
    overflow-y: auto;
  }
  
  .license-card {
    padding: 10px;
  }
  
  .license-card:not(:last-child) {
    margin-bottom: 8px;
    padding-bottom: 12px;
  }
}

/* High DPI displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .license-content {
    box-shadow: 
      0 4px 16px rgba(0, 0, 0, 0.12),
      0 2px 8px rgba(0, 0, 0, 0.08),
      0 1px 4px rgba(0, 0, 0, 0.04);
  }
  
  .license-card {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  }
  
  .module-item {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  }
}

/* Responsive Design */
@media (max-width: 768px) {
  .license-header-simple {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }
  
  .usage-overview {
    flex-direction: column;
    gap: 16px;
  }
  
  .usage-stats {
    min-width: auto;
    width: 100%;
  }
  
  .module-usage {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .simple-progress {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .license-summary {
    padding: 16px;
  }
  
  .license-card-simple {
    padding: 16px;
  }
  
  .usage-circle {
    width: 70px;
    height: 70px;
  }
  
  .usage-circle::before {
    width: 50px;
    height: 50px;
  }
  
  .percentage-text {
    font-size: 14px;
  }
  
  .usage-text {
    font-size: 9px;
  }
}

/* Simplified License Info Styles - Horizontal Layout */
.license-summary {
  padding: 20px;
}

.summary-title {
  font-size: 20px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 20px 0;
  text-align: center;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.license-cards-horizontal {
  display: flex;
  gap: 20px;
  flex-direction: row;
  align-items: stretch;
}

.license-card-horizontal {
  background: white;
  border-radius: 12px;
  padding: 20px;
  flex: 1;
  min-width: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.license-card-horizontal:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.license-header-horizontal {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 20px;
  flex-wrap: wrap;
}

.license-title h3 {
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 8px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.access-badge {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: white;
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 6px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
}

.usage-overview-horizontal {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.usage-circle-orange {
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: conic-gradient(var(--color) 0deg, var(--color) calc(var(--percentage) * 3.6deg), #e5e7eb calc(var(--percentage) * 3.6deg), #e5e7eb 360deg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(255, 87, 51, 0.15);
  flex-shrink: 0;
}

.usage-circle-orange::before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  background: white;
  border-radius: 50%;
}

.circle-progress {
  position: relative;
  z-index: 1;
  text-align: center;
}

.percentage-text {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

.usage-text {
  display: block;
  font-size: 10px;
  color: #6b7280;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.usage-stats-horizontal {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 120px;
  flex: 1;
}

.stat-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}

.stat-row.available {
  font-weight: 600;
  color: #FF8A65;
}

.stat-label {
  color: #6b7280;
  font-weight: 500;
}

.stat-value {
  color: #1f2937;
  font-weight: 600;
}

.modules-summary-horizontal {
  border-top: 1px solid #e5e7eb;
  padding-top: 20px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.modules-summary-horizontal h4 {
  font-size: 16px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 16px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.modules-grid-horizontal {
  display: grid;
  gap: 12px;
  flex: 1;
}

.module-card-horizontal {
  background: #f9fafb;
  border-radius: 8px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.module-card-horizontal:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(255, 87, 51, 0.1);
}

.module-name {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.module-usage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.simple-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
}

.progress-bar-simple {
  flex: 1;
  height: 8px;
  border-radius: 4px;
  overflow: hidden;
  background: #e5e7eb;
}

.progress-fill-simple {
  height: 100%;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.module-percentage {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  min-width: 35px;
}

.module-numbers {
  font-size: 12px;
  color: #6b7280;
  font-weight: 500;
}

/* Responsive Design for Horizontal Layout */
@media (max-width: 1200px) {
  .license-cards-horizontal {
    flex-direction: column;
    gap: 16px;
  }
  
  .license-card-horizontal {
    min-width: auto;
  }
}

@media (max-width: 768px) {
  .license-header-horizontal {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
  }
  
  .usage-overview-horizontal {
    flex-direction: column;
    gap: 16px;
  }
  
  .usage-stats-horizontal {
    min-width: auto;
    width: 100%;
  }
  
  .module-usage {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  
  .simple-progress {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .license-summary {
    padding: 16px;
  }
  
  .license-card-horizontal {
    padding: 16px;
  }
  
  .usage-circle-orange {
    width: 70px;
    height: 70px;
  }
  
  .usage-circle-orange::before {
    width: 50px;
    height: 50px;
  }
  
  .percentage-text {
    font-size: 14px;
  }
  
  .usage-text {
    font-size: 9px;
  }
}

/* Simplified License Info Styles - Vertical Cards with Wide Layout */
.license-summary {
  padding: 12px;
}

.summary-title {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 12px 0;
  text-align: center;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.license-cards-horizontal {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.license-card-horizontal {
  background: white;
  border-radius: 8px;
  padding: 14px;
  width: 100%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.license-card-horizontal:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  transform: translateY(-2px);
}

.license-header-horizontal {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 14px;
  gap: 20px;
  width: 100%;
}

.license-title h3 {
  font-size: 14px;
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 6px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.access-badge-orange {
  background: linear-gradient(91.51deg, #FF5733 0%, #FA9985 102.39%);
  color: white;
  font-size: 9px;
  padding: 3px 6px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  display: inline-block;
  box-shadow: 0 2px 8px rgba(255, 87, 51, 0.25);
}

.usage-overview-horizontal {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  justify-content: flex-end;
}

.usage-circle-orange {
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: conic-gradient(var(--color) 0deg, var(--color) calc(var(--percentage) * 3.6deg), #e5e7eb calc(var(--percentage) * 3.6deg), #e5e7eb 360deg);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 16px rgba(255, 87, 51, 0.15);
  flex-shrink: 0;
  margin-right: 6px;
}

.usage-circle-orange::before {
  content: '';
  position: absolute;
  width: 44px;
  height: 44px;
  background: white;
  border-radius: 50%;
  z-index: 1;
}

.circle-progress {
  position: relative;
  z-index: 2;
  text-align: center;
}

.percentage-text {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #1f2937;
  line-height: 1;
}

.usage-text {
  display: block;
  font-size: 8px;
  color: #6b7280;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.usage-stats-horizontal {
  display: flex;
  flex-direction: row;
  gap: 18px;
  flex: 1;
  justify-content: flex-end;
  margin-left: 6px;
}

.stat-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 60px;
}

.stat-row.available {
  font-weight: 600;
  color: #FA9985;
}

.stat-label {
  color: #6b7280;
  font-weight: 500;
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 2px;
}

.stat-value {
  color: #1f2937;
  font-weight: 700;
  font-size: 12px;
}

.modules-summary-horizontal {
  border-top: 1px solid #e5e7eb;
  padding-top: 14px;
  width: 100%;
}

.modules-summary-horizontal h4 {
  font-size: 12px;
  font-weight: 600;
  color: #374151;
  margin: 0 0 10px 0;
  font-family: "Poppins", "Roboto", "Helvetica", "Arial", sans-serif;
}

.modules-grid-horizontal {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
  width: 100%;
}

.module-card-horizontal {
  background: #f9fafb;
  border-radius: 6px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.module-card-horizontal:hover {
  background: #f3f4f6;
  border-color: #d1d5db;
  box-shadow: 0 2px 8px rgba(255, 87, 51, 0.1);
}

.module-name {
  font-size: 11px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  text-transform: capitalize;
}

.module-usage {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

.simple-progress {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
}

.progress-bar-simple {
  flex: 1;
  height: 6px;
  border-radius: 3px;
  overflow: hidden;
  background: #e5e7eb;
}

.progress-fill-simple {
  height: 100%;
  border-radius: 3px;
  transition: width 0.3s ease;
}

.module-percentage {
  font-size: 9px;
  font-weight: 600;
  color: #374151;
  min-width: 25px;
}

.module-numbers {
  font-size: 9px;
  color: #6b7280;
  font-weight: 500;
}

/* Responsive Design for Wide Vertical Layout */
@media (max-width: 1200px) {
  .modules-grid-horizontal {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media (max-width: 768px) {
  .license-header-horizontal {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 20px;
  }
  
  .usage-overview-horizontal {
    flex-direction: column;
    gap: 20px;
    justify-content: center;
  }
  
  .usage-stats-horizontal {
    flex-direction: row;
    justify-content: center;
    gap: 20px;
  }
  
  .modules-grid-horizontal {
    grid-template-columns: 1fr;
  }
  
  .module-usage {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .simple-progress {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .license-summary {
    padding: 16px;
  }
  
  .license-card-horizontal {
    padding: 20px;
  }
  
  .usage-circle-orange {
    width: 80px;
    height: 80px;
  }
  
  .usage-circle-orange::before {
    width: 60px;
    height: 60px;
  }
  
  .percentage-text {
    font-size: 16px;
  }
  
  .usage-text {
    font-size: 10px;
  }
  
  .usage-stats-horizontal {
    gap: 16px;
  }
  
  .stat-value {
    font-size: 16px;
  }
}
.integration-filter-container .header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px 0;
  width: 100%;
  min-height: 40px;
}
.integration-filter-container .header-section .header-text {
  font-weight: 500;
  color: #333;
  margin: 0;
  flex: 1;
  display: flex;
  align-items: center;
  line-height: 1.4;
  height: 100%;
  font-size: 1.125rem;
}
@media (max-width: 960px) {
  .integration-filter-container .header-section {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
    min-height: auto;
    padding: 8px 0;
  }
  .integration-filter-container .header-section .license-section {
    align-self: flex-end;
  }
}
@media (max-width: 600px) {
  .integration-filter-container .header-section {
    margin-bottom: 8px;
    gap: 8px;
  }
}
.integration-filter-container .license-section {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
  height: 100%;
  min-height: 32px;
}
@media (max-width: 960px) {
  .integration-filter-container .license-section {
    justify-content: flex-end;
    height: auto;
    min-height: auto;
  }
}
@media (max-width: 600px) {
  .integration-filter-container .license-section {
    justify-content: flex-end;
    height: auto;
    min-height: auto;
  }
}
.integration-filter-container .integration-filter-section {
  width: 100%;
  margin-top: 0;
  padding: 0;
}
.integration-filter-container .integration-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
  margin-bottom: 16px;
}
@supports (display: grid) {
  .integration-filter-container .integration-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 8px;
  }
}
@media (max-width: 600px) {
  .integration-filter-container .integration-grid {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 6px;
    margin-bottom: 12px;
  }
}
@media (max-width: 480px) {
  .integration-filter-container .integration-grid {
    grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
    gap: 4px;
    margin-bottom: 10px;
  }
}
.integration-filter-container .integration-card {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.integration-filter-container .integration-card.selected {
  border: 2px solid #3b82f6;
  box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.2), 0 2px 8px rgba(59, 130, 246, 0.1), 0 0 0 1px rgba(59, 130, 246, 0.3);
}
.integration-filter-container .integration-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);
  border-color: #d1d5db;
  background-color: #f9fafb;
}
.integration-filter-container .integration-card:hover.selected {
  box-shadow: 0 16px 48px rgba(59, 130, 246, 0.3), 0 4px 16px rgba(0, 0, 0, 0.1);
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(59, 130, 246, 0.12) 50%, rgba(59, 130, 246, 0.18) 100%);
  border-color: #3b82f6;
}
.integration-filter-container .integration-card:active {
  transform: translateY(-2px);
  transition: all 0.1s ease-out;
}
.integration-filter-container .integration-card.selected::before {
  content: "✓";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  border: 3px solid white;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4), 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
  font-weight: bold;
  font-family: system-ui, -apple-system, sans-serif;
  animation: pulse 2s infinite;
}
.integration-filter-container .integration-card.selected::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.25) 0%, rgba(59, 130, 246, 0.15) 40%, transparent 70%);
  border-radius: 20px;
  z-index: -1;
  filter: blur(12px);
  opacity: 0.9;
  animation: glow 3s ease-in-out infinite alternate;
}
@media (max-width: 600px) {
  .integration-filter-container .integration-card {
    min-height: 75px;
    padding: 12px 8px;
    border-radius: 14px;
  }
  .integration-filter-container .integration-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
  }
  .integration-filter-container .integration-card:hover.selected {
    box-shadow: 0 12px 32px rgba(59, 130, 246, 0.25), 0 4px 12px rgba(0, 0, 0, 0.1);
  }
  .integration-filter-container .integration-card.selected::before {
    width: 20px;
    height: 20px;
    font-size: 12px;
    top: 8px;
    right: 8px;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.5);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
  }
}
@keyframes glow {
  0% {
    opacity: 0.7;
    transform: scale(1);
  }
  100% {
    opacity: 0.9;
    transform: scale(1.02);
  }
}
.integration-filter-container .integration-image {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  aspect-ratio: 3/2;
}
.integration-filter-container .integration-label {
  word-break: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
  line-height: 1.2;
}
@media (max-width: 480px) {
  .integration-filter-container .integration-label {
    font-size: 0.7rem;
  }
}
@media (max-width: 960px) {
  .integration-filter-container .integration-filter-section {
    width: 100%;
  }
}
@media (max-width: 360px) {
  .integration-filter-container {
    padding: 8px;
  }
  .integration-filter-container .integration-grid {
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 4px;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.integration-card {
  animation: fadeInUp 0.3s ease-out;
}
.integration-card:nth-child(1) {
  animation-delay: 0.05s;
}
.integration-card:nth-child(2) {
  animation-delay: 0.1s;
}
.integration-card:nth-child(3) {
  animation-delay: 0.15s;
}
.integration-card:nth-child(4) {
  animation-delay: 0.2s;
}
.integration-card:nth-child(5) {
  animation-delay: 0.25s;
}
.integration-card:nth-child(6) {
  animation-delay: 0.3s;
}
.integration-card:nth-child(7) {
  animation-delay: 0.35s;
}
.integration-card:nth-child(8) {
  animation-delay: 0.4s;
}
.integration-card:nth-child(9) {
  animation-delay: 0.45s;
}
.integration-card:nth-child(10) {
  animation-delay: 0.5s;
}

.integration-card:focus {
  outline: 2px solid #1976d2;
  outline-offset: 2px;
}

@media (prefers-contrast: high) {
  .integration-card {
    border-width: 2px;
  }
  .integration-card.selected {
    border-width: 3px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .integration-card {
    animation: none;
    transition: none;
  }
  .integration-card:hover {
    transform: none;
  }
}.license-assignment-container {
  font-family: poppins;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

.license-assignment-container h2 {
  color: #2c3e50;
  font-size: 24px;
  margin-bottom: 24px;
  font-weight: 600;
}

.users-table {
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.table-header {
  display: flex;
  background-color: #f8f9fa;
  padding: 16px 20px;
  font-weight: 600;
  color: #495057;
  border-bottom: 1px solid #e9ecef;
}

.header-item {
  flex: 1;
  padding: 0 8px;
  font-size: 14px;
}

.user-row {
  display: flex;
  padding: 16px 20px;
  align-items: center;
  border-bottom: 1px solid #e9ecef;
  transition: all 0.2s ease;
}

.user-row:hover {
  background-color: #f8f9fa;
}

.user-row:last-child {
  border-bottom: none;
}

.user-data {
  flex: 1;
  padding: 0 8px;
  font-size: 14px;
  color: #495057;
}

.license-tag {
  background-color: #e3f2fd;
  color: #1976d2;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.license-tag::before {
  content: '🔑';
  font-size: 14px;
}

.no-license {
  color: #adb5bd;
  font-style: italic;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.no-license::before {
  content: '⚠️';
  font-size: 14px;
}

.expired {
  color: #e74c3c;
  font-weight: bold;
}

.assign-button-no-margin {
  background-color: #fe7255;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 120px;
  justify-content: center;
}

.assign-button-no-margin:hover {
  background-color: #e56348;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(254, 114, 85, 0.3);
}

.assign-button-no-margin:disabled {
  background-color: #e9ecef;
  color: #adb5bd;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}
.assign-button {
  background-color:rgba(242, 106, 75, 0.866);;
  color: white;
  border: none;
  padding: 4px 10px;
  width: 100%;
  height: 45px;
  margin-top: 4px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* .assign-button::before {
  content: '➕';
  font-size: 14px;
} */

.assign-button:hover {
  background-color: #ff6b4a;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(255, 87, 51, 0.2);
}

.assign-button:disabled {
  background-color: #e9ecef;
  color: #adb5bd;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

/* Modal styles */
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.license-modal {
  background-color: white;
  border-radius: 16px;
  width: 700px;
  max-width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.12);
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
  border-bottom: 1px solid #e9ecef;
  background-color: #f8f9fa;
  border-radius: 16px 16px 0 0;
}

.modal-header h3 {
  margin: 0;
  color: #2c3e50;
  font-size: 20px;
  font-weight: 600;
}

.close-button {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #adb5bd;
  padding: 4px 8px;
  border-radius: 6px;
  transition: all 0.2s ease;
}

.close-button:hover {
  color: #495057;
  background-color: #e9ecef;
}

.modal-body {
  padding: 24px;
}

.form-group {
  margin-bottom: 24px;
}

.form-group label {
  display: block;
  margin-bottom: 12px;
  font-weight: 600;
  color: #495057;
  font-size: 14px;
}

.role-options {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
}

.role-button {
  flex: 1;
  padding: 14px;
  background-color: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.2s ease;
  color: #495057;
}

.role-button:hover {
  border-color: #ff5733;
  background-color: #fff5f2;
}

.role-button.active {
  background-color: #ff5733;
  color: white;
  border-color: #ff5733;
}

.module-filter-options {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.filter-button {
  padding: 10px 16px;
  background-color: #f8f9fa;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
  color: #495057;
}

.filter-button:hover {
  border-color: #ff5733;
  background-color: #fff5f2;
}

.filter-button.active {
  background-color: #ff5733;
  color: white;
  border-color: #ff5733;
}

.license-options {
  display: grid;
  margin-top: 10px;
  margin-bottom: 10px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
}
.scrollable-license-list {
  max-height: 300px; /* Adjust as needed */
  overflow-y: auto;
  padding-right: 8px; /* for scrollbar spacing */
  padding-top: 8px; /* Add spacing to prevent border clipping on hover */
  margin-top: 8px; /* Additional spacing from elements above */
}

/* Optional: smooth scrolling */
.scrollable-license-list::-webkit-scrollbar {
  width: 6px;
}
.scrollable-license-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
.license-card {
  border: 2px solid #e9ecef;
  border-radius: 12px;
  padding: 20px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: white;
}

.license-card:hover {
  border-color: #ff5733;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.license-card.selected {
  border: 2px solid #ff5733;
  background-color: #fff5f2;
}

.license-card.unavailable {
  opacity: 0.7;
  cursor: not-allowed;
  background-color: #f8f9fa;
}

.license-type {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 12px;
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.license-type::before {
  content: '🎫';
  font-size: 18px;
}

.license-modules {
  margin: 12px 0;
  padding: 12px;
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #e9ecef;
}

.modules-label {
  font-size: 13px;
  color: #6c757d;
  margin-bottom: 6px;
  font-weight: 500;
}

.modules-value {
  font-size: 14px;
  color: #495057;
  font-weight: 500;
  line-height: 1.4;
}

.license-meta {
  margin-top: 12px;
  font-size: 13px;
  color: #6c757d;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.license-expiration {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #495057;
}

.license-expiration::before {
  content: '🗓️';
  font-size: 14px;
}

/* Fix: Keep expiration text black even when selected */
.license-card.selected .license-expiration {
  color: #495057;
}

.license-availability {
  color: #27ae60;
}

.license-availability.unavailable {
  color: #e74c3c;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 20px 24px;
  border-top: 1px solid #e9ecef;
  background-color: #f8f9fa;
  border-radius: 0 0 16px 16px;
}

.cancel-button {
  background-color: #e9ecef;
  color: #495057;
  border: none;
  padding: 12px 24px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s ease;
}

.cancel-button:hover {
  background-color: #dee2e6;
}

.loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.loading-spinner {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #ff5733;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  margin-bottom: 16px;
}

.loading-text {
  color: #6c757d;
  font-size: 14px;
  font-weight: 500;
}

.error-message {
  color: #dc3545;
  padding: 20px;
  text-align: center;
  background-color: #fff5f5;
  border-radius: 8px;
  border: 1px solid #ffebee;
  grid-column: 1 / -1;
  font-size: 14px;
  font-weight: 500;
}

.no-licenses {
  padding: 24px;
  text-align: center;
  color: #6c757d;
  font-style: italic;
  border: 2px dashed #e9ecef;
  border-radius: 8px;
  grid-column: 1 / -1;
  background-color: #f8f9fa;
  font-size: 14px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}.ag-theme-alpine {
    width: 100%;
    height: 100%;
}

.ag-header-viewport {
    background-color: #d9d9d9;
}

.ag-header-cell-text {
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 500;
}

.ag-root-wrapper {
    border-radius: 10px 10px 0px 0px;
}

.ag-theme-alpine .ag-root-wrapper {
    border: none;
}

.ag-cell.name-column-container .ag-react-container {
    height: 100%;
}

.ag-row-hover {
    cursor: pointer;
}

.assign-button {
    width: 140px;
    min-width: 140px;
    max-width: 140px;
    height: 40px;
    background: linear-gradient(91.51deg, #FF5733 0%, #FA9985 102.39%);
    border: none;
    padding: 4px 8px;
    font-size: 0.875rem;
    color: white;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
}
.assign-button:hover {
    background: linear-gradient(91.51deg, #E64A2E 0%, #F58B75 102.39%);
}


 
/*
 * This file is a theme downloaded from the AG Grid Theme Builder for AG Grid 32.1.0.
 *
 * See installation docs at https://www.ag-grid.com/javascript-data-grid/applying-theme-builder-styling-grid/
 */
:where(
     .ag-root-wrapper,
     .ag-measurement-container,
     .ag-apply-theme-variables,
     .ag-popup
   ) {
   --ag-background-color: var(--ag-inherited-background-color, #ffffff);
   --ag-foreground-color: var(--ag-inherited-foreground-color, #111111);
   --ag-text-color: var(--ag-inherited-text-color, var(--ag-foreground-color));
   --ag-accent-color: var(--ag-inherited-accent-color, #12121247);
   --ag-invalid-color: var(--ag-inherited-invalid-color, #e02525);
   --ag-border-color: var(--ag-inherited-border-color, #ffffff00);
   --ag-wrapper-border: var(--ag-inherited-wrapper-border, none);
   --ag-row-border: var(--ag-inherited-row-border, none);
   --ag-color-scheme: var(--ag-inherited-color-scheme, light);
   --ag-header-row-border: var(
     --ag-inherited-header-row-border,
     var(--ag-row-border)
   );
   --ag-footer-row-border: var(
     --ag-inherited-footer-row-border,
     var(--ag-row-border)
   );
   --ag-column-border: var(--ag-inherited-column-border, none);
   --ag-header-column-border: var(--ag-inherited-header-column-border, none);
   --ag-header-column-border-height: var(
     --ag-inherited-header-column-border-height,
     150%
   );
   --ag-pinned-column-border: var(
     --ag-inherited-pinned-column-border,
     solid 1px var(--ag-border-color)
   );
   --ag-pinned-row-border: var(
     --ag-inherited-pinned-row-border,
     solid 1px var(--ag-border-color)
   );
   --ag-side-panel-border: var(--ag-inherited-side-panel-border, none);
   --ag-font-family: var(--ag-inherited-font-family, "poppins");
   --ag-chrome-background-color: var(
     --ag-inherited-chrome-background-color,
     color-mix(in srgb, transparent, var(--ag-foreground-color) 2%)
   );
   --ag-header-background-color: var(
     --ag-inherited-header-background-color,
     #d9d9d9
   );
   --ag-header-font-family: var(
     --ag-inherited-header-font-family,
     var(--ag-font-family)
   );
   --ag-header-font-weight: var(--ag-inherited-header-font-weight, 500);
   --ag-header-font-size: var(--ag-inherited-header-font-size, 14px);
   --ag-header-text-color: var(--ag-inherited-header-text-color, #111111);
   --ag-header-cell-hover-background-color: var(
     --ag-inherited-header-cell-hover-background-color,
     transparent
   );
   --ag-header-cell-hover-background-transition-duration: var(
     --ag-inherited-header-cell-hover-background-transition-duration,
     0.2s
   );
   --ag-cell-text-color: var(--ag-inherited-cell-text-color, #111111);
   --ag-subtle-text-color: var(
     --ag-inherited-subtle-text-color,
     color-mix(in srgb, transparent, var(--ag-text-color) 50%)
   );
   --ag-range-selection-border-style: var(
     --ag-inherited-range-selection-border-style,
     solid
   );
   --ag-range-selection-border-color: var(
     --ag-inherited-range-selection-border-color,
     var(--ag-accent-color)
   );
   --ag-range-selection-background-color: var(
     --ag-inherited-range-selection-background-color,
     color-mix(in srgb, transparent, var(--ag-accent-color) 20%)
   );
   --ag-range-selection-chart-background-color: var(
     --ag-inherited-range-selection-chart-background-color,
     #0058ff1a
   );
   --ag-range-selection-chart-category-background-color: var(
     --ag-inherited-range-selection-chart-category-background-color,
     #00ff841a
   );
   --ag-range-selection-highlight-color: var(
     --ag-inherited-range-selection-highlight-color,
     color-mix(in srgb, transparent, var(--ag-accent-color) 50%)
   );
   --ag-row-hover-color: var(
     --ag-inherited-row-hover-color,
     color-mix(in srgb, transparent, var(--ag-accent-color) 12%)
   );
   --ag-column-hover-color: var(
     --ag-inherited-column-hover-color,
     color-mix(in srgb, transparent, var(--ag-accent-color) 5%)
   );
   --ag-selected-row-background-color: var(
     --ag-inherited-selected-row-background-color,
     color-mix(in srgb, transparent, var(--ag-accent-color) 8%)
   );
   --ag-modal-overlay-background-color: var(
     --ag-inherited-modal-overlay-background-color,
     color-mix(in srgb, transparent, var(--ag-background-color) 66%)
   );
   --ag-odd-row-background-color: var(
     --ag-inherited-odd-row-background-color,
     #ffffff
   );
   --ag-border-radius: var(--ag-inherited-border-radius, 4px);
   --ag-wrapper-border-radius: var(--ag-inherited-wrapper-border-radius, 8px);
   --ag-cell-horizontal-padding: var(
     --ag-inherited-cell-horizontal-padding,
     calc(var(--ag-grid-size) * 2 * var(--ag-cell-horizontal-padding-scale))
   );
   --ag-cell-widget-spacing: var(
     --ag-inherited-cell-widget-spacing,
     calc(var(--ag-grid-size) * 1.5)
   );
   --ag-cell-horizontal-padding-scale: var(
     --ag-inherited-cell-horizontal-padding-scale,
     1
   );
   --ag-row-group-indent-size: var(
     --ag-inherited-row-group-indent-size,
     calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size))
   );
   --ag-value-change-delta-up-color: var(
     --ag-inherited-value-change-delta-up-color,
     #43a047
   );
   --ag-value-change-delta-down-color: var(
     --ag-inherited-value-change-delta-down-color,
     #e53935
   );
   --ag-value-change-value-highlight-background-color: var(
     --ag-inherited-value-change-value-highlight-background-color,
     #16a08580
   );
   --ag-grid-size: var(--ag-inherited-grid-size, 8px);
   --ag-font-size: var(--ag-inherited-font-size, 14px);
   --ag-row-height: var(
     --ag-inherited-row-height,
     calc(
       max(var(--ag-icon-size), var(--ag-font-size)) + var(--ag-grid-size) * 3.5 *
         var(--ag-row-vertical-padding-scale)
     )
   );
   --ag-row-vertical-padding-scale: var(
     --ag-inherited-row-vertical-padding-scale,
     1
   );
   --ag-header-height: var(
     --ag-inherited-header-height,
     calc(
       max(var(--ag-icon-size), var(--ag-font-size)) + var(--ag-grid-size) * 4.25 *
         var(--ag-header-vertical-padding-scale)
     )
   );
   --ag-header-vertical-padding-scale: var(
     --ag-inherited-header-vertical-padding-scale,
     1
   );
   --ag-popup-shadow: var(--ag-inherited-popup-shadow, 0 0 16px 0 #00000026);
   --ag-dropdown-shadow: var(
     --ag-inherited-dropdown-shadow,
     0 1px 4px 1px #babfc766
   );
   --ag-drag-ghost-background-color: var(
     --ag-inherited-drag-ghost-background-color,
     var(--ag-background-color)
   );
   --ag-drag-ghost-border: var(
     --ag-inherited-drag-ghost-border,
     solid 1px var(--ag-border-color)
   );
   --ag-drag-ghost-shadow: var(
     --ag-inherited-drag-ghost-shadow,
     var(--ag-popup-shadow)
   );
   --ag-focus-shadow: var(
     --ag-inherited-focus-shadow,
     0 0 0 3px color-mix(in srgb, transparent, var(--ag-accent-color) 50%)
   );
   --ag-side-bar-panel-width: var(--ag-inherited-side-bar-panel-width, 250px);
   --ag-side-button-selected-border: var(
     --ag-inherited-side-button-selected-border,
     solid 1px var(--ag-border-color)
   );
   --ag-side-button-selected-background-color: var(
     --ag-inherited-side-button-selected-background-color,
     var(--ag-background-color)
   );
   --ag-side-bar-background-color: var(
     --ag-inherited-side-bar-background-color,
     var(--ag-chrome-background-color)
   );
   --ag-header-column-resize-handle-display: var(
     --ag-inherited-header-column-resize-handle-display,
     block
   );
   --ag-header-column-resize-handle-height: var(
     --ag-inherited-header-column-resize-handle-height,
     30%
   );
   --ag-header-column-resize-handle-width: var(
     --ag-inherited-header-column-resize-handle-width,
     2px
   );
   --ag-header-column-resize-handle-color: var(
     --ag-inherited-header-column-resize-handle-color,
     var(--ag-border-color)
   );
   --ag-widget-container-horizontal-padding: var(
     --ag-inherited-widget-container-horizontal-padding,
     calc(var(--ag-grid-size) * 1.5)
   );
   --ag-widget-container-vertical-padding: var(
     --ag-inherited-widget-container-vertical-padding,
     calc(var(--ag-grid-size) * 1.5)
   );
   --ag-widget-horizontal-spacing: var(
     --ag-inherited-widget-horizontal-spacing,
     calc(var(--ag-grid-size) * 1.5)
   );
   --ag-widget-vertical-spacing: var(
     --ag-inherited-widget-vertical-spacing,
     var(--ag-grid-size)
   );
   --ag-list-item-height: var(
     --ag-inherited-list-item-height,
     calc(var(--ag-icon-size) + var(--ag-widget-vertical-spacing))
   );
   --ag-icon-size: var(--ag-inherited-icon-size, 16px);
   --ag-toggle-button-width: var(--ag-inherited-toggle-button-width, 28px);
   --ag-toggle-button-height: var(--ag-inherited-toggle-button-height, 18px);
   --ag-toggle-button-border-width: var(
     --ag-inherited-toggle-button-border-width,
     2px
   );
   --ag-toggle-button-on-border-color: var(
     --ag-inherited-toggle-button-on-border-color,
     var(--ag-accent-color)
   );
   --ag-toggle-button-on-background-color: var(
     --ag-inherited-toggle-button-on-background-color,
     var(--ag-accent-color)
   );
   --ag-toggle-button-off-border-color: var(
     --ag-inherited-toggle-button-off-border-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 30%
     )
   );
   --ag-toggle-button-off-background-color: var(
     --ag-inherited-toggle-button-off-background-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 30%
     )
   );
   --ag-toggle-button-switch-border-color: var(
     --ag-inherited-toggle-button-switch-border-color,
     var(--ag-toggle-button-off-border-color)
   );
   --ag-toggle-button-switch-background-color: var(
     --ag-inherited-toggle-button-switch-background-color,
     var(--ag-background-color)
   );
   --ag-checkbox-border-width: var(--ag-inherited-checkbox-border-width, 1px);
   --ag-checkbox-border-radius: var(
     --ag-inherited-checkbox-border-radius,
     var(--ag-border-radius)
   );
   --ag-checkbox-unchecked-background-color: var(
     --ag-inherited-checkbox-unchecked-background-color,
     var(--ag-background-color)
   );
   --ag-checkbox-unchecked-border-color: var(
     --ag-inherited-checkbox-unchecked-border-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 30%
     )
   );
   --ag-checkbox-checked-background-color: var(
     --ag-inherited-checkbox-checked-background-color,
     var(--ag-accent-color)
   );
   --ag-checkbox-checked-border-color: var(
     --ag-inherited-checkbox-checked-border-color,
     var(--ag-accent-color)
   );
   --ag-checkbox-checked-shape-image: var(
     --ag-inherited-checkbox-checked-shape-image,
     url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%227%22%20fill%3D%22none%22%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.75%22%20d%3D%22M1%203.5%203.5%206l5-5%22%2F%3E%3C%2Fsvg%3E")
   );
   --ag-checkbox-checked-shape-color: var(
     --ag-inherited-checkbox-checked-shape-color,
     var(--ag-background-color)
   );
   --ag-checkbox-indeterminate-background-color: var(
     --ag-inherited-checkbox-indeterminate-background-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 30%
     )
   );
   --ag-checkbox-indeterminate-border-color: var(
     --ag-inherited-checkbox-indeterminate-border-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 30%
     )
   );
   --ag-checkbox-indeterminate-shape-image: var(
     --ag-inherited-checkbox-indeterminate-shape-image,
     url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%222%22%20fill%3D%22none%22%3E%3Crect%20width%3D%2210%22%20height%3D%222%22%20fill%3D%22%23000%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")
   );
   --ag-checkbox-indeterminate-shape-color: var(
     --ag-inherited-checkbox-indeterminate-shape-color,
     var(--ag-background-color)
   );
   --ag-radio-checked-shape-image: var(
     --ag-inherited-radio-checked-shape-image,
     url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226%22%20height%3D%226%22%20fill%3D%22none%22%3E%3Ccircle%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")
   );
   --ag-menu-border: var(
     --ag-inherited-menu-border,
     solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 20%)
   );
   --ag-menu-background-color: var(
     --ag-inherited-menu-background-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 3%
     )
   );
   --ag-menu-text-color: var(
     --ag-inherited-menu-text-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 95%
     )
   );
   --ag-menu-shadow: var(--ag-inherited-menu-shadow, var(--ag-popup-shadow));
   --ag-menu-separator-color: var(
     --ag-inherited-menu-separator-color,
     var(--ag-border-color)
   );
   --ag-set-filter-indent-size: var(
     --ag-inherited-set-filter-indent-size,
     var(--ag-icon-size)
   );
   --ag-chart-menu-panel-width: var(
     --ag-inherited-chart-menu-panel-width,
     260px
   );
   --ag-chart-menu-label-color: var(
     --ag-inherited-chart-menu-label-color,
     color-mix(in srgb, transparent, var(--ag-foreground-color) 80%)
   );
   --ag-icon-button-hover-color: var(
     --ag-inherited-icon-button-hover-color,
     color-mix(in srgb, transparent, var(--ag-foreground-color) 10%)
   );
   --ag-dialog-shadow: var(--ag-inherited-dialog-shadow, var(--ag-popup-shadow));
   --ag-dialog-border: var(
     --ag-inherited-dialog-border,
     solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 20%)
   );
   --ag-panel-background-color: var(
     --ag-inherited-panel-background-color,
     var(--ag-background-color)
   );
   --ag-panel-title-bar-background-color: var(
     --ag-inherited-panel-title-bar-background-color,
     var(--ag-header-background-color)
   );
   --ag-panel-title-bar-border: var(
     --ag-inherited-panel-title-bar-border,
     solid 1px var(--ag-border-color)
   );
   --ag-column-select-indent-size: var(
     --ag-inherited-column-select-indent-size,
     var(--ag-icon-size)
   );
   --ag-tool-panel-separator-border: var(
     --ag-inherited-tool-panel-separator-border,
     solid 1px var(--ag-border-color)
   );
   --ag-tooltip-background-color: var(
     --ag-inherited-tooltip-background-color,
     var(--ag-chrome-background-color)
   );
   --ag-tooltip-text-color: var(
     --ag-inherited-tooltip-text-color,
     var(--ag-text-color)
   );
   --ag-tooltip-border: var(
     --ag-inherited-tooltip-border,
     solid 1px var(--ag-border-color)
   );
   --ag-column-drop-cell-background-color: var(
     --ag-inherited-column-drop-cell-background-color,
     color-mix(in srgb, transparent, var(--ag-foreground-color) 7%)
   );
   --ag-column-drop-cell-border: var(
     --ag-inherited-column-drop-cell-border,
     solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 13%)
   );
   --ag-select-cell-background-color: var(
     --ag-inherited-select-cell-background-color,
     color-mix(in srgb, transparent, var(--ag-foreground-color) 7%)
   );
   --ag-select-cell-border: var(
     --ag-inherited-select-cell-border,
     solid 1px color-mix(in srgb, transparent, var(--ag-foreground-color) 13%)
   );
   --ag-advanced-filter-builder-button-bar-border: var(
     --ag-inherited-advanced-filter-builder-button-bar-border,
     solid 1px var(--ag-border-color)
   );
   --ag-advanced-filter-builder-indent-size: var(
     --ag-inherited-advanced-filter-builder-indent-size,
     calc(var(--ag-grid-size) * 2 + var(--ag-icon-size))
   );
   --ag-advanced-filter-builder-join-pill-color: var(
     --ag-inherited-advanced-filter-builder-join-pill-color,
     #f08e8d
   );
   --ag-advanced-filter-builder-column-pill-color: var(
     --ag-inherited-advanced-filter-builder-column-pill-color,
     #a6e194
   );
   --ag-advanced-filter-builder-option-pill-color: var(
     --ag-inherited-advanced-filter-builder-option-pill-color,
     #f3c08b
   );
   --ag-advanced-filter-builder-value-pill-color: var(
     --ag-inherited-advanced-filter-builder-value-pill-color,
     #85c0e4
   );
   --ag-filter-tool-panel-group-indent: var(
     --ag-inherited-filter-tool-panel-group-indent,
     var(--ag-grid-size)
   );
   --ag-icon-button-hover-background-color: var(
     --ag-inherited-icon-button-hover-background-color,
     color-mix(in srgb, transparent, var(--ag-foreground-color) 10%)
   );
   --ag-row-loading-skeleton-effect-color: var(
     --ag-inherited-row-loading-skeleton-effect-color,
     rgba(66, 66, 66, 0.2)
   );
   --ag-tab-bar-background-color: var(
     --ag-inherited-tab-bar-background-color,
     color-mix(in srgb, transparent, var(--ag-foreground-color) 5%)
   );
   --ag-tab-bar-horizontal-padding: var(
     --ag-inherited-tab-bar-horizontal-padding,
     0
   );
   --ag-tab-bar-top-padding: var(--ag-inherited-tab-bar-top-padding, 0);
   --ag-tab-background-color: var(
     --ag-inherited-tab-background-color,
     transparent
   );
   --ag-tab-text-color: var(
     --ag-inherited-tab-text-color,
     color-mix(in srgb, transparent, var(--ag-text-color) 70%)
   );
   --ag-tab-horizontal-padding: var(
     --ag-inherited-tab-horizontal-padding,
     calc(var(--ag-grid-size))
   );
   --ag-tab-top-padding: var(
     --ag-inherited-tab-top-padding,
     calc(var(--ag-grid-size))
   );
   --ag-tab-bottom-padding: var(
     --ag-inherited-tab-bottom-padding,
     calc(var(--ag-grid-size))
   );
   --ag-tab-spacing: var(--ag-inherited-tab-spacing, 0);
   --ag-tab-hover-background-color: var(
     --ag-inherited-tab-hover-background-color,
     var(--ag-tab-background-color)
   );
   --ag-tab-hover-text-color: var(
     --ag-inherited-tab-hover-text-color,
     var(--ag-text-color)
   );
   --ag-tab-selected-background-color: var(
     --ag-inherited-tab-selected-background-color,
     var(--ag-background-color)
   );
   --ag-tab-selected-text-color: var(
     --ag-inherited-tab-selected-text-color,
     var(--ag-text-color)
   );
   --ag-tab-selected-border-width: var(
     --ag-inherited-tab-selected-border-width,
     1px
   );
   --ag-tab-selected-border-color: var(
     --ag-inherited-tab-selected-border-color,
     var(--ag-border-color)
   );
   --ag-tab-selected-underline-color: var(
     --ag-inherited-tab-selected-underline-color,
     transparent
   );
   --ag-tab-selected-underline-width: var(
     --ag-inherited-tab-selected-underline-width,
     0
   );
   --ag-tab-selected-underline-transition-duration: var(
     --ag-inherited-tab-selected-underline-transition-duration,
     0
   );
   --ag-tab-bar-border: var(
     --ag-inherited-tab-bar-border,
     solid 1px var(--ag-border-color)
   );
   --ag-input-background-color: var(
     --ag-inherited-input-background-color,
     var(--ag-background-color)
   );
   --ag-input-border: var(
     --ag-inherited-input-border,
     solid 1px var(--ag-border-color)
   );
   --ag-input-border-radius: var(
     --ag-inherited-input-border-radius,
     var(--ag-border-radius)
   );
   --ag-input-text-color: var(
     --ag-inherited-input-text-color,
     var(--ag-text-color)
   );
   --ag-input-padding-start: var(
     --ag-inherited-input-padding-start,
     var(--ag-grid-size)
   );
   --ag-input-height: var(
     --ag-inherited-input-height,
     calc(
       max(var(--ag-icon-size), var(--ag-font-size)) + var(--ag-grid-size) * 2
     )
   );
   --ag-input-focus-background-color: var(
     --ag-inherited-input-focus-background-color,
     var(--ag-input-background-color)
   );
   --ag-input-focus-border: var(
     --ag-inherited-input-focus-border,
     solid 1px var(--ag-accent-color)
   );
   --ag-input-focus-shadow: var(
     --ag-inherited-input-focus-shadow,
     var(--ag-focus-shadow)
   );
   --ag-input-focus-text-color: var(
     --ag-inherited-input-focus-text-color,
     var(--ag-input-text-color)
   );
   --ag-input-disabled-background-color: var(
     --ag-inherited-input-disabled-background-color,
     color-mix(
       in srgb,
       var(--ag-background-color),
       var(--ag-foreground-color) 6%
     )
   );
   --ag-input-disabled-border: var(
     --ag-inherited-input-disabled-border,
     var(--ag-input-border)
   );
   --ag-input-disabled-text-color: var(
     --ag-inherited-input-disabled-text-color,
     color-mix(in srgb, transparent, var(--ag-text-color) 50%)
   );
   --ag-input-invalid-background-color: var(
     --ag-inherited-input-invalid-background-color,
     var(--ag-input-background-color)
   );
   --ag-input-invalid-border: var(
     --ag-inherited-input-invalid-border,
     solid 1px var(--ag-invalid-color)
   );
   --ag-input-invalid-text-color: var(
     --ag-inherited-input-invalid-text-color,
     var(--ag-input-text-color)
   );
 }
:has(
     > :where(
         .ag-root-wrapper,
         .ag-measurement-container,
         .ag-apply-theme-variables,
         .ag-popup
       )
   ):not(
     :where(
         .ag-root-wrapper,
         .ag-measurement-container,
         .ag-apply-theme-variables,
         .ag-popup
       )
   ) {
   --ag-inherited-background-color: var(--ag-background-color);
   --ag-inherited-foreground-color: var(--ag-foreground-color);
   --ag-inherited-text-color: var(--ag-text-color);
   --ag-inherited-accent-color: var(--ag-accent-color);
   --ag-inherited-invalid-color: var(--ag-invalid-color);
   --ag-inherited-border-color: var(--ag-border-color);
   --ag-inherited-wrapper-border: var(--ag-wrapper-border);
   --ag-inherited-row-border: var(--ag-row-border);
   --ag-inherited-color-scheme: var(--ag-color-scheme);
   --ag-inherited-header-row-border: var(--ag-header-row-border);
   --ag-inherited-footer-row-border: var(--ag-footer-row-border);
   --ag-inherited-column-border: var(--ag-column-border);
   --ag-inherited-header-column-border: var(--ag-header-column-border);
   --ag-inherited-header-column-border-height: var(
     --ag-header-column-border-height
   );
   --ag-inherited-pinned-column-border: var(--ag-pinned-column-border);
   --ag-inherited-pinned-row-border: var(--ag-pinned-row-border);
   --ag-inherited-side-panel-border: var(--ag-side-panel-border);
   --ag-inherited-font-family: var(--ag-font-family);
   --ag-inherited-chrome-background-color: var(--ag-chrome-background-color);
   --ag-inherited-header-background-color: var(--ag-header-background-color);
   --ag-inherited-header-font-family: var(--ag-header-font-family);
   --ag-inherited-header-font-weight: var(--ag-header-font-weight);
   --ag-inherited-header-font-size: var(--ag-header-font-size);
   --ag-inherited-header-text-color: var(--ag-header-text-color);
   --ag-inherited-header-cell-hover-background-color: var(
     --ag-header-cell-hover-background-color
   );
   --ag-inherited-header-cell-hover-background-transition-duration: var(
     --ag-header-cell-hover-background-transition-duration
   );
   --ag-inherited-cell-text-color: var(--ag-cell-text-color);
   --ag-inherited-subtle-text-color: var(--ag-subtle-text-color);
   --ag-inherited-range-selection-border-style: var(
     --ag-range-selection-border-style
   );
   --ag-inherited-range-selection-border-color: var(
     --ag-range-selection-border-color
   );
   --ag-inherited-range-selection-background-color: var(
     --ag-range-selection-background-color
   );
   --ag-inherited-range-selection-chart-background-color: var(
     --ag-range-selection-chart-background-color
   );
   --ag-inherited-range-selection-chart-category-background-color: var(
     --ag-range-selection-chart-category-background-color
   );
   --ag-inherited-range-selection-highlight-color: var(
     --ag-range-selection-highlight-color
   );
   --ag-inherited-row-hover-color: var(--ag-row-hover-color);
   --ag-inherited-column-hover-color: var(--ag-column-hover-color);
   --ag-inherited-selected-row-background-color: var(
     --ag-selected-row-background-color
   );
   --ag-inherited-modal-overlay-background-color: var(
     --ag-modal-overlay-background-color
   );
   --ag-inherited-odd-row-background-color: var(--ag-odd-row-background-color);
   --ag-inherited-border-radius: var(--ag-border-radius);
   --ag-inherited-wrapper-border-radius: var(--ag-wrapper-border-radius);
   --ag-inherited-cell-horizontal-padding: var(--ag-cell-horizontal-padding);
   --ag-inherited-cell-widget-spacing: var(--ag-cell-widget-spacing);
   --ag-inherited-cell-horizontal-padding-scale: var(
     --ag-cell-horizontal-padding-scale
   );
   --ag-inherited-row-group-indent-size: var(--ag-row-group-indent-size);
   --ag-inherited-value-change-delta-up-color: var(
     --ag-value-change-delta-up-color
   );
   --ag-inherited-value-change-delta-down-color: var(
     --ag-value-change-delta-down-color
   );
   --ag-inherited-value-change-value-highlight-background-color: var(
     --ag-value-change-value-highlight-background-color
   );
   --ag-inherited-grid-size: var(--ag-grid-size);
   --ag-inherited-font-size: var(--ag-font-size);
   --ag-inherited-row-height: var(--ag-row-height);
   --ag-inherited-row-vertical-padding-scale: var(
     --ag-row-vertical-padding-scale
   );
   --ag-inherited-header-height: var(--ag-header-height);
   --ag-inherited-header-vertical-padding-scale: var(
     --ag-header-vertical-padding-scale
   );
   --ag-inherited-popup-shadow: var(--ag-popup-shadow);
   --ag-inherited-dropdown-shadow: var(--ag-dropdown-shadow);
   --ag-inherited-drag-ghost-background-color: var(
     --ag-drag-ghost-background-color
   );
   --ag-inherited-drag-ghost-border: var(--ag-drag-ghost-border);
   --ag-inherited-drag-ghost-shadow: var(--ag-drag-ghost-shadow);
   --ag-inherited-focus-shadow: var(--ag-focus-shadow);
   --ag-inherited-side-bar-panel-width: var(--ag-side-bar-panel-width);
   --ag-inherited-side-button-selected-border: var(
     --ag-side-button-selected-border
   );
   --ag-inherited-side-button-selected-background-color: var(
     --ag-side-button-selected-background-color
   );
   --ag-inherited-side-bar-background-color: var(--ag-side-bar-background-color);
   --ag-inherited-header-column-resize-handle-display: var(
     --ag-header-column-resize-handle-display
   );
   --ag-inherited-header-column-resize-handle-height: var(
     --ag-header-column-resize-handle-height
   );
   --ag-inherited-header-column-resize-handle-width: var(
     --ag-header-column-resize-handle-width
   );
   --ag-inherited-header-column-resize-handle-color: var(
     --ag-header-column-resize-handle-color
   );
   --ag-inherited-widget-container-horizontal-padding: var(
     --ag-widget-container-horizontal-padding
   );
   --ag-inherited-widget-container-vertical-padding: var(
     --ag-widget-container-vertical-padding
   );
   --ag-inherited-widget-horizontal-spacing: var(--ag-widget-horizontal-spacing);
   --ag-inherited-widget-vertical-spacing: var(--ag-widget-vertical-spacing);
   --ag-inherited-list-item-height: var(--ag-list-item-height);
   --ag-inherited-icon-size: var(--ag-icon-size);
   --ag-inherited-toggle-button-width: var(--ag-toggle-button-width);
   --ag-inherited-toggle-button-height: var(--ag-toggle-button-height);
   --ag-inherited-toggle-button-border-width: var(
     --ag-toggle-button-border-width
   );
   --ag-inherited-toggle-button-on-border-color: var(
     --ag-toggle-button-on-border-color
   );
   --ag-inherited-toggle-button-on-background-color: var(
     --ag-toggle-button-on-background-color
   );
   --ag-inherited-toggle-button-off-border-color: var(
     --ag-toggle-button-off-border-color
   );
   --ag-inherited-toggle-button-off-background-color: var(
     --ag-toggle-button-off-background-color
   );
   --ag-inherited-toggle-button-switch-border-color: var(
     --ag-toggle-button-switch-border-color
   );
   --ag-inherited-toggle-button-switch-background-color: var(
     --ag-toggle-button-switch-background-color
   );
   --ag-inherited-checkbox-border-width: var(--ag-checkbox-border-width);
   --ag-inherited-checkbox-border-radius: var(--ag-checkbox-border-radius);
   --ag-inherited-checkbox-unchecked-background-color: var(
     --ag-checkbox-unchecked-background-color
   );
   --ag-inherited-checkbox-unchecked-border-color: var(
     --ag-checkbox-unchecked-border-color
   );
   --ag-inherited-checkbox-checked-background-color: var(
     --ag-checkbox-checked-background-color
   );
   --ag-inherited-checkbox-checked-border-color: var(
     --ag-checkbox-checked-border-color
   );
   --ag-inherited-checkbox-checked-shape-image: var(
     --ag-checkbox-checked-shape-image
   );
   --ag-inherited-checkbox-checked-shape-color: var(
     --ag-checkbox-checked-shape-color
   );
   --ag-inherited-checkbox-indeterminate-background-color: var(
     --ag-checkbox-indeterminate-background-color
   );
   --ag-inherited-checkbox-indeterminate-border-color: var(
     --ag-checkbox-indeterminate-border-color
   );
   --ag-inherited-checkbox-indeterminate-shape-image: var(
     --ag-checkbox-indeterminate-shape-image
   );
   --ag-inherited-checkbox-indeterminate-shape-color: var(
     --ag-checkbox-indeterminate-shape-color
   );
   --ag-inherited-radio-checked-shape-image: var(--ag-radio-checked-shape-image);
   --ag-inherited-menu-border: var(--ag-menu-border);
   --ag-inherited-menu-background-color: var(--ag-menu-background-color);
   --ag-inherited-menu-text-color: var(--ag-menu-text-color);
   --ag-inherited-menu-shadow: var(--ag-menu-shadow);
   --ag-inherited-menu-separator-color: var(--ag-menu-separator-color);
   --ag-inherited-set-filter-indent-size: var(--ag-set-filter-indent-size);
   --ag-inherited-chart-menu-panel-width: var(--ag-chart-menu-panel-width);
   --ag-inherited-chart-menu-label-color: var(--ag-chart-menu-label-color);
   --ag-inherited-icon-button-hover-color: var(--ag-icon-button-hover-color);
   --ag-inherited-dialog-shadow: var(--ag-dialog-shadow);
   --ag-inherited-dialog-border: var(--ag-dialog-border);
   --ag-inherited-panel-background-color: var(--ag-panel-background-color);
   --ag-inherited-panel-title-bar-background-color: var(
     --ag-panel-title-bar-background-color
   );
   --ag-inherited-panel-title-bar-border: var(--ag-panel-title-bar-border);
   --ag-inherited-column-select-indent-size: var(--ag-column-select-indent-size);
   --ag-inherited-tool-panel-separator-border: var(
     --ag-tool-panel-separator-border
   );
   --ag-inherited-tooltip-background-color: var(--ag-tooltip-background-color);
   --ag-inherited-tooltip-text-color: var(--ag-tooltip-text-color);
   --ag-inherited-tooltip-border: var(--ag-tooltip-border);
   --ag-inherited-column-drop-cell-background-color: var(
     --ag-column-drop-cell-background-color
   );
   --ag-inherited-column-drop-cell-border: var(--ag-column-drop-cell-border);
   --ag-inherited-select-cell-background-color: var(
     --ag-select-cell-background-color
   );
   --ag-inherited-select-cell-border: var(--ag-select-cell-border);
   --ag-inherited-advanced-filter-builder-button-bar-border: var(
     --ag-advanced-filter-builder-button-bar-border
   );
   --ag-inherited-advanced-filter-builder-indent-size: var(
     --ag-advanced-filter-builder-indent-size
   );
   --ag-inherited-advanced-filter-builder-join-pill-color: var(
     --ag-advanced-filter-builder-join-pill-color
   );
   --ag-inherited-advanced-filter-builder-column-pill-color: var(
     --ag-advanced-filter-builder-column-pill-color
   );
   --ag-inherited-advanced-filter-builder-option-pill-color: var(
     --ag-advanced-filter-builder-option-pill-color
   );
   --ag-inherited-advanced-filter-builder-value-pill-color: var(
     --ag-advanced-filter-builder-value-pill-color
   );
   --ag-inherited-filter-tool-panel-group-indent: var(
     --ag-filter-tool-panel-group-indent
   );
   --ag-inherited-icon-button-hover-background-color: var(
     --ag-icon-button-hover-background-color
   );
   --ag-inherited-row-loading-skeleton-effect-color: var(
     --ag-row-loading-skeleton-effect-color
   );
   --ag-inherited-tab-bar-background-color: var(--ag-tab-bar-background-color);
   --ag-inherited-tab-bar-horizontal-padding: var(
     --ag-tab-bar-horizontal-padding
   );
   --ag-inherited-tab-bar-top-padding: var(--ag-tab-bar-top-padding);
   --ag-inherited-tab-background-color: var(--ag-tab-background-color);
   --ag-inherited-tab-text-color: var(--ag-tab-text-color);
   --ag-inherited-tab-horizontal-padding: var(--ag-tab-horizontal-padding);
   --ag-inherited-tab-top-padding: var(--ag-tab-top-padding);
   --ag-inherited-tab-bottom-padding: var(--ag-tab-bottom-padding);
   --ag-inherited-tab-spacing: var(--ag-tab-spacing);
   --ag-inherited-tab-hover-background-color: var(
     --ag-tab-hover-background-color
   );
   --ag-inherited-tab-hover-text-color: var(--ag-tab-hover-text-color);
   --ag-inherited-tab-selected-background-color: var(
     --ag-tab-selected-background-color
   );
   --ag-inherited-tab-selected-text-color: var(--ag-tab-selected-text-color);
   --ag-inherited-tab-selected-border-width: var(--ag-tab-selected-border-width);
   --ag-inherited-tab-selected-border-color: var(--ag-tab-selected-border-color);
   --ag-inherited-tab-selected-underline-color: var(
     --ag-tab-selected-underline-color
   );
   --ag-inherited-tab-selected-underline-width: var(
     --ag-tab-selected-underline-width
   );
   --ag-inherited-tab-selected-underline-transition-duration: var(
     --ag-tab-selected-underline-transition-duration
   );
   --ag-inherited-tab-bar-border: var(--ag-tab-bar-border);
   --ag-inherited-input-background-color: var(--ag-input-background-color);
   --ag-inherited-input-border: var(--ag-input-border);
   --ag-inherited-input-border-radius: var(--ag-input-border-radius);
   --ag-inherited-input-text-color: var(--ag-input-text-color);
   --ag-inherited-input-padding-start: var(--ag-input-padding-start);
   --ag-inherited-input-height: var(--ag-input-height);
   --ag-inherited-input-focus-background-color: var(
     --ag-input-focus-background-color
   );
   --ag-inherited-input-focus-border: var(--ag-input-focus-border);
   --ag-inherited-input-focus-shadow: var(--ag-input-focus-shadow);
   --ag-inherited-input-focus-text-color: var(--ag-input-focus-text-color);
   --ag-inherited-input-disabled-background-color: var(
     --ag-input-disabled-background-color
   );
   --ag-inherited-input-disabled-border: var(--ag-input-disabled-border);
   --ag-inherited-input-disabled-text-color: var(--ag-input-disabled-text-color);
   --ag-inherited-input-invalid-background-color: var(
     --ag-input-invalid-background-color
   );
   --ag-inherited-input-invalid-border: var(--ag-input-invalid-border);
   --ag-inherited-input-invalid-text-color: var(--ag-input-invalid-text-color);
 }
/* Part core/part */
:where([class^="ag-"]),
 :where([class^="ag-"]):after,
 :where([class^="ag-"]):before,
 :where([class^="ag-"]):focus,
 :where([class^="ag-"]):focus-within {
   box-sizing: border-box;
   outline: none;
 }
:where([class^="ag-"]):where(button),
 :where([class^="ag-"]):where(input),
 :where([class^="ag-"]):where(textarea) {
   background: none;
   border: none;
   color: inherit;
   cursor: pointer;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
   margin: 0;
   padding: 0;
 }
:where([class^="ag-"]):where(button) {
   font-weight: inherit;
 }
:where([class^="ag-"])::-ms-clear {
   display: none;
 }
ag-grid,
 ag-grid-angular,
 ag-grid-aurelia,
 ag-grid-ng2,
 ag-grid-polymer {
   display: block;
 }
.ag-aria-description-container {
   border: 0;
   z-index: 9999;
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   white-space: nowrap;
   width: 1px;
 }
.ag-hidden {
   display: none !important;
 }
.ag-invisible {
   visibility: hidden !important;
 }
.ag-unselectable {
   -webkit-user-select: none;
   user-select: none;
 }
.ag-selectable {
   -webkit-user-select: text;
   user-select: text;
 }
.ag-tabs-header {
   display: flex;
 }
.ag-tab {
   cursor: pointer;
   position: relative;
 }
.ag-tab-guard {
   display: block;
   height: 0;
   position: absolute;
   width: 0;
 }
.ag-virtual-list-viewport .ag-tab-guard {
   position: -webkit-sticky;
   position: sticky;
 }
.ag-tab-guard-top {
   top: 1px;
 }
.ag-tab-guard-bottom {
   bottom: 1px;
 }
.ag-shake-left-to-right {
   animation-direction: alternate;
   animation-duration: 0.2s;
   animation-iteration-count: infinite;
   animation-name: ag-shake-left-to-right;
 }
@keyframes ag-shake-left-to-right {
   0% {
     padding-left: 6px;
     padding-right: 2px;
   }
   to {
     padding-left: 2px;
     padding-right: 6px;
   }
 }
.ag-watermark {
   bottom: 20px;
   color: #9b9b9b;
   opacity: 0.7;
   position: absolute;
   right: 25px;
   transition: opacity 1s ease-out 3s;
 }
.ag-watermark:before {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDkiIGhlaWdodD0iMzYiIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiM5QjlCOUIiIGQ9Ik0xOTIuOTkzIDIzLjY1OHYtNy45NDZoLTEzLjU0MWwtNy45NDcgNy45NDZ6TTIwOC4yNSAzLjk1aC0xNi45NzRsLTguMDEgNy45NDdoMjQuOTg0ek0xNjMuNjIyIDMxLjYwNWw0LjA2OS00LjA2OWgxMy43MzJ2Ny45NDdoLTE3LjgwMXoiLz48cGF0aCBmaWxsPSIjOUI5QjlCIiBkPSJNMTY2LjYxIDE5Ljc4aDguNzczbDguMDEtNy45NDZIMTY2LjYxek0xNTcuMDExIDMxLjYwNWg2LjYxMWw3Ljg4My03Ljk0N2gtMTQuNDk0ek0xOTEuMjc2IDMuOTVsLTQuMDY4IDQuMDdIMTYxLjI3Vi4wNzJoMzAuMDA2ek0yMC44NCAzMC4yMDZIOC4zNzhsLTIuMTYyIDUuMzRILjc1TDEyLjI1NyA4LjU5Mmg0Ljc2OEwyOC41MyAzNS41NDZoLTUuNTN6bS0xLjcxNy00LjI2TDE0LjYwOSAxNC45NWwtNC41MTQgMTAuOTk4ek0xMDQuNDM3IDE4LjUwOWMxLjU4OS0yLjM1MiA1LjU5NC0yLjYwNyA3LjI0Ny0yLjYwN3Y0LjU3OGMtMi4wMzQgMC00LjA2OS4wNjMtNS4yNzcuOTUzLTEuMjA3Ljg5LTEuODQzIDIuMDk4LTEuODQzIDMuNTZ2MTAuNTUzaC00Ljk1OVYxNS45MDJoNC43Njh6TTExOS4zNzYgMTUuOTAyaC00Ljk1OHYxOS42NDRoNC45NTh6TTExOS4zNzYgNy4xM2gtNC45NTh2NS44NDhoNC45NTh6TTE0My45NzkgNy4xM3YyOC40MTZoLTQuNzY4bC0uMTI3LTIuOTg4YTguMyA4LjMgMCAwIDEtMi42NyAyLjQ4Yy0xLjA4MS41NzItMi40MTYuODktMy45NDIuODktMS4zMzUgMC0yLjYwNi0uMjU1LTMuNjg3LS43LTEuMTQ0LS41MDgtMi4xNjItMS4xNDQtMi45ODgtMi4wMzRhOS42IDkuNiAwIDAgMS0xLjk3MS0zLjE3OWMtLjUwOC0xLjIwNy0uNjk5LTIuNjA2LS42OTktNC4xMzJzLjI1NC0yLjkyNC42OTktNC4xOTZjLjUwOS0xLjI3MSAxLjE0NS0yLjM1MiAxLjk3MS0zLjI0MnMxLjg0NC0xLjU4OSAyLjk4OC0yLjA5OCAyLjM1Mi0uNzYzIDMuNjg3LS43NjNjMS41MjYgMCAyLjc5Ny4yNTUgMy44NzguODI3czEuOTcxIDEuMzM1IDIuNjcgMi40MTZWNy4xOTNoNC45NTl6bS0xMC40MjYgMjQuNTM4YzEuNjUzIDAgMi45MjQtLjU3MiAzLjk0MS0xLjY1M3MxLjUyNi0yLjU0MyAxLjUyNi00LjMyMy0uNTA5LTMuMTc4LTEuNTI2LTQuMzIyYy0xLjAxNy0xLjA4MS0yLjI4OC0xLjY1My0zLjk0MS0xLjY1My0xLjU5IDAtMi45MjUuNTcyLTMuODc4IDEuNjUzLTEuMDE3IDEuMDgtMS41MjYgMi41NDMtMS41MjYgNC4zMjIgMCAxLjc4LjUwOSAzLjE4IDEuNTI2IDQuMjYgMS4wMTcgMS4xNDQgMi4yODggMS43MTYgMy44NzggMS43MTZNNTcuMjAyIDIwLjM1M0g0NC45MzN2NC4yNTloNi45OTNjLS4xOSAyLjE2MS0xLjAxNyAzLjgxNC0yLjQxNiA1LjE1LTEuMzk4IDEuMjctMy4xNzggMS45MDYtNS40NjcgMS45MDYtMS4yNzEgMC0yLjQ4LS4yNTQtMy40OTYtLjY5OWE3IDcgMCAwIDEtMi43MzQtMS45N2MtLjc2My0uODI3LTEuMzM1LTEuODQ0LTEuNzgtMy4wNTJzLS42MzYtMi40OC0uNjM2LTMuOTQyLjE5LTIuNzMzLjYzNi0zLjk0MWMuMzgxLTEuMjA4IDEuMDE3LTIuMTYyIDEuNzgtMy4wNTIuNzYzLS44MjYgMS42NTMtMS40NjIgMi43MzMtMS45N2E5LjEgOS4xIDAgMCAxIDMuNTYtLjdxNC4wMDUgMCA2LjEwMyAxLjkwN2wzLjMwNi0zLjMwNWMtMi40OC0xLjkwNy01LjY1OC0yLjkyNS05LjQwOS0yLjkyNS0yLjA5NyAwLTQuMDA0LjMxOC01LjcyMSAxLjAxOC0xLjcxNi42OTktMy4xNzkgMS41ODktNC4zODYgMi43OTdBMTIuMSAxMi4xIDAgMCAwIDMxLjIgMTYuMjJjLS42MzUgMS43MTctLjk1MyAzLjYyNC0uOTUzIDUuNjU4cy4zMTggMy45NDIgMS4wMTcgNS42NThjLjcgMS43MTcgMS41OSAzLjE3OSAyLjc5NyA0LjM4N2ExMi4xIDEyLjEgMCAwIDAgNC4zODcgMi43OTdjMS43MTYuNyAzLjYyMyAxLjAxNyA1LjY1NyAxLjAxNyAyLjAzNSAwIDMuODc4LS4zMTggNS41MzEtMS4wMTcgMS42NTMtLjcgMy4wNTItMS41OSA0LjE5Ni0yLjc5N3ExLjcxNi0xLjgxMiAyLjY3LTQuMzg3Yy42MzYtMS43MTYuOTU0LTMuNjIzLjk1NC01LjY1OHYtLjgyNmMtLjE5MS0uMTI3LS4yNTUtLjQ0NS0uMjU1LS43TTk1Ljk4MiAyMC4zNTNoLTEyLjI3djQuMjU5aDYuOTkzYy0uMTkgMi4xNjEtMS4wMTcgMy44MTQtMi40MTYgNS4xNS0xLjM5OCAxLjI3LTMuMTc4IDEuOTA2LTUuNDY3IDEuOTA2LTEuMjcxIDAtMi40OC0uMjU0LTMuNDk2LS42OTlhNyA3IDAgMCAxLTIuNzM0LTEuOTdjLS43NjMtLjgyNy0xLjMzNS0xLjg0NC0xLjc4LTMuMDUycy0uNjM2LTIuNDgtLjYzNi0zLjk0Mi4xOS0yLjczMy42MzYtMy45NDFjLjM4MS0xLjIwOCAxLjAxNy0yLjE2MiAxLjc4LTMuMDUyLjc2My0uODI2IDEuNjUzLTEuNDYyIDIuNzM0LTEuOTdhOS4xIDkuMSAwIDAgMSAzLjU2LS43cTQuMDA1IDAgNi4xMDMgMS45MDdsMy4zMDUtMy4zMDVjLTIuNDc5LTEuOTA3LTUuNjU4LTIuOTI1LTkuNDA4LTIuOTI1LTIuMDk4IDAtNC4wMDUuMzE4LTUuNzIyIDEuMDE4LTEuNzE2LjY5OS0zLjE3OCAxLjU4OS00LjM4NiAyLjc5N2ExMi4xIDEyLjEgMCAwIDAtMi43OTcgNC4zODZjLS42MzYgMS43MTctLjk1NCAzLjYyNC0uOTU0IDUuNjU4cy4zMTggMy45NDIgMS4wMTcgNS42NThjLjcgMS43MTcgMS41OSAzLjE3OSAyLjc5NyA0LjM4N2ExMi4xIDEyLjEgMCAwIDAgNC4zODcgMi43OTdjMS43MTYuNyAzLjYyMyAxLjAxNyA1LjY1OCAxLjAxNyAyLjAzNCAwIDMuODc4LS4zMTggNS41My0xLjAxNyAxLjY1My0uNyAzLjA1Mi0xLjU5IDQuMTk2LTIuNzk3cTEuNzE4LTEuODEyIDIuNjctNC4zODdjLjYzNi0xLjcxNi45NTQtMy42MjMuOTU0LTUuNjU4di0uODI2Yy0uMTktLjEyNy0uMjU1LS40NDUtLjI1NS0uNyIvPjwvc3ZnPg==);
   background-repeat: no-repeat;
   background-size: 170px 40px;
   content: "";
   display: block;
   height: 40px;
   width: 170px;
 }
.ag-watermark-text {
   font-family: Impact, sans-serif;
   font-size: 19px;
   font-weight: 700;
   opacity: 0.5;
 }
.ag-ltr .ag-watermark-text {
   padding-left: 0.7rem;
 }
.ag-rtl .ag-watermark-text {
   padding-right: 0.7rem;
 }
.ag-root-wrapper-body {
   display: flex;
   flex-direction: row;
 }
.ag-root-wrapper-body.ag-layout-normal {
   flex: 1 1 auto;
   /* height: 0; */
   min-height: 250px;
 }
.ag-root {
   display: flex;
   flex-direction: column;
   position: relative;
 }
.ag-root.ag-layout-auto-height,
 .ag-root.ag-layout-normal {
   flex: 1 1 auto;
   overflow: hidden;
   width: 0;
 }
.ag-root.ag-layout-normal {
   height: 100%;
 }
.ag-body-horizontal-scroll-viewport,
 .ag-body-vertical-scroll-viewport,
 .ag-body-viewport,
 .ag-center-cols-viewport,
 .ag-floating-bottom-viewport,
 .ag-floating-top-viewport,
 .ag-header-viewport,
 .ag-sticky-bottom-viewport,
 .ag-sticky-top-viewport,
 .ag-virtual-list-viewport {
   flex: 1 1 auto;
   height: 100%;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
.ag-body-viewport,
 .ag-center-cols-viewport,
 .ag-floating-bottom-viewport,
 .ag-floating-top-viewport,
 .ag-header-viewport,
 .ag-sticky-bottom-viewport,
 .ag-sticky-top-viewport {
   overflow-x: auto;
   -ms-overflow-style: none !important;
   scrollbar-width: none !important;
 }
.ag-body-viewport::-webkit-scrollbar,
 .ag-center-cols-viewport::-webkit-scrollbar,
 .ag-floating-bottom-viewport::-webkit-scrollbar,
 .ag-floating-top-viewport::-webkit-scrollbar,
 .ag-header-viewport::-webkit-scrollbar,
 .ag-sticky-bottom-viewport::-webkit-scrollbar,
 .ag-sticky-top-viewport::-webkit-scrollbar {
   display: none !important;
 }
.ag-body-viewport {
   display: flex;
   overflow-x: hidden;
 }
.ag-body-viewport.ag-layout-normal {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
.ag-sticky-bottom-container,
 .ag-sticky-top-container {
   min-height: 1px;
 }
.ag-center-cols-viewport {
   min-height: 100%;
   width: 100%;
 }
.ag-body-horizontal-scroll-viewport {
   overflow-x: scroll;
 }
.ag-body-vertical-scroll-viewport {
   overflow-y: scroll;
 }
.ag-virtual-list-viewport {
   overflow: auto;
   width: 100%;
 }
.ag-body-container,
 .ag-body-horizontal-scroll-container,
 .ag-body-vertical-scroll-container,
 .ag-center-cols-container,
 .ag-floating-bottom-container,
 .ag-floating-bottom-full-width-container,
 .ag-floating-top-container,
 .ag-full-width-container,
 .ag-header-container,
 .ag-pinned-left-cols-container,
 .ag-pinned-right-cols-container,
 .ag-sticky-bottom-container,
 .ag-sticky-top-container,
 .ag-virtual-list-container {
   position: relative;
 }
.ag-floating-bottom-container,
 .ag-floating-top-container,
 .ag-header-container,
 .ag-sticky-bottom-container,
 .ag-sticky-top-container {
   height: 100%;
   white-space: nowrap;
 }
.ag-center-cols-container,
 .ag-pinned-right-cols-container {
   display: block;
 }
.ag-body-horizontal-scroll-container {
   height: 100%;
 }
.ag-body-vertical-scroll-container {
   width: 100%;
 }
.ag-floating-bottom-full-width-container,
 .ag-floating-top-full-width-container,
 .ag-full-width-container,
 .ag-sticky-bottom-full-width-container,
 .ag-sticky-top-full-width-container {
   pointer-events: none;
   position: absolute;
   top: 0;
 }
.ag-ltr .ag-floating-bottom-full-width-container,
 .ag-ltr .ag-floating-top-full-width-container,
 .ag-ltr .ag-full-width-container,
 .ag-ltr .ag-sticky-bottom-full-width-container,
 .ag-ltr .ag-sticky-top-full-width-container {
   left: 0;
 }
.ag-rtl .ag-floating-bottom-full-width-container,
 .ag-rtl .ag-floating-top-full-width-container,
 .ag-rtl .ag-full-width-container,
 .ag-rtl .ag-sticky-bottom-full-width-container,
 .ag-rtl .ag-sticky-top-full-width-container {
   right: 0;
 }
.ag-full-width-container {
   width: 100%;
 }
.ag-floating-bottom-full-width-container,
 .ag-floating-top-full-width-container {
   display: inline-block;
   height: 100%;
   overflow: hidden;
   width: 100%;
 }
.ag-virtual-list-container {
   overflow: hidden;
 }
.ag-body {
   display: flex;
   flex: 1 1 auto;
   flex-direction: row !important;
   min-height: 250px;
   position: relative;
 }
.ag-body-horizontal-scroll,
 .ag-body-vertical-scroll {
   display: flex;
   min-height: 0;
   min-width: 0;
   position: relative;
 }
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
 .ag-body-vertical-scroll.ag-scrollbar-invisible {
   bottom: 0;
   position: absolute;
 }
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
 .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
   opacity: 0;
   transition: opacity 0.4s;
   visibility: hidden;
 }
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
 .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
 .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
 .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling {
   opacity: 1;
   visibility: visible;
 }
.ag-body-horizontal-scroll {
   width: 100%;
 }
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
   left: 0;
   right: 0;
 }
.ag-body-vertical-scroll {
   height: 100%;
 }
.ag-body-vertical-scroll.ag-scrollbar-invisible {
   top: 0;
   z-index: 10;
 }
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
   right: 0;
 }
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
   left: 0;
 }
.ag-force-vertical-scroll {
   overflow-y: scroll !important;
 }
.ag-horizontal-left-spacer,
 .ag-horizontal-right-spacer {
   height: 100%;
   min-width: 0;
   overflow-x: scroll;
 }
.ag-horizontal-left-spacer.ag-scroller-corner,
 .ag-horizontal-right-spacer.ag-scroller-corner {
   overflow-x: hidden;
 }
.ag-ltr .ag-column-moving .ag-cell {
   transition: left 0.2s;
 }
.ag-rtl .ag-column-moving .ag-cell {
   transition: right 0.2s;
 }
.ag-ltr .ag-column-moving .ag-header-cell {
   transition: left 0.2s;
 }
.ag-rtl .ag-column-moving .ag-header-cell {
   transition: right 0.2s;
 }
.ag-ltr .ag-column-moving .ag-header-group-cell {
   transition: left 0.2s, width 0.2s;
 }
.ag-rtl .ag-column-moving .ag-header-group-cell {
   transition: right 0.2s, width 0.2s;
 }
.ag-row-animation .ag-row {
   transition: transform 0.4s, top 0.4s, opacity 0.2s;
 }
.ag-row-animation .ag-row.ag-after-created {
   transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
 }
.ag-row-no-animation .ag-row {
   transition: none;
 }
.ag-row-loading {
   align-items: center;
   display: flex;
 }
.ag-row-position-absolute {
   position: absolute;
 }
.ag-row-position-relative {
   position: relative;
 }
.ag-full-width-row {
   overflow: hidden;
   pointer-events: all;
 }
.ag-row-inline-editing {
   z-index: 1;
 }
.ag-row-dragging {
   z-index: 2;
 }
.ag-stub-cell {
   align-items: center;
   display: flex;
 }
.ag-cell {
   display: inline-block;
   height: 100%;
   position: absolute;
   white-space: nowrap;
 }
.ag-cell-value {
   flex: 1 1 auto;
 }
.ag-cell-value,
 .ag-group-value {
   overflow: hidden;
   text-overflow: ellipsis;
 }
.ag-cell-wrap-text {
   white-space: normal;
   word-break: break-word;
 }
.ag-sparkline-wrapper {
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
 }
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
   align-items: center;
   height: 100%;
 }
.ag-cell .ag-icon {
   display: inline-block;
   vertical-align: middle;
 }
.ag-popup-child {
   top: 0;
   z-index: 5;
 }
.ag-popup-editor {
   position: absolute;
   -webkit-user-select: none;
   user-select: none;
 }
.ag-large-text-input {
   display: block;
 }
.ag-floating-top {
   border-bottom: var(--ag-pinned-row-border);
   display: flex;
   overflow: hidden;
   position: relative;
   white-space: nowrap;
   width: 100%;
 }
.ag-pinned-left-floating-top,
 .ag-pinned-right-floating-top {
   display: inline-block;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
.ag-floating-bottom {
   border-top: var(--ag-pinned-row-border);
   display: flex;
   overflow: hidden;
   position: relative;
   white-space: nowrap;
   width: 100%;
 }
.ag-pinned-left-floating-bottom,
 .ag-pinned-right-floating-bottom {
   display: inline-block;
   min-width: 0;
   overflow: hidden;
   position: relative;
 }
.ag-sticky-bottom,
 .ag-sticky-top {
   background-color: var(--ag-background-color);
   display: flex;
   height: 0;
   overflow: hidden;
   position: absolute;
   width: 100%;
 }
.ag-pinned-left-sticky-top,
 .ag-pinned-right-sticky-top {
   height: 100%;
   overflow: hidden;
   position: relative;
 }
.ag-sticky-bottom-full-width-container,
 .ag-sticky-top-full-width-container {
   height: 100%;
   overflow: hidden;
   width: 100%;
 }
.ag-value-slide-out {
   opacity: 1;
 }
.ag-ltr .ag-value-slide-out {
   margin-right: 5px;
   transition: opacity 3s, margin-right 3s;
 }
.ag-rtl .ag-value-slide-out {
   margin-left: 5px;
   transition: opacity 3s, margin-left 3s;
 }
:is(.ag-ltr, .ag-rtl) .ag-value-slide-out {
   transition-timing-function: linear;
 }
.ag-value-slide-out-end {
   opacity: 0;
 }
.ag-ltr .ag-value-slide-out-end {
   margin-right: 10px;
 }
.ag-rtl .ag-value-slide-out-end {
   margin-left: 10px;
 }
.ag-opacity-zero {
   opacity: 0 !important;
 }
.ag-tool-panel-wrapper {
   cursor: default;
   display: flex;
   overflow-x: hidden;
   overflow-y: auto;
   -webkit-user-select: none;
   user-select: none;
 }
.ag-select-agg-func-item {
   align-items: center;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   height: 100%;
   position: relative;
 }
.ag-select-agg-func-item > * {
   flex: none;
 }
.ag-select-agg-func-item {
   flex: 1 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-tool-panel-horizontal-resize {
   cursor: ew-resize;
   height: 100%;
   position: absolute;
   top: 0;
   width: 5px;
   z-index: 1;
 }
.ag-details-row {
   width: 100%;
 }
.ag-details-row-fixed-height {
   height: 100%;
 }
.ag-details-grid {
   width: 100%;
 }
.ag-details-grid-fixed-height {
   height: 100%;
 }
.ag-cell-label-container {
   align-items: center;
   display: flex;
   flex-direction: row-reverse;
   height: 100%;
   justify-content: space-between;
   width: 100%;
 }
.ag-right-aligned-header .ag-cell-label-container {
   flex-direction: row;
 }
.ag-right-aligned-header .ag-header-cell-text {
   text-align: end;
 }
.ag-column-group-icons {
   display: block;
 }
.ag-column-group-icons > * {
   cursor: pointer;
 }
.ag-pill-select {
   display: flex;
   flex-direction: column;
 }
.ag-pill-select .ag-column-drop-list {
   padding: 0;
 }
.ag-pill-select .ag-select {
   padding-top: var(--ag-grid-size);
 }
.ag-pill-select .ag-picker-field-wrapper {
   background-color: transparent;
   border: 0;
 }
.ag-pill-select .ag-picker-field-display {
   cursor: pointer;
 }
.ag-ltr {
   direction: ltr;
 }
.ag-ltr .ag-body,
 .ag-ltr .ag-body-horizontal-scroll,
 .ag-ltr .ag-body-viewport,
 .ag-ltr .ag-floating-bottom,
 .ag-ltr .ag-floating-top,
 .ag-ltr .ag-header,
 .ag-ltr .ag-sticky-bottom,
 .ag-ltr .ag-sticky-top {
   flex-direction: row;
 }
.ag-rtl {
   direction: rtl;
 }
.ag-rtl .ag-body,
 .ag-rtl .ag-body-horizontal-scroll,
 .ag-rtl .ag-body-viewport,
 .ag-rtl .ag-floating-bottom,
 .ag-rtl .ag-floating-top,
 .ag-rtl .ag-header,
 .ag-rtl .ag-sticky-bottom,
 .ag-rtl .ag-sticky-top {
   flex-direction: row-reverse;
 }
.ag-rtl .ag-icon-contracted,
 .ag-rtl .ag-icon-expanded,
 .ag-rtl .ag-icon-tree-closed {
   display: block;
   transform: rotate(180deg);
 }
.ag-measurement-container {
   overflow: hidden;
   visibility: hidden;
   width: 0;
 }
.ag-measurement-container div {
   position: absolute;
 }
.ag-group {
   position: relative;
   width: 100%;
 }
.ag-group-title-bar {
   align-items: center;
   display: flex;
   padding: var(--ag-grid-size);
 }
.ag-group-title {
   display: inline;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-group-title-bar .ag-group-title {
   cursor: default;
 }
.ag-group-toolbar {
   align-items: center;
   display: flex;
   padding: var(--ag-grid-size);
 }
.ag-group-container {
   display: flex;
 }
.ag-disabled .ag-group-container {
   pointer-events: none;
 }
.ag-disabled-group-container,
 .ag-disabled-group-title-bar {
   opacity: 0.5;
 }
.ag-group-container-horizontal {
   flex-direction: row;
   flex-wrap: wrap;
 }
.ag-group-container-vertical {
   flex-direction: column;
 }
.ag-group-title-bar-icon {
   cursor: pointer;
   flex: none;
 }
.ag-ltr .ag-group-title-bar-icon {
   margin-right: var(--ag-grid-size);
 }
.ag-rtl .ag-group-title-bar-icon {
   margin-left: var(--ag-grid-size);
 }
.ag-group-item-alignment-stretch .ag-group-item {
   align-items: stretch;
 }
.ag-group-item-alignment-start .ag-group-item {
   align-items: flex-start;
 }
.ag-group-item-alignment-end .ag-group-item {
   align-items: flex-end;
 }
.ag-popup-child:not(.ag-tooltip-custom) {
   box-shadow: var(--ag-popup-shadow);
 }
.ag-rtl {
   text-align: right;
 }
.ag-ltr .ag-pivot-leaf-group {
   margin-left: min(
     var(--ag-row-group-indent-size),
     calc(var(--ag-row-group-indent-size) * var(--ag-indentation-level))
   );
 }
.ag-rtl .ag-pivot-leaf-group {
   margin-right: min(
     var(--ag-row-group-indent-size),
     calc(var(--ag-row-group-indent-size) * var(--ag-indentation-level))
   );
 }
.ag-ltr .ag-row-group-leaf-indent {
   margin-left: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
 }
.ag-rtl .ag-row-group-leaf-indent {
   margin-right: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
 }
.ag-value-change-delta {
   padding: 0 2px;
 }
.ag-value-change-delta-up {
   color: var(--ag-value-change-delta-up-color);
 }
.ag-value-change-delta-down {
   color: var(--ag-value-change-delta-down-color);
 }
.ag-value-change-value {
   background-color: transparent;
   border-radius: 1px;
   padding-left: 1px;
   padding-right: 1px;
   transition: background-color 1s;
 }
.ag-value-change-value-highlight {
   background-color: var(--ag-value-change-value-highlight-background-color);
   transition: background-color 0.1s;
 }
.ag-cell-data-changed {
   background-color: var(
     --ag-value-change-value-highlight-background-color
   ) !important;
 }
.ag-cell-data-changed-animation {
   background-color: transparent;
 }
.ag-cell-highlight {
   background-color: var(--ag-range-selection-highlight-color) !important;
 }
.ag-row {
   background-color: var(--ag-background-color);
   border-bottom: var(--ag-row-border);
   color: var(--ag-cell-text-color);
   height: var(--ag-row-height);
   white-space: nowrap;
   width: 100%;
   --ag-internal-content-line-height: min(
     calc(var(--ag-row-height) - 1px),
     var(--ag-line-height, 1000px)
   );
 }
.ag-sticky-bottom {
   border-top: var(--ag-row-border);
   box-sizing: content-box !important;
   display: none;
 }
.ag-group-contracted,
 .ag-group-expanded {
   cursor: pointer;
 }
.ag-cell,
 .ag-full-width-row .ag-cell-wrapper.ag-row-group {
   border: 1px solid transparent;
   line-height: var(--ag-internal-content-line-height);
 }
.ag-ltr .ag-cell {
   border-right: var(--ag-column-border);
 }
.ag-rtl .ag-cell {
   border-left: var(--ag-column-border);
 }
.ag-cell-wrapper {
   align-items: center;
   display: flex;
 }
.ag-ltr .ag-cell-wrapper {
   padding-left: calc(
     var(--ag-indentation-level) * var(--ag-row-group-indent-size)
   );
 }
.ag-rtl .ag-cell-wrapper {
   padding-right: calc(
     var(--ag-indentation-level) * var(--ag-row-group-indent-size)
   );
 }
.ag-cell-wrapper.ag-row-group {
   align-items: flex-start;
 }
.ag-cell-wrapper > :not(.ag-cell-value):not(.ag-group-value) {
   align-items: center;
   display: flex;
   height: var(--ag-internal-content-line-height);
 }
.ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group {
   padding-left: calc(
     var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) *
       var(--ag-indentation-level)
   );
 }
.ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group {
   padding-right: calc(
     var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) *
       var(--ag-indentation-level)
   );
 }
.ag-ltr .ag-group-contracted,
 .ag-ltr .ag-group-expanded,
 .ag-ltr .ag-row-drag,
 .ag-ltr .ag-selection-checkbox {
   margin-right: var(--ag-cell-widget-spacing);
 }
.ag-rtl .ag-group-contracted,
 .ag-rtl .ag-group-expanded,
 .ag-rtl .ag-row-drag,
 .ag-rtl .ag-selection-checkbox {
   margin-left: var(--ag-cell-widget-spacing);
 }
.ag-ltr .ag-group-child-count {
   margin-left: 3px;
 }
.ag-rtl .ag-group-child-count {
   margin-right: 3px;
 }
.ag-row-highlight-above:after,
 .ag-row-highlight-below:after {
   background-color: var(--ag-range-selection-border-color);
   content: "";
   height: 1px;
   position: absolute;
   width: calc(100% - 1px);
 }
.ag-ltr .ag-row-highlight-above:after,
 .ag-ltr .ag-row-highlight-below:after {
   left: 1px;
 }
.ag-rtl .ag-row-highlight-above:after,
 .ag-rtl .ag-row-highlight-below:after {
   right: 1px;
 }
.ag-row-highlight-above:after {
   top: -1px;
 }
.ag-row-highlight-above.ag-row-first:after {
   top: 0;
 }
.ag-row-highlight-below:after {
   bottom: 0;
 }
.ag-row-odd {
   background-color: var(--ag-odd-row-background-color);
 }
.ag-row-selected:before {
   background-color: var(--ag-selected-row-background-color);
   content: "";
   display: block;
   inset: 0;
   pointer-events: none;
   position: absolute;
 }
.ag-row-hover.ag-full-width-row.ag-row-group:before,
 .ag-row-hover:not(.ag-full-width-row):before {
   background-color: var(--ag-row-hover-color);
   content: "";
   display: block;
   inset: 0;
   pointer-events: none;
   position: absolute;
 }
.ag-row-hover.ag-row-selected:before {
   background-color: var(--ag-row-hover-color);
   background-image: linear-gradient(
     var(--ag-selected-row-background-color),
     var(--ag-selected-row-background-color)
   );
 }
.ag-row-hover.ag-full-width-row.ag-row-group > * {
   position: relative;
 }
.ag-column-hover {
   background-color: var(--ag-column-hover-color);
 }
.ag-ltr .ag-right-aligned-cell {
   text-align: right;
 }
.ag-rtl .ag-right-aligned-cell {
   text-align: left;
 }
.ag-right-aligned-cell .ag-cell-value,
 .ag-right-aligned-cell .ag-group-value {
   margin-left: auto;
 }
.ag-cell,
 .ag-full-width-row .ag-cell-wrapper.ag-row-group {
   -webkit-font-smoothing: subpixel-antialiased;
 }
.ag-ltr .ag-cell,
 .ag-ltr .ag-full-width-row .ag-cell-wrapper.ag-row-group {
   padding-left: calc(
     var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) *
       var(--ag-indentation-level)
   );
   padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
 }
.ag-rtl .ag-cell,
 .ag-rtl .ag-full-width-row .ag-cell-wrapper.ag-row-group {
   padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
   padding-right: calc(
     var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) *
       var(--ag-indentation-level)
   );
 }
.ag-row > .ag-cell-wrapper {
   padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
   padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
 }
.ag-row-dragging {
   cursor: move;
   opacity: 0.5;
 }
.ag-details-row {
   background-color: var(--ag-background-color);
   padding: calc(var(--ag-grid-size) * 3.5);
 }
.ag-layout-auto-height .ag-center-cols-container,
 .ag-layout-auto-height .ag-center-cols-viewport,
 .ag-layout-print .ag-center-cols-container,
 .ag-layout-print .ag-center-cols-viewport {
   min-height: 150px;
 }
.ag-overlay-loading-wrapper {
   background-color: var(--ag-modal-overlay-background-color);
 }
.ag-skeleton-container {
   align-content: center;
   height: 100%;
   width: 100%;
 }
.ag-skeleton-effect {
   animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
   background-color: var(--ag-row-loading-skeleton-effect-color);
   border-radius: 0.25rem;
   height: 1em;
   width: 100%;
 }
.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
   margin-left: auto;
 }
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
   margin-right: auto;
 }
@keyframes ag-skeleton-loading {
   0% {
     opacity: 1;
   }
   50% {
     opacity: 0.4;
   }
   to {
     opacity: 1;
   }
 }
.ag-loading {
   align-items: center;
   display: flex;
   height: 100%;
 }
.ag-ltr .ag-loading {
   padding-left: var(--ag-cell-horizontal-padding);
 }
.ag-rtl .ag-loading {
   padding-right: var(--ag-cell-horizontal-padding);
 }
.ag-ltr .ag-loading-icon {
   padding-right: var(--ag-cell-widget-spacing);
 }
.ag-rtl .ag-loading-icon {
   padding-left: var(--ag-cell-widget-spacing);
 }
.ag-icon-loading {
   animation-duration: 1s;
   animation-iteration-count: infinite;
   animation-name: spin;
   animation-timing-function: linear;
 }
@keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(1turn);
   }
 }
.ag-details-row {
   padding: calc(var(--ag-grid-size) * 3.75);
 }
.ag-body-viewport:not(.ag-has-focus)
   .ag-cell-range-single-cell:not(.ag-cell-inline-editing),
 .ag-cell-range-selected:not(.ag-cell-focus) {
   background-color: var(--ag-range-selection-background-color);
 }
.ag-cell-range-chart:is(
     .ag-cell-range-selected:not(.ag-cell-focus),
     .ag-body-viewport:not(.ag-has-focus)
       .ag-cell-range-single-cell:not(.ag-cell-inline-editing)
   ) {
   background-color: var(--ag-range-selection-chart-background-color) !important;
 }
.ag-cell-range-chart.ag-cell-range-chart-category:is(
     .ag-cell-range-selected:not(.ag-cell-focus),
     .ag-body-viewport:not(.ag-has-focus)
       .ag-cell-range-single-cell:not(.ag-cell-inline-editing)
   ) {
   background-color: var(
     --ag-range-selection-chart-category-background-color
   ) !important;
 }
.ag-cell-range-selected-1:not(.ag-cell-focus),
 .ag-root:not(.ag-context-menu-open)
   .ag-body-viewport:not(.ag-has-focus)
   .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
   background-color: var(--ag-range-selection-background-color);
 }
.ag-cell-range-selected-2:not(.ag-cell-focus) {
   background-image: linear-gradient(
     var(--ag-range-selection-background-color),
     var(--ag-range-selection-background-color)
   );
 }
.ag-cell-range-selected-3:not(.ag-cell-focus) {
   background-image: linear-gradient(
       var(--ag-range-selection-background-color),
       var(--ag-range-selection-background-color)
     ),
     linear-gradient(
       var(--ag-range-selection-background-color),
       var(--ag-range-selection-background-color)
     );
 }
.ag-cell-range-selected-4:not(.ag-cell-focus) {
   background-image: linear-gradient(
       var(--ag-range-selection-background-color),
       var(--ag-range-selection-background-color)
     ),
     linear-gradient(
       var(--ag-range-selection-background-color),
       var(--ag-range-selection-background-color)
     ),
     linear-gradient(
       var(--ag-range-selection-background-color),
       var(--ag-range-selection-background-color)
     );
 }
.ag-cell.ag-cell-range-selected.ag-cell-range-top:not(
     .ag-cell-range-single-cell
   ) {
   border-top-color: var(--ag-range-selection-border-color);
   border-top-style: var(--ag-range-selection-border-style);
 }
.ag-cell.ag-cell-range-selected.ag-cell-range-right:not(
     .ag-cell-range-single-cell
   ) {
   border-right-color: var(--ag-range-selection-border-color);
   border-right-style: var(--ag-range-selection-border-style);
 }
.ag-cell.ag-cell-range-selected.ag-cell-range-bottom:not(
     .ag-cell-range-single-cell
   ) {
   border-bottom-color: var(--ag-range-selection-border-color);
   border-bottom-style: var(--ag-range-selection-border-style);
 }
.ag-cell.ag-cell-range-selected.ag-cell-range-left:not(
     .ag-cell-range-single-cell
   ) {
   border-left-color: var(--ag-range-selection-border-color);
   border-left-style: var(--ag-range-selection-border-style);
 }
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
 .ag-ltr .ag-cell-range-single-cell,
 .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
 .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
 .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
 .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
 .ag-rtl .ag-cell-range-single-cell,
 .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,
 .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
 .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group {
   border: 1px solid;
   border-color: var(--ag-range-selection-border-color);
   border-style: var(--ag-range-selection-border-style);
   outline: initial;
 }
.ag-cell.ag-selection-fill-top,
 .ag-cell.ag-selection-fill-top.ag-cell-range-selected {
   border-top: 1px dashed;
   border-top-color: var(--ag-range-selection-border-color);
 }
.ag-ltr .ag-cell.ag-selection-fill-right,
 .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
   border-right: 1px dashed var(--ag-range-selection-border-color) !important;
 }
.ag-rtl .ag-cell.ag-selection-fill-right,
 .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
   border-left: 1px dashed var(--ag-range-selection-border-color) !important;
 }
.ag-cell.ag-selection-fill-bottom,
 .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
   border-bottom: 1px dashed;
   border-bottom-color: var(--ag-range-selection-border-color);
 }
.ag-ltr .ag-cell.ag-selection-fill-left,
 .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
   border-left: 1px dashed var(--ag-range-selection-border-color) !important;
 }
.ag-rtl .ag-cell.ag-selection-fill-left,
 .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
   border-right: 1px dashed var(--ag-range-selection-border-color) !important;
 }
.ag-fill-handle,
 .ag-range-handle {
   background-color: var(--ag-range-selection-border-color);
   bottom: -1px;
   height: 6px;
   position: absolute;
   width: 6px;
 }
.ag-ltr .ag-fill-handle,
 .ag-ltr .ag-range-handle {
   right: -1px;
 }
.ag-rtl .ag-fill-handle,
 .ag-rtl .ag-range-handle {
   left: -1px;
 }
.ag-fill-handle {
   cursor: cell;
 }
.ag-ltr .ag-range-handle {
   cursor: nwse-resize;
 }
.ag-rtl .ag-range-handle {
   cursor: nesw-resize;
 }
.ag-input-wrapper,
 .ag-picker-field-wrapper {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
   line-height: normal;
   position: relative;
 }
.ag-input-field {
   align-items: center;
   display: flex;
   flex-direction: row;
 }
.ag-input-field-input {
   flex: 1 1 auto;
 }
.ag-floating-filter-input .ag-input-field-input[type="date"] {
   width: 1px;
 }
.ag-input-field-input {
   min-width: 0;
   width: 100%;
 }
.ag-column-select-header-filter-wrapper .ag-input-wrapper:before,
 .ag-filter-filter .ag-input-wrapper:before,
 .ag-filter-toolpanel-search .ag-input-wrapper:before,
 .ag-mini-filter .ag-input-wrapper:before {
   background-color: currentColor;
   content: "";
   display: block;
   height: 12px;
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
   mask-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   opacity: 50%;
   position: absolute;
   width: 12px;
 }
.ag-ltr .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,
 .ag-ltr .ag-filter-filter .ag-input-wrapper:before,
 .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper:before,
 .ag-ltr .ag-mini-filter .ag-input-wrapper:before {
   margin-left: var(--ag-grid-size);
 }
.ag-rtl .ag-column-select-header-filter-wrapper .ag-input-wrapper:before,
 .ag-rtl .ag-filter-filter .ag-input-wrapper:before,
 .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper:before,
 .ag-rtl .ag-mini-filter .ag-input-wrapper:before {
   margin-right: var(--ag-grid-size);
 }
.ag-ltr .ag-column-select-header-filter-wrapper input.ag-number-field-input,
 .ag-ltr .ag-column-select-header-filter-wrapper input.ag-text-field-input,
 .ag-ltr .ag-filter-filter input.ag-number-field-input,
 .ag-ltr .ag-filter-filter input.ag-text-field-input,
 .ag-ltr .ag-filter-toolpanel-search input.ag-number-field-input,
 .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input,
 .ag-ltr .ag-mini-filter input.ag-number-field-input,
 .ag-ltr .ag-mini-filter input.ag-text-field-input {
   padding-left: calc(var(--ag-grid-size) * 1.5 + 12px);
 }
.ag-rtl .ag-column-select-header-filter-wrapper input.ag-number-field-input,
 .ag-rtl .ag-column-select-header-filter-wrapper input.ag-text-field-input,
 .ag-rtl .ag-filter-filter input.ag-number-field-input,
 .ag-rtl .ag-filter-filter input.ag-text-field-input,
 .ag-rtl .ag-filter-toolpanel-search input.ag-number-field-input,
 .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input,
 .ag-rtl .ag-mini-filter input.ag-number-field-input,
 .ag-rtl .ag-mini-filter input.ag-text-field-input {
   padding-right: calc(var(--ag-grid-size) * 1.5 + 12px);
 }
.ag-advanced-filter-header {
   align-items: center;
   background-color: var(--ag-header-background-color);
   border-bottom: var(--ag-header-row-border);
   display: flex;
   padding-left: var(--ag-cell-horizontal-padding);
   padding-right: var(--ag-cell-horizontal-padding);
   position: relative;
 }
.ag-advanced-filter {
   align-items: center;
   display: flex;
   width: 100%;
 }
.ag-advanced-filter-apply-button,
 .ag-advanced-filter-builder-button {
   line-height: normal;
   white-space: nowrap;
 }
.ag-ltr .ag-advanced-filter-apply-button,
 .ag-ltr .ag-advanced-filter-builder-button {
   margin-left: calc(var(--ag-grid-size) * 2);
 }
.ag-rtl .ag-advanced-filter-apply-button,
 .ag-rtl .ag-advanced-filter-builder-button {
   margin-right: calc(var(--ag-grid-size) * 2);
 }
.ag-advanced-filter-builder-button {
   align-items: center;
   background-color: unset;
   border: 0;
   display: flex;
   font-size: var(--ag-font-size);
   font-weight: 600;
   padding: var(--ag-grid-size);
 }
.ag-advanced-filter-builder-button:hover:not(:disabled) {
   background-color: var(--ag-row-hover-color);
 }
.ag-advanced-filter-builder-button:not(:disabled) {
   cursor: pointer;
 }
.ag-ltr .ag-advanced-filter-builder-button-label {
   margin-left: var(--ag-grid-size);
 }
.ag-rtl .ag-advanced-filter-builder-button-label {
   margin-right: var(--ag-grid-size);
 }
.ag-advanced-filter-builder {
   background-color: var(--ag-chrome-background-color);
   display: flex;
   flex-direction: column;
   -webkit-user-select: none;
   user-select: none;
   width: 100%;
 }
.ag-advanced-filter-builder-list {
   flex: 1;
   overflow: auto;
 }
.ag-advanced-filter-builder-button-panel {
   border-top: var(--ag-advanced-filter-builder-button-bar-border);
   display: flex;
   justify-content: flex-end;
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-ltr
   .ag-advanced-filter-builder
   .ag-advanced-filter-builder-button-panel
   .ag-advanced-filter-builder-apply-button,
 .ag-ltr
   .ag-advanced-filter-builder
   .ag-advanced-filter-builder-button-panel
   .ag-advanced-filter-builder-cancel-button {
   margin-left: calc(var(--ag-grid-size) * 2);
 }
.ag-rtl
   .ag-advanced-filter-builder
   .ag-advanced-filter-builder-button-panel
   .ag-advanced-filter-builder-apply-button,
 .ag-rtl
   .ag-advanced-filter-builder
   .ag-advanced-filter-builder-button-panel
   .ag-advanced-filter-builder-cancel-button {
   margin-right: calc(var(--ag-grid-size) * 2);
 }
.ag-advanced-filter-builder-item-wrapper {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
   justify-content: space-between;
   overflow: hidden;
 }
.ag-ltr .ag-advanced-filter-builder-item-wrapper {
   padding-left: calc(var(--ag-icon-size) / 2);
   padding-right: var(--ag-icon-size);
 }
.ag-rtl .ag-advanced-filter-builder-item-wrapper {
   padding-left: var(--ag-icon-size);
   padding-right: calc(var(--ag-icon-size) / 2);
 }
.ag-virtual-list-viewport
   .ag-advanced-filter-builder-item-wrapper
   .ag-tab-guard {
   position: absolute;
 }
.ag-advanced-filter-builder-item-tree-lines > * {
   width: var(--ag-advanced-filter-builder-indent-size);
 }
.ag-advanced-filter-builder-item-tree-lines
   .ag-advanced-filter-builder-item-tree-line-root {
   width: var(--ag-icon-size);
 }
.ag-advanced-filter-builder-item-tree-lines
   .ag-advanced-filter-builder-item-tree-line-root:before {
   height: 50%;
   top: 50%;
 }
.ag-advanced-filter-builder-item-tree-line-horizontal,
 .ag-advanced-filter-builder-item-tree-line-vertical,
 .ag-advanced-filter-builder-item-tree-line-vertical-bottom,
 .ag-advanced-filter-builder-item-tree-line-vertical-top {
   align-items: center;
   display: flex;
   height: 100%;
   position: relative;
 }
.ag-advanced-filter-builder-item-tree-line-horizontal:after,
 .ag-advanced-filter-builder-item-tree-line-horizontal:before,
 .ag-advanced-filter-builder-item-tree-line-vertical-bottom:after,
 .ag-advanced-filter-builder-item-tree-line-vertical-bottom:before,
 .ag-advanced-filter-builder-item-tree-line-vertical-top:after,
 .ag-advanced-filter-builder-item-tree-line-vertical-top:before,
 .ag-advanced-filter-builder-item-tree-line-vertical:after,
 .ag-advanced-filter-builder-item-tree-line-vertical:before {
   content: "";
   height: 100%;
   position: absolute;
 }
.ag-advanced-filter-builder-item-tree-line-horizontal:after {
   border-bottom: 1px solid var(--ag-border-color);
   height: 50%;
   top: 0;
   width: calc(
     var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)
   );
 }
.ag-ltr .ag-advanced-filter-builder-item-tree-line-horizontal:after {
   left: calc(var(--ag-icon-size) / 2);
 }
.ag-rtl .ag-advanced-filter-builder-item-tree-line-horizontal:after {
   right: calc(var(--ag-icon-size) / 2);
 }
.ag-advanced-filter-builder-item-tree-line-vertical:before {
   top: 0;
   width: calc(
     var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2
   );
 }
.ag-ltr .ag-advanced-filter-builder-item-tree-line-vertical:before {
   border-left: 1px solid var(--ag-border-color);
   left: calc(var(--ag-icon-size) / 2);
 }
.ag-rtl .ag-advanced-filter-builder-item-tree-line-vertical:before {
   border-right: 1px solid var(--ag-border-color);
   right: calc(var(--ag-icon-size) / 2);
 }
.ag-advanced-filter-builder-item-tree-line-vertical-top:before {
   height: 50%;
   top: 0;
   width: calc(
     var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2
   );
 }
.ag-ltr .ag-advanced-filter-builder-item-tree-line-vertical-top:before {
   border-left: 1px solid var(--ag-border-color);
   left: calc(var(--ag-icon-size) / 2);
 }
.ag-rtl .ag-advanced-filter-builder-item-tree-line-vertical-top:before {
   border-right: 1px solid var(--ag-border-color);
   right: calc(var(--ag-icon-size) / 2);
 }
.ag-advanced-filter-builder-item-tree-line-vertical-bottom:before {
   height: calc(50% - var(--ag-icon-size) * 1.5 / 2);
   top: calc(50% + var(--ag-icon-size) * 1.5 / 2);
   width: calc(var(--ag-icon-size) / 2);
 }
.ag-ltr .ag-advanced-filter-builder-item-tree-line-vertical-bottom:before {
   border-left: 1px solid var(--ag-border-color);
   left: calc(var(--ag-icon-size) / 2);
 }
.ag-rtl .ag-advanced-filter-builder-item-tree-line-vertical-bottom:before {
   border-right: 1px solid var(--ag-border-color);
   right: calc(var(--ag-icon-size) / 2);
 }
.ag-advanced-filter-builder-item-condition {
   padding-bottom: var(--ag-grid-size);
   padding-top: var(--ag-grid-size);
 }
.ag-advanced-filter-builder-item,
 .ag-advanced-filter-builder-item-buttons,
 .ag-advanced-filter-builder-item-condition,
 .ag-advanced-filter-builder-item-tree-lines,
 .ag-advanced-filter-builder-pill,
 .ag-advanced-filter-builder-pill-wrapper {
   align-items: center;
   display: flex;
   height: 100%;
 }
.ag-advanced-filter-builder-pill-wrapper {
   margin: 0 var(--ag-grid-size);
 }
.ag-advanced-filter-builder-pill {
   border-radius: var(--ag-border-radius);
   min-height: calc(100% - var(--ag-grid-size) * 3);
   min-width: calc(var(--ag-grid-size) * 2);
   padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
   position: relative;
 }
.ag-ltr .ag-advanced-filter-builder-pill .ag-picker-field-display {
   margin-right: var(--ag-grid-size);
 }
.ag-rtl .ag-advanced-filter-builder-pill .ag-picker-field-display {
   margin-left: var(--ag-grid-size);
 }
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
   font-family: monospace;
   font-weight: 700;
 }
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
   color: var(--ag-subtle-text-color);
 }
.ag-advanced-filter-builder-item-button:focus-visible,
 .ag-advanced-filter-builder-pill:focus-visible {
   shadow: var(--ag-focus-shadow);
 }
.ag-advanced-filter-builder-pill-display {
   font-weight: 500;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-advanced-filter-builder-join-pill {
   background-color: var(--ag-advanced-filter-builder-join-pill-color);
   cursor: pointer;
 }
.ag-advanced-filter-builder-column-pill {
   background-color: var(--ag-advanced-filter-builder-column-pill-color);
   cursor: pointer;
 }
.ag-advanced-filter-builder-option-pill {
   background-color: var(--ag-advanced-filter-builder-option-pill-color);
   cursor: pointer;
 }
.ag-advanced-filter-builder-value-pill {
   background-color: var(--ag-advanced-filter-builder-value-pill-color);
   cursor: text;
   max-width: 140px;
 }
.ag-advanced-filter-builder-value-pill
   .ag-advanced-filter-builder-pill-display {
   display: block;
 }
.ag-advanced-filter-builder-item-buttons > * {
   margin: 0 calc(var(--ag-grid-size) * 0.5);
 }
.ag-advanced-filter-builder-item-button {
   color: var(--ag-subtle-text-color);
   cursor: pointer;
   position: relative;
 }
.ag-advanced-filter-builder-item-button-disabled {
   cursor: default;
   opacity: 0.5;
 }
.ag-advanced-filter-builder-virtual-list-container {
   top: var(--ag-grid-size);
 }
.ag-advanced-filter-builder-virtual-list-item {
   cursor: default;
   display: flex;
   height: var(--ag-list-item-height);
 }
.ag-advanced-filter-builder-virtual-list-item:hover {
   background-color: var(--ag-row-hover-color);
 }
.ag-advanced-filter-builder-virtual-list-item:hover
   .ag-advanced-filter-builder-item-button {
   opacity: 100%;
 }
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid,
 .ag-advanced-filter-builder-virtual-list-item-highlight
   .ag-advanced-filter-builder-item-button:focus-visible {
   opacity: 100%;
 }
.ag-advanced-filter-builder-invalid {
   color: var(--ag-invalid-color);
   cursor: default;
   margin: 0 var(--ag-grid-size);
 }
.ag-cell-inline-editing {
   border-radius: var(--ag-border-radius);
   padding: 0;
   z-index: 1;
 }
.ag-cell-inline-editing .ag-cell-edit-wrapper,
 .ag-cell-inline-editing .ag-cell-editor,
 .ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
 .ag-cell-inline-editing .ag-cell-editor input,
 .ag-cell-inline-editing .ag-cell-wrapper {
   height: 100%;
   line-height: normal;
   width: 100%;
 }
.ag-autocomplete-list-popup,
 .ag-popup-editor .ag-large-text {
   background-color: var(--ag-background-color);
   border-radius: var(--ag-border-radius);
   box-shadow: var(--ag-dropdown-shadow);
   padding: 0;
 }
.ag-large-text-input {
   height: auto;
   padding: var(--ag-cell-horizontal-padding);
 }
.ag-rtl .ag-large-text-input textarea {
   resize: none;
 }
.ag-checkbox-edit {
   padding-left: var(--ag-cell-horizontal-padding);
   padding-right: var(--ag-cell-horizontal-padding);
 }
.ag-chart {
   height: 100%;
   width: 100%;
 }
.ag-chart,
 .ag-chart-components-wrapper {
   display: flex;
   overflow: hidden;
   position: relative;
 }
.ag-chart-components-wrapper {
   flex: 1 1 auto;
 }
.ag-chart-canvas-wrapper {
   flex: 1 1 auto;
   overflow: hidden;
   position: relative;
 }
.ag-chart-menu {
   display: flex;
   flex-direction: column;
   position: absolute;
   top: 16px;
 }
.ag-ltr .ag-chart-menu {
   right: 20px;
 }
.ag-rtl .ag-chart-menu {
   left: 20px;
 }
.ag-chart-docked-container {
   min-width: var(--ag-chart-menu-panel-width);
   position: relative;
 }
.ag-chart-menu-hidden ~ .ag-chart-docked-container {
   display: none;
 }
.ag-chart-tabbed-menu {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
   width: 100%;
 }
.ag-chart-tabbed-menu-header {
   cursor: default;
   flex: none;
   -webkit-user-select: none;
   user-select: none;
 }
.ag-chart-tabbed-menu-body {
   align-items: stretch;
   display: flex;
   flex: 1 1 auto;
   overflow: hidden;
 }
.ag-chart-tab {
   overflow: hidden;
   overflow-y: auto;
   width: 100%;
 }
.ag-chart-settings {
   overflow-x: hidden;
 }
.ag-chart-settings-wrapper {
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: hidden;
   position: relative;
   width: 100%;
 }
.ag-chart-settings-nav-bar {
   align-items: center;
   display: flex;
   height: 30px;
   padding: 0 10px;
   -webkit-user-select: none;
   user-select: none;
   width: 100%;
 }
.ag-chart-settings-card-selector {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
   height: 100%;
   justify-content: space-around;
   padding: 0 10px;
 }
.ag-chart-settings-card-item {
   background-color: var(--ag-foreground-color);
   border-radius: 4px;
   cursor: pointer;
   height: 8px;
   position: relative;
   width: 8px;
 }
.ag-chart-settings-card-item.ag-not-selected {
   opacity: 0.2;
 }
.ag-chart-settings-card-item:before {
   background-color: transparent;
   content: " ";
   display: block;
   height: 20px;
   left: 50%;
   margin-left: -10px;
   margin-top: -10px;
   position: absolute;
   top: 50%;
   width: 20px;
 }
.ag-chart-settings-card-item.ag-selected {
   background-color: var(--ag-accent-color);
 }
.ag-chart-settings-next,
 .ag-chart-settings-prev {
   flex: none;
   position: relative;
 }
.ag-chart-settings-next:focus-within,
 .ag-chart-settings-prev:focus-within {
   border-radius: 1px;
   box-shadow: var(--ag-focus-shadow);
 }
.ag-chart-settings-next-button,
 .ag-chart-settings-prev-button {
   cursor: pointer;
   height: 100%;
   left: 0;
   opacity: 0;
   position: absolute;
   top: 0;
   width: 100%;
 }
.ag-chart-settings-mini-charts-container {
   flex: 1 1 auto;
   overflow-x: hidden;
   overflow-y: auto;
   position: relative;
 }
.ag-chart-settings-mini-wrapper {
   display: flex;
   flex-direction: column;
   left: 0;
   min-height: 100%;
   overflow: hidden;
   position: absolute;
   top: 0;
   width: 100%;
 }
.ag-chart-settings-mini-wrapper.ag-animating {
   transition: left 0.3s;
   transition-timing-function: ease-in-out;
 }
.ag-chart-mini-thumbnail {
   cursor: pointer;
 }
.ag-chart-mini-thumbnail-canvas {
   display: block;
 }
.ag-chart-advanced-settings-wrapper,
 .ag-chart-data-wrapper,
 .ag-chart-format-wrapper {
   display: flex;
   flex-direction: column;
   padding-bottom: 16px;
   position: relative;
   -webkit-user-select: none;
   user-select: none;
 }
.ag-chart-advanced-settings-wrapper,
 .ag-chart-data-wrapper {
   height: 100%;
   overflow-y: auto;
 }
.ag-chart-advanced-settings {
   background-color: var(--ag-chrome-background-color);
 }
.ag-chart-advanced-settings,
 .ag-chart-advanced-settings-wrapper {
   width: 100%;
 }
.ag-chart-advanced-settings-wrapper {
   padding-bottom: 0;
 }
.ag-chart-advanced-settings-section,
 .ag-chart-data-section,
 .ag-chart-format-section {
   display: flex;
   margin: 0;
 }
.ag-chart-advanced-settings-section {
   border-bottom: 1px solid var(--ag-border-color);
 }
.ag-chart-empty-text {
   align-items: center;
   background-color: var(--ag-background-color);
   display: flex;
   height: 100%;
   justify-content: center;
   top: 0;
   width: 100%;
 }
.ag-chart .ag-chart-menu {
   display: none;
 }
.ag-chart-menu-hidden:hover .ag-chart-menu {
   display: block;
 }
.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
   display: flex;
   flex-direction: row;
   gap: 20px;
   top: 8px;
   width: auto;
 }
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
   justify-content: right;
   right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
 }
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
   justify-content: left;
   left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
 }
.ag-charts-font-size-color {
   align-self: stretch;
   display: flex;
   justify-content: space-between;
 }
.ag-charts-data-group-item {
   position: relative;
 }
.ag-charts-data-group-item:not(:last-child) {
   margin-bottom: var(--ag-grid-size);
 }
.ag-chart-menu {
   background: var(--ag-background-color);
 }
.ag-chart-menu,
 .ag-chart-menu-icon {
   border-radius: var(--ag-border-radius);
 }
.ag-chart-menu-icon {
   cursor: pointer;
   margin: 2px 0;
   opacity: 0.8;
 }
.ag-chart-menu-icon:hover {
   opacity: 1;
 }
.ag-chart-menu-toolbar-button {
   background-color: unset;
   border: 0;
   border-radius: 1px;
   padding: 0 2px;
 }
.ag-chart-mini-thumbnail {
   border: 1px solid var(--ag-border-color);
   border-radius: 5px;
 }
.ag-chart-mini-thumbnail.ag-selected {
   border-color: var(--ag-accent-color);
   border-width: 2px;
 }
.ag-chart-mini-thumbnail:focus-visible {
   border-color: var(--ag-accent-color);
   box-shadow: var(--ag-focus-shadow);
 }
.ag-chart-data-column-drag-handle {
   margin-left: var(--ag-grid-size);
 }
.ag-charts-data-group-title-bar,
 .ag-charts-format-top-level-group-title-bar,
 .ag-charts-settings-group-title-bar {
   position: relative;
 }
.ag-charts-advanced-settings-top-level-group-title-bar {
   background-color: unset;
   position: relative;
 }
.ag-charts-advanced-settings-top-level-group-title-bar:focus-visible,
 .ag-charts-data-group-title-bar:focus-visible,
 .ag-charts-format-top-level-group-title-bar:focus-visible,
 .ag-charts-settings-group-title-bar:focus-visible {
   box-shadow: inset var(--ag-focus-shadow);
 }
.ag-charts-data-group-container {
   padding: calc(var(--ag-widget-container-vertical-padding) * 0.5)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-charts-data-group-container
   .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(
     .ag-pill-select
   ):not(.ag-select) {
   height: var(--ag-list-item-height);
 }
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
   margin-top: var(--ag-grid-size);
 }
.ag-charts-advanced-settings-top-level-group-container,
 .ag-charts-format-top-level-group-container {
   margin-left: calc(var(--ag-grid-size) * 2);
   padding: var(--ag-grid-size);
 }
.ag-charts-advanced-settings-top-level-group-item,
 .ag-charts-format-top-level-group-item {
   margin: var(--ag-grid-size) 0;
 }
.ag-charts-format-sub-level-group-container {
   display: flex;
   flex-direction: column;
   gap: var(--ag-widget-vertical-spacing);
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-charts-settings-group-container {
   display: grid;
   grid-template-columns: 60px 1fr 60px 1fr 60px;
   padding: var(--ag-grid-size);
   row-gap: 8px;
 }
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n + 1) {
   grid-column: 1;
 }
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n + 2) {
   grid-column: 3;
 }
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n + 3) {
   grid-column: 5;
 }
.ag-chart-data-section,
 .ag-chart-format-section {
   display: flex;
   margin: 0;
 }
.ag-chart-menu-panel {
   background-color: var(--ag-chrome-background-color);
 }
.ag-ltr .ag-chart-menu-panel {
   border-left: 1px solid var(--ag-border-color);
 }
.ag-rtl .ag-chart-menu-panel {
   border-right: 1px solid var(--ag-border-color);
 }
.ag-chart-tabbed-menu-body {
   position: relative;
 }
.ag-chart-tabbed-menu-body:after {
   background: linear-gradient(var(--ag-background-color), transparent);
   content: "";
   display: block;
   height: 16px;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
 }
.ag-charts-data-group-title-bar,
 .ag-charts-format-top-level-group-title-bar,
 .ag-charts-settings-group-container,
 .ag-charts-settings-group-title-bar {
   border-top: none;
   font-weight: 500;
   padding: 0 calc(var(--ag-grid-size) * 1.5);
 }
.ag-chart-settings-nav-bar {
   border-top: 1px solid var(--ag-border-color);
 }
.ag-charts-format-sub-level-group-title-bar {
   background: none;
   font-weight: 500;
 }
.ag-chart-data-section .ag-label:not(.ag-group-title-bar),
 .ag-chart-format-section .ag-label:not(.ag-group-title-bar) {
   color: var(--ag-chart-menu-label-color);
 }
.ag-chart-data-section .ag-label-align-top .ag-label,
 .ag-chart-format-section .ag-label-align-top .ag-label {
   margin-bottom: var(--ag-widget-vertical-spacing);
   margin-top: calc(var(--ag-widget-vertical-spacing) * 0.5);
 }
.ag-chart-data-section .ag-slider.ag-label-align-top .ag-label,
 .ag-chart-format-section .ag-slider.ag-label-align-top .ag-label {
   margin-bottom: 0;
 }
.ag-chart-data-section label,
 .ag-chart-format-section label {
   display: inline-block;
 }
.ag-chart-data-wrapper,
 .ag-chart-format-wrapper,
 .ag-charts-data-group-container,
 .ag-charts-data-group-title-bar,
 .ag-charts-format-sub-level-group,
 .ag-charts-format-sub-level-group-container,
 .ag-charts-format-sub-level-group-container > *,
 .ag-charts-format-sub-level-group-item:last-child,
 .ag-charts-format-sub-level-group-title-bar,
 .ag-charts-format-top-level-group,
 .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
 .ag-charts-format-top-level-group-item,
 .ag-charts-format-top-level-group-title-bar,
 .ag-charts-settings-group-container,
 .ag-charts-settings-group-title-bar {
   margin: 0;
   padding: 0;
 }
.ag-charts-data-group,
 .ag-charts-format-top-level-group {
   border-top: 1px solid var(--ag-border-color);
 }
.ag-charts-data-group-title-bar,
 .ag-charts-format-top-level-group-title-bar,
 .ag-charts-settings-group-title-bar {
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-charts-data-group .ag-charts-data-group-container,
 .ag-charts-format-top-level-group .ag-charts-format-top-level-group-container,
 .ag-charts-settings-group .ag-charts-settings-group-container {
   padding: 0 var(--ag-widget-container-horizontal-padding);
 }
.ag-charts-format-sub-level-group-title-bar {
   padding: var(--ag-widget-vertical-spacing) 0;
 }
.ag-charts-format-sub-level-group-container {
   padding-bottom: var(--ag-widget-container-vertical-padding);
   padding-top: var(--ag-widget-vertical-spacing);
 }
.ag-charts-format-sub-level-group-container > *,
 .ag-charts-format-sub-level-no-header-group-container > *,
 .ag-charts-format-top-level-group-container > * {
   margin-bottom: var(--ag-widget-vertical-spacing);
 }
.ag-chart-advanced-settings-section,
 .ag-chart-settings-mini-wrapper,
 .ag-charts-data-group-item {
   padding-bottom: var(--ag-widget-container-vertical-padding);
 }
.ag-chart-advanced-settings-section {
   padding-top: var(--ag-widget-container-vertical-padding);
 }
.ag-charts-advanced-settings-top-level-group
   .ag-charts-advanced-settings-top-level-group-container,
 .ag-charts-advanced-settings-top-level-group
   .ag-charts-advanced-settings-top-level-group-title-bar {
   padding: 0 var(--ag-widget-container-horizontal-padding);
 }
.ag-charts-advanced-settings-top-level-group-container {
   margin: 0;
 }
.ag-charts-advanced-settings-top-level-group-item {
   margin-bottom: 0;
   margin-top: calc(var(--ag-widget-vertical-spacing) * 2);
 }
.ag-chart-menu {
   --ag-icon-size: 20px;
   background-color: color-mix(
     in srgb,
     transparent,
     var(--ag-background-color) 30%
   );
   padding: 4px 2px;
 }
.ag-chart-settings-card-item.ag-not-selected:hover {
   opacity: 0.35;
 }
.ag-column-drop {
   align-items: center;
   display: inline-flex;
   overflow: auto;
   position: relative;
   width: 100%;
 }
.ag-column-drop-cell,
 .ag-column-drop-list {
   align-items: center;
   display: flex;
 }
.ag-column-drop-cell {
   gap: var(--ag-grid-size);
   position: relative;
 }
.ag-column-drop-cell-text {
   flex: 1 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-column-drop-vertical {
   align-items: stretch;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
.ag-column-drop-vertical-title-bar {
   align-items: center;
   display: flex;
   flex: none;
 }
.ag-column-drop-vertical-list {
   align-items: stretch;
   flex-direction: column;
   flex-grow: 1;
   overflow-x: auto;
   position: relative;
 }
.ag-column-drop-vertical-list > * {
   flex: none;
 }
.ag-column-drop-empty .ag-column-drop-vertical-list {
   overflow: hidden;
 }
.ag-column-drop-vertical-empty-message {
   display: block;
 }
.ag-column-drop.ag-column-drop-horizontal {
   overflow: hidden;
   white-space: nowrap;
 }
.ag-column-drop-cell-button {
   cursor: pointer;
 }
.ag-column-drop-wrapper {
   display: flex;
 }
.ag-column-drop-horizontal-half-width {
   display: inline-block;
   width: 50% !important;
 }
.ag-column-drop-cell {
   background: var(--ag-column-drop-cell-background-color);
   border: var(--ag-column-drop-cell-border);
   border-radius: 500px;
   padding: calc(var(--ag-grid-size) * 0.5);
 }
.ag-ltr .ag-column-drop-cell {
   padding-left: calc(var(--ag-grid-size) * 0.75);
 }
.ag-rtl .ag-column-drop-cell {
   padding-right: calc(var(--ag-grid-size) * 0.75);
 }
.ag-column-drop-cell:focus-visible {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-column-drop-cell-button {
   min-width: calc(var(--ag-grid-size) * 4);
 }
.ag-column-drop-cell-ghost {
   opacity: 0.5;
 }
.ag-column-drop-horizontal {
   gap: var(--ag-cell-widget-spacing);
   height: var(--ag-header-height);
 }
.ag-ltr .ag-column-drop-horizontal {
   padding-left: var(--ag-cell-horizontal-padding);
 }
.ag-rtl .ag-column-drop-horizontal {
   padding-right: var(--ag-cell-horizontal-padding);
 }
.ag-column-drop-horizontal-list {
   gap: var(--ag-cell-widget-spacing);
 }
.ag-column-drop-vertical-list {
   padding-bottom: var(--ag-grid-size);
   padding-left: var(--ag-grid-size);
   padding-right: var(--ag-grid-size);
 }
.ag-column-drop-vertical-cell {
   margin-top: var(--ag-grid-size);
 }
.ag-ltr .ag-column-drop-vertical-icon {
   margin-right: var(--ag-widget-horizontal-spacing);
 }
.ag-rtl .ag-column-drop-vertical-icon {
   margin-left: var(--ag-widget-horizontal-spacing);
 }
.ag-column-drop-vertical-empty-message {
   bottom: 0;
   left: 0;
   margin-top: var(--ag-grid-size);
   overflow: hidden;
   position: absolute;
   right: 0;
   top: 0;
 }
.ag-select-agg-func-popup {
   background: var(--ag-background-color);
   border: 1px solid var(--ag-border-color);
   border-radius: var(--ag-border-radius);
   box-shadow: var(--ag-dropdown-shadow);
   height: calc(var(--ag-grid-size) * 5 * 3.5);
   padding: 0;
   position: absolute;
 }
.ag-select-agg-func-virtual-list-item {
   cursor: default;
 }
.ag-ltr .ag-select-agg-func-virtual-list-item {
   padding-left: calc(var(--ag-grid-size) * 2);
 }
.ag-rtl .ag-select-agg-func-virtual-list-item {
   padding-right: calc(var(--ag-grid-size) * 2);
 }
.ag-select-agg-func-virtual-list-item:hover {
   background-color: var(--ag-selected-row-background-color);
 }
.ag-select-agg-func-virtual-list-item:focus-visible {
   shadow: var(--ag-focus-shadow);
 }
.ag-sort-indicator-container {
   display: contents;
 }
.ag-ltr .ag-sort-indicator-icon {
   padding-left: var(--ag-grid-size);
 }
.ag-rtl .ag-sort-indicator-icon {
   padding-right: var(--ag-grid-size);
 }
.ag-column-drop-horizontal {
   background-color: var(--ag-header-background-color);
   border-bottom: var(--ag-header-row-border);
 }
.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
   border-right: var(--ag-column-border);
 }
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
   border-left: var(--ag-column-border);
 }
.ag-column-drop-cell-button {
   min-width: 0;
   opacity: 0.75;
 }
.ag-column-drop-cell-button:hover {
   opacity: 1;
 }
.ag-column-drop-vertical {
   min-height: 75px;
 }
.ag-column-drop-vertical-title-bar {
   padding: var(--ag-widget-container-vertical-padding)
     calc(var(--ag-grid-size) * 2) 0;
 }
.ag-column-drop-vertical-empty-message {
   align-items: center;
   border: 1px dashed;
   border-color: var(--ag-border-color);
   display: flex;
   justify-content: center;
   margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
   padding: calc(var(--ag-grid-size) * 2);
 }
.ag-column-select {
   display: flex;
   flex: 3 1 0px;
   flex-direction: column;
   overflow: hidden;
   position: relative;
 }
.ag-column-select-header {
   flex: none;
   height: var(--ag-header-height);
   padding-left: var(--ag-widget-container-horizontal-padding);
   padding-right: var(--ag-widget-container-horizontal-padding);
 }
.ag-column-select-column,
 .ag-column-select-column-group,
 .ag-column-select-header {
   align-items: center;
   display: flex;
   gap: var(--ag-widget-horizontal-spacing);
   position: relative;
 }
.ag-column-select-column,
 .ag-column-select-column-group {
   height: 100%;
 }
.ag-column-select-virtual-list-item:focus-visible {
   box-shadow: inset var(--ag-focus-shadow);
 }
.ag-column-select-header-icon {
   border-radius: var(--ag-border-radius);
   cursor: pointer;
   height: var(--ag-icon-size);
   position: relative;
   width: var(--ag-icon-size);
 }
.ag-column-select-header-icon:focus-visible {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-column-select-header-filter-wrapper {
   flex: 1 1 auto;
 }
.ag-column-select-header-filter {
   width: 100%;
 }
.ag-column-select-list {
   flex: 1 1 0px;
   overflow: hidden;
 }
.ag-ltr .ag-column-select-column,
 .ag-ltr .ag-column-select-column-group {
   padding-left: calc(
     var(--ag-indentation-level) * var(--ag-column-select-indent-size)
   );
 }
.ag-rtl .ag-column-select-column,
 .ag-rtl .ag-column-select-column-group {
   padding-right: calc(
     var(--ag-indentation-level) * var(--ag-column-select-indent-size)
   );
 }
.ag-ltr .ag-column-select-add-group-indent {
   margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
 }
.ag-rtl .ag-column-select-add-group-indent {
   margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
 }
.ag-column-select-column-group:not(:last-child),
 .ag-column-select-column:not(:last-child) {
   margin-bottom: var(--ag-widget-vertical-spacing);
 }
.ag-column-select-column-group-readonly,
 .ag-column-select-column-readonly {
   opacity: 0.5;
   pointer-events: none;
 }
.ag-column-select-virtual-list-viewport {
   padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0;
 }
.ag-column-select-virtual-list-item {
   padding: 0 var(--ag-widget-container-horizontal-padding);
 }
.ag-column-select-column-label {
   flex: 1 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-column-select-checkbox {
   display: flex;
 }
.ag-set-filter {
   --ag-indentation-level: 0;
 }
.ag-set-filter-item {
   align-items: center;
   display: flex;
   height: 100%;
 }
.ag-set-filter-item-checkbox {
   display: flex;
   height: 100%;
   width: 100%;
 }
.ag-set-filter-group-icons {
   display: block;
 }
.ag-set-filter-group-icons > * {
   cursor: pointer;
 }
.ag-filter-body-wrapper {
   display: flex;
   flex-direction: column;
 }
.ag-filter-filter {
   flex: 1 1 0px;
 }
.ag-filter-condition {
   display: flex;
   justify-content: center;
 }
.ag-floating-filter-body {
   display: flex;
   flex: 1 1 auto;
   height: 100%;
   position: relative;
 }
.ag-floating-filter-full-body {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
   height: 100%;
   overflow: hidden;
   width: 100%;
 }
.ag-floating-filter-full-body > div {
   flex: 1 1 auto;
 }
.ag-floating-filter-input {
   align-items: center;
   display: flex;
   width: 100%;
 }
.ag-floating-filter-input > * {
   flex: 1 1 auto;
 }
.ag-floating-filter-button {
   display: flex;
   flex: none;
 }
.ag-set-floating-filter-input input[disabled] {
   pointer-events: none;
 }
.ag-floating-filter-button-button {
   -webkit-appearance: none;
   appearance: none;
   background: transparent;
   border: none;
   height: var(--ag-icon-size);
   width: var(--ag-icon-size);
 }
.ag-filter-loading {
   height: 100%;
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
   position: absolute;
   width: 100%;
   z-index: 1;
 }
.ag-column-panel {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   overflow: hidden;
 }
.ag-pivot-mode-panel {
   display: flex;
   height: var(--ag-header-height);
 }
.ag-pivot-mode-select {
   align-items: center;
   display: flex;
 }
.ag-ltr .ag-pivot-mode-select {
   margin-left: var(--ag-widget-container-horizontal-padding);
 }
.ag-rtl .ag-pivot-mode-select {
   margin-right: var(--ag-widget-container-horizontal-padding);
 }
.ag-column-panel-column-select {
   border-bottom: var(--ag-tool-panel-separator-border);
   border-top: var(--ag-tool-panel-separator-border);
 }
:where(.ag-column-panel) .ag-column-drop-vertical {
   flex: 1 1 0px;
   min-height: 50px;
 }
:where(.ag-column-panel)
   .ag-column-drop-vertical:where(:not(.ag-last-column-drop)) {
   border-bottom: var(--ag-tool-panel-separator-border);
 }
.ag-dnd-ghost {
   align-items: center;
   background-color: var(--ag-drag-ghost-background-color);
   border: var(--ag-drag-ghost-border);
   border-radius: var(--ag-border-radius);
   box-shadow: var(--ag-drag-ghost-shadow);
   color: var(--ag-text-color);
   cursor: move;
   font-weight: 500;
   gap: var(--ag-cell-widget-spacing);
   height: var(--ag-header-height) !important;
   max-width: 200px;
   padding-left: var(--ag-cell-horizontal-padding);
   padding-right: var(--ag-cell-horizontal-padding);
   position: absolute;
   text-overflow: ellipsis;
   transform: translateY(calc(var(--ag-grid-size) * 2));
   z-index: 9999;
 }
.ag-dnd-ghost,
 .ag-header {
   display: flex;
   overflow: hidden;
   white-space: nowrap;
 }
.ag-header {
   background-color: var(--ag-header-background-color);
   border-bottom: var(--ag-header-row-border);
   color: var(--ag-header-text-color);
   font-family: var(--ag-header-font-family);
   font-size: var(--ag-header-font-size);
   font-weight: var(--ag-header-font-weight);
   width: 100%;
 }
.ag-header-row {
   height: var(--ag-header-height);
   position: absolute;
 }
.ag-header-row:not(:first-child)
   .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
 .ag-header-row:not(:first-child)
   .ag-header-group-cell.ag-header-group-cell-with-group {
   border-top: var(--ag-header-row-border);
 }
.ag-header-row:not(.ag-header-row-column-group) {
   overflow: hidden;
 }
.ag-header.ag-header-allow-overflow .ag-header-row {
   overflow: visible;
 }
.ag-header-cell,
 .ag-header-group-cell {
   align-items: center;
   display: inline-flex;
   gap: var(--ag-cell-widget-spacing);
   height: 100%;
   padding: 0 var(--ag-cell-horizontal-padding);
   position: absolute;
 }
:is(.ag-header-cell:not(.ag-floating-filter), .ag-header-group-cell):before {
   background-color: transparent;
   content: "";
   inset: 0;
   position: absolute;
   transition: background-color
     var(--ag-header-cell-hover-background-transition-duration);
 }
.ag-header-cell-moving:is(
     .ag-header-cell:not(.ag-floating-filter),
     .ag-header-group-cell
   ):before,
 :is(
     .ag-header-cell:not(.ag-floating-filter),
     .ag-header-group-cell
   ):hover:before {
   background-color: var(--ag-header-cell-hover-background-color);
 }
:where(.ag-header-cell:not(.ag-floating-filter) *, .ag-header-group-cell *) {
   position: relative;
   z-index: 1;
 }
.ag-header-cell-filter-button,
 .ag-header-cell.ag-header-active .ag-header-cell-menu-button {
   opacity: 1;
 }
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
   opacity: 0;
   transition: opacity 0.2s;
 }
.ag-header-cell-label,
 .ag-header-group-cell-label {
   align-items: center;
   align-self: stretch;
   display: flex;
   flex: 1 1 auto;
   gap: var(--ag-grid-size);
 }
.ag-header-cell-label {
   overflow: hidden;
   text-overflow: ellipsis;
 }
.ag-header-group-cell-label.ag-sticky-label {
   flex: none;
   max-width: 100%;
   position: -webkit-sticky;
   position: sticky;
 }
.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
   left: var(--ag-cell-horizontal-padding);
 }
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
   right: var(--ag-cell-horizontal-padding);
 }
.ag-header-group-text {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-header-cell-text {
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-word;
 }
.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
   align-items: center;
   display: flex;
   height: 100%;
 }
.ag-header-cell-comp-wrapper {
   width: 100%;
 }
.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
   white-space: normal;
 }
.ag-right-aligned-header .ag-header-cell-label {
   flex-direction: row-reverse;
 }
.ag-floating-filter-button-button,
 .ag-header-cell-filter-button,
 .ag-header-cell-menu-button,
 .ag-header-cell-sortable .ag-header-cell-label,
 .ag-header-expand-icon,
 .ag-panel-title-bar-button,
 .ag-side-button-button {
   cursor: pointer;
 }
.ag-advanced-filter-header-cell:focus-visible,
 .ag-header-cell:focus-visible,
 .ag-header-group-cell:focus-visible {
   box-shadow: inset var(--ag-focus-shadow);
 }
.ag-header-cell:after,
 .ag-header-group-cell:not(
     .ag-header-span-height.ag-header-group-cell-no-group
   ):after {
   content: "";
   height: var(--ag-header-column-border-height);
   position: absolute;
   top: calc(50% - var(--ag-header-column-border-height) * 0.5);
   z-index: 1;
 }
.ag-ltr .ag-header-cell:after,
 .ag-ltr
   .ag-header-group-cell:not(
     .ag-header-span-height.ag-header-group-cell-no-group
   ):after {
   border-right: var(--ag-header-column-border);
   right: 0;
 }
.ag-rtl .ag-header-cell:after,
 .ag-rtl
   .ag-header-group-cell:not(
     .ag-header-span-height.ag-header-group-cell-no-group
   ):after {
   border-left: var(--ag-header-column-border);
   left: 0;
 }
.ag-header-cell-resize {
   align-items: center;
   cursor: ew-resize;
   display: flex;
   height: 100%;
   position: absolute;
   top: 0;
   width: 8px;
   z-index: 2;
 }
.ag-ltr .ag-header-cell-resize {
   right: -4px;
 }
.ag-rtl .ag-header-cell-resize {
   left: -4px;
 }
.ag-header-cell-resize:after {
   background-color: var(--ag-header-column-resize-handle-color);
   content: "";
   display: var(--ag-header-column-resize-handle-display);
   height: var(--ag-header-column-resize-handle-height);
   position: absolute;
   top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
   width: var(--ag-header-column-resize-handle-width);
   z-index: 1;
 }
.ag-ltr .ag-header-cell-resize:after {
   left: calc(50% - var(--ag-header-column-resize-handle-width));
 }
.ag-rtl .ag-header-cell-resize:after {
   right: calc(50% - var(--ag-header-column-resize-handle-width));
 }
.ag-header-cell.ag-header-span-height .ag-header-cell-resize:after {
   height: calc(100% - var(--ag-grid-size) * 4);
   top: calc(var(--ag-grid-size) * 2);
 }
.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
   display: none;
 }
.ag-menu {
   background-color: var(--ag-menu-background-color);
   border: var(--ag-menu-border);
   border-radius: var(--ag-border-radius);
   box-shadow: var(--ag-menu-shadow);
   color: var(--ag-menu-text-color);
   max-height: 100%;
   min-width: 180px;
   overflow-y: auto;
   position: absolute;
   -webkit-user-select: none;
   user-select: none;
 }
.ag-menu-list {
   cursor: default;
   display: table;
   padding: var(--ag-grid-size) 0;
   width: 100%;
 }
.ag-menu-option,
 .ag-menu-separator {
   display: table-row;
 }
.ag-menu-option-part,
 .ag-menu-separator-part {
   display: table-cell;
   vertical-align: middle;
 }
.ag-menu-option-text {
   white-space: nowrap;
 }
.ag-menu-option-custom {
   display: contents;
 }
.ag-compact-menu-option {
   display: flex;
   flex-wrap: nowrap;
   width: 100%;
 }
.ag-compact-menu-option-text {
   flex: 1 1 auto;
   white-space: nowrap;
 }
.ag-menu-separator {
   height: calc(var(--ag-grid-size) * 2 + 1px);
 }
.ag-menu-separator-part:after {
   border-top: 1px solid var(--ag-menu-separator-color);
   content: "";
   display: block;
 }
.ag-compact-menu-option-active,
 .ag-menu-option-active {
   background-color: var(--ag-row-hover-color);
 }
.ag-compact-menu-option-part,
 .ag-menu-option-part {
   line-height: var(--ag-icon-size);
   padding: calc(var(--ag-grid-size) + 2px) 0;
 }
.ag-compact-menu-option-disabled,
 .ag-menu-option-disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
.ag-compact-menu-option-icon,
 .ag-menu-option-icon {
   width: var(--ag-icon-size);
 }
.ag-ltr .ag-compact-menu-option-icon,
 .ag-ltr .ag-menu-option-icon {
   padding-left: calc(var(--ag-grid-size) * 2);
 }
.ag-rtl .ag-compact-menu-option-icon,
 .ag-rtl .ag-menu-option-icon {
   padding-right: calc(var(--ag-grid-size) * 2);
 }
.ag-compact-menu-option-text,
 .ag-menu-option-text {
   padding-left: calc(var(--ag-grid-size) * 2);
   padding-right: calc(var(--ag-grid-size) * 2);
 }
.ag-ltr .ag-compact-menu-option-shortcut,
 .ag-ltr .ag-menu-option-shortcut {
   padding-right: var(--ag-grid-size);
 }
.ag-rtl .ag-compact-menu-option-shortcut,
 .ag-rtl .ag-menu-option-shortcut {
   padding-left: var(--ag-grid-size);
 }
.ag-ltr .ag-compact-menu-option-popup-pointer,
 .ag-ltr .ag-menu-option-popup-pointer {
   padding-right: var(--ag-grid-size);
 }
.ag-rtl .ag-compact-menu-option-popup-pointer,
 .ag-rtl .ag-menu-option-popup-pointer {
   padding-left: var(--ag-grid-size);
 }
.ag-menu-column-select-wrapper {
   height: 265px;
   overflow: auto;
 }
.ag-menu-column-select-wrapper .ag-column-select {
   height: 100%;
 }
.ag-menu.ag-tabs {
   min-width: 290px;
 }
.ag-filter-separator {
   border-top: 1px solid var(--menu-separator-color);
 }
.ag-filter-select .ag-picker-field-wrapper {
   width: 0;
 }
.ag-filter-condition-operator {
   height: 17px;
 }
.ag-ltr .ag-filter-condition-operator-or {
   margin-left: calc(var(--ag-grid-size) * 2);
 }
.ag-rtl .ag-filter-condition-operator-or {
   margin-right: calc(var(--ag-grid-size) * 2);
 }
.ag-set-filter-select-all {
   padding-top: var(--ag-widget-container-vertical-padding);
 }
.ag-filter-no-matches,
 .ag-set-filter-list {
   height: calc(var(--ag-list-item-height) * 6);
 }
.ag-filter-no-matches {
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-set-filter-tree-list {
   height: calc(var(--ag-list-item-height) * 10);
 }
.ag-set-filter-filter {
   margin-left: var(--ag-widget-container-horizontal-padding);
   margin-right: var(--ag-widget-container-horizontal-padding);
   margin-top: var(--ag-widget-container-vertical-padding);
 }
.ag-filter-to {
   margin-top: var(--ag-widget-vertical-spacing);
 }
.ag-mini-filter {
   margin: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-ltr .ag-set-filter-item {
   padding-left: calc(
     var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) *
       var(--ag-set-filter-indent-size)
   );
 }
.ag-rtl .ag-set-filter-item {
   padding-right: calc(
     var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) *
       var(--ag-set-filter-indent-size)
   );
 }
.ag-ltr .ag-set-filter-add-group-indent {
   margin-left: calc(
     var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)
   );
 }
.ag-rtl .ag-set-filter-add-group-indent {
   margin-right: calc(
     var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)
   );
 }
.ag-ltr .ag-set-filter-group-icons {
   margin-right: var(--ag-widget-container-horizontal-padding);
 }
.ag-rtl .ag-set-filter-group-icons {
   margin-left: var(--ag-widget-container-horizontal-padding);
 }
.ag-filter-menu .ag-set-filter-list {
   min-width: 200px;
 }
.ag-filter-virtual-list-item:focus-visible {
   box-shadow: inset var(--ag-focus-shadow);
 }
.ag-filter-apply-panel {
   display: flex;
   justify-content: flex-end;
   overflow: hidden;
   padding: var(--ag-widget-vertical-spacing)
     var(--ag-widget-container-horizontal-padding)
     var(--ag-widget-container-vertical-padding);
 }
.ag-filter-apply-panel-button {
   line-height: 1.5;
 }
.ag-ltr .ag-filter-apply-panel-button {
   margin-left: calc(var(--ag-grid-size) * 2);
 }
.ag-rtl .ag-filter-apply-panel-button {
   margin-right: calc(var(--ag-grid-size) * 2);
 }
.ag-simple-filter-body-wrapper {
   display: flex;
   flex-direction: column;
   min-height: calc(
     var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) +
       var(--ag-widget-vertical-spacing)
   );
   overflow-y: auto;
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
   padding-bottom: calc(
     var(--ag-widget-container-vertical-padding) -
       var(--ag-widget-vertical-spacing)
   );
 }
.ag-simple-filter-body-wrapper > * {
   margin-bottom: var(--ag-widget-vertical-spacing);
 }
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
   margin: 0;
 }
.ag-multi-filter-menu-item {
   margin: var(--ag-grid-size) 0;
 }
.ag-multi-filter-group-title-bar {
   background-color: transparent;
   color: var(--ag-header-text-color);
   font-weight: 500;
   padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
 }
.ag-multi-filter-group-title-bar:focus-visible {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-group-filter-field-select-wrapper {
   display: flex;
   flex-direction: column;
   gap: var(--ag-widget-vertical-spacing);
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-menu-option .ag-icon {
   opacity: 65%;
 }
.ag-menu-option {
   cursor: pointer;
   font-weight: 500;
 }
.ag-ltr .ag-menu-option-popup-pointer .ag-icon {
   text-align: right;
 }
.ag-rtl .ag-menu-option-popup-pointer .ag-icon {
   text-align: left;
 }
.ag-panel {
   background-color: var(--ag-panel-background-color);
   display: flex;
   flex-direction: column;
   overflow: hidden;
   position: relative;
 }
.ag-dialog {
   border: var(--ag-dialog-border);
   border-radius: var(--ag-border-radius);
   box-shadow: var(--ag-dialog-shadow);
   position: absolute;
 }
.ag-panel-title-bar {
   align-items: center;
   background-color: var(--ag-panel-title-bar-background-color);
   border-bottom: var(--ag-panel-title-bar-border);
   color: var(--ag-header-text-color);
   cursor: default;
   display: flex;
   flex: none;
   height: var(--ag-header-height);
   padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
 }
.ag-ltr .ag-panel-title-bar-button {
   margin-left: calc(var(--ag-grid-size) * 2);
   margin-right: var(--ag-grid-size);
 }
.ag-rtl .ag-panel-title-bar-button {
   margin-left: var(--ag-grid-size);
   margin-right: calc(var(--ag-grid-size) * 2);
 }
.ag-panel-title-bar-title {
   color: var(--ag-header-text-color);
   flex: 1 1 auto;
   font-weight: 500;
 }
.ag-panel-title-bar-buttons {
   display: flex;
 }
.ag-panel-title-bar-button {
   cursor: pointer;
 }
.ag-panel-content-wrapper {
   display: flex;
   flex: 1 1 auto;
   overflow: hidden;
   position: relative;
 }
.ag-resizer {
   pointer-events: none;
   position: absolute;
   -webkit-user-select: none;
   user-select: none;
   z-index: 1;
 }
.ag-resizer.ag-resizer-topLeft {
   height: 5px;
   left: 0;
   top: 0;
   width: 5px;
 }
.ag-ltr .ag-resizer.ag-resizer-topLeft {
   cursor: nwse-resize;
 }
.ag-rtl .ag-resizer.ag-resizer-topLeft {
   cursor: nesw-resize;
 }
.ag-resizer.ag-resizer-top {
   cursor: ns-resize;
   height: 5px;
   left: 5px;
   right: 5px;
   top: 0;
 }
.ag-resizer.ag-resizer-topRight {
   height: 5px;
   right: 0;
   top: 0;
   width: 5px;
 }
.ag-ltr .ag-resizer.ag-resizer-topRight {
   cursor: nesw-resize;
 }
.ag-rtl .ag-resizer.ag-resizer-topRight {
   cursor: nwse-resize;
 }
.ag-resizer.ag-resizer-right {
   bottom: 5px;
   cursor: ew-resize;
   right: 0;
   top: 5px;
   width: 5px;
 }
.ag-resizer.ag-resizer-bottomRight {
   bottom: 0;
   height: 5px;
   right: 0;
   width: 5px;
 }
.ag-ltr .ag-resizer.ag-resizer-bottomRight {
   cursor: nwse-resize;
 }
.ag-rtl .ag-resizer.ag-resizer-bottomRight {
   cursor: nesw-resize;
 }
.ag-resizer.ag-resizer-bottom {
   bottom: 0;
   cursor: ns-resize;
   height: 5px;
   left: 5px;
   right: 5px;
 }
.ag-resizer.ag-resizer-bottomLeft {
   bottom: 0;
   height: 5px;
   left: 0;
   width: 5px;
 }
.ag-ltr .ag-resizer.ag-resizer-bottomLeft {
   cursor: nesw-resize;
 }
.ag-rtl .ag-resizer.ag-resizer-bottomLeft {
   cursor: nwse-resize;
 }
.ag-resizer.ag-resizer-left {
   bottom: 5px;
   cursor: ew-resize;
   left: 0;
   top: 5px;
   width: 5px;
 }
.ag-dragging-fill-handle .ag-dialog,
 .ag-dragging-range-handle .ag-dialog {
   opacity: 0.7;
   pointer-events: none;
 }
.ag-pinned-left-header,
 .ag-pinned-right-header {
   display: inline-block;
   overflow: hidden;
   position: relative;
 }
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible)
   .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
   border-right: var(--ag-pinned-column-border);
 }
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible)
   .ag-horizontal-right-spacer:not(.ag-scroller-corner),
 .ag-pinned-right-header {
   border-left: var(--ag-pinned-column-border);
 }
.ag-pinned-left-header {
   border-right: var(--ag-pinned-column-border);
 }
.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(
     .ag-cell-range-single-cell
   ) {
   border-left: var(--ag-pinned-column-border);
 }
.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(
     .ag-cell-range-single-cell
   ) {
   border-right: var(--ag-pinned-column-border);
 }
.ag-pinned-left-header .ag-header-cell-resize:after {
   left: calc(50% - var(--ag-header-column-resize-handle-width));
 }
.ag-pinned-right-header .ag-header-cell-resize:after {
   left: 50%;
 }
.ag-pinned-left-header,
 .ag-pinned-right-header {
   height: 100%;
 }
.ag-pinned-left-header .ag-header-cell-resize {
   right: -4px;
 }
.ag-pinned-right-header .ag-header-cell-resize {
   left: -4px;
 }
.ag-layout-print.ag-body {
   display: block;
   height: unset;
 }
.ag-layout-print.ag-root-wrapper {
   display: inline-block;
 }
.ag-layout-print .ag-body-horizontal-scroll,
 .ag-layout-print .ag-body-vertical-scroll {
   display: none;
 }
.ag-layout-print.ag-force-vertical-scroll {
   overflow-y: visible !important;
 }
@media print {
   .ag-root-wrapper.ag-layout-print {
     display: table;
   }
   .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
   .ag-root-wrapper.ag-layout-print .ag-body-viewport,
   .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
   .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
   .ag-root-wrapper.ag-layout-print .ag-root,
   .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
   .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
     display: block !important;
     height: auto !important;
     overflow: hidden !important;
   }
   .ag-root-wrapper.ag-layout-print .ag-cell,
   .ag-root-wrapper.ag-layout-print .ag-row {
     break-inside: avoid;
   }
 }
.ag-select {
   align-items: center;
   display: flex;
   flex-direction: row;
 }
.ag-select .ag-picker-field-wrapper {
   cursor: default;
 }
.ag-ltr .ag-select .ag-picker-field-wrapper {
   padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
   padding-right: var(--ag-grid-size);
 }
.ag-rtl .ag-select .ag-picker-field-wrapper {
   padding-left: var(--ag-grid-size);
   padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
 }
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
   box-shadow: none;
 }
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
   min-height: var(--ag-list-item-height);
 }
.ag-select .ag-picker-field-display {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-select .ag-picker-field-icon {
   align-items: center;
   display: flex;
 }
.ag-select.ag-disabled {
   opacity: 0.5;
 }
.ag-rich-select {
   cursor: default;
   height: 100%;
 }
.ag-rich-select-value {
   align-items: center;
   background-color: var(--ag-input-background-color);
   display: flex;
   height: 100%;
   padding: var(--ag-grid-size);
 }
.ag-rich-select-value .ag-picker-field-display {
   overflow: hidden;
   text-overflow: ellipsis;
 }
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
   opacity: 0.5;
 }
.ag-rich-select-list {
   background-color: var(--ag-input-background-color);
   border: var(--ag-input-border);
   border-radius: var(--ag-input-border-radius);
   box-shadow: var(--ag-dropdown-shadow);
   height: auto;
   position: relative;
   width: 100%;
 }
.ag-rich-select-list .ag-loading-text {
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
 }
.ag-rich-select-row {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
   height: 100%;
   overflow: hidden;
   padding: 0 var(--ag-grid-size);
   white-space: nowrap;
 }
.ag-rich-select-row-selected {
   background-color: var(--ag-selected-row-background-color);
 }
.ag-rich-select-row-highlighted,
 .ag-rich-select-row:hover {
   background-image: linear-gradient(
     var(--ag-row-hover-color),
     var(--ag-row-hover-color)
   );
 }
.ag-rich-select-row-text-highlight {
   font-weight: 700;
 }
.ag-rich-select-field-input {
   flex: 1 1 auto;
 }
.ag-ltr .ag-rich-select-field-input {
   left: var(--ag-grid-size);
 }
.ag-rtl .ag-rich-select-field-input {
   right: var(--ag-grid-size);
 }
.ag-rich-select-field-input .ag-input-field-input {
   border: none !important;
   box-shadow: none !important;
   padding: 0 !important;
   text-overflow: ellipsis;
 }
.ag-rich-select-field-input .ag-input-field-input::placeholder {
   opacity: 0.8;
 }
.ag-popup-editor .ag-rich-select-value {
   height: var(--ag-row-height);
   min-width: 200px;
 }
.ag-rich-select-virtual-list-item {
   cursor: default;
   height: var(--ag-list-item-height);
 }
.ag-pill-container {
   display: flex;
   flex-wrap: nowrap;
   gap: 0.25rem;
 }
.ag-pill {
   align-items: center;
   background: var(--ag-select-cell-background-color);
   border: var(--ag-select-cell-border);
   border-radius: var(--ag-border-radius);
   display: flex;
   padding: 0 0.25rem;
   white-space: nowrap;
 }
.ag-pill:focus-visible {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-pill .ag-pill-button {
   border: none;
   padding: 0;
 }
.ag-ltr .ag-pill .ag-pill-button {
   margin-left: var(--ag-grid-size);
 }
.ag-rtl .ag-pill .ag-pill-button {
   margin-right: var(--ag-grid-size);
 }
.ag-pill .ag-pill-button:hover {
   color: var(--ag-accent-color);
   cursor: pointer;
 }
.ag-popup,
 .ag-root-wrapper {
   cursor: default;
   line-height: normal;
   white-space: normal;
   -webkit-font-smoothing: antialiased;
   background-color: var(--ag-background-color);
   color: var(--ag-text-color);
   color-scheme: var(--ag-color-scheme);
   font-family: var(--ag-font-family);
   font-size: var(--ag-font-size);
   --ag-indentation-level: 0;
 }
.ag-root-wrapper {
   border: var(--ag-wrapper-border);
   border-radius: var(--ag-wrapper-border-radius);
   display: flex;
   flex-direction: column;
   overflow: hidden;
   position: relative;
 }
.ag-root-wrapper.ag-layout-normal {
   height: 100%;
 }
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
   right: -3px;
 }
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize,
 .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
   left: -3px;
 }
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
   right: -3px;
 }
.ag-tool-panel-wrapper {
   width: var(--ag-side-bar-panel-width);
 }
.ag-side-bar {
   background-color: var(--ag-side-bar-background-color);
   display: flex;
   flex-direction: row-reverse;
   position: relative;
 }
.ag-side-bar-left {
   flex-direction: row;
   order: -1;
 }
.ag-side-buttons {
   position: relative;
   width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
 }
.ag-side-button.ag-selected {
   background-color: var(--ag-side-button-selected-background-color);
   border-bottom: var(--ag-side-button-selected-border);
 }
.ag-side-button.ag-selected:not(:first-of-type) {
   border-top: var(--ag-side-button-selected-border);
 }
.ag-side-button-button {
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: var(--ag-grid-size);
   padding: calc(var(--ag-grid-size) * 3) 0;
   position: relative;
   white-space: nowrap;
   width: 100%;
 }
.ag-side-button-button:focus {
   box-shadow: none;
 }
.ag-side-button-button:focus-visible {
   box-shadow: inset var(--ag-focus-shadow);
 }
.ag-side-button-label {
   writing-mode: vertical-lr;
 }
@media (-webkit-max-device-pixel-ratio: 1.5), (max-resolution: 1.5x) {
   .ag-side-button-label {
     font-family: "Segoe UI", var(--ag-font-family);
   }
   .ag-ltr .ag-side-button-label {
     transform: rotate(0.05deg);
   }
   .ag-rtl .ag-side-button-label {
     transform: rotate(-0.05deg);
   }
 }
.ag-ltr .ag-side-bar-left,
 .ag-rtl .ag-side-bar-right {
   border-right: var(--ag-side-panel-border);
 }
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
 .ag-ltr .ag-side-bar-right,
 .ag-rtl .ag-side-bar-left,
 .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
   border-left: var(--ag-side-panel-border);
 }
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper,
 .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper {
   border-right: var(--ag-side-panel-border);
 }
.ag-ltr .ag-chart-menu-panel {
   border-left: var(--ag-side-panel-border);
 }
.ag-rtl .ag-chart-menu-panel {
   border-right: var(--ag-side-panel-border);
 }
.ag-button {
   border-radius: 0;
 }
.ag-standard-button {
   appearance: none;
   -webkit-appearance: none;
   background-color: var(--ag-background-color);
   border: var(--ag-input-border);
   border-radius: var(--ag-border-radius);
   cursor: pointer;
   font-family: inherit;
   padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
 }
.ag-standard-button:hover {
   background-color: var(--ag-row-hover-color);
 }
.ag-standard-button:active {
   border-color: var(--ag-accent-color);
 }
.ag-standard-button:disabled {
   background-color: var(--ag-input-disabled-background-color);
   border: var(--ag-input-disabled-border);
   color: var(--ag-input-disabled-text-color);
 }
:where(input[class^="ag-"][type="button"], button[class^="ag-"]):focus-visible {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-checkbox-input-wrapper,
 .ag-radio-button-input-wrapper {
   background-color: var(--ag-checkbox-unchecked-background-color);
   border: solid var(--ag-checkbox-border-width)
     var(--ag-checkbox-unchecked-border-color);
   flex: none;
   height: var(--ag-icon-size);
   position: relative;
   width: var(--ag-icon-size);
 }
.ag-checkbox-input-wrapper input,
 .ag-radio-button-input-wrapper input {
   -webkit-appearance: none;
   appearance: none;
   height: 100%;
   opacity: 0;
   width: 100%;
 }
.ag-checkbox-input-wrapper:after,
 .ag-radio-button-input-wrapper:after {
   content: "";
   display: block;
   inset: 0;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   pointer-events: none;
   position: absolute;
 }
.ag-checkbox-input-wrapper.ag-checked,
 .ag-radio-button-input-wrapper.ag-checked {
   background-color: var(--ag-checkbox-checked-background-color);
   border-color: var(--ag-checkbox-checked-border-color);
 }
.ag-checkbox-input-wrapper.ag-checked:after,
 .ag-radio-button-input-wrapper.ag-checked:after {
   background-color: var(--ag-checkbox-checked-shape-color);
 }
.ag-checkbox-input-wrapper:active,
 .ag-checkbox-input-wrapper:focus-within,
 .ag-radio-button-input-wrapper:active,
 .ag-radio-button-input-wrapper:focus-within {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-checkbox-input-wrapper.ag-disabled,
 .ag-radio-button-input-wrapper.ag-disabled {
   filter: grayscale();
   opacity: 0.5;
 }
.ag-checkbox-input-wrapper {
   border-radius: var(--ag-checkbox-border-radius);
 }
.ag-checkbox-input-wrapper.ag-checked:after {
   -webkit-mask-image: var(--ag-checkbox-checked-shape-image);
   mask-image: var(--ag-checkbox-checked-shape-image);
 }
.ag-checkbox-input-wrapper.ag-indeterminate {
   background-color: var(--ag-checkbox-indeterminate-background-color);
   border-color: var(--ag-checkbox-indeterminate-border-color);
 }
.ag-checkbox-input-wrapper.ag-indeterminate:after {
   background-color: var(--ag-checkbox-indeterminate-shape-color);
   -webkit-mask-image: var(--ag-checkbox-indeterminate-shape-image);
   mask-image: var(--ag-checkbox-indeterminate-shape-image);
 }
.ag-radio-button-input-wrapper {
   border-radius: 100%;
 }
.ag-radio-button-input-wrapper.ag-checked:after {
   -webkit-mask-image: var(--ag-radio-checked-shape-image);
   mask-image: var(--ag-radio-checked-shape-image);
 }
.ag-drag-handle {
   color: varXXX(--ag-icon-font-color);
   cursor: grab;
 }
.ag-list-item,
 .ag-virtual-list-item {
   height: var(--ag-list-item-height);
 }
.ag-virtual-list-item {
   position: absolute;
   width: 100%;
 }
.ag-select-list {
   background-color: var(--ag-background-color);
   border: var(--ag-input-border);
   border-radius: var(--ag-border-radius);
   box-shadow: var(--ag-dropdown-shadow);
   overflow-x: hidden;
   overflow-y: auto;
 }
.ag-list-item {
   align-items: center;
   display: flex;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-list-item.ag-active-item {
   background-color: var(--ag-row-hover-color);
 }
.ag-select-list-item {
   cursor: default;
   -webkit-user-select: none;
   user-select: none;
 }
.ag-ltr .ag-select-list-item {
   padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
 }
.ag-rtl .ag-select-list-item {
   padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
 }
.ag-select-list-item span {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-list-item-hovered:after {
   background-color: var(--ag-range-selection-border-color);
   content: "";
   height: 1px;
   left: 0;
   position: absolute;
   right: 0;
 }
.ag-item-highlight-top:after {
   top: 0;
 }
.ag-item-highlight-bottom:after {
   bottom: 0;
 }
.ag-range-field {
   align-items: center;
   display: flex;
 }
.ag-range-field .ag-input-wrapper {
   height: 100%;
 }
input[class^="ag-"][type="range"] {
   -webkit-appearance: none;
   background: none;
   height: 100%;
   overflow: visible;
   padding: 0;
   width: 100%;
 }
input[class^="ag-"][type="range"]::-webkit-slider-runnable-track {
   background-color: var(--ag-border-color);
   border-radius: 1.5px;
   height: 3px;
   margin: 0;
   padding: 0;
   width: 100%;
 }
input[class^="ag-"][type="range"]::-moz-range-track {
   background-color: var(--ag-border-color);
   border-radius: 1.5px;
   height: 3px;
   margin: 0;
   padding: 0;
   width: 100%;
 }
input[class^="ag-"][type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   background-color: var(--ag-background-color);
   border: 1px solid var(--ag-border-color);
   border-radius: 100%;
   height: var(--ag-icon-size);
   margin: 0;
   padding: 0;
   transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
   width: var(--ag-icon-size);
 }
input[class^="ag-"][type="range"]::-moz-ag-range-thumb {
   -webkit-appearance: none;
   background-color: var(--ag-background-color);
   border: 1px solid var(--ag-border-color);
   border-radius: 100%;
   height: var(--ag-icon-size);
   margin: 0;
   padding: 0;
   transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
   width: var(--ag-icon-size);
 }
input[class^="ag-"][type="range"]:focus::-webkit-slider-thumb {
   border-color: var(--ag-accent-color);
   box-shadow: var(--ag-focus-shadow);
 }
input[class^="ag-"][type="range"]:focus::-moz-ag-range-thumb {
   border-color: var(--ag-accent-color);
   box-shadow: var(--ag-focus-shadow);
 }
input[class^="ag-"][type="range"]:active::-webkit-slider-runnable-track {
   background-color: var(--ag-accent-color);
 }
input[class^="ag-"][type="range"]:active::-moz-ag-range-track {
   background-color: var(--ag-accent-color);
 }
input[class^="ag-"][type="range"]:disabled {
   opacity: 0.5;
 }
.ag-toggle-button {
   flex: none;
   min-width: unset;
   width: unset;
 }
.ag-toggle-button-input-wrapper {
   background-color: var(--ag-toggle-button-off-background-color);
   border: solid var(--ag-toggle-button-border-width)
     var(--ag-toggle-button-off-border-color);
   border-radius: calc(var(--ag-toggle-button-height) * 0.5);
   flex: none;
   height: var(--ag-toggle-button-height);
   max-width: var(--ag-toggle-button-width);
   min-width: var(--ag-toggle-button-width);
   position: relative;
 }
.ag-toggle-button-input-wrapper input {
   -webkit-appearance: none;
   appearance: none;
   height: 100%;
   opacity: 0;
   width: 100%;
 }
.ag-toggle-button-input-wrapper:before {
   background-color: var(--ag-toggle-button-switch-background-color);
   border: var(--ag-toggle-button-border-width) solid
     var(--ag-toggle-button-switch-border-color);
   border-radius: 100%;
   content: "";
   display: block;
   height: var(--ag-toggle-button-height);
   pointer-events: none;
   position: absolute;
   top: calc(0px - var(--ag-toggle-button-border-width));
   width: var(--ag-toggle-button-height);
 }
.ag-ltr .ag-toggle-button-input-wrapper:before {
   left: calc(0px - var(--ag-toggle-button-border-width));
   transition: left 0.1s;
 }
.ag-rtl .ag-toggle-button-input-wrapper:before {
   right: calc(0px - var(--ag-toggle-button-border-width));
   transition: right 0.1s;
 }
.ag-toggle-button-input-wrapper.ag-checked {
   background-color: var(--ag-toggle-button-on-background-color);
 }
.ag-toggle-button-input-wrapper.ag-checked,
 .ag-toggle-button-input-wrapper.ag-checked:before {
   border-color: var(--ag-toggle-button-on-border-color);
 }
.ag-ltr .ag-toggle-button-input-wrapper.ag-checked:before {
   left: calc(
     100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)
   );
 }
.ag-rtl .ag-toggle-button-input-wrapper.ag-checked:before {
   right: calc(
     100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)
   );
 }
.ag-toggle-button-input-wrapper:focus-within {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-toggle-button-input-wrapper.ag-disabled {
   opacity: 0.5;
 }
.ag-autocomplete {
   align-items: center;
   display: flex;
   width: 100%;
 }
.ag-autocomplete > * {
   flex: 1 1 auto;
 }
.ag-autocomplete-list-popup {
   position: absolute;
   -webkit-user-select: none;
   user-select: none;
 }
.ag-autocomplete-list {
   height: calc(var(--ag-row-height) * 6.5);
   min-width: 200px;
   position: relative;
   width: 100%;
 }
.ag-autocomplete-virtual-list-item {
   cursor: default;
   display: flex;
   height: var(--ag-list-item-height);
 }
.ag-autocomplete-virtual-list-item:focus-visible:after {
   content: none;
 }
.ag-autocomplete-virtual-list-item:hover {
   background-color: var(--ag-row-hover-color);
 }
.ag-autocomplete-row {
   align-items: center;
   display: flex;
   flex: 1 1 auto;
   overflow: hidden;
 }
.ag-autocomplete-row-label {
   margin: 0 var(--ag-widget-container-horizontal-padding);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-autocomplete-row-selected {
   background-color: var(--ag-selected-row-background-color);
 }
.ag-tooltip {
   background-color: var(--ag-tooltip-background-color);
   border: var(--ag-tooltip-border);
   border-radius: var(--ag-border-radius);
   color: var(--ag-tooltip-text-color);
   padding: var(--ag-widget-container-vertical-padding)
     var(--ag-widget-container-horizontal-padding);
   white-space: normal;
 }
.ag-tooltip,
 .ag-tooltip-custom {
   position: absolute;
   z-index: 99999;
 }
.ag-tooltip-custom:not(.ag-tooltip-interactive),
 .ag-tooltip:not(.ag-tooltip-interactive) {
   pointer-events: none;
 }
.ag-tooltip-custom.ag-tooltip-animate,
 .ag-tooltip.ag-tooltip-animate {
   transition: opacity 1s;
 }
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding,
 .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding {
   opacity: 0;
 }
.ag-angle-select {
   align-items: center;
   display: flex;
 }
.ag-angle-select-wrapper {
   display: flex;
 }
.ag-angle-select-parent-circle {
   display: block;
   position: relative;
 }
.ag-angle-select-child-circle {
   position: absolute;
 }
.ag-slider-wrapper {
   display: flex;
 }
.ag-picker-field-display,
 .ag-slider-wrapper .ag-input-field {
   flex: 1 1 auto;
 }
.ag-picker-field {
   align-items: center;
   display: flex;
 }
.ag-picker-field-icon {
   border: 0;
   cursor: pointer;
   display: flex;
   margin: 0;
   padding: 0;
 }
.ag-color-panel {
   display: flex;
   flex-direction: column;
   text-align: center;
   width: 100%;
 }
.ag-spectrum-color {
   cursor: default;
   flex: 1 1 auto;
   overflow: visible;
   position: relative;
 }
.ag-spectrum-fill {
   inset: 0;
   position: absolute;
 }
.ag-spectrum-val {
   cursor: pointer;
 }
.ag-spectrum-dragger {
   cursor: pointer;
   pointer-events: none;
   position: absolute;
 }
.ag-spectrum-alpha,
 .ag-spectrum-hue {
   cursor: default;
 }
.ag-spectrum-hue-background {
   background: linear-gradient(
     270deg,
     red 3%,
     #ff0 17%,
     #0f0 33%,
     #0ff 50%,
     #00f 67%,
     #f0f 83%,
     red
   );
   height: 100%;
   width: 100%;
 }
.ag-spectrum-alpha-background {
   background: linear-gradient(
       to right,
       var(--ag-internal-spectrum-alpha-color-from),
       var(--ag-internal-spectrum-alpha-color-to)
     ),
     url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>')
       0 0 /4px 4px;
   height: 100%;
   width: 100%;
 }
.ag-spectrum-tool {
   cursor: pointer;
   position: relative;
 }
.ag-spectrum-slider {
   pointer-events: none;
   position: absolute;
 }
.ag-spectrum-alpha .ag-spectrum-slider {
   background: linear-gradient(
       to bottom,
       var(--ag-internal-spectrum-alpha-color),
       var(--ag-internal-spectrum-alpha-color)
     )
     var(--ag-background-color);
 }
.ag-recent-colors {
   display: flex;
   gap: 6px;
   margin-top: 10px;
 }
.ag-recent-color {
   cursor: pointer;
 }
.ag-angle-select[disabled] {
   opacity: 0.5;
   pointer-events: none;
 }
.ag-ltr .ag-angle-select-field,
 .ag-ltr .ag-slider-field {
   margin-right: calc(var(--ag-grid-size) * 2);
 }
.ag-rtl .ag-angle-select-field,
 .ag-rtl .ag-slider-field {
   margin-left: calc(var(--ag-grid-size) * 2);
 }
.ag-angle-select-parent-circle {
   background-color: var(--ag-background-color);
   border: 1px solid;
   border-color: var(--ag-border-color);
   border-radius: 12px;
   height: 24px;
   width: 24px;
 }
.ag-angle-select-child-circle {
   background-color: var(--ag-foreground-color);
   border-radius: 3px;
   height: 6px;
   left: 12px;
   margin-left: -3px;
   margin-top: -4px;
   top: 4px;
   width: 6px;
 }
.ag-picker-field-wrapper {
   background-color: var(--ag-background-color);
   border: var(--ag-input-border);
   border-radius: 5px;
   min-height: max(var(--ag-list-item-height), calc(var(--ag-grid-size) * 4));
   overflow: hidden;
 }
.ag-picker-field-wrapper:disabled {
   opacity: 0.5;
 }
.ag-picker-field-wrapper.ag-picker-has-focus,
 .ag-picker-field-wrapper:focus-within {
   border: var(--ag-input-focus-border);
   box-shadow: var(--ag-focus-shadow);
 }
.ag-picker-field-button {
   background-color: var(--ag-background-color);
 }
.ag-dialog.ag-color-dialog {
   border-radius: 5px;
 }
.ag-color-picker .ag-picker-field-wrapper {
   padding-left: var(--ag-grid-size);
   padding-right: var(--ag-grid-size);
 }
.ag-color-picker .ag-picker-field-display {
   align-items: center;
   display: flex;
   flex-direction: row;
   min-height: var(--ag-list-item-height);
 }
.ag-ltr .ag-color-picker-color,
 .ag-ltr .ag-color-picker-value {
   margin-right: var(--ag-grid-size);
 }
.ag-rtl .ag-color-picker-color,
 .ag-rtl .ag-color-picker-value {
   margin-left: var(--ag-grid-size);
 }
.ag-color-panel {
   padding: var(--ag-grid-size);
 }
.ag-spectrum-tools {
   padding-bottom: 0;
   padding-left: 0;
   padding-right: 0;
 }
.ag-spectrum-tool {
   height: 12px;
 }
.ag-spectrum-alpha-background,
 .ag-spectrum-hue-background {
   border-radius: 12px;
 }
.ag-spectrum-slider {
   border: 3px solid #f8f8f8;
   border-radius: 18px;
   height: 18px;
   margin-top: -15px;
   width: 18px;
 }
.ag-recent-colors {
   margin-bottom: 2px;
   margin-left: var(--ag-grid-size);
   margin-right: var(--ag-grid-size);
 }
.ag-color-input-color,
 .ag-color-picker-color,
 .ag-recent-color {
   border-radius: 4px;
 }
.ag-recent-color {
   border: 1px solid var(--ag-border-color);
 }
.ag-spectrum-sat {
   background-image: linear-gradient(90deg, #fff, hsla(20, 42%, 65%, 0));
 }
.ag-spectrum-val {
   background-image: linear-gradient(0deg, #000, hsla(20, 42%, 65%, 0));
 }
.ag-spectrum-dragger {
   background: #000;
   border: 3px solid #fff;
   border-radius: 18px;
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.24);
   height: 18px;
   width: 18px;
 }
.ag-spectrum-alpha-background,
 .ag-spectrum-hue-background {
   border-radius: 2px;
 }
.ag-spectrum-tool {
   border-radius: 2px;
   height: 11px;
   margin-bottom: 10px;
 }
.ag-spectrum-slider {
   border: 2px solid #fff;
   border-radius: 13px;
   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
   height: 13px;
   margin-top: -12px;
   width: 13px;
 }
.ag-recent-color:focus-visible:not(:disabled):not([readonly]),
 .ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
 .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]) {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-ltr .ag-color-input input.ag-input-field-input[class^="ag-"][type="text"] {
   padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
 }
.ag-rtl .ag-color-input input.ag-input-field-input[class^="ag-"][type="text"] {
   padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
 }
.ag-color-input .ag-color-input-color {
   position: absolute;
 }
.ag-ltr .ag-color-input .ag-color-input-color {
   margin-left: var(--ag-grid-size);
 }
.ag-rtl .ag-color-input .ag-color-input-color {
   margin-right: var(--ag-grid-size);
 }
.ag-color-input-color,
 .ag-color-picker-color {
   border: 1px solid var(--ag-border-color);
   border-radius: 2px;
   height: var(--ag-icon-size);
   width: var(--ag-icon-size);
 }
.ag-pill-select .ag-picker-field-display {
   color: var(--ag-chart-menu-label-color);
   font-weight: 500;
 }
.ag-pill-select .ag-picker-field-icon .ag-icon {
   color: var(--ag-chart-menu-label-color);
 }
.ag-filter-toolpanel {
   flex: 1 1 0px;
   min-width: 0;
 }
.ag-filter-toolpanel-header {
   position: relative;
 }
.ag-filter-toolpanel-header,
 .ag-filter-toolpanel-header > *,
 .ag-filter-toolpanel-search,
 .ag-filter-toolpanel-search > * {
   align-items: center;
   display: flex;
 }
.ag-filter-toolpanel-header {
   height: calc(var(--ag-grid-size) * 6);
 }
.ag-filter-toolpanel-header:focus-visible {
   border-radius: var(--ag-border-radius);
   box-shadow: inset var(--ag-focus-shadow);
 }
.ag-filter-toolpanel-header,
 .ag-filter-toolpanel-search {
   padding: 0 var(--ag-grid-size);
 }
.ag-filter-toolpanel-group:not(.ag-has-filter)
   > .ag-group-title-bar
   .ag-filter-toolpanel-group-instance-header-icon {
   display: none;
 }
.ag-filter-toolpanel-group-level-0-header {
   height: calc(var(--ag-grid-size) * 8);
 }
.ag-filter-toolpanel-group-item {
   margin-bottom: calc(var(--ag-grid-size) * 0.5);
   margin-top: calc(var(--ag-grid-size) * 0.5);
 }
.ag-filter-toolpanel-search {
   margin-bottom: var(--ag-grid-size);
   margin-top: var(--ag-widget-container-vertical-padding);
 }
.ag-filter-toolpanel-search-input {
   flex-grow: 1;
   height: calc(var(--ag-grid-size) * 4);
 }
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
   margin-right: var(--ag-grid-size);
 }
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
   margin-left: var(--ag-grid-size);
 }
.ag-filter-toolpanel-expand {
   cursor: pointer;
 }
.ag-ltr .ag-filter-toolpanel-expand {
   margin-right: var(--ag-grid-size);
 }
.ag-rtl .ag-filter-toolpanel-expand {
   margin-left: var(--ag-grid-size);
 }
.ag-ltr .ag-filter-toolpanel-group-title-bar,
 .ag-ltr .ag-filter-toolpanel-instance-header {
   padding-left: calc(
     var(--ag-grid-size) + var(--ag-filter-tool-panel-group-indent) *
       var(--ag-indentation-level)
   );
 }
.ag-rtl .ag-filter-toolpanel-group-title-bar,
 .ag-rtl .ag-filter-toolpanel-instance-header {
   padding-right: calc(
     var(--ag-grid-size) + var(--ag-filter-tool-panel-group-indent) *
       var(--ag-indentation-level)
   );
 }
.ag-ltr .ag-filter-toolpanel-instance-body {
   margin-left: var(--ag-filter-tool-panel-group-indent);
 }
.ag-rtl .ag-filter-toolpanel-instance-body {
   margin-right: var(--ag-filter-tool-panel-group-indent);
 }
.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
 .ag-ltr .ag-filter-toolpanel-instance-header-icon {
   margin-left: var(--ag-grid-size);
 }
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
 .ag-rtl .ag-filter-toolpanel-instance-header-icon {
   margin-right: var(--ag-grid-size);
 }
.ag-filter-toolpanel-instance-filter {
   background-color: var(--ag-chrome-background-color);
 }
.ag-filter-toolpanel-group-level-0 {
   border-top: none;
 }
.ag-filter-toolpanel-header {
   height: auto;
   padding-bottom: var(--ag-grid-size);
   padding-top: var(--ag-grid-size);
 }
.ag-filter-toolpanel-group-item {
   margin: 0;
 }
.ag-filter-toolpanel-header,
 .ag-filter-toolpanel-search {
   color: var(--ag-header-text-color);
   font-weight: 500;
 }
.ag-paging-panel {
   align-items: center;
   border-top: var(--ag-footer-row-border);
   display: flex;
   gap: calc(var(--ag-grid-size) * 4);
   height: max(var(--ag-row-height), 22px);
   /* justify-content: flex-end; */
   padding: 0 var(--ag-cell-horizontal-padding);
 }
.ag-paging-page-size .ag-wrapper {
   min-width: 50px;
 }
.ag-paging-page-summary-panel {
   align-items: center;
   display: flex;
   gap: var(--ag-cell-widget-spacing);
 }
.ag-disabled .ag-paging-page-summary-panel {
   pointer-events: none;
 }
.ag-paging-button {
   cursor: pointer;
   position: relative;
 }
.ag-paging-button:focus-visible {
   box-shadow: var(--ag-focus-shadow);
 }
.ag-paging-button.ag-disabled {
   cursor: default;
   opacity: 0.5;
 }
.ag-paging-number,
 .ag-paging-row-summary-panel-number {
   font-weight: 500;
 }
.ag-status-bar {
   border-top: var(--ag-footer-row-border);
   display: flex;
   justify-content: space-between;
   line-height: 1.5;
   overflow: hidden;
   padding-left: calc(var(--ag-grid-size) * 4);
   padding-right: calc(var(--ag-grid-size) * 4);
 }
.ag-status-panel {
   display: inline-flex;
 }
.ag-status-name-value {
   white-space: nowrap;
 }
.ag-status-bar-center,
 .ag-status-bar-left,
 .ag-status-bar-right {
   display: inline-flex;
 }
.ag-status-bar-center {
   text-align: center;
 }
.ag-status-name-value {
   margin-left: var(--ag-grid-size);
   margin-right: var(--ag-grid-size);
   padding-bottom: var(--ag-widget-container-vertical-padding);
   padding-top: var(--ag-widget-container-vertical-padding);
 }
.ag-status-name-value-value {
   font-weight: 500;
 }
.ag-overlay {
   inset: 0;
   pointer-events: none;
   position: absolute;
   z-index: 2;
 }
.ag-overlay-panel,
 .ag-overlay-wrapper {
   display: flex;
   height: 100%;
   width: 100%;
 }
.ag-overlay-wrapper {
   align-items: center;
   flex: none;
   justify-content: center;
   text-align: center;
 }
.ag-overlay-loading-wrapper {
   pointer-events: all;
 }
.ag-overlay-loading-center {
   background: var(--ag-background-color);
   border: 1px solid var(--ag-border-color);
   border-radius: var(--ag-border-radius);
   box-shadow: var(--ag-popup-shadow);
   padding: var(--ag-grid-size);
 }
.ag-icon {
   display: block;
   height: var(--ag-icon-size);
   position: relative;
   -webkit-user-select: none;
   user-select: none;
   width: var(--ag-icon-size);
 }
.ag-column-select-column-group-readonly .ag-icon,
 .ag-disabled .ag-icon,
 [disabled] .ag-icon {
   opacity: 0.5;
 }
.ag-icon-grip {
   opacity: 0.7;
 }
.ag-column-select-column-readonly .ag-icon-grip,
 .ag-column-select-column-readonly.ag-icon-grip {
   opacity: 0.35;
 }
:is(
     .ag-header-cell-menu-button,
     .ag-header-cell-filter-button,
     .ag-panel-title-bar-button,
     .ag-header-expand-icon,
     .ag-column-group-icons,
     .ag-set-filter-group-icons,
     .ag-group-expanded .ag-icon,
     .ag-group-contracted .ag-icon,
     .ag-chart-settings-prev,
     .ag-chart-settings-next,
     .ag-group-title-bar-icon,
     .ag-column-select-header-icon,
     .ag-floating-filter-button-button,
     .ag-filter-toolpanel-expand,
     .ag-panel-title-bar-button-icon,
     .ag-chart-menu-icon
   ):hover {
   background-color: var(--ag-icon-button-hover-color);
   border-radius: 1px;
   box-shadow: 0 0 0 4px var(--ag-icon-button-hover-color);
 }
.ag-filter-active {
   --ag-icon-button-hover-color: color-mix(
     in srgb,
     transparent,
     var(--ag-accent-color) 28%
   );
   background-color: color-mix(in srgb, transparent, var(--ag-accent-color) 14%);
   border-radius: 1px;
   box-shadow: 0 0 0 4px
     color-mix(in srgb, transparent, var(--ag-accent-color) 14%);
   position: relative;
 }
.ag-filter-active:after {
   background-color: var(--ag-accent-color);
   border-radius: 50%;
   content: "";
   height: 6px;
   position: absolute;
   top: -1px;
   width: 6px;
 }
.ag-ltr .ag-filter-active:after {
   right: -1px;
 }
.ag-rtl .ag-filter-active:after {
   left: -1px;
 }
.ag-filter-active .ag-icon-filter {
   -webkit-clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
           clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
 }
.ag-label-align-right .ag-label {
   order: 1;
 }
.ag-label-align-right > * {
   flex: none;
 }
.ag-label-align-top {
   align-items: flex-start;
   flex-direction: column;
 }
.ag-label-align-top > * {
   align-self: stretch;
 }
.ag-label-ellipsis {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
.ag-label {
   white-space: nowrap;
 }
.ag-ltr .ag-label {
   margin-right: var(--ag-grid-size);
 }
.ag-rtl .ag-label {
   margin-left: var(--ag-grid-size);
 }
.ag-label-align-top .ag-label {
   margin-bottom: calc(var(--ag-grid-size) * 0.5);
 }
.ag-ltr .ag-label-align-right .ag-label {
   margin-left: var(--ag-grid-size);
 }
.ag-rtl .ag-label-align-right .ag-label {
   margin-right: var(--ag-grid-size);
 }
/* Part iconSet/material */
.ag-icon:before {
   background-color: currentColor;
   content: "";
   display: block;
   height: var(--ag-icon-size);
   -webkit-mask-size: contain;
   mask-size: contain;
   width: var(--ag-icon-size);
 }
.ag-icon-aggregation:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24 5.333H8V8l8.667 8L8 24v2.667h16v-4h-9.333L21.334 16l-6.667-6.667H24z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24 5.333H8V8l8.667 8L8 24v2.667h16v-4h-9.333L21.334 16l-6.667-6.667H24z'/%3E%3C/svg%3E");
 }
.ag-icon-arrows:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.333 11.556h5.333V8h3.556L16 1.778 9.778 8h3.556zm-1.777 1.777H8V9.777l-6.222 6.222L8 22.221v-3.556h3.556zM30.222 16 24 9.778v3.556h-3.556v5.333H24v3.556l6.222-6.222zm-11.555 4.444h-5.333V24H9.778L16 30.222 22.222 24h-3.556z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.333 11.556h5.333V8h3.556L16 1.778 9.778 8h3.556zm-1.777 1.777H8V9.777l-6.222 6.222L8 22.221v-3.556h3.556zM30.222 16 24 9.778v3.556h-3.556v5.333H24v3.556l6.222-6.222zm-11.555 4.444h-5.333V24H9.778L16 30.222 22.222 24h-3.556z'/%3E%3C/svg%3E");
 }
.ag-icon-asc:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333z'/%3E%3C/svg%3E");
 }
.ag-icon-cancel:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.667C8.627 2.667 2.667 8.627 2.667 16S8.627 29.333 16 29.333 29.333 23.373 29.333 16 23.373 2.667 16 2.667m6.667 18.12-1.88 1.88L16 17.88l-4.787 4.787-1.88-1.88L14.12 16l-4.787-4.787 1.88-1.88L16 14.12l4.787-4.787 1.88 1.88L17.88 16z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.667C8.627 2.667 2.667 8.627 2.667 16S8.627 29.333 16 29.333 29.333 23.373 29.333 16 23.373 2.667 16 2.667m6.667 18.12-1.88 1.88L16 17.88l-4.787 4.787-1.88-1.88L14.12 16l-4.787-4.787 1.88-1.88L16 14.12l4.787-4.787 1.88 1.88L17.88 16z'/%3E%3C/svg%3E");
 }
.ag-icon-chart:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6.667 12.267h4v13.067h-4zm7.466-5.6h3.733v18.667h-3.733zM21.6 17.333h3.733v8H21.6z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6.667 12.267h4v13.067h-4zm7.466-5.6h3.733v18.667h-3.733zM21.6 17.333h3.733v8H21.6z'/%3E%3C/svg%3E");
 }
.ag-icon-color-picker:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M23.907 17.587 10.574 4.254l-1.88 1.88 3.173 3.173-8.28 8.28 10.16 10.16zm-16.547 0 6.387-6.387 6.387 6.387H7.361zm18.387 2s-2.667 2.893-2.667 4.667c0 1.467 1.2 2.667 2.667 2.667s2.667-1.2 2.667-2.667c0-1.773-2.667-4.667-2.667-4.667'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M23.907 17.587 10.574 4.254l-1.88 1.88 3.173 3.173-8.28 8.28 10.16 10.16zm-16.547 0 6.387-6.387 6.387 6.387H7.361zm18.387 2s-2.667 2.893-2.667 4.667c0 1.467 1.2 2.667 2.667 2.667s2.667-1.2 2.667-2.667c0-1.773-2.667-4.667-2.667-4.667'/%3E%3C/svg%3E");
 }
.ag-icon-columns:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5.333 10.667h5.333V5.334H5.333zm8 16h5.333v-5.333h-5.333zm-8 0h5.333v-5.333H5.333zm0-8h5.333v-5.333H5.333zm8 0h5.333v-5.333h-5.333zm8-13.334v5.333h5.333V5.333zm-8 5.334h5.333V5.334h-5.333zm8 8h5.333v-5.333h-5.333zm0 8h5.333v-5.333h-5.333z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5.333 10.667h5.333V5.334H5.333zm8 16h5.333v-5.333h-5.333zm-8 0h5.333v-5.333H5.333zm0-8h5.333v-5.333H5.333zm8 0h5.333v-5.333h-5.333zm8-13.334v5.333h5.333V5.333zm-8 5.334h5.333V5.334h-5.333zm8 8h5.333v-5.333h-5.333zm0 8h5.333v-5.333h-5.333z'/%3E%3C/svg%3E");
 }
.ag-icon-contracted:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E");
 }
.ag-icon-copy:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M22 1.333H6A2.675 2.675 0 0 0 3.333 4v18.667H6V4h16zm4 5.334H11.333a2.675 2.675 0 0 0-2.667 2.667v18.667c0 1.467 1.2 2.667 2.667 2.667H26c1.467 0 2.667-1.2 2.667-2.667V9.334c0-1.467-1.2-2.667-2.667-2.667M26 28H11.333V9.333H26z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M22 1.333H6A2.675 2.675 0 0 0 3.333 4v18.667H6V4h16zm4 5.334H11.333a2.675 2.675 0 0 0-2.667 2.667v18.667c0 1.467 1.2 2.667 2.667 2.667H26c1.467 0 2.667-1.2 2.667-2.667V9.334c0-1.467-1.2-2.667-2.667-2.667M26 28H11.333V9.333H26z'/%3E%3C/svg%3E");
 }
.ag-icon-cross:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m25.333 8.547-1.88-1.88L16 14.12 8.547 6.667l-1.88 1.88L14.12 16l-7.453 7.453 1.88 1.88L16 17.88l7.453 7.453 1.88-1.88L17.88 16z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m25.333 8.547-1.88-1.88L16 14.12 8.547 6.667l-1.88 1.88L14.12 16l-7.453 7.453 1.88 1.88L16 17.88l7.453 7.453 1.88-1.88L17.88 16z'/%3E%3C/svg%3E");
 }
.ag-icon-csv:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='matrix(.06285 0 0 .06285 3.934 -.054)'/%3E%3Cpath d='M.688-.226a.2.2 0 0 1-.017.074.28.28 0 0 1-.145.14.412.412 0 0 1-.234.013.28.28 0 0 1-.202-.168.468.468 0 0 1-.04-.19q0-.086.025-.155a.319.319 0 0 1 .182-.191.4.4 0 0 1 .134-.025q.087 0 .155.035a.3.3 0 0 1 .104.085.17.17 0 0 1 .036.097.06.06 0 0 1-.018.044.06.06 0 0 1-.042.019.06.06 0 0 1-.042-.013.2.2 0 0 1-.031-.046.2.2 0 0 0-.066-.079.16.16 0 0 0-.095-.027.17.17 0 0 0-.142.068.3.3 0 0 0-.053.193.4.4 0 0 0 .023.139.2.2 0 0 0 .067.083.2.2 0 0 0 .1.027q.063 0 .106-.031a.2.2 0 0 0 .065-.091.2.2 0 0 1 .023-.046q.014-.018.044-.018a.06.06 0 0 1 .044.018.06.06 0 0 1 .019.045' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 7.122 25.977)'/%3E%3Cpath d='M.622-.215a.2.2 0 0 1-.033.117.23.23 0 0 1-.098.081.4.4 0 0 1-.153.029.34.34 0 0 1-.175-.04.23.23 0 0 1-.079-.077.17.17 0 0 1-.031-.093q0-.027.019-.045a.06.06 0 0 1 .046-.019.06.06 0 0 1 .039.014.1.1 0 0 1 .027.044.3.3 0 0 0 .03.057q.015.023.044.038.03.015.076.015.065 0 .105-.03a.09.09 0 0 0 .04-.075.08.08 0 0 0-.022-.058.14.14 0 0 0-.056-.034 1 1 0 0 0-.092-.025.7.7 0 0 1-.129-.042.2.2 0 0 1-.083-.066.17.17 0 0 1-.03-.104q0-.058.032-.105a.2.2 0 0 1 .093-.07.4.4 0 0 1 .144-.025q.066 0 .114.016a.3.3 0 0 1 .08.044.2.2 0 0 1 .046.057q.015.03.015.058a.07.07 0 0 1-.018.046.06.06 0 0 1-.046.021q-.025 0-.038-.012a.2.2 0 0 1-.028-.041.2.2 0 0 0-.047-.063Q.387-.625.326-.625a.15.15 0 0 0-.09.025q-.035.024-.035.059 0 .021.012.037a.1.1 0 0 0 .032.027.4.4 0 0 0 .111.036q.06.015.11.031.048.018.083.042a.2.2 0 0 1 .054.062.2.2 0 0 1 .019.091' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 13.339 25.977)'/%3E%3Cpath d='m.184-.633.162.48.163-.483q.013-.038.019-.053a.062.062 0 0 1 .061-.039q.018 0 .034.009a.1.1 0 0 1 .025.025q.009.015.009.031L.654-.64l-.007.025-.009.024-.173.468-.019.051a.2.2 0 0 1-.021.042.1.1 0 0 1-.033.03.1.1 0 0 1-.049.012.1.1 0 0 1-.05-.011A.1.1 0 0 1 .26-.03a.2.2 0 0 1-.021-.042L.22-.123.05-.587.041-.612.033-.638.03-.662q0-.025.02-.046a.07.07 0 0 1 .05-.02q.037 0 .053.023.015.023.031.072' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 18.94 25.977)'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='matrix(.06285 0 0 .06285 3.934 -.054)'/%3E%3Cpath d='M.688-.226a.2.2 0 0 1-.017.074.28.28 0 0 1-.145.14.412.412 0 0 1-.234.013.28.28 0 0 1-.202-.168.468.468 0 0 1-.04-.19q0-.086.025-.155a.319.319 0 0 1 .182-.191.4.4 0 0 1 .134-.025q.087 0 .155.035a.3.3 0 0 1 .104.085.17.17 0 0 1 .036.097.06.06 0 0 1-.018.044.06.06 0 0 1-.042.019.06.06 0 0 1-.042-.013.2.2 0 0 1-.031-.046.2.2 0 0 0-.066-.079.16.16 0 0 0-.095-.027.17.17 0 0 0-.142.068.3.3 0 0 0-.053.193.4.4 0 0 0 .023.139.2.2 0 0 0 .067.083.2.2 0 0 0 .1.027q.063 0 .106-.031a.2.2 0 0 0 .065-.091.2.2 0 0 1 .023-.046q.014-.018.044-.018a.06.06 0 0 1 .044.018.06.06 0 0 1 .019.045' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 7.122 25.977)'/%3E%3Cpath d='M.622-.215a.2.2 0 0 1-.033.117.23.23 0 0 1-.098.081.4.4 0 0 1-.153.029.34.34 0 0 1-.175-.04.23.23 0 0 1-.079-.077.17.17 0 0 1-.031-.093q0-.027.019-.045a.06.06 0 0 1 .046-.019.06.06 0 0 1 .039.014.1.1 0 0 1 .027.044.3.3 0 0 0 .03.057q.015.023.044.038.03.015.076.015.065 0 .105-.03a.09.09 0 0 0 .04-.075.08.08 0 0 0-.022-.058.14.14 0 0 0-.056-.034 1 1 0 0 0-.092-.025.7.7 0 0 1-.129-.042.2.2 0 0 1-.083-.066.17.17 0 0 1-.03-.104q0-.058.032-.105a.2.2 0 0 1 .093-.07.4.4 0 0 1 .144-.025q.066 0 .114.016a.3.3 0 0 1 .08.044.2.2 0 0 1 .046.057q.015.03.015.058a.07.07 0 0 1-.018.046.06.06 0 0 1-.046.021q-.025 0-.038-.012a.2.2 0 0 1-.028-.041.2.2 0 0 0-.047-.063Q.387-.625.326-.625a.15.15 0 0 0-.09.025q-.035.024-.035.059 0 .021.012.037a.1.1 0 0 0 .032.027.4.4 0 0 0 .111.036q.06.015.11.031.048.018.083.042a.2.2 0 0 1 .054.062.2.2 0 0 1 .019.091' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 13.339 25.977)'/%3E%3Cpath d='m.184-.633.162.48.163-.483q.013-.038.019-.053a.062.062 0 0 1 .061-.039q.018 0 .034.009a.1.1 0 0 1 .025.025q.009.015.009.031L.654-.64l-.007.025-.009.024-.173.468-.019.051a.2.2 0 0 1-.021.042.1.1 0 0 1-.033.03.1.1 0 0 1-.049.012.1.1 0 0 1-.05-.011A.1.1 0 0 1 .26-.03a.2.2 0 0 1-.021-.042L.22-.123.05-.587.041-.612.033-.638.03-.662q0-.025.02-.046a.07.07 0 0 1 .05-.02q.037 0 .053.023.015.023.031.072' style='fill-rule:nonzero' transform='matrix(8.39799 0 0 12.455 18.94 25.977)'/%3E%3C/svg%3E");
 }
.ag-icon-cut:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m19 3-6 6 2 2 7-7V3m-10 9.5a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5s.5.226.5.5-.226.5-.5.5M6 20c-1.097 0-2-.903-2-2a2 2 0 0 1 2-2c1.097 0 2 .903 2 2a2 2 0 0 1-2 2M6 8c-1.097 0-2-.903-2-2a2 2 0 0 1 2-2c1.097 0 2 .903 2 2a2 2 0 0 1-2 2m3.64-.36c.23-.5.36-1.05.36-1.64 0-2.194-1.806-4-4-4S2 3.806 2 6s1.806 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.194 0-4 1.806-4 4s1.806 4 4 4 4-1.806 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1z' style='fill-rule:nonzero' transform='translate(4 4)'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='m19 3-6 6 2 2 7-7V3m-10 9.5a.503.503 0 0 1-.5-.5c0-.274.226-.5.5-.5s.5.226.5.5-.226.5-.5.5M6 20c-1.097 0-2-.903-2-2a2 2 0 0 1 2-2c1.097 0 2 .903 2 2a2 2 0 0 1-2 2M6 8c-1.097 0-2-.903-2-2a2 2 0 0 1 2-2c1.097 0 2 .903 2 2a2 2 0 0 1-2 2m3.64-.36c.23-.5.36-1.05.36-1.64 0-2.194-1.806-4-4-4S2 3.806 2 6s1.806 4 4 4c.59 0 1.14-.13 1.64-.36L10 12l-2.36 2.36C7.14 14.13 6.59 14 6 14c-2.194 0-4 1.806-4 4s1.806 4 4 4 4-1.806 4-4c0-.59-.13-1.14-.36-1.64L12 14l7 7h3v-1z' style='fill-rule:nonzero' transform='translate(4 4)'/%3E%3C/svg%3E");
 }
.ag-icon-desc:before,
 .ag-icon-down:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.667 16-1.88-1.88-7.453 7.44V5.333h-2.667V21.56l-7.44-7.453L5.334 16l10.667 10.667L26.668 16z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m26.667 16-1.88-1.88-7.453 7.44V5.333h-2.667V21.56l-7.44-7.453L5.334 16l10.667 10.667L26.668 16z'/%3E%3C/svg%3E");
 }
.ag-icon-excel:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='matrix(.06285 0 0 .06285 3.934 -.054)'/%3E%3Cpath d='m.052-.139.16-.234-.135-.208a.4.4 0 0 1-.028-.052.1.1 0 0 1-.01-.042.05.05 0 0 1 .018-.037.07.07 0 0 1 .045-.016q.03 0 .047.018a1 1 0 0 1 .047.066l.107.174.115-.174.024-.038.019-.026.021-.015a.1.1 0 0 1 .027-.005.06.06 0 0 1 .044.016.05.05 0 0 1 .018.039q0 .033-.038.089l-.141.211.152.234a.3.3 0 0 1 .03.051.1.1 0 0 1 .009.038.1.1 0 0 1-.008.031.1.1 0 0 1-.024.023.1.1 0 0 1-.034.008.1.1 0 0 1-.035-.008.1.1 0 0 1-.023-.022L.427-.067.301-.265l-.134.204-.022.034-.016.019a.1.1 0 0 1-.022.015.1.1 0 0 1-.03.005.06.06 0 0 1-.044-.016.06.06 0 0 1-.017-.047q0-.036.036-.088' style='fill-rule:nonzero' transform='matrix(17.82892 0 0 16.50777 10.371 25.928)'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M384 131.9c-7.753-8.433-110.425-128.473-114.9-133L48-.1C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48zm-35.9 2.1H257V27.9zM30 479V27h200l1 105c0 13.3-1.3 29 12 29h111l1 318z' style='fill-rule:nonzero' transform='matrix(.06285 0 0 .06285 3.934 -.054)'/%3E%3Cpath d='m.052-.139.16-.234-.135-.208a.4.4 0 0 1-.028-.052.1.1 0 0 1-.01-.042.05.05 0 0 1 .018-.037.07.07 0 0 1 .045-.016q.03 0 .047.018a1 1 0 0 1 .047.066l.107.174.115-.174.024-.038.019-.026.021-.015a.1.1 0 0 1 .027-.005.06.06 0 0 1 .044.016.05.05 0 0 1 .018.039q0 .033-.038.089l-.141.211.152.234a.3.3 0 0 1 .03.051.1.1 0 0 1 .009.038.1.1 0 0 1-.008.031.1.1 0 0 1-.024.023.1.1 0 0 1-.034.008.1.1 0 0 1-.035-.008.1.1 0 0 1-.023-.022L.427-.067.301-.265l-.134.204-.022.034-.016.019a.1.1 0 0 1-.022.015.1.1 0 0 1-.03.005.06.06 0 0 1-.044-.016.06.06 0 0 1-.017-.047q0-.036.036-.088' style='fill-rule:nonzero' transform='matrix(17.82892 0 0 16.50777 10.371 25.928)'/%3E%3C/svg%3E");
 }
.ag-icon-expanded:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M20.94 9.88 19.06 8l-8 8 8 8 1.88-1.88L14.833 16z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M20.94 9.88 19.06 8l-8 8 8 8 1.88-1.88L14.833 16z'/%3E%3C/svg%3E");
 }
.ag-icon-eye-slash:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M21.106 15.088A5.19 5.19 0 0 0 16 10.814a5.17 5.17 0 0 0-3.668 1.522L9.866 9.868a12.2 12.2 0 0 1 6.133-1.646c5.186 0 9.614 3.225 11.408 7.778a12.34 12.34 0 0 1-5.276 6.133l-2.468-2.466a5.17 5.17 0 0 0 1.449-2.802h-2.123c-.148.508-.42.964-.782 1.33l-1.33-1.33h-2.514l2.196 2.196q-.272.049-.56.05a3.11 3.11 0 0 1-2.99-2.245h-2.123a5.19 5.19 0 0 0 7.3 3.836l2.247 2.247a12.2 12.2 0 0 1-4.434.828c-5.186 0-9.614-3.225-11.408-7.778a12.3 12.3 0 0 1 3.781-5.111l2.924 2.924a5.1 5.1 0 0 0-.404 1.275h4.206l-1.296-1.296a3.1 3.1 0 0 1 2.196-.903c1.404 0 2.587.924 2.976 2.199h2.13z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M21.106 15.088A5.19 5.19 0 0 0 16 10.814a5.17 5.17 0 0 0-3.668 1.522L9.866 9.868a12.2 12.2 0 0 1 6.133-1.646c5.186 0 9.614 3.225 11.408 7.778a12.34 12.34 0 0 1-5.276 6.133l-2.468-2.466a5.17 5.17 0 0 0 1.449-2.802h-2.123c-.148.508-.42.964-.782 1.33l-1.33-1.33h-2.514l2.196 2.196q-.272.049-.56.05a3.11 3.11 0 0 1-2.99-2.245h-2.123a5.19 5.19 0 0 0 7.3 3.836l2.247 2.247a12.2 12.2 0 0 1-4.434.828c-5.186 0-9.614-3.225-11.408-7.778a12.3 12.3 0 0 1 3.781-5.111l2.924 2.924a5.1 5.1 0 0 0-.404 1.275h4.206l-1.296-1.296a3.1 3.1 0 0 1 2.196-.903c1.404 0 2.587.924 2.976 2.199h2.13z'/%3E%3C/svg%3E");
 }
.ag-icon-eye:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 8.222c-5.186 0-9.614 3.225-11.408 7.778 1.794 4.553 6.222 7.778 11.408 7.778S25.614 20.553 27.408 16C25.614 11.447 21.186 8.222 16 8.222m0 12.964c-2.862 0-5.186-2.324-5.186-5.186s2.324-5.186 5.186-5.186 5.186 2.324 5.186 5.186-2.324 5.186-5.186 5.186m0-8.297c-1.721 0-3.111 1.39-3.111 3.111s1.39 3.111 3.111 3.111 3.111-1.39 3.111-3.111-1.39-3.111-3.111-3.111'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 8.222c-5.186 0-9.614 3.225-11.408 7.778 1.794 4.553 6.222 7.778 11.408 7.778S25.614 20.553 27.408 16C25.614 11.447 21.186 8.222 16 8.222m0 12.964c-2.862 0-5.186-2.324-5.186-5.186s2.324-5.186 5.186-5.186 5.186 2.324 5.186 5.186-2.324 5.186-5.186 5.186m0-8.297c-1.721 0-3.111 1.39-3.111 3.111s1.39 3.111 3.111 3.111 3.111-1.39 3.111-3.111-1.39-3.111-3.111-3.111'/%3E%3C/svg%3E");
 }
.ag-icon-filter:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.333 24h5.333v-2.667h-5.333zM4 8v2.667h24V8zm4 9.333h16v-2.667H8z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M13.333 24h5.333v-2.667h-5.333zM4 8v2.667h24V8zm4 9.333h16v-2.667H8z'/%3E%3C/svg%3E");
 }
.ag-icon-first:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24.273 22.12 18.153 16l6.12-6.12L22.393 8l-8 8 8 8zM7.727 8h2.667v16H7.727z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M24.273 22.12 18.153 16l6.12-6.12L22.393 8l-8 8 8 8zM7.727 8h2.667v16H7.727z'/%3E%3C/svg%3E");
 }
.ag-icon-group:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M18.667 21.333h8.889A3.555 3.555 0 0 1 24 24.889h-5.333zm8.888-7.111v3.556h-8.889v-3.556zM24 7.111a3.555 3.555 0 0 1 3.556 3.556h-16V7.111zm-8.889 17.778h-3.556v-3.556h3.556zm0-7.111h-3.556v-3.556h3.556zM8 10.667H4.444A3.555 3.555 0 0 1 8 7.111z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M18.667 21.333h8.889A3.555 3.555 0 0 1 24 24.889h-5.333zm8.888-7.111v3.556h-8.889v-3.556zM24 7.111a3.555 3.555 0 0 1 3.556 3.556h-16V7.111zm-8.889 17.778h-3.556v-3.556h3.556zm0-7.111h-3.556v-3.556h3.556zM8 10.667H4.444A3.555 3.555 0 0 1 8 7.111z'/%3E%3C/svg%3E");
 }
.ag-icon-last:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m7.727 9.88 6.12 6.12-6.12 6.12L9.607 24l8-8-8-8zM21.607 8h2.667v16h-2.667z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m7.727 9.88 6.12 6.12-6.12 6.12L9.607 24l8-8-8-8zM21.607 8h2.667v16h-2.667z'/%3E%3C/svg%3E");
 }
.ag-icon-left:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 14.667H10.44l7.453-7.453L16 5.334 5.333 16.001 16 26.668l1.88-1.88-7.44-7.453h16.227v-2.667z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 14.667H10.44l7.453-7.453L16 5.334 5.333 16.001 16 26.668l1.88-1.88-7.44-7.453h16.227v-2.667z'/%3E%3C/svg%3E");
 }
.ag-icon-linked:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5.2 16a4.136 4.136 0 0 1 4.133-4.133h5.333V9.334H9.333c-3.68 0-6.667 2.987-6.667 6.667s2.987 6.667 6.667 6.667h5.333v-2.533H9.333A4.136 4.136 0 0 1 5.2 16.002zm5.467 1.333h10.667v-2.667H10.667zm12-8h-5.333v2.533h5.333c2.28 0 4.133 1.853 4.133 4.133s-1.853 4.133-4.133 4.133h-5.333v2.533h5.333c3.68 0 6.667-2.987 6.667-6.667s-2.987-6.667-6.667-6.667z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5.2 16a4.136 4.136 0 0 1 4.133-4.133h5.333V9.334H9.333c-3.68 0-6.667 2.987-6.667 6.667s2.987 6.667 6.667 6.667h5.333v-2.533H9.333A4.136 4.136 0 0 1 5.2 16.002zm5.467 1.333h10.667v-2.667H10.667zm12-8h-5.333v2.533h5.333c2.28 0 4.133 1.853 4.133 4.133s-1.853 4.133-4.133 4.133h-5.333v2.533h5.333c3.68 0 6.667-2.987 6.667-6.667s-2.987-6.667-6.667-6.667z'/%3E%3C/svg%3E");
 }
.ag-icon-loading:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m17.778 11.708 3.25-3.251 2.516 2.516-3.251 3.25h4.597v3.556h-4.597l3.251 3.25-2.516 2.516-3.25-3.251v4.597h-3.556v-4.597l-3.25 3.251-2.516-2.516 3.251-3.25H7.11v-3.556h4.597l-3.251-3.25 2.516-2.516 3.25 3.251V7.111h3.556zm-3.251 7.847h2.944l2.084-2.084v-2.944l-2.084-2.084h-2.944l-2.084 2.084v2.944z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m17.778 11.708 3.25-3.251 2.516 2.516-3.251 3.25h4.597v3.556h-4.597l3.251 3.25-2.516 2.516-3.25-3.251v4.597h-3.556v-4.597l-3.25 3.251-2.516-2.516 3.251-3.25H7.11v-3.556h4.597l-3.251-3.25 2.516-2.516 3.25 3.251V7.111h3.556zm-3.251 7.847h2.944l2.084-2.084v-2.944l-2.084-2.084h-2.944l-2.084 2.084v2.944z'/%3E%3C/svg%3E");
 }
.ag-icon-maximize:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 4h24v2.667H4z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 4h24v2.667H4z'/%3E%3C/svg%3E");
 }
.ag-icon-menu:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 24h24v-2.667H4zm0-6.667h24v-2.667H4zM4 8v2.667h24V8z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 24h24v-2.667H4zm0-6.667h24v-2.667H4zM4 8v2.667h24V8z'/%3E%3C/svg%3E");
 }
.ag-icon-menu-alt:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' d='M16 26.667a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 24q0-1.1.784-1.883A2.57 2.57 0 0 1 16 21.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784m0-8a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 16q0-1.1.784-1.883A2.57 2.57 0 0 1 16 13.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784m0-8a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 8q0-1.1.784-1.883A2.57 2.57 0 0 1 16 5.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' d='M16 26.667a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 24q0-1.1.784-1.883A2.57 2.57 0 0 1 16 21.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784m0-8a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 16q0-1.1.784-1.883A2.57 2.57 0 0 1 16 13.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784m0-8a2.57 2.57 0 0 1-1.883-.784A2.57 2.57 0 0 1 13.333 8q0-1.1.784-1.883A2.57 2.57 0 0 1 16 5.333q1.1 0 1.883.784.784.783.784 1.883t-.784 1.883a2.57 2.57 0 0 1-1.883.784'/%3E%3C/svg%3E");
 }
.ag-icon-minimize:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M8 25.333h16V28H8z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M8 25.333h16V28H8z'/%3E%3C/svg%3E");
 }
.ag-icon-minus:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658H7.901v-2.658z' style='fill-rule:nonzero'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658H7.901v-2.658z' style='fill-rule:nonzero'/%3E%3C/svg%3E");
 }
.ag-icon-next:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E");
 }
.ag-icon-none:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 24h16v-2.667H4zM4 8v2.667h24V8zm0 9.333h24v-2.667H4z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M4 24h16v-2.667H4zM4 8v2.667h24V8zm0 9.333h24v-2.667H4z'/%3E%3C/svg%3E");
 }
.ag-icon-not-allowed:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.667C8.64 2.667 2.667 8.64 2.667 16S8.64 29.333 16 29.333 29.333 23.36 29.333 16 23.36 2.667 16 2.667M5.333 16c0-5.893 4.773-10.667 10.667-10.667 2.467 0 4.733.84 6.533 2.253L7.586 22.533A10.54 10.54 0 0 1 5.333 16M16 26.667c-2.467 0-4.733-.84-6.533-2.253L24.414 9.467A10.54 10.54 0 0 1 26.667 16c0 5.893-4.773 10.667-10.667 10.667'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 2.667C8.64 2.667 2.667 8.64 2.667 16S8.64 29.333 16 29.333 29.333 23.36 29.333 16 23.36 2.667 16 2.667M5.333 16c0-5.893 4.773-10.667 10.667-10.667 2.467 0 4.733.84 6.533 2.253L7.586 22.533A10.54 10.54 0 0 1 5.333 16M16 26.667c-2.467 0-4.733-.84-6.533-2.253L24.414 9.467A10.54 10.54 0 0 1 26.667 16c0 5.893-4.773 10.667-10.667 10.667'/%3E%3C/svg%3E");
 }
.ag-icon-paste:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M25.333 4H19.76C19.2 2.453 17.733 1.333 16 1.333S12.8 2.453 12.24 4H6.667A2.675 2.675 0 0 0 4 6.667V28c0 1.467 1.2 2.667 2.667 2.667h18.667c1.467 0 2.667-1.2 2.667-2.667V6.667C28.001 5.2 26.801 4 25.334 4zM16 4c.733 0 1.333.6 1.333 1.333s-.6 1.333-1.333 1.333-1.333-.6-1.333-1.333S15.267 4 16 4m9.333 24H6.666V6.667h2.667v4h13.333v-4h2.667z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M25.333 4H19.76C19.2 2.453 17.733 1.333 16 1.333S12.8 2.453 12.24 4H6.667A2.675 2.675 0 0 0 4 6.667V28c0 1.467 1.2 2.667 2.667 2.667h18.667c1.467 0 2.667-1.2 2.667-2.667V6.667C28.001 5.2 26.801 4 25.334 4zM16 4c.733 0 1.333.6 1.333 1.333s-.6 1.333-1.333 1.333-1.333-.6-1.333-1.333S15.267 4 16 4m9.333 24H6.666V6.667h2.667v4h13.333v-4h2.667z'/%3E%3C/svg%3E");
 }
.ag-icon-pin:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m11.106 22.093-4.444 4.444-1.259-1.259 4.444-4.444zm5.872-16.63 9.618 9.62-.962.962-.962-.962-7.694 3.847 1.924 1.924-2.74 2.74-7.696-7.696 2.741-2.74 1.924 1.925 3.847-7.696-.962-.962z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m11.106 22.093-4.444 4.444-1.259-1.259 4.444-4.444zm5.872-16.63 9.618 9.62-.962.962-.962-.962-7.694 3.847 1.924 1.924-2.74 2.74-7.696-7.696 2.741-2.74 1.924 1.925 3.847-7.696-.962-.962z'/%3E%3C/svg%3E");
 }
.ag-icon-pivot:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 30.223H5.334a3.556 3.556 0 0 1-3.556-3.556V5.334a3.556 3.556 0 0 1 3.556-3.556h21.333a3.556 3.556 0 0 1 3.556 3.556v21.333a3.556 3.556 0 0 1-3.556 3.556m-16-8.89H5.334v5.333h5.333zm16-7.11H12.444v12.444h14.223zm-9.15 6.85-2.039 2.037 2.039 2.039-1.257 1.257-3.295-3.296 3.295-3.295q.63.628 1.257 1.257zm-6.85-6.85H5.334v5.333h5.333zm15.74 3.816-1.257 1.256-2.039-2.037-2.037 2.037-1.257-1.256 3.295-3.296zM10.667 5.333H5.334v5.333h5.333zm8.889 0h-7.112v5.333h7.112zm7.111 0h-5.333v5.333h5.333z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 30.223H5.334a3.556 3.556 0 0 1-3.556-3.556V5.334a3.556 3.556 0 0 1 3.556-3.556h21.333a3.556 3.556 0 0 1 3.556 3.556v21.333a3.556 3.556 0 0 1-3.556 3.556m-16-8.89H5.334v5.333h5.333zm16-7.11H12.444v12.444h14.223zm-9.15 6.85-2.039 2.037 2.039 2.039-1.257 1.257-3.295-3.296 3.295-3.295q.63.628 1.257 1.257zm-6.85-6.85H5.334v5.333h5.333zm15.74 3.816-1.257 1.256-2.039-2.037-2.037 2.037-1.257-1.256 3.295-3.296zM10.667 5.333H5.334v5.333h5.333zm8.889 0h-7.112v5.333h7.112zm7.111 0h-5.333v5.333h5.333z'/%3E%3C/svg%3E");
 }
.ag-icon-plus:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658h-6.77v6.77h-2.658v-6.77h-6.77v-2.658h6.77v-6.77h2.658v6.77z' style='fill-rule:nonzero'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 32 32'%3E%3Cpath d='M6.572 6.572a13.32 13.32 0 0 0 0 18.856 13.32 13.32 0 0 0 18.856 0 13.32 13.32 0 0 0 0-18.856 13.32 13.32 0 0 0-18.856 0m17.527 8.099v2.658h-6.77v6.77h-2.658v-6.77h-6.77v-2.658h6.77v-6.77h2.658v6.77z' style='fill-rule:nonzero'/%3E%3C/svg%3E");
 }
.ag-icon-previous:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M20.94 9.88 19.06 8l-8 8 8 8 1.88-1.88L14.833 16z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M20.94 9.88 19.06 8l-8 8 8 8 1.88-1.88L14.833 16z'/%3E%3C/svg%3E");
 }
.ag-icon-right:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m16 5.333-1.88 1.88 7.44 7.453H5.333v2.667H21.56l-7.44 7.453 1.88 1.88 10.667-10.667L16 5.332z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m16 5.333-1.88 1.88 7.44 7.453H5.333v2.667H21.56l-7.44 7.453 1.88 1.88 10.667-10.667L16 5.332z'/%3E%3C/svg%3E");
 }
.ag-icon-save:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M25.333 16v9.333H6.666V16H3.999v9.333C3.999 26.8 5.199 28 6.666 28h18.667C26.8 28 28 26.8 28 25.333V16zm-8 .893 3.453-3.44 1.88 1.88L15.999 22l-6.667-6.667 1.88-1.88 3.453 3.44V4h2.667v12.893z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M25.333 16v9.333H6.666V16H3.999v9.333C3.999 26.8 5.199 28 6.666 28h18.667C26.8 28 28 26.8 28 25.333V16zm-8 .893 3.453-3.44 1.88 1.88L15.999 22l-6.667-6.667 1.88-1.88 3.453 3.44V4h2.667v12.893z'/%3E%3C/svg%3E");
 }
.ag-icon-small-down:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9.333 12.667 16 19.334l6.667-6.667H9.334z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9.333 12.667 16 19.334l6.667-6.667H9.334z'/%3E%3C/svg%3E");
 }
.ag-icon-small-left:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M19.333 9.333 12.666 16l6.667 6.667V9.334z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M19.333 9.333 12.666 16l6.667 6.667V9.334z'/%3E%3C/svg%3E");
 }
.ag-icon-small-right:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12.667 22.667 19.334 16l-6.667-6.667v13.333z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M12.667 22.667 19.334 16l-6.667-6.667v13.333z'/%3E%3C/svg%3E");
 }
.ag-icon-small-up:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9.333 19.333 16 12.666l6.667 6.667H9.334z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M9.333 19.333 16 12.666l6.667 6.667H9.334z'/%3E%3C/svg%3E");
 }
.ag-icon-tick:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m11.727 21.167-5.56-5.56-1.893 1.88 7.453 7.453 16-16-1.88-1.88z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m11.727 21.167-5.56-5.56-1.893 1.88 7.453 7.453 16-16-1.88-1.88z'/%3E%3C/svg%3E");
 }
.ag-icon-tree-closed:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m12.94 8-1.88 1.88L17.167 16l-6.107 6.12L12.94 24l8-8z'/%3E%3C/svg%3E");
 }
.ag-icon-tree-indeterminate:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6.667 14.667h18.667v2.667H6.667z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6.667 14.667h18.667v2.667H6.667z'/%3E%3C/svg%3E");
 }
.ag-icon-tree-open:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M22.12 11.06 16 17.167 9.88 11.06 8 12.94l8 8 8-8z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M22.12 11.06 16 17.167 9.88 11.06 8 12.94l8 8 8-8z'/%3E%3C/svg%3E");
 }
.ag-icon-unlinked:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M22.667 9.333h-5.333v2.533h5.333a4.136 4.136 0 0 1 4.133 4.133c0 1.907-1.307 3.507-3.08 3.973l1.947 1.947c2.173-1.107 3.667-3.32 3.667-5.92a6.67 6.67 0 0 0-6.667-6.667zm-1.334 5.334h-2.92l2.667 2.667h.253zM2.667 5.693 6.814 9.84A6.65 6.65 0 0 0 2.667 16a6.67 6.67 0 0 0 6.667 6.667h5.333v-2.533H9.334a4.136 4.136 0 0 1-4.133-4.133c0-2.12 1.613-3.867 3.68-4.093l2.76 2.76h-.973v2.667h3.64l3.027 3.027v2.307h2.307l5.347 5.333 1.68-1.68L4.362 4.002 2.669 5.695z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M22.667 9.333h-5.333v2.533h5.333a4.136 4.136 0 0 1 4.133 4.133c0 1.907-1.307 3.507-3.08 3.973l1.947 1.947c2.173-1.107 3.667-3.32 3.667-5.92a6.67 6.67 0 0 0-6.667-6.667zm-1.334 5.334h-2.92l2.667 2.667h.253zM2.667 5.693 6.814 9.84A6.65 6.65 0 0 0 2.667 16a6.67 6.67 0 0 0 6.667 6.667h5.333v-2.533H9.334a4.136 4.136 0 0 1-4.133-4.133c0-2.12 1.613-3.867 3.68-4.093l2.76 2.76h-.973v2.667h3.64l3.027 3.027v2.307h2.307l5.347 5.333 1.68-1.68L4.362 4.002 2.669 5.695z'/%3E%3C/svg%3E");
 }
.ag-icon-up:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='m5.333 16 1.88 1.88 7.453-7.44v16.227h2.667V10.44l7.44 7.453L26.666 16 15.999 5.333z'/%3E%3C/svg%3E");
 }
.ag-icon-grip:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 12H5.334v2.667h21.333zM5.333 20h21.333v-2.667H5.333z'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26.667 12H5.334v2.667h21.333zM5.333 20h21.333v-2.667H5.333z'/%3E%3C/svg%3E");
 }
.ag-icon-settings:before {
   -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' d='M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30zm-9 4c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3M2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2zm9-4c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cpath fill='%23000' d='M30 8h-4.1c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2v2h14.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30zm-9 4c-1.7 0-3-1.3-3-3s1.3-3 3-3 3 1.3 3 3-1.3 3-3 3M2 24h4.1c.5 2.3 2.5 4 4.9 4s4.4-1.7 4.9-4H30v-2H15.9c-.5-2.3-2.5-4-4.9-4s-4.4 1.7-4.9 4H2zm9-4c1.7 0 3 1.3 3 3s-1.3 3-3 3-3-1.3-3-3 1.3-3 3-3'/%3E%3C/svg%3E");
 }
/* Part tabStyle/quartz */
.ag-tabs-header {
   background-color: var(--ag-tab-bar-background-color);
   border-bottom: var(--ag-tab-bar-border);
   gap: var(--ag-tab-spacing);
   padding: var(--ag-tab-bar-top-padding) var(--ag-tab-bar-horizontal-padding) 0;
 }
.ag-tabs-header-wrapper {
   display: flex;
 }
.ag-tabs-header-wrapper .ag-tabs-header {
   flex: 1;
 }
.ag-tabs-close-button-wrapper {
   border: 0;
   padding: var(--ag-grid-size);
 }
.ag-ltr .ag-tabs-close-button-wrapper {
   border-right: 1px solid var(--ag-border-color);
 }
.ag-rtl .ag-tabs-close-button-wrapper {
   border-left: 1px solid var(--ag-border-color);
 }
.ag-tabs-close-button {
   background-color: unset;
   border: 0;
   cursor: pointer;
   padding: 0;
 }
.ag-tab {
   align-items: center;
   background-color: var(--ag-tab-background-color);
   border-left: var(--ag-tab-selected-border-width) solid transparent;
   border-right: var(--ag-tab-selected-border-width) solid transparent;
   color: var(--ag-tab-text-color);
   display: flex;
   flex: 1;
   justify-content: center;
   padding: var(--ag-tab-top-padding) var(--ag-tab-horizontal-padding)
     var(--ag-tab-bottom-padding);
   position: relative;
 }
.ag-tab:hover {
   background-color: var(--ag-tab-hover-background-color);
   color: var(--ag-tab-hover-text-color);
 }
.ag-tab.ag-tab-selected {
   background-color: var(--ag-tab-selected-background-color);
   color: var(--ag-tab-selected-text-color);
 }
.ag-ltr .ag-tab.ag-tab-selected:not(:first-of-type) {
   border-left-color: var(--ag-tab-selected-border-color);
 }
.ag-ltr .ag-tab.ag-tab-selected:not(:last-of-type),
 .ag-rtl .ag-tab.ag-tab-selected:not(:first-of-type) {
   border-right-color: var(--ag-tab-selected-border-color);
 }
.ag-rtl .ag-tab.ag-tab-selected:not(:last-of-type) {
   border-left-color: var(--ag-tab-selected-border-color);
 }
.ag-tab:after {
   background-color: var(--ag-tab-selected-underline-color);
   bottom: 0;
   content: "";
   display: block;
   height: var(--ag-tab-selected-underline-width);
   left: 0;
   opacity: 0;
   position: absolute;
   right: 0;
   transition: opacity var(--ag-tab-selected-underline-transition-duration);
 }
.ag-tab.ag-tab-selected:after {
   opacity: 1;
 }
.ag-tab:focus-visible {
   box-shadow: inset var(--ag-focus-shadow);
 }
/* Part inputStyle/bordered */
:where(input[class^="ag-"][type="number"]:not(.ag-number-field-input-stepper)) {
   -moz-appearance: textfield;
 }
:where(
     input[class^="ag-"][type="number"]:not(.ag-number-field-input-stepper)
   )::-webkit-inner-spin-button,
 :where(
     input[class^="ag-"][type="number"]:not(.ag-number-field-input-stepper)
   )::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
:where(
     input[class^="ag-"]:not([type]),
     input[class^="ag-"][type="text"],
     input[class^="ag-"][type="number"],
     input[class^="ag-"][type="tel"],
     input[class^="ag-"][type="date"],
     input[class^="ag-"][type="datetime-local"],
     textarea[class^="ag-"]
   ) {
   background-color: var(--ag-input-background-color);
   border: var(--ag-input-border);
   border-radius: var(--ag-input-border-radius);
   color: var(--ag-input-text-color);
   min-height: var(--ag-input-height);
 }
.ag-ltr
   :where(
     input[class^="ag-"]:not([type]),
     input[class^="ag-"][type="text"],
     input[class^="ag-"][type="number"],
     input[class^="ag-"][type="tel"],
     input[class^="ag-"][type="date"],
     input[class^="ag-"][type="datetime-local"],
     textarea[class^="ag-"]
   ) {
   padding-left: var(--ag-input-padding-start);
 }
.ag-rtl
   :where(
     input[class^="ag-"]:not([type]),
     input[class^="ag-"][type="text"],
     input[class^="ag-"][type="number"],
     input[class^="ag-"][type="tel"],
     input[class^="ag-"][type="date"],
     input[class^="ag-"][type="datetime-local"],
     textarea[class^="ag-"]
   ) {
   padding-right: var(--ag-input-padding-start);
 }
:where(
     input[class^="ag-"]:not([type]),
     input[class^="ag-"][type="text"],
     input[class^="ag-"][type="number"],
     input[class^="ag-"][type="tel"],
     input[class^="ag-"][type="date"],
     input[class^="ag-"][type="datetime-local"],
     textarea[class^="ag-"]
   ):where(:disabled) {
   background-color: var(--ag-input-disabled-background-color);
   border: var(--ag-input-disabled-border);
   color: var(--ag-input-disabled-text-color);
 }
:where(
     input[class^="ag-"]:not([type]),
     input[class^="ag-"][type="text"],
     input[class^="ag-"][type="number"],
     input[class^="ag-"][type="tel"],
     input[class^="ag-"][type="date"],
     input[class^="ag-"][type="datetime-local"],
     textarea[class^="ag-"]
   ):where(:focus) {
   background-color: var(--ag-input-focus-background-color);
   border: var(--ag-input-focus-border);
   box-shadow: var(--ag-input-focus-shadow);
   color: var(--ag-input-focus-text-color);
 }
:where(
     input[class^="ag-"]:not([type]),
     input[class^="ag-"][type="text"],
     input[class^="ag-"][type="number"],
     input[class^="ag-"][type="tel"],
     input[class^="ag-"][type="date"],
     input[class^="ag-"][type="datetime-local"],
     textarea[class^="ag-"]
   ):where(:invalid) {
   background-color: var(--ag-input-invalid-background-color);
   border: var(--ag-input-invalid-border);
   color: var(--ag-input-invalid-text-color);
 }
:where(
     input[class^="ag-"]:not([type]),
     input[class^="ag-"][type="text"],
     input[class^="ag-"][type="number"],
     input[class^="ag-"][type="tel"],
     input[class^="ag-"][type="date"],
     input[class^="ag-"][type="datetime-local"],
     textarea[class^="ag-"]
   ):where(.invalid) {
   background-color: var(--ag-input-invalid-background-color);
   border: var(--ag-input-invalid-border);
   color: var(--ag-input-invalid-text-color);
 }
.ag-paging-panel {
   display: flex;
   justify-content: right;
 }
 .signup-info img {
  max-width: 100%;
  display: inline-block;
}
.signup-info img.feature-icon {
  border-radius: 9px;
  width: 27px;
  min-width: 27px;
  min-height: 27px;
  max-height: 27px;
  margin-right: 15px;
}