/*
! tailwindcss v3.3.1 | 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.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, -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"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
}

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

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

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

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

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

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

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

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

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

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

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

b,
strong {
  font-weight: bolder;
}

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

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

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

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

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

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

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

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

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

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

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

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

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

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

/*
Set the default cursor for buttons.
*/

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

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

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

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

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

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

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::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-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:  ;
}

::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-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:  ;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

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

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

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

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

  .container {
    max-width: 1536px;
  }
}
.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;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.inset-x-0 {
  left: 0px;
  right: 0px;
}
.-bottom-1 {
  bottom: -0.25rem;
}
.-bottom-5 {
  bottom: -1.25rem;
}
.-right-2 {
  right: -0.5rem;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-1 {
  bottom: 0.25rem;
}
.bottom-11 {
  bottom: 2.75rem;
}
.bottom-16 {
  bottom: 4rem;
}
.bottom-2 {
  bottom: 0.5rem;
}
.bottom-3 {
  bottom: 0.75rem;
}
.bottom-8 {
  bottom: 2rem;
}
.end-1 {
  inset-inline-end: 0.25rem;
}
.left-0 {
  left: 0px;
}
.left-1 {
  left: 0.25rem;
}
.left-1\/2 {
  left: 50%;
}
.left-2 {
  left: 0.5rem;
}
.left-20 {
  left: 5rem;
}
.left-7 {
  left: 1.75rem;
}
.left-8 {
  left: 2rem;
}
.left-\[15\%\] {
  left: 15%;
}
.left-\[45\%\] {
  left: 45%;
}
.right-0 {
  right: 0px;
}
.right-1 {
  right: 0.25rem;
}
.right-2 {
  right: 0.5rem;
}
.right-4 {
  right: 1rem;
}
.right-6 {
  right: 1.5rem;
}
.right-7 {
  right: 1.75rem;
}
.right-\[0\.125rem\] {
  right: 0.125rem;
}
.right-\[15\%\] {
  right: 15%;
}
.top-0 {
  top: 0px;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-12 {
  top: 3rem;
}
.top-2 {
  top: 0.5rem;
}
.top-2\/3 {
  top: 66.666667%;
}
.top-6 {
  top: 1.5rem;
}
.top-\[62px\] {
  top: 62px;
}
.-z-10 {
  z-index: -10;
}
.-z-50 {
  z-index: -50;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-50 {
  z-index: 50;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-7 {
  grid-column: span 7 / span 7;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-6 {
  grid-column-start: 6;
}
.row-span-4 {
  grid-row: span 4 / span 4;
}
.row-span-6 {
  grid-row: span 6 / span 6;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-5 {
  grid-row-start: 5;
}
.m-1 {
  margin: 0.25rem;
}
.m-10 {
  margin: 2.5rem;
}
.m-16 {
  margin: 4rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-3 {
  margin: 0.75rem;
}
.m-4 {
  margin: 1rem;
}
.m-5 {
  margin: 1.25rem;
}
.m-6 {
  margin: 1.5rem;
}
.m-7 {
  margin: 1.75rem;
}
.m-8 {
  margin: 2rem;
}
.m-auto {
  margin: auto;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-6 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.my-9 {
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}
.-ml-72 {
  margin-left: -18rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-24 {
  margin-bottom: 6rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-5 {
  margin-bottom: 1.25rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[0\.35rem\] {
  margin-bottom: 0.35rem;
}
.mb-\[1px\] {
  margin-bottom: 1px;
}
.mb-\[6px\] {
  margin-bottom: 6px;
}
.mb-\[7px\] {
  margin-bottom: 7px;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-0 {
  margin-left: 0px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-10 {
  margin-left: 2.5rem;
}
.ml-11 {
  margin-left: 2.75rem;
}
.ml-14 {
  margin-left: 3.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.ml-24 {
  margin-left: 6rem;
}
.ml-3 {
  margin-left: 0.75rem;
}
.ml-32 {
  margin-left: 8rem;
}
.ml-4 {
  margin-left: 1rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-8 {
  margin-left: 2rem;
}
.ml-auto {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-10 {
  margin-right: 2.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-2\.5 {
  margin-right: 0.625rem;
}
.mr-4 {
  margin-right: 1rem;
}
.mr-6 {
  margin-right: 1.5rem;
}
.mr-8 {
  margin-right: 2rem;
}
.mr-auto {
  margin-right: auto;
}
.mr-px {
  margin-right: 1px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-1\.5 {
  margin-top: 0.375rem;
}
.mt-12 {
  margin-top: 3rem;
}
.mt-16 {
  margin-top: 4rem;
}
.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;
}
.box-border {
  box-sizing: border-box;
}
.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.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;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-1 {
  height: 0.25rem;
}
.h-1\/3 {
  height: 33.333333%;
}
.h-1\/4 {
  height: 25%;
}
.h-1\/5 {
  height: 20%;
}
.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\/3 {
  height: 66.666667%;
}
.h-2\/6 {
  height: 33.333333%;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-28 {
  height: 7rem;
}
.h-3 {
  height: 0.75rem;
}
.h-3\/4 {
  height: 75%;
}
.h-3\/6 {
  height: 50%;
}
.h-32 {
  height: 8rem;
}
.h-4 {
  height: 1rem;
}
.h-48 {
  height: 12rem;
}
.h-5 {
  height: 1.25rem;
}
.h-5\/6 {
  height: 83.333333%;
}
.h-56 {
  height: 14rem;
}
.h-6 {
  height: 1.5rem;
}
.h-64 {
  height: 16rem;
}
.h-7 {
  height: 1.75rem;
}
.h-8 {
  height: 2rem;
}
.h-9 {
  height: 2.25rem;
}
.h-\[100svh\] {
  height: 100svh;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[296px\] {
  height: 296px;
}
.h-\[350px\] {
  height: 350px;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[470px\] {
  height: 470px;
}
.h-\[500px\] {
  height: 500px;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[70\%\] {
  height: 70%;
}
.h-\[80\%\] {
  height: 80%;
}
.h-\[90\%\] {
  height: 90%;
}
.h-\[calc\(100\%-162px\)\] {
  height: calc(100% - 162px);
}
.h-\[calc\(100\%-48px\)\] {
  height: calc(100% - 48px);
}
.h-\[calc\(100\%-80px\)\] {
  height: calc(100% - 80px);
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-screen {
  height: 100vh;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-32 {
  max-height: 8rem;
}
.max-h-40 {
  max-height: 10rem;
}
.max-h-64 {
  max-height: 16rem;
}
.max-h-\[2000px\] {
  max-height: 2000px;
}
.max-h-\[500px\] {
  max-height: 500px;
}
.max-h-\[700px\] {
  max-height: 700px;
}
.max-h-\[80\%\] {
  max-height: 80%;
}
.max-h-full {
  max-height: 100%;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[84px\] {
  min-height: 84px;
}
.w-0 {
  width: 0px;
}
.w-1\/12 {
  width: 8.333333%;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-1\/4 {
  width: 25%;
}
.w-1\/5 {
  width: 20%;
}
.w-1\/6 {
  width: 16.666667%;
}
.w-10 {
  width: 2.5rem;
}
.w-11 {
  width: 2.75rem;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-12 {
  width: 3rem;
}
.w-14 {
  width: 3.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-3\/4 {
  width: 75%;
}
.w-3\/5 {
  width: 60%;
}
.w-32 {
  width: 8rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-40 {
  width: 10rem;
}
.w-48 {
  width: 12rem;
}
.w-5 {
  width: 1.25rem;
}
.w-5\/6 {
  width: 83.333333%;
}
.w-52 {
  width: 13rem;
}
.w-56 {
  width: 14rem;
}
.w-6 {
  width: 1.5rem;
}
.w-60 {
  width: 15rem;
}
.w-64 {
  width: 16rem;
}
.w-7 {
  width: 1.75rem;
}
.w-7\/12 {
  width: 58.333333%;
}
.w-72 {
  width: 18rem;
}
.w-8 {
  width: 2rem;
}
.w-80 {
  width: 20rem;
}
.w-9 {
  width: 2.25rem;
}
.w-96 {
  width: 24rem;
}
.w-\[1000px\] {
  width: 1000px;
}
.w-\[112px\] {
  width: 112px;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[180px\] {
  width: 180px;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[300px\] {
  width: 300px;
}
.w-\[330px\] {
  width: 330px;
}
.w-\[350px\] {
  width: 350px;
}
.w-\[360px\] {
  width: 360px;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[450px\] {
  width: 450px;
}
.w-\[500px\] {
  width: 500px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[600px\] {
  width: 600px;
}
.w-\[65vw\] {
  width: 65vw;
}
.w-\[660px\] {
  width: 660px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[800px\] {
  width: 800px;
}
.w-\[80vw\] {
  width: 80vw;
}
.w-\[90\%\] {
  width: 90%;
}
.w-\[900px\] {
  width: 900px;
}
.w-\[calc\(100\%-208px\)\] {
  width: calc(100% - 208px);
}
.w-\[calc\(100\%-28px\)\] {
  width: calc(100% - 28px);
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0px;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.max-w-0 {
  max-width: 0rem;
}
.max-w-2xl {
  max-width: 42rem;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-\[400px\] {
  max-width: 400px;
}
.max-w-\[64rem\] {
  max-width: 64rem;
}
.max-w-\[95\%\] {
  max-width: 95%;
}
.max-w-full {
  max-width: 100%;
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-auto {
  flex: 1 1 auto;
}
.flex-none {
  flex: none;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.origin-center {
  transform-origin: center;
}
.-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-x-full {
  --tw-translate-x: -100%;
  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-7 {
  --tw-translate-y: -1.75rem;
  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-0 {
  --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));
}
.translate-y-16 {
  --tw-translate-y: 4rem;
  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-24 {
  --tw-translate-y: 6rem;
  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));
}
.rotate-\[-90deg\] {
  --tw-rotate: -90deg;
  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));
}
.-scale-x-100 {
  --tw-scale-x: -1;
  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));
}
.transform-gpu {
  transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes gradient {

  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.animate-gradient {
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
}
.cursor-grab {
  cursor: grab;
}
.cursor-move {
  cursor: move;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-se-resize {
  cursor: se-resize;
}
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-inside {
  list-style-position: inside;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.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-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.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-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)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-border1 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: hsl(var(--twc-border1) / var(--twc-border1-opacity, var(--tw-divide-opacity)));
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.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-y-scroll {
  overflow-y: scroll;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-normal {
  white-space: normal;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-line {
  white-space: pre-line;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[28px\] {
  border-radius: 28px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-3xl {
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-r-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-tl-none {
  border-top-left-radius: 0px;
}
.rounded-tr-none {
  border-top-right-radius: 0px;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-4 {
  border-width: 4px;
}
.border-x {
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-0 {
  border-bottom-width: 0px;
}
.border-b-\[0\.5px\] {
  border-bottom-width: 0.5px;
}
.border-r {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-\[\#249FFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(36 159 255 / var(--tw-border-opacity));
}
.border-\[\#4994f7\] {
  --tw-border-opacity: 1;
  border-color: rgb(73 148 247 / var(--tw-border-opacity));
}
.border-\[\#abb0ae\] {
  --tw-border-opacity: 1;
  border-color: rgb(171 176 174 / var(--tw-border-opacity));
}
.border-\[\#d1d2d3\] {
  --tw-border-opacity: 1;
  border-color: rgb(209 210 211 / var(--tw-border-opacity));
}
.border-\[\#eaebec\] {
  --tw-border-opacity: 1;
  border-color: rgb(234 235 236 / var(--tw-border-opacity));
}
.border-\[\#ee4444\] {
  --tw-border-opacity: 1;
  border-color: rgb(238 68 68 / var(--tw-border-opacity));
}
.border-bg1 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-bg1) / var(--twc-bg1-opacity, var(--tw-border-opacity)));
}
.border-bgGpt1 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-bgGpt1) / var(--twc-bgGpt1-opacity, var(--tw-border-opacity)));
}
.border-black\/5 {
  border-color: rgb(0 0 0 / 0.05);
}
.border-border1 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-border1) / var(--twc-border1-opacity, var(--tw-border-opacity)));
}
.border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-nicmaColor {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-nicmaColor) / var(--twc-nicmaColor-opacity, var(--tw-border-opacity)));
}
.border-text1 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-text1) / var(--twc-text1-opacity, var(--tw-border-opacity)));
}
.border-text2 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-text2) / var(--twc-text2-opacity, var(--tw-border-opacity)));
}
.border-text4 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-text4) / var(--twc-text4-opacity, var(--tw-border-opacity)));
}
.border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.bg-\[\#249FFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 159 255 / var(--tw-bg-opacity));
}
.bg-\[\#28a745\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 167 69 / var(--tw-bg-opacity));
}
.bg-\[\#2a2d2c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 45 44 / var(--tw-bg-opacity));
}
.bg-\[\#305dc8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 93 200 / var(--tw-bg-opacity));
}
.bg-\[\#3371e3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 113 227 / var(--tw-bg-opacity));
}
.bg-\[\#38B898\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 184 152 / var(--tw-bg-opacity));
}
.bg-\[\#3a89cb\] {
  --tw-bg-opacity: 1;
  background-color: rgb(58 137 203 / var(--tw-bg-opacity));
}
.bg-\[\#4AC3FF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 195 255 / var(--tw-bg-opacity));
}
.bg-\[\#4a64a6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 100 166 / var(--tw-bg-opacity));
}
.bg-\[\#4ac8c8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 200 200 / var(--tw-bg-opacity));
}
.bg-\[\#609d4d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(96 157 77 / var(--tw-bg-opacity));
}
.bg-\[\#6c757d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(108 117 125 / var(--tw-bg-opacity));
}
.bg-\[\#78bc4f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(120 188 79 / var(--tw-bg-opacity));
}
.bg-\[\#799cb7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(121 156 183 / var(--tw-bg-opacity));
}
.bg-\[\#916ad3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(145 106 211 / var(--tw-bg-opacity));
}
.bg-\[\#999999\] {
  --tw-bg-opacity: 1;
  background-color: rgb(153 153 153 / var(--tw-bg-opacity));
}
.bg-\[\#B8DFFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(184 223 255 / var(--tw-bg-opacity));
}
.bg-\[\#C1C2C3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(193 194 195 / var(--tw-bg-opacity));
}
.bg-\[\#F8D8D8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 216 216 / var(--tw-bg-opacity));
}
.bg-\[\#b3477d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(179 71 125 / var(--tw-bg-opacity));
}
.bg-\[\#d0715b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(208 113 91 / var(--tw-bg-opacity));
}
.bg-\[\#d2242c\] {
  --tw-bg-opacity: 1;
  background-color: rgb(210 36 44 / var(--tw-bg-opacity));
}
.bg-\[\#d74648\] {
  --tw-bg-opacity: 1;
  background-color: rgb(215 70 72 / var(--tw-bg-opacity));
}
.bg-\[\#dc3545\] {
  --tw-bg-opacity: 1;
  background-color: rgb(220 53 69 / var(--tw-bg-opacity));
}
.bg-\[\#e38d1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(227 141 31 / var(--tw-bg-opacity));
}
.bg-\[\#eaebec\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 235 236 / var(--tw-bg-opacity));
}
.bg-\[\#ee4444\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 68 68 / var(--tw-bg-opacity));
}
.bg-\[\#f1f2f3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(241 242 243 / var(--tw-bg-opacity));
}
.bg-\[\#f2f2f2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-\[\#f8f9fa\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
}
.bg-\[\#f8fafc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-bg1 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg1) / var(--twc-bg1-opacity, var(--tw-bg-opacity)));
}
.bg-bg2 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg2) / var(--twc-bg2-opacity, var(--tw-bg-opacity)));
}
.bg-bg3 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg3) / var(--twc-bg3-opacity, var(--tw-bg-opacity)));
}
.bg-bg4 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg4) / var(--twc-bg4-opacity, var(--tw-bg-opacity)));
}
.bg-bgExternal {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bgExternal) / var(--twc-bgExternal-opacity, var(--tw-bg-opacity)));
}
.bg-bgGpt1 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bgGpt1) / var(--twc-bgGpt1-opacity, var(--tw-bg-opacity)));
}
.bg-bgQuery {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bgQuery) / var(--twc-bgQuery-opacity, var(--tw-bg-opacity)));
}
.bg-bgResponse {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bgResponse) / var(--twc-bgResponse-opacity, var(--tw-bg-opacity)));
}
.bg-bgSelect {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bgSelect) / var(--twc-bgSelect-opacity, var(--tw-bg-opacity)));
}
.bg-bgSelect2 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bgSelect2) / var(--twc-bgSelect2-opacity, var(--tw-bg-opacity)));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}
.bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-nicmaColor {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-nicmaColor) / var(--twc-nicmaColor-opacity, var(--tw-bg-opacity)));
}
.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
}
.bg-teal-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(45 212 191 / var(--tw-bg-opacity));
}
.bg-themeBg {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-themeBg) / var(--twc-themeBg-opacity, var(--tw-bg-opacity)));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
.bg-opacity-25 {
  --tw-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-opacity-60 {
  --tw-bg-opacity: 0.6;
}
.bg-opacity-70 {
  --tw-bg-opacity: 0.7;
}
.bg-opacity-90 {
  --tw-bg-opacity: 0.9;
}
.bg-custom-gradient {
  background-image: linear-gradient(45deg, #DAAF08 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #DAAF08 90% 100%);
}
.bg-800-400 {
  background-size: 800% 400%;
}
.p-1 {
  padding: 0.25rem;
}
.p-16 {
  padding: 4rem;
}
.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-7 {
  padding: 1.75rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.pb-10 {
  padding-bottom: 2.5rem;
}
.pb-12 {
  padding-bottom: 3rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-20 {
  padding-bottom: 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-28 {
  padding-left: 7rem;
}
.pl-3 {
  padding-left: 0.75rem;
}
.pl-4 {
  padding-left: 1rem;
}
.pl-5 {
  padding-left: 1.25rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-8 {
  padding-left: 2rem;
}
.pr-10 {
  padding-right: 2.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-20 {
  padding-right: 5rem;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-5 {
  padding-right: 1.25rem;
}
.pr-6 {
  padding-right: 1.5rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[6px\] {
  padding-right: 6px;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-1\.5 {
  padding-top: 0.375rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-end {
  text-align: end;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.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-medium {
  font-weight: 500;
}
.italic {
  font-style: italic;
}
.leading-relaxed {
  line-height: 1.625;
}
.text-\[\#138eee\] {
  --tw-text-opacity: 1;
  color: rgb(19 142 238 / var(--tw-text-opacity));
}
.text-\[\#249FFF\] {
  --tw-text-opacity: 1;
  color: rgb(36 159 255 / var(--tw-text-opacity));
}
.text-\[\#288bda\] {
  --tw-text-opacity: 1;
  color: rgb(40 139 218 / var(--tw-text-opacity));
}
.text-\[\#38b898\] {
  --tw-text-opacity: 1;
  color: rgb(56 184 152 / var(--tw-text-opacity));
}
.text-\[\#3A3D3C\] {
  --tw-text-opacity: 1;
  color: rgb(58 61 60 / var(--tw-text-opacity));
}
.text-\[\#3a3d3c\] {
  --tw-text-opacity: 1;
  color: rgb(58 61 60 / var(--tw-text-opacity));
}
.text-\[\#4994f7\] {
  --tw-text-opacity: 1;
  color: rgb(73 148 247 / var(--tw-text-opacity));
}
.text-\[\#6a6b6c\] {
  --tw-text-opacity: 1;
  color: rgb(106 107 108 / var(--tw-text-opacity));
}
.text-\[\#888888\] {
  --tw-text-opacity: 1;
  color: rgb(136 136 136 / var(--tw-text-opacity));
}
.text-\[\#8a8d8c\] {
  --tw-text-opacity: 1;
  color: rgb(138 141 140 / var(--tw-text-opacity));
}
.text-\[\#919293\] {
  --tw-text-opacity: 1;
  color: rgb(145 146 147 / var(--tw-text-opacity));
}
.text-\[\#919b9c\] {
  --tw-text-opacity: 1;
  color: rgb(145 155 156 / var(--tw-text-opacity));
}
.text-\[\#9a9b9c\] {
  --tw-text-opacity: 1;
  color: rgb(154 155 156 / var(--tw-text-opacity));
}
.text-\[\#F8C8CF\] {
  --tw-text-opacity: 1;
  color: rgb(248 200 207 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#babbbc\] {
  --tw-text-opacity: 1;
  color: rgb(186 187 188 / var(--tw-text-opacity));
}
.text-\[\#ee3333\] {
  --tw-text-opacity: 1;
  color: rgb(238 51 51 / var(--tw-text-opacity));
}
.text-\[\#ee4444\] {
  --tw-text-opacity: 1;
  color: rgb(238 68 68 / var(--tw-text-opacity));
}
.text-bg1 {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-bg1) / var(--twc-bg1-opacity, var(--tw-text-opacity)));
}
.text-bgGpt1 {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-bgGpt1) / var(--twc-bgGpt1-opacity, var(--tw-text-opacity)));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.text-buttonColor {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-buttonColor) / var(--twc-buttonColor-opacity, var(--tw-text-opacity)));
}
.text-gray-200 {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-nicmaColor {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-nicmaColor) / var(--twc-nicmaColor-opacity, var(--tw-text-opacity)));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-text1 {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-text1) / var(--twc-text1-opacity, var(--tw-text-opacity)));
}
.text-text2 {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-text2) / var(--twc-text2-opacity, var(--tw-text-opacity)));
}
.text-text4 {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-text4) / var(--twc-text4-opacity, var(--tw-text-opacity)));
}
.text-textColor {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-textColor) / var(--twc-textColor-opacity, var(--tw-text-opacity)));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.overline {
  text-decoration-line: overline;
}
.line-through {
  text-decoration-line: line-through;
}
.opacity-0 {
  opacity: 0;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-100 {
  opacity: 1;
}
.opacity-50 {
  opacity: 0.5;
}
.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-\[0_0_0_1px_\#4994f7\] {
  --tw-shadow: 0 0 0 1px #4994f7;
  --tw-shadow-colored: 0 0 0 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-\[0_0_10px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 0 10px 0px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 0 10px 0px 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-\[0_0_3px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
  --tw-shadow: 0 0 3px 0 rgba(0,0,0,0.25);
  --tw-shadow-colored: 0 0 3px 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-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-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 {
  outline-style: solid;
}
.ring {
  --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);
}
.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);
}
.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);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-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-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-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.light,[data-theme="light"] {
  --twc-text1: 160 2.5% 23.3%;
  --twc-text2: 160 1.6% 35.9%;
  --twc-text3: 206.29999999999995 100% 57.1%;
  --twc-text4: 0 0% 78.4%;
  --twc-bg1: 0 0% 100%;
  --twc-bg2: 210 7.7% 94.9%;
  --twc-bg3: 210 16.7% 97.6%;
  --twc-bg4: 213.29999999999995 33.3% 94.7%;
  --twc-bgSelect: 207 100% 86.1%;
  --twc-bgSelect2: 211 68.9% 91.2%;
  --twc-bgQuery: 210 100% 94.1%;
  --twc-border1: 220 13% 91%;
  --twc-bgResponse: 210.79999999999995 100% 92.4%;
  --twc-bgExternal: 160.89999999999998 36.5% 54.3%;
  --twc-bgGpt1: 210 1.6% 76.1%;
  --twc-bgGpt2: 210 2.2% 82.4%;
}
:root {
  --twc-text1: 160 2.5% 23.3%;
  --twc-text2: 160 1.6% 35.9%;
  --twc-text3: 206.29999999999995 100% 57.1%;
  --twc-text4: 0 0% 78.4%;
  --twc-bg1: 0 0% 100%;
  --twc-bg2: 210 7.7% 94.9%;
  --twc-bg3: 210 16.7% 97.6%;
  --twc-bg4: 213.29999999999995 33.3% 94.7%;
  --twc-bgSelect: 207 100% 86.1%;
  --twc-bgSelect2: 211 68.9% 91.2%;
  --twc-bgQuery: 210 100% 94.1%;
  --twc-border1: 220 13% 91%;
  --twc-bgResponse: 210.79999999999995 100% 92.4%;
  --twc-bgExternal: 160.89999999999998 36.5% 54.3%;
  --twc-bgGpt1: 210 1.6% 76.1%;
  --twc-bgGpt2: 210 2.2% 82.4%;
}
.dark,[data-theme="dark"] {
  --twc-text1: 210 3.4% 88.6%;
  --twc-text2: 210 1.1% 63.5%;
  --twc-text3: 206.29999999999995 100% 57.1%;
  --twc-text4: 0 0% 40%;
  --twc-bg1: 210 23.3% 11.8%;
  --twc-bg2: 212.29999999999995 15.7% 16.3%;
  --twc-bg3: 210 11.3% 20.8%;
  --twc-bg4: 221.5 8.6% 29.6%;
  --twc-bgSelect: 210 11.3% 20.8%;
  --twc-bgSelect2: 207.29999999999995 8.7% 24.9%;
  --twc-bgQuery: 208.20000000000005 32.7% 20.4%;
  --twc-border1: 211.79999999999995 9.4% 35.5%;
  --twc-bgResponse: 214.79999999999995 29% 21%;
  --twc-bgExternal: 160.89999999999998 36.5% 54.3%;
  --twc-bgGpt1: 210 1% 38.4%;
  --twc-bgGpt2: 210 0.9% 44.7%;
}
.uiNicma,[data-theme="uiNicma"] {
  --twc-nicmaColor: 206.29999999999995 100% 57.1%;
  --twc-buttonColor: 218.89999999999998 75.9% 54.5%;
  --twc-buttonColor2: 205.89999999999998 100% 84.1%;
  --twc-buttonHoverColor: 222.20000000000005 61.3% 48.6%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 213.29999999999995 37.5% 47.1%;
}
.uiFortuneBlue,[data-theme="uiFortuneBlue"] {
  --twc-nicmaColor: 198.79999999999995 100% 45.7%;
  --twc-buttonColor: 202.70000000000005 100% 37.8%;
  --twc-buttonColor2: 194.89999999999998 100% 70%;
  --twc-buttonHoverColor: 202.70000000000005 100% 30%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 201.10000000000002 38.1% 46.9%;
}
.uiTurquoise,[data-theme="uiTurquoise"] {
  --twc-nicmaColor: 183.70000000000005 100% 34.7%;
  --twc-buttonColor: 187.89999999999998 100% 28.4%;
  --twc-buttonColor2: 183 65.4% 63.7%;
  --twc-buttonHoverColor: 189.60000000000002 100% 22.2%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 192.5 38.1% 46.9%;
}
.uiGreen,[data-theme="uiGreen"] {
  --twc-nicmaColor: 146.7 100% 30%;
  --twc-buttonColor: 145.60000000000002 100% 23.9%;
  --twc-buttonColor2: 143.89999999999998 71.9% 65.1%;
  --twc-buttonHoverColor: 143.7 100% 17.8%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 137.10000000000002 38.1% 46.9%;
}
.uiYellowGreen,[data-theme="uiYellowGreen"] {
  --twc-nicmaColor: 84.69999999999999 67.4% 44.5%;
  --twc-buttonColor: 85.80000000000001 68.8% 36.5%;
  --twc-buttonColor2: 84 71.4% 76.7%;
  --twc-buttonHoverColor: 87.39999999999998 71% 28.4%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 70.5 38.1% 46.9%;
}
.uiYellow,[data-theme="uiYellow"] {
  --twc-nicmaColor: 49.30000000000001 100% 49.6%;
  --twc-buttonColor: 49.80000000000001 100% 42.5%;
  --twc-buttonColor2: 47.80000000000001 100% 70%;
  --twc-buttonHoverColor: 50.10000000000002 100% 35.5%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 47.5 38.1% 46.9%;
}
.uiOrange,[data-theme="uiOrange"] {
  --twc-nicmaColor: 32.5 100% 47.1%;
  --twc-buttonColor: 31.19999999999999 100% 38.8%;
  --twc-buttonColor2: 39.60000000000002 100% 70%;
  --twc-buttonHoverColor: 29 100% 30.8%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 24.399999999999977 38.1% 46.9%;
}
.uiBrown,[data-theme="uiBrown"] {
  --twc-nicmaColor: 26.30000000000001 36.8% 30.4%;
  --twc-buttonColor: 25.5 38.2% 24.1%;
  --twc-buttonColor2: 36.5 33.3% 70%;
  --twc-buttonHoverColor: 25.899999999999977 40.7% 17.8%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 32.30000000000001 38.1% 46.9%;
}
.uiMagenta,[data-theme="uiMagenta"] {
  --twc-nicmaColor: 329.70000000000005 78.6% 54.1%;
  --twc-buttonColor: 330.6 66.5% 43.3%;
  --twc-buttonColor2: 330 100% 80%;
  --twc-buttonHoverColor: 330.5 66.3% 32.5%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 327.70000000000005 38.1% 46.9%;
}
.uiRed,[data-theme="uiRed"] {
  --twc-nicmaColor: 355.29999999999995 100% 45.1%;
  --twc-buttonColor: 355.79999999999995 100% 36.1%;
  --twc-buttonColor2: 0 100% 70%;
  --twc-buttonHoverColor: 356.1 100% 27.1%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 356 38.1% 46.9%;
}
.uiPurple,[data-theme="uiPurple"] {
  --twc-nicmaColor: 277.6 28% 53.1%;
  --twc-buttonColor: 274.70000000000005 26% 42.9%;
  --twc-buttonColor2: 293.1 34.2% 85.1%;
  --twc-buttonHoverColor: 270 27.4% 32.9%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 270.29999999999995 38.1% 46.9%;
}
.uiBlue,[data-theme="uiBlue"] {
  --twc-nicmaColor: 208.29999999999995 100% 33.7%;
  --twc-buttonColor: 209.60000000000002 100% 26.7%;
  --twc-buttonColor2: 208.39999999999998 76.9% 66.1%;
  --twc-buttonHoverColor: 211.20000000000005 100% 19.6%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 213 38.1% 46.9%;
}
.uiGray,[data-theme="uiGray"] {
  --twc-nicmaColor: 160 1.7% 65.7%;
  --twc-buttonColor: 150 0.8% 52.2%;
  --twc-buttonColor2: 180 2.2% 82.4%;
  --twc-buttonHoverColor: 150 1% 39.2%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 0 0% 64.7%;
}
.uiRichBlack,[data-theme="uiRichBlack"] {
  --twc-nicmaColor: 0 0% 0%;
  --twc-buttonColor: 0 0% 0%;
  --twc-buttonColor2: 0 0% 40%;
  --twc-buttonHoverColor: 0 0% 20%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 0 0% 64.7%;
}
.uiGold,[data-theme="uiGold"] {
  --twc-nicmaColor: 39.10000000000002 48.2% 43.1%;
  --twc-buttonColor: 39.30000000000001 48.8% 33.7%;
  --twc-buttonColor2: 40.5 55.4% 72.7%;
  --twc-buttonHoverColor: 38.80000000000001 51.2% 24.9%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 41.5 38.1% 46.9%;
}
.uiSilver,[data-theme="uiSilver"] {
  --twc-nicmaColor: 60 0.8% 52.5%;
  --twc-buttonColor: 60 0.9% 42%;
  --twc-buttonColor2: 63.5 14.5% 77.1%;
  --twc-buttonHoverColor: 60 0.6% 31.6%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 60 1.1% 64.3%;
}
.uiShiningGold,[data-theme="uiShiningGold"] {
  --twc-nicmaColor: 49.80000000000001 100% 42.5%;
  --twc-buttonColor: 47.39999999999998 80% 62.7%;
  --twc-buttonColor2: 50.60000000000002 100% 80%;
  --twc-buttonHoverColor: 49.80000000000001 100% 42.5%;
  --twc-textColor: 0 0% 100%;
  --twc-themeBg: 47.5 38.1% 46.9%;
}

/* フォントスタイル */
/* 全体 */
@font-face {
  font-family: 'Noto Sans JP Regular';
  src: url(2a77d217ecd601bbf009.ttf) format('truetype');
  font-weight: 400;
  font-display: swap;
}

body {
  font-family: 'Noto Sans JP Regular', sans-serif;
  font-size:   1rem;
  color: #3A3D3C;
}
/* 強調（メニュー・会話タイトル） */
@font-face {
  font-family: 'Noto Sans JP Medium';
  src: url(0574422b13c8065fb966.ttf) format('truetype');
  font-weight: 500;
  font-display: swap;
}

.medium-text {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   1rem;
}
.medium-text-sm {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   0.9rem;
  line-height:   1.25rem;
}
.medium-text-color {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   1rem;
}
.medium-text-xs-color {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   0.75rem;
  line-height: 1rem;
}
.medium-text-sm-color {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   0.9rem;
}
.medium-text-lg-color {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   1.1rem;
}
.medium-text-xl-color {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   1.25rem;
}
.medium-text-2xl-color {
  font-family: 'Noto Sans JP Medium', sans-serif;
  font-size:   1.5rem;
}
/* 太字（禁止文字） */
@font-face {
  font-family: 'Noto Sans JP Bold';
  src: url(5782c77a5372762a808e.ttf) format('truetype');
  font-weight: 700;
  font-display: swap;
}

.bold-text {
  font-family: 'Noto Sans JP Bold', sans-serif;
}

/* Googleログインボタンフォント */
@font-face {
  font-family: 'Roboto Medium';
  src: url(7c8d04cd831df3033c8a.ttf) format('truetype');
  font-weight: 500;
  font-display: swap;
}

/* コードブロック */
@font-face {
  font-family: "DejaVu Sans Mono";
  src: url(9ff4cd0a41ae679059ae.ttf) format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}


/* ローディングアニメーション */

@keyframes line-scale {
  0%, 100% {
    transform: scaley(1);
  }
  50% {
    transform: scaley(0.4);
  }
}

.line-scale > div:nth-child(1) {
  animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(2) {
  animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(3) {
  animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(4) {
  animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div:nth-child(5) {
  animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.line-scale > div {
  background-color: var(--loader-color, #249FFF); /*選択モデルによって色変更、デフォルト色*/
  width: 3px;
  height: 18px;
  border-radius: 2px;
  margin: 2px;
  animation-fill-mode: both;
  display: inline-block;
}


/* 読み込み中 */
.loader {
  font-size: 90px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 72px auto;
  position: relative;
  transform: translateZ(0);
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 読み込み中 */
.loaderWhite {
  color: #ffffff;  
  font-size: 14px;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  animation: load6 1.7s infinite ease, round 1.7s infinite ease;
}
@keyframes load6 {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }
  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }
  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }
  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}
@keyframes round {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*カーソルポインター対応*/
.cursor-pointer {
    cursor: pointer;
  }



/*その他*/  
.font-custom-settings {
  color: #3A3D3C;
}

.google-login-btn {
  display: flex;
  align-items: center;
  justify-content:left;
  background-color: #FFFFFF;
  color: rgba(0,0,0,0.54);
  border: none;
  border-radius: 8px;
  box-shadow: 0 0px 1px 0 rgba(0,0,0,0.25);
  font-family: 'Roboto Medium', sans-serif;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  width: 190px;
  height: 40px;
  padding: 0 8px;
}

.google-login-btn:hover {
  box-shadow: 0 0px 4px rgba(0,0,0,0.5);
}

.google-login-btn:active {
  background-color: #E0E0E0;
  box-shadow: 0 0px 1px 0 rgba(0,0,0,0.25);
}

.google-logo {
  height: 18px;
  margin-right: 24px;
}


/* マークダウン関連の定義 */
.markdown {
  max-width: none;
}

.markdown div {
  white-space: pre-wrap;
}

.markdown p {
  white-space: pre-wrap;
}

.markdown a {
  color: #639bb7;
  text-decoration: none;
}

.markdown a:hover{ 
  color:#FF9933;
  text-decoration: none;
}

.markdown h1 {
  font-size: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.markdown h2 {
  font-size: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.markdown h3 {
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.markdown h4 {
  font-size: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.markdown h5 {
  font-size: 0.9rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.markdown h6 {
  font-size: 0.8rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.markdown blockquote {
  --tw-border-opacity: 1;
  border-color: rgba(142,142,160,var(--tw-border-opacity));
  border-left-width: 2px;
  line-height: 1rem;
  padding-left: 1rem
}

.markdown pre {
  font-family: 'DejaVu Sans Mono',monospace;
  font-size: 0.95rem;
  margin: 0;
  padding: 1rem;
  white-space: pre-wrap;
  color: #00cc00;
  background-color: #000000;

}

.markdown pre code{
  font-family: 'DejaVu Sans Mono',monospace;
}

.markdown table {
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-collapse: separate;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
  width: 100%
}

.markdown th {
  background-color: rgba(236,236,241,.2);
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-width: 1px;
  padding: .25rem .75rem
}

.markdown th:first-child {
  border-top-left-radius: .375rem
}

.markdown th:last-child {
  border-right-width: 1px;
  border-top-right-radius: .375rem
}

.markdown td {
  border-bottom-width: 1px;
  border-left-width: 1px;
  padding: .25rem .75rem
}

.markdown td:last-child {
  border-right-width: 1px
}

.markdown tbody tr:last-child td:first-child {
  border-bottom-left-radius: .375rem
}

.markdown tbody tr:last-child td:last-child {
  border-bottom-right-radius: .375rem
}

.markdown ol,
.markdown ul {
  display: flex;
  flex-direction: column;
  padding-left: 1rem
}

.markdown ol {
  counter-reset: item
}

.markdown ol~div:has(code)~ol {
  counter-reset: none;
}

.markdown ol~h3~div:has(code)~ol {
  counter-reset: item;
}

.markdown ol>li:before {
  content: counter(item) ". ";
  counter-increment: item;
}

.markdown ol>li>p {
  display: inline;
}

.markdown ul li {
  display: block;
  margin: 0;
  padding-left: 1rem;
  position: relative
}

.markdown ul li:before {
  content: "・";
  font-size: .875rem;
  line-height: 1.25rem;
  margin-left: -1rem;
  position: absolute
}

/*
.markdown ol li,
.markdown ol li>p,
.markdown ol ol,
.markdown ol ul,
.markdown ul li,
.markdown ul li>p,
.markdown ul ol,
.markdown ul ul {
  margin: 0
}*/


textarea:focus {
  outline: 0.5px solid #9CA3AF;
}

input:focus {
  outline: 0.5px solid #9CA3AF;
}

select:focus{
  outline: 0.5px solid #9CA3AF;
}

.hide-scrollbar {
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none; /* For Chrome, Safari and Opera */
}

.translate-y--110per {
  --tw-translate-y: -110%;
}

.translate-y--170per {
  --tw-translate-y: -170%;
}

.translate-y--80per {
  --tw-translate-y: -80%;
}

.translate-y--40per {
  --tw-translate-y: -40%;
}

/* CSS */
.margin-transition {
  transition: height 0.2s ease;
}

.margin-12 {
  height: 3rem; /* または適切な値 */
}

.margin-4 {
  height: 1rem; /* または適切な値 */
}

/**
 * フローティングラベル（ログイン画面・パスワード再設定画面）
 */
/* ラベルの基本スタイル */
.login-label-floating {
  position: absolute;
  left: 8px; /* 初期位置 */
  top: 8px; /* 初期位置 */
  transition: top 0.2s ease, font-size 0.2s ease;
  color: #9a9b9c;
  pointer-events: none;
  overflow: hidden;
}

/* フォーカス時または入力値がある時のラベルスタイル */
.login-label-floating-up {
  top: -18px;
  font-size: 0.75rem;
  color: white;
}

/* ラベルの基本スタイル */
.pass-label-floating {
  position: absolute;
  left: 60px;  /* 初期位置 */
  top: 6px; /* 初期位置 */
  transition: top 0.2s ease, font-size 0.2s ease;
  color: #9a9b9c;
  pointer-events: none;
  background: white;
  padding: 0 4px;
  overflow: hidden;
  border-radius: 4px;
}

/* フォーカス時または入力値がある時のラベルスタイル */
.pass-label-floating-up {
  top: -10px;
  font-size: 0.75rem;
  color: #9a9b9c;
}




/**
 * ドロップダウンメニュー（アカウント一括処理）
 */
/* アカウント一括 .button (ボタン) */
.button {
  border-radius: 20px;
}

/* アカウント一括 .dropdown-content (ドロップダウンコンテンツ) */
.dropdown-content {
  display: none;
  border-radius: 0 0 20px 20px; /* 下半分だけ角丸を設定 */
}

/* アカウント一括　.show クラスが付いた時の .button のスタイル変更 */
.button.show {
  border-radius: 20px 20px 0 0; /* 上部全角丸 */
  border-bottom: none;
}

/* アカウント一括　.show (表示されている時) の .dropdown-content のスタイル */
.dropdown-content.show {
  display: flex;
  border-top: none; 
  border-radius: 0 0  20px 20px; /* 上部に角丸を設定 */
}
/* アカウント一括　最後のドロップダウンオプションのスタイリング */

.option-first-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.option:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}


/**
 * スナックバー
 */
/* Toastify toast */
.Toastify__toast--default {
  background: #000 ; /* デフォルトの背景色 */
  color: #e1e2e3 ; /* テキスト色 */
  border: 1px solid #525a63 ;
}
.Toastify__toast--default .Toastify__progress-bar {
  background: #249FFF ;
}
.Toastify__toast-container {
  z-index: 9999;
}

/* 管理者画面メニューの開閉アニメーション */
.menu {
  overflow: hidden;
  height: 0;
  transition: height 0.2s ease-out;
}

.menu.open {
  height: auto; /* この設定は後でJavaScriptで動的に変更します */
}

.react-tooltip {
  z-index: 9999; /* 必要に応じて調整 */
}

.loader2 {
  width: 32px;
  height: 32px;
}

.loader2 div {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  opacity: .8;
}

.one {
  border-top: 1px solid #8FB259;
  animation: rotate-left 1s linear infinite;
}

.two {
  border-right: 1px solid #CCCC52;
  animation: rotate-right 1s linear infinite;
}

.three {
  border-bottom: 1px solid #FFD933;
  animation: rotate-right 1s linear infinite;
}

.four {
  border-left: 1px solid #FF7F00;
  animation: rotate-right 1s linear infinite;
}


/**
 * スライダー
 */

/* レール */
.slider .rc-slider-rail {
  height: 8px;
  transform: translateY(-2px);
}

/* つまみ */
.slider .rc-slider-handle {
  border: 1px solid #FFFFFF;  /* 外枠の色 */
  background: #249FFF;        /* 背景色 */
}

/* ドット */
.slider .rc-slider-dot {
  display: none;
}

@keyframes rotate-left {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotate-right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* スクロールバー非表示を追加する */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.bounce-circle {
  animation: bounce-circle-animation 0.5s alternate infinite ease;
}

.bounce-circle:nth-child(2) {
  animation-delay: 0.2s;
}

.bounce-circle:nth-child(3) {
  animation-delay: 0.3s;
}

@keyframes bounce-circle-animation {
  0% {
      top: 60px;
      height: 5px;
      border-radius: 50px 50px 25px 25px;
      transform: scaleX(1.7);
  }
  40% {
      height: 20px;
      border-radius: 50%;
      transform: scaleX(1);
  }
  100% {
      top: 0%;
  }
}

.bounce-shadow {
  filter: blur(1px);
  animation: bounce-shadow-animation 0.5s alternate infinite ease;
}

.bounce-shadow:nth-child(4) {
  animation-delay: 0.2s;
}

.bounce-shadow:nth-child(5) {
  animation-delay: 0.3s;
}

@keyframes bounce-shadow-animation {
  0% {
      transform: scaleX(1.5);
  }
  40% {
      transform: scaleX(1);
      opacity: 0.7;
  }
  100% {
      transform: scaleX(0.2);
      opacity: 0.4;
  }
}

.hover\:cursor-pointer:hover {
  cursor: pointer;
}

.hover\:border-\[\#9A9B9C\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(154 155 156 / var(--tw-border-opacity));
}

.hover\:border-\[\#9a9b9c\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(154 155 156 / var(--tw-border-opacity));
}

.hover\:bg-\[\#218838\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(33 136 56 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#305dc8\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(48 93 200 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#3371e3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 113 227 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#FFFFFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#c82333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(200 35 51 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#cc3333\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(204 51 51 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#f1f2f3\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 242 243 / var(--tw-bg-opacity));
}

.hover\:bg-bg2:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg2) / var(--twc-bg2-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-bg3:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg3) / var(--twc-bg3-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-bgSelect2:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bgSelect2) / var(--twc-bgSelect2-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-buttonColor:hover {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-buttonColor) / var(--twc-buttonColor-opacity, var(--tw-bg-opacity)));
}

.hover\:bg-gray-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

.hover\:text-\[\#249FFF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(36 159 255 / var(--tw-text-opacity));
}

.hover\:text-\[\#babdbc\]:hover {
  --tw-text-opacity: 1;
  color: rgb(186 189 188 / var(--tw-text-opacity));
}

.hover\:text-gray-200:hover {
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

.hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

.hover\:text-gray-800:hover {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}

.hover\:text-text2:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-text2) / var(--twc-text2-opacity, var(--tw-text-opacity)));
}

.hover\:text-text3:hover {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-text3) / var(--twc-text3-opacity, var(--tw-text-opacity)));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.group[open] .group-open\: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));
}

.group[open] .group-open\:border-0 {
  border-width: 0px;
}

.group:hover .group-hover\:block {
  display: block;
}

.group:hover .group-hover\:border-bg2 {
  --tw-border-opacity: 1;
  border-color: hsl(var(--twc-bg2) / var(--twc-bg2-opacity, var(--tw-border-opacity)));
}

.group:hover .group-hover\:bg-\[\#305dc8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 93 200 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-\[\#cc3333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(204 51 51 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-\[\#d1d2d3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(209 210 211 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:bg-bg2 {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg2) / var(--twc-bg2-opacity, var(--tw-bg-opacity)));
}

.peer:checked ~ .peer-checked\:translate-x-full {
  --tw-translate-x: 100%;
  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));
}

.peer:checked ~ .peer-checked\:border-\[\#3371e3\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 113 227 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:border-\[\#38b898\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 184 152 / var(--tw-border-opacity));
}

.peer:checked ~ .peer-checked\:bg-\[\#3371e3\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 113 227 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:bg-\[\#38b898\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 184 152 / var(--tw-bg-opacity));
}

.peer:checked ~ .peer-checked\:text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.peer:checked ~ .peer-checked\:text-textColor {
  --tw-text-opacity: 1;
  color: hsl(var(--twc-textColor) / var(--twc-textColor-opacity, var(--tw-text-opacity)));
}

.peer:checked ~ .peer-checked\:hover\:bg-\[\#3f9f80\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 159 128 / var(--tw-bg-opacity));
}

.peer:focus ~ .peer-focus\:outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.peer:focus ~ .peer-focus\: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);
}

.peer:focus ~ .peer-focus\:ring-offset-2 {
  --tw-ring-offset-width: 2px;
}

:is(.dark .dark\:bg-bg2) {
  --tw-bg-opacity: 1;
  background-color: hsl(var(--twc-bg2) / var(--twc-bg2-opacity, var(--tw-bg-opacity)));
}

@media (min-width: 640px) {

  .sm\:mb-6 {
    margin-bottom: 1.5rem;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:p-2 {
    padding: 0.5rem;
  }

  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .sm\:text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }

  .sm\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .sm\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .sm\:leading-relaxed {
    line-height: 1.625;
  }
}

@media (min-width: 768px) {

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

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

  .md\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .md\:mr-2 {
    margin-right: 0.5rem;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-40 {
    margin-top: 10rem;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-5\/6 {
    height: 83.333333%;
  }

  .md\:max-h-full {
    max-height: 100%;
  }

  .md\:w-44 {
    width: 11rem;
  }

  .md\:w-\[600px\] {
    width: 600px;
  }

  .md\:w-\[750px\] {
    width: 750px;
  }

  .md\:w-auto {
    width: auto;
  }

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

  .md\:pb-4 {
    padding-bottom: 1rem;
  }

  .md\:pt-5 {
    padding-top: 1.25rem;
  }

  .md\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .md\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .md\:text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

@media (min-width: 1024px) {

  .lg\:relative {
    position: relative;
  }

  .lg\:-left-4 {
    left: -1rem;
  }

  .lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .lg\:ml-1 {
    margin-left: 0.25rem;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:h-screen {
    height: 100vh;
  }

  .lg\:w-80 {
    width: 20rem;
  }

  .lg\:w-96 {
    width: 24rem;
  }

  .lg\:max-w-4xl {
    max-width: 56rem;
  }

  .lg\:justify-center {
    justify-content: center;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:pl-0 {
    padding-left: 0px;
  }
}

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ReactVirtualized__Table__row {
  display: flex;
  flex-direction: row;
  align-items: center;
}

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

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}
.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}
.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: flex;
  align-items: center;
}
.ReactVirtualized__Table__sortableHeaderIcon {
  flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}
/* Copyright 2014 Mozilla Foundation
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

:root {
  --react-pdf-annotation-layer: 1;
  --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");
  --input-focus-border-color: Highlight;
  --input-focus-outline: 1px solid Canvas;
  --input-unfocused-border-color: transparent;
  --input-disabled-border-color: transparent;
  --input-hover-border-color: black;
  --link-outline: none;
}

@media screen and (forced-colors: active) {
  :root {
    --input-focus-border-color: CanvasText;
    --input-unfocused-border-color: ActiveText;
    --input-disabled-border-color: GrayText;
    --input-hover-border-color: Highlight;
    --link-outline: 1.5px solid LinkText;
  }
  .annotationLayer .textWidgetAnnotation :is(input, textarea):required,
  .annotationLayer .choiceWidgetAnnotation select:required,
  .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
    outline: 1.5px solid selectedItem;
  }

  .annotationLayer .linkAnnotation:hover {
    -webkit-backdrop-filter: invert(100%);
            backdrop-filter: invert(100%);
  }
}

.annotationLayer {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  transform-origin: 0 0;
  z-index: 3;
}

.annotationLayer[data-main-rotation='90'] .norotate {
  transform: rotate(270deg) translateX(-100%);
}
.annotationLayer[data-main-rotation='180'] .norotate {
  transform: rotate(180deg) translate(-100%, -100%);
}
.annotationLayer[data-main-rotation='270'] .norotate {
  transform: rotate(90deg) translateY(-100%);
}

.annotationLayer canvas {
  position: absolute;
  width: 100%;
  height: 100%;
}

.annotationLayer section {
  position: absolute;
  text-align: initial;
  pointer-events: auto;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}

.annotationLayer .linkAnnotation {
  outline: var(--link-outline);
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover {
  opacity: 0.2;
  background: rgba(255, 255, 0, 1);
  box-shadow: 0 2px 10px rgba(255, 255, 0, 1);
}

.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea),
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  background-image: var(--annotation-unfocused-field-background);
  border: 2px solid var(--input-unfocused-border-color);
  box-sizing: border-box;
  font: calc(9px * var(--scale-factor)) sans-serif;
  height: 100%;
  margin: 0;
  vertical-align: top;
  width: 100%;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):required,
.annotationLayer .choiceWidgetAnnotation select:required,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required {
  outline: 1.5px solid red;
}

.annotationLayer .choiceWidgetAnnotation select option {
  padding: 0;
}

.annotationLayer .buttonWidgetAnnotation.radioButton input {
  border-radius: 50%;
}

.annotationLayer .textWidgetAnnotation textarea {
  resize: none;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] {
  background: none;
  border: 2px solid var(--input-disabled-border-color);
  cursor: not-allowed;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover {
  border: 2px solid var(--input-hover-border-color);
}
.annotationLayer .textWidgetAnnotation :is(input, textarea):hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover {
  border-radius: 2px;
}

.annotationLayer .textWidgetAnnotation :is(input, textarea):focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus {
  background-image: none;
  background-color: transparent;
}

.annotationLayer .buttonWidgetAnnotation.checkBox :focus {
  border: 2px solid var(--input-focus-border-color);
  border-radius: 2px;
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.radioButton :focus {
  border: 2px solid var(--input-focus-border-color);
  outline: var(--input-focus-outline);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after,
.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  background-color: CanvasText;
  content: '';
  display: block;
  position: absolute;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before,
.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  height: 80%;
  left: 45%;
  width: 1px;
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before {
  transform: rotate(45deg);
}

.annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after {
  transform: rotate(-45deg);
}

.annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before {
  border-radius: 50%;
  height: 50%;
  left: 30%;
  top: 20%;
  width: 50%;
}

.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 2px;
  padding-right: 0;
}

.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
   * Letter spacing is placed on the right side of each character. Hence, the
   * letter spacing of the last character may be placed outside the visible
   * area, causing horizontal scrolling. We avoid this by extending the width
   * when the element has focus and revert this when it loses focus.
   */
  width: 103%;
}

.annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.annotationLayer .popupTriggerArea {
  height: 100%;
  width: 100%;
}

.annotationLayer .fileAttachmentAnnotation .popupTriggerArea {
  position: absolute;
}

.annotationLayer .popupWrapper {
  position: absolute;
  font-size: calc(9px * var(--scale-factor));
  width: 100%;
  min-width: calc(180px * var(--scale-factor));
  pointer-events: none;
}

.annotationLayer .popup {
  position: absolute;
  max-width: calc(180px * var(--scale-factor));
  background-color: rgba(255, 255, 153, 1);
  box-shadow: 0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor))
    rgba(136, 136, 136, 1);
  border-radius: calc(2px * var(--scale-factor));
  padding: calc(6px * var(--scale-factor));
  margin-left: calc(5px * var(--scale-factor));
  cursor: pointer;
  font: message-box;
  white-space: normal;
  word-wrap: break-word;
  pointer-events: auto;
}

.annotationLayer .popup > * {
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .popup h1 {
  display: inline-block;
}

.annotationLayer .popupDate {
  display: inline-block;
  margin-left: calc(5px * var(--scale-factor));
}

.annotationLayer .popupContent {
  border-top: 1px solid rgba(51, 51, 51, 1);
  margin-top: calc(2px * var(--scale-factor));
  padding-top: calc(2px * var(--scale-factor));
}

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--scale-factor));
}

.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .freeTextAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .squareAnnotation svg rect,
.annotationLayer .circleAnnotation svg ellipse,
.annotationLayer .polylineAnnotation svg polyline,
.annotationLayer .polygonAnnotation svg polygon,
.annotationLayer .caretAnnotation,
.annotationLayer .inkAnnotation svg polyline,
.annotationLayer .stampAnnotation,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}

.annotationLayer section svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.annotationLayer .annotationTextContent {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}

.annotationLayer .annotationTextContent span {
  width: 100%;
  display: inline-block;
}