/* 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 {
    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);
}

.textLayer.selecting ~ .annotationLayer section {
  pointer-events: none;
}

.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(--total-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(--total-scale-factor));
  width: 100%;
  min-width: calc(180px * var(--total-scale-factor));
  pointer-events: none;
}

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

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

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

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

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

.annotationLayer .richText > * {
  white-space: pre-wrap;
  font-size: calc(9px * var(--total-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;
}
/* 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-text-layer: 1;
  --highlight-bg-color: rgba(180, 0, 170, 1);
  --highlight-selected-bg-color: rgba(0, 100, 0, 1);
}

@media screen and (forced-colors: active) {
  :root {
    --highlight-bg-color: Highlight;
    --highlight-selected-bg-color: ButtonText;
  }
}

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

.textLayer {
  position: absolute;
  text-align: initial;
  inset: 0;
  overflow: hidden;
  line-height: 1;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
  forced-color-adjust: none;
  transform-origin: 0 0;
  z-index: 2;
}

.textLayer :is(span, br) {
  color: transparent;
  position: absolute;
  white-space: pre;
  cursor: text;
  margin: 0;
  transform-origin: 0 0;
}

/* Only necessary in Google Chrome, see issue 14205, and most unfortunately
 * the problem doesn't show up in "text" reference tests. */
.textLayer span.markedContent {
  top: 0;
  height: 0;
}

.textLayer .highlight {
  margin: -1px;
  padding: 1px;
  background-color: var(--highlight-bg-color);
  border-radius: 4px;
}

.textLayer .highlight.appended {
  position: initial;
}

.textLayer .highlight.begin {
  border-radius: 4px 0 0 4px;
}

.textLayer .highlight.end {
  border-radius: 0 4px 4px 0;
}

.textLayer .highlight.middle {
  border-radius: 0;
}

.textLayer .highlight.selected {
  background-color: var(--highlight-selected-bg-color);
}

/* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
.textLayer br::-moz-selection {
  background: transparent;
}
.textLayer br::selection {
  background: transparent;
}

.textLayer .endOfContent {
  display: block;
  position: absolute;
  inset: 100% 0 0;
  z-index: -1;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.textLayer.selecting .endOfContent {
  top: 0;
}

.hiddenCanvasElement {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  display: none;
}
/* ubuntu-300 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ubuntu';
    font-style: normal;
    font-weight: 300;
    src: url('./ubuntu-v20-latin-300-BKjUvBYM.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* ubuntu-regular - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ubuntu';
    font-style: normal;
    font-weight: 400;
    src: url('./ubuntu-v20-latin-regular-5Llmrjj6.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* ubuntu-500 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ubuntu';
    font-style: normal;
    font-weight: 500;
    src: url('./ubuntu-v20-latin-500-DagxDTQR.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* ubuntu-700 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'ubuntu';
    font-style: normal;
    font-weight: 700;
    src: url('./ubuntu-v20-latin-700-BOBUN3KY.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
*, ::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(71 149 145 / 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(71 149 145 / 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:  ;
}/*
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)
*/

*:where(.tw-scope,.tw-scope *),
:where(.tw-scope,.tw-scope *)::before,
:where(.tw-scope,.tw-scope *)::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e4e4e7; /* 2 */
}

:where(.tw-scope,.tw-scope *)::before,
:where(.tw-scope,.tw-scope *)::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
*/

.tw-scope {
  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: ubuntu, Arial, Helvetica, sans-serif; /* 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.
*/

.tw-scope {
  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:where(.tw-scope,.tw-scope *) {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

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

abbr:where([title]):where(.tw-scope,.tw-scope *) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

h1:where(.tw-scope,.tw-scope *),
h2:where(.tw-scope,.tw-scope *),
h3:where(.tw-scope,.tw-scope *),
h4:where(.tw-scope,.tw-scope *),
h5:where(.tw-scope,.tw-scope *),
h6:where(.tw-scope,.tw-scope *) {
  font-size: inherit;
  font-weight: inherit;
}

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

a:where(.tw-scope,.tw-scope *) {
  color: inherit;
  text-decoration: inherit;
}

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

b:where(.tw-scope,.tw-scope *),
strong:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *),
kbd:where(.tw-scope,.tw-scope *),
samp:where(.tw-scope,.tw-scope *),
pre:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *) {
  font-size: 80%;
}

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

sub:where(.tw-scope,.tw-scope *),
sup:where(.tw-scope,.tw-scope *) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub:where(.tw-scope,.tw-scope *) {
  bottom: -0.25em;
}

sup:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *),
input:where(.tw-scope,.tw-scope *),
optgroup:where(.tw-scope,.tw-scope *),
select:where(.tw-scope,.tw-scope *),
textarea:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *),
select:where(.tw-scope,.tw-scope *) {
  text-transform: none;
}

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

button:where(.tw-scope,.tw-scope *),
input:where([type='button']):where(.tw-scope,.tw-scope *),
input:where([type='reset']):where(.tw-scope,.tw-scope *),
input:where([type='submit']):where(.tw-scope,.tw-scope *) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

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

:-moz-focusring:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *) {
  box-shadow: none;
}

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

progress:where(.tw-scope,.tw-scope *) {
  vertical-align: baseline;
}

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

:where(.tw-scope,.tw-scope *) ::-webkit-inner-spin-button,
:where(.tw-scope,.tw-scope *) ::-webkit-outer-spin-button {
  height: auto;
}

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

[type='search']:where(.tw-scope,.tw-scope *) {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

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

:where(.tw-scope,.tw-scope *) ::-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.
*/

:where(.tw-scope,.tw-scope *) ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

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

summary:where(.tw-scope,.tw-scope *) {
  display: list-item;
}

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

blockquote:where(.tw-scope,.tw-scope *),
dl:where(.tw-scope,.tw-scope *),
dd:where(.tw-scope,.tw-scope *),
h1:where(.tw-scope,.tw-scope *),
h2:where(.tw-scope,.tw-scope *),
h3:where(.tw-scope,.tw-scope *),
h4:where(.tw-scope,.tw-scope *),
h5:where(.tw-scope,.tw-scope *),
h6:where(.tw-scope,.tw-scope *),
hr:where(.tw-scope,.tw-scope *),
figure:where(.tw-scope,.tw-scope *),
p:where(.tw-scope,.tw-scope *),
pre:where(.tw-scope,.tw-scope *) {
  margin: 0;
}

fieldset:where(.tw-scope,.tw-scope *) {
  margin: 0;
  padding: 0;
}

legend:where(.tw-scope,.tw-scope *) {
  padding: 0;
}

ol:where(.tw-scope,.tw-scope *),
ul:where(.tw-scope,.tw-scope *),
menu:where(.tw-scope,.tw-scope *) {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog:where(.tw-scope,.tw-scope *) {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea:where(.tw-scope,.tw-scope *) {
  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.
*/

:where(.tw-scope,.tw-scope *) input::-moz-placeholder, :where(.tw-scope,.tw-scope *) textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #a1a1aa; /* 2 */
}

:where(.tw-scope,.tw-scope *) input::placeholder,
:where(.tw-scope,.tw-scope *) textarea::placeholder {
  opacity: 1; /* 1 */
  color: #a1a1aa; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button:where(.tw-scope,.tw-scope *),
[role="button"]:where(.tw-scope,.tw-scope *) {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *),
svg:where(.tw-scope,.tw-scope *),
video:where(.tw-scope,.tw-scope *),
canvas:where(.tw-scope,.tw-scope *),
audio:where(.tw-scope,.tw-scope *),
iframe:where(.tw-scope,.tw-scope *),
embed:where(.tw-scope,.tw-scope *),
object:where(.tw-scope,.tw-scope *) {
  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:where(.tw-scope,.tw-scope *),
video:where(.tw-scope,.tw-scope *) {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])):where(.tw-scope,.tw-scope *) {
  display: none;
}
.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;
  }
}
@media (min-width: 1920px) {

  .container {
    max-width: 1920px;
  }
}
.tw-scope .pointer-events-none {
  pointer-events: none;
}
.tw-scope .pointer-events-auto {
  pointer-events: auto;
}
.tw-scope .invisible {
  visibility: hidden;
}
.tw-scope .fixed {
  position: fixed;
}
.tw-scope .absolute {
  position: absolute;
}
.tw-scope .relative {
  position: relative;
}
.tw-scope .inset-0 {
  inset: 0px;
}
.tw-scope .inset-2 {
  inset: 0.5rem;
}
.tw-scope .inset-32 {
  inset: 8rem;
}
.tw-scope .inset-x-0 {
  left: 0px;
  right: 0px;
}
.tw-scope .inset-y-0 {
  top: 0px;
  bottom: 0px;
}
.tw-scope .-left-0\.5 {
  left: -0.125rem;
}
.tw-scope .-left-1 {
  left: -0.25rem;
}
.tw-scope .-left-2 {
  left: -0.5rem;
}
.tw-scope .-top-0\.5 {
  top: -0.125rem;
}
.tw-scope .bottom-0 {
  bottom: 0px;
}
.tw-scope .bottom-0\.5 {
  bottom: 0.125rem;
}
.tw-scope .bottom-2 {
  bottom: 0.5rem;
}
.tw-scope .bottom-4 {
  bottom: 1rem;
}
.tw-scope .left-0 {
  left: 0px;
}
.tw-scope .left-0\.5 {
  left: 0.125rem;
}
.tw-scope .left-1 {
  left: 0.25rem;
}
.tw-scope .left-2 {
  left: 0.5rem;
}
.tw-scope .left-4 {
  left: 1rem;
}
.tw-scope .left-\[50\%\] {
  left: 50%;
}
.tw-scope .left-sidebar {
  left: 340px;
}
.tw-scope .right-0 {
  right: 0px;
}
.tw-scope .right-1 {
  right: 0.25rem;
}
.tw-scope .right-12 {
  right: 3rem;
}
.tw-scope .right-2 {
  right: 0.5rem;
}
.tw-scope .right-4 {
  right: 1rem;
}
.tw-scope .top-0 {
  top: 0px;
}
.tw-scope .top-0\.5 {
  top: 0.125rem;
}
.tw-scope .top-1 {
  top: 0.25rem;
}
.tw-scope .top-2 {
  top: 0.5rem;
}
.tw-scope .top-3 {
  top: 0.75rem;
}
.tw-scope .top-5 {
  top: 1.25rem;
}
.tw-scope .top-6 {
  top: 1.5rem;
}
.tw-scope .top-60px {
  top: 60px;
}
.tw-scope .top-9 {
  top: 2.25rem;
}
.tw-scope .top-\[50\%\] {
  top: 50%;
}
.tw-scope .z-10 {
  z-index: 10;
}
.tw-scope .z-100 {
  z-index: 100;
}
.tw-scope .z-20 {
  z-index: 20;
}
.tw-scope .z-30 {
  z-index: 30;
}
.tw-scope .z-40 {
  z-index: 40;
}
.tw-scope .z-50 {
  z-index: 50;
}
.tw-scope .z-60 {
  z-index: 60;
}
.tw-scope .z-90 {
  z-index: 90;
}
.tw-scope .z-\[9999\] {
  z-index: 9999;
}
.tw-scope .-m-2px {
  margin: -2px;
}
.tw-scope .-m-px {
  margin: -1px;
}
.tw-scope .-mx-1 {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.tw-scope .mx-1\.5 {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}
.tw-scope .mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.tw-scope .mx-8 {
  margin-left: 2rem;
  margin-right: 2rem;
}
.tw-scope .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.tw-scope .my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.tw-scope .my-1\.5 {
  margin-top: 0.375rem;
  margin-bottom: 0.375rem;
}
.tw-scope .my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.tw-scope .my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.tw-scope .my-8 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.tw-scope .-ml-1 {
  margin-left: -0.25rem;
}
.tw-scope .-ml-4 {
  margin-left: -1rem;
}
.tw-scope .-mt-1 {
  margin-top: -0.25rem;
}
.tw-scope .-mt-2 {
  margin-top: -0.5rem;
}
.tw-scope .mb-1 {
  margin-bottom: 0.25rem;
}
.tw-scope .mb-2 {
  margin-bottom: 0.5rem;
}
.tw-scope .mb-3 {
  margin-bottom: 0.75rem;
}
.tw-scope .mb-4 {
  margin-bottom: 1rem;
}
.tw-scope .mb-6 {
  margin-bottom: 1.5rem;
}
.tw-scope .mb-8 {
  margin-bottom: 2rem;
}
.tw-scope .ml-1 {
  margin-left: 0.25rem;
}
.tw-scope .ml-1\.5 {
  margin-left: 0.375rem;
}
.tw-scope .ml-2 {
  margin-left: 0.5rem;
}
.tw-scope .ml-3 {
  margin-left: 0.75rem;
}
.tw-scope .ml-auto {
  margin-left: auto;
}
.tw-scope .mr-1 {
  margin-right: 0.25rem;
}
.tw-scope .mr-2 {
  margin-right: 0.5rem;
}
.tw-scope .mr-4 {
  margin-right: 1rem;
}
.tw-scope .mt-0\.5 {
  margin-top: 0.125rem;
}
.tw-scope .mt-1 {
  margin-top: 0.25rem;
}
.tw-scope .mt-2 {
  margin-top: 0.5rem;
}
.tw-scope .mt-4 {
  margin-top: 1rem;
}
.tw-scope .mt-6 {
  margin-top: 1.5rem;
}
.tw-scope .mt-8 {
  margin-top: 2rem;
}
.tw-scope .block {
  display: block;
}
.tw-scope .inline-block {
  display: inline-block;
}
.tw-scope .inline {
  display: inline;
}
.tw-scope .flex {
  display: flex;
}
.tw-scope .inline-flex {
  display: inline-flex;
}
.tw-scope .table {
  display: table;
}
.tw-scope .grid {
  display: grid;
}
.tw-scope .hidden {
  display: none;
}
.tw-scope .aspect-square {
  aspect-ratio: 1 / 1;
}
.tw-scope .aspect-video {
  aspect-ratio: 16 / 9;
}
.tw-scope .h-1 {
  height: 0.25rem;
}
.tw-scope .h-10 {
  height: 2.5rem;
}
.tw-scope .h-12 {
  height: 3rem;
}
.tw-scope .h-2 {
  height: 0.5rem;
}
.tw-scope .h-24 {
  height: 6rem;
}
.tw-scope .h-3 {
  height: 0.75rem;
}
.tw-scope .h-3\.5 {
  height: 0.875rem;
}
.tw-scope .h-32 {
  height: 8rem;
}
.tw-scope .h-4 {
  height: 1rem;
}
.tw-scope .h-48 {
  height: 12rem;
}
.tw-scope .h-5 {
  height: 1.25rem;
}
.tw-scope .h-6 {
  height: 1.5rem;
}
.tw-scope .h-60 {
  height: 15rem;
}
.tw-scope .h-60px {
  height: 60px;
}
.tw-scope .h-60vh {
  height: 60vh;
}
.tw-scope .h-64 {
  height: 16rem;
}
.tw-scope .h-8 {
  height: 2rem;
}
.tw-scope .h-9 {
  height: 2.25rem;
}
.tw-scope .h-\[60vh\] {
  height: 60vh;
}
.tw-scope .h-\[90vh\] {
  height: 90vh;
}
.tw-scope .h-\[var\(--radix-select-trigger-height\)\] {
  height: var(--radix-select-trigger-height);
}
.tw-scope .h-full {
  height: 100%;
}
.tw-scope .h-px {
  height: 1px;
}
.tw-scope .h-screen {
  height: 100vh;
}
.tw-scope .max-h-16 {
  max-height: 4rem;
}
.tw-scope .max-h-96 {
  max-height: 24rem;
}
.tw-scope .max-h-\[--radix-context-menu-content-available-height\] {
  max-height: var(--radix-context-menu-content-available-height);
}
.tw-scope .max-h-\[--radix-select-content-available-height\] {
  max-height: var(--radix-select-content-available-height);
}
.tw-scope .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
  max-height: var(--radix-dropdown-menu-content-available-height);
}
.tw-scope .max-h-full {
  max-height: 100%;
}
.tw-scope .min-h-8 {
  min-height: 2rem;
}
.tw-scope .min-h-9 {
  min-height: 2.25rem;
}
.tw-scope .min-h-\[60px\] {
  min-height: 60px;
}
.tw-scope .\!w-96 {
  width: 24rem !important;
}
.tw-scope .w-1\/2 {
  width: 50%;
}
.tw-scope .w-10 {
  width: 2.5rem;
}
.tw-scope .w-12 {
  width: 3rem;
}
.tw-scope .w-14 {
  width: 3.5rem;
}
.tw-scope .w-16 {
  width: 4rem;
}
.tw-scope .w-2 {
  width: 0.5rem;
}
.tw-scope .w-24 {
  width: 6rem;
}
.tw-scope .w-3 {
  width: 0.75rem;
}
.tw-scope .w-3\.5 {
  width: 0.875rem;
}
.tw-scope .w-32 {
  width: 8rem;
}
.tw-scope .w-36 {
  width: 9rem;
}
.tw-scope .w-4 {
  width: 1rem;
}
.tw-scope .w-40 {
  width: 10rem;
}
.tw-scope .w-48 {
  width: 12rem;
}
.tw-scope .w-5 {
  width: 1.25rem;
}
.tw-scope .w-56 {
  width: 14rem;
}
.tw-scope .w-6 {
  width: 1.5rem;
}
.tw-scope .w-60px {
  width: 60px;
}
.tw-scope .w-64 {
  width: 16rem;
}
.tw-scope .w-8 {
  width: 2rem;
}
.tw-scope .w-9 {
  width: 2.25rem;
}
.tw-scope .w-96 {
  width: 24rem;
}
.tw-scope .w-auto {
  width: auto;
}
.tw-scope .w-full {
  width: 100%;
}
.tw-scope .w-px {
  width: 1px;
}
.tw-scope .w-screen {
  width: 100vw;
}
.tw-scope .w-sidebar {
  width: 340px;
}
.tw-scope .min-w-0 {
  min-width: 0px;
}
.tw-scope .min-w-16 {
  min-width: 4rem;
}
.tw-scope .min-w-48 {
  min-width: 12rem;
}
.tw-scope .min-w-8 {
  min-width: 2rem;
}
.tw-scope .min-w-\[12rem\] {
  min-width: 12rem;
}
.tw-scope .min-w-\[8rem\] {
  min-width: 8rem;
}
.tw-scope .min-w-\[var\(--radix-select-trigger-width\)\] {
  min-width: var(--radix-select-trigger-width);
}
.tw-scope .max-w-128 {
  max-width: 32rem;
}
.tw-scope .max-w-16 {
  max-width: 4rem;
}
.tw-scope .max-w-32 {
  max-width: 8rem;
}
.tw-scope .max-w-4xl {
  max-width: 56rem;
}
.tw-scope .max-w-8 {
  max-width: 2rem;
}
.tw-scope .max-w-full {
  max-width: 100%;
}
.tw-scope .max-w-xl {
  max-width: 36rem;
}
.tw-scope .flex-1 {
  flex: 1 1 0%;
}
.tw-scope .flex-shrink {
  flex-shrink: 1;
}
.tw-scope .flex-shrink-0 {
  flex-shrink: 0;
}
.tw-scope .shrink-0 {
  flex-shrink: 0;
}
.tw-scope .flex-grow {
  flex-grow: 1;
}
.tw-scope .grow {
  flex-grow: 1;
}
.tw-scope .border-separate {
  border-collapse: separate;
}
.tw-scope .border-spacing-y-2px {
  --tw-border-spacing-y: 2px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
}
.tw-scope .origin-\[--radix-context-menu-content-transform-origin\] {
  transform-origin: var(--radix-context-menu-content-transform-origin);
}
.tw-scope .origin-\[--radix-dropdown-menu-content-transform-origin\] {
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
}
.tw-scope .origin-\[--radix-menubar-content-transform-origin\] {
  transform-origin: var(--radix-menubar-content-transform-origin);
}
.tw-scope .origin-\[--radix-select-content-transform-origin\] {
  transform-origin: var(--radix-select-content-transform-origin);
}
.tw-scope .origin-\[--radix-tooltip-content-transform-origin\] {
  transform-origin: var(--radix-tooltip-content-transform-origin);
}
.tw-scope .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));
}
.tw-scope .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));
}
.tw-scope .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));
}
.tw-scope .translate-y-0 {
  --tw-translate-y: 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));
}
.tw-scope .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));
}
.tw-scope .translate-y-full {
  --tw-translate-y: 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));
}
.tw-scope .-rotate-1 {
  --tw-rotate: -1deg;
  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));
}
.tw-scope .-rotate-2 {
  --tw-rotate: -2deg;
  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));
}
.tw-scope .-rotate-3 {
  --tw-rotate: -3deg;
  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));
}
.tw-scope .-rotate-6 {
  --tw-rotate: -6deg;
  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));
}
.tw-scope .rotate-2 {
  --tw-rotate: 2deg;
  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));
}
.tw-scope .rotate-3 {
  --tw-rotate: 3deg;
  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 pulse {

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

  to {
    transform: rotate(360deg);
  }
}
.tw-scope .animate-spin {
  animation: spin 1s linear infinite;
}
.tw-scope .\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.tw-scope .cursor-default {
  cursor: default;
}
.tw-scope .cursor-move {
  cursor: move;
}
.tw-scope .cursor-not-allowed {
  cursor: not-allowed;
}
.tw-scope .cursor-pointer {
  cursor: pointer;
}
.tw-scope .select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.tw-scope .select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.tw-scope .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.tw-scope .grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.tw-scope .grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.tw-scope .grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.tw-scope .flex-row {
  flex-direction: row;
}
.tw-scope .flex-col {
  flex-direction: column;
}
.tw-scope .flex-col-reverse {
  flex-direction: column-reverse;
}
.tw-scope .flex-wrap {
  flex-wrap: wrap;
}
.tw-scope .place-items-start {
  place-items: start;
}
.tw-scope .place-items-center {
  place-items: center;
}
.tw-scope .items-start {
  align-items: flex-start;
}
.tw-scope .items-center {
  align-items: center;
}
.tw-scope .justify-end {
  justify-content: flex-end;
}
.tw-scope .justify-center {
  justify-content: center;
}
.tw-scope .justify-between {
  justify-content: space-between;
}
.tw-scope .justify-around {
  justify-content: space-around;
}
.tw-scope .gap-0\.5 {
  gap: 0.125rem;
}
.tw-scope .gap-1 {
  gap: 0.25rem;
}
.tw-scope .gap-1\.5 {
  gap: 0.375rem;
}
.tw-scope .gap-2 {
  gap: 0.5rem;
}
.tw-scope .gap-3 {
  gap: 0.75rem;
}
.tw-scope .gap-4 {
  gap: 1rem;
}
.tw-scope .gap-8 {
  gap: 2rem;
}
.tw-scope .gap-y-0\.5 {
  row-gap: 0.125rem;
}
.tw-scope .gap-y-1 {
  row-gap: 0.25rem;
}
.tw-scope :is(.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));
}
.tw-scope :is(.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));
}
.tw-scope :is(.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));
}
.tw-scope .self-end {
  align-self: flex-end;
}
.tw-scope .overflow-auto {
  overflow: auto;
}
.tw-scope .overflow-hidden {
  overflow: hidden;
}
.tw-scope .overflow-scroll {
  overflow: scroll;
}
.tw-scope .overflow-x-auto {
  overflow-x: auto;
}
.tw-scope .overflow-y-auto {
  overflow-y: auto;
}
.tw-scope .overflow-x-hidden {
  overflow-x: hidden;
}
.tw-scope .overflow-y-scroll {
  overflow-y: scroll;
}
.tw-scope .truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tw-scope .overflow-ellipsis {
  text-overflow: ellipsis;
}
.tw-scope .text-ellipsis {
  text-overflow: ellipsis;
}
.tw-scope .whitespace-nowrap {
  white-space: nowrap;
}
.tw-scope .text-nowrap {
  text-wrap: nowrap;
}
.tw-scope .break-all {
  word-break: break-all;
}
.tw-scope .rounded {
  border-radius: 0.25rem;
}
.tw-scope .rounded-full {
  border-radius: 9999px;
}
.tw-scope .rounded-lg {
  border-radius: 0.5rem;
}
.tw-scope .rounded-md {
  border-radius: 0.375rem;
}
.tw-scope .rounded-sm {
  border-radius: 0.125rem;
}
.tw-scope .rounded-b {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.tw-scope .rounded-b-none {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.tw-scope .rounded-b-sm {
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.tw-scope .rounded-l-sm {
  border-top-left-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}
.tw-scope .rounded-r-none {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.tw-scope .rounded-t-md {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.tw-scope .rounded-tl-none {
  border-top-left-radius: 0px;
}
.tw-scope .border {
  border-width: 1px;
}
.tw-scope .border-0 {
  border-width: 0px;
}
.tw-scope .border-2 {
  border-width: 2px;
}
.tw-scope .border-b {
  border-bottom-width: 1px;
}
.tw-scope .border-l {
  border-left-width: 1px;
}
.tw-scope .border-r {
  border-right-width: 1px;
}
.tw-scope .border-t {
  border-top-width: 1px;
}
.tw-scope .border-t-0 {
  border-top-width: 0px;
}
.tw-scope .border-dashed {
  border-style: dashed;
}
.tw-scope .\!border-none {
  border-style: none !important;
}
.tw-scope .border-none {
  border-style: none;
}
.tw-scope .\!border-green-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(132 204 22 / var(--tw-border-opacity, 1)) !important;
}
.tw-scope .\!border-red-500 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)) !important;
}
.tw-scope .border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(244 244 245 / var(--tw-border-opacity, 1));
}
.tw-scope .border-gray-200 {
  --tw-border-opacity: 1;
  border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}
.tw-scope .border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}
.tw-scope .border-gray-600 {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}
.tw-scope .border-gray-900 {
  --tw-border-opacity: 1;
  border-color: rgb(24 24 27 / var(--tw-border-opacity, 1));
}
.tw-scope .border-primary-200 {
  --tw-border-opacity: 1;
  border-color: rgb(179 220 214 / var(--tw-border-opacity, 1));
}
.tw-scope .border-primary-500 {
  --tw-border-opacity: 1;
  border-color: rgb(71 149 145 / var(--tw-border-opacity, 1));
}
.tw-scope .border-primary-800 {
  --tw-border-opacity: 1;
  border-color: rgb(39 72 72 / var(--tw-border-opacity, 1));
}
.tw-scope .border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.tw-scope .border-transparent {
  border-color: transparent;
}
.tw-scope .border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.tw-scope .border-white\/100 {
  border-color: rgb(255 255 255 / 1);
}
.tw-scope .border-white\/50 {
  border-color: rgb(255 255 255 / 0.5);
}
.tw-scope .\!bg-gray-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1)) !important;
}
.tw-scope .\!bg-green-50 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1)) !important;
}
.tw-scope .\!bg-green-500\/10 {
  background-color: rgb(132 204 22 / 0.1) !important;
}
.tw-scope .\!bg-green-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(54 83 20 / var(--tw-bg-opacity, 1)) !important;
}
.tw-scope .\!bg-red-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)) !important;
}
.tw-scope .\!bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1) !important;
}
.tw-scope .\!bg-red-900 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1)) !important;
}
.tw-scope .bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-black\/0 {
  background-color: rgb(0 0 0 / 0);
}
.tw-scope .bg-black\/50 {
  background-color: rgb(0 0 0 / 0.5);
}
.tw-scope .bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 149 145 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 110 108 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-blue-600\/20 {
  background-color: rgb(51 110 108 / 0.2);
}
.tw-scope .bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-100\/80 {
  background-color: rgb(244 244 245 / 0.8);
}
.tw-scope .bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-200\/70 {
  background-color: rgb(228 228 231 / 0.7);
}
.tw-scope .bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(161 161 170 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-50\/50 {
  background-color: rgb(250 250 250 / 0.5);
}
.tw-scope .bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(113 113 122 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-800\/50 {
  background-color: rgb(39 39 42 / 0.5);
}
.tw-scope .bg-gray-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-gray-900\/90 {
  background-color: rgb(24 24 27 / 0.9);
}
.tw-scope .bg-gray-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 22 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 252 203 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-green-600\/20 {
  background-color: rgb(101 163 13 / 0.2);
}
.tw-scope .bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(227 107 47 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(217 238 234 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-primary-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(92 165 160 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(244 249 248 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-primary-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 149 145 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-primary-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(51 110 108 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-primary-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(44 89 89 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-red-500\/50 {
  background-color: rgb(239 68 68 / 0.5);
}
.tw-scope .bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-red-600\/20 {
  background-color: rgb(220 38 38 / 0.2);
}
.tw-scope .bg-transparent {
  background-color: transparent;
}
.tw-scope .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.tw-scope .bg-checkerboard {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h16v16H0z%22%20style%3D%22fill%3A%23ebebeb%22/%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20transform%3D%22translate%2816%2016%29%22/%3E%3C/svg%3E);;
}
.tw-scope .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.tw-scope .from-black\/50 {
  --tw-gradient-from: rgb(0 0 0 / 0.5) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tw-scope .from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.tw-scope .to-black\/0 {
  --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);
}
.tw-scope .to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.tw-scope .bg-\[length\:20px_20px\] {
  background-size: 20px 20px;
}
.tw-scope .\!fill-gray-800 {
  fill: #27272a !important;
}
.tw-scope .\!fill-green-800 {
  fill: #3f6212 !important;
}
.tw-scope .fill-current {
  fill: currentColor;
}
.tw-scope .object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}
.tw-scope .object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.tw-scope .object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}
.tw-scope .p-0\.5 {
  padding: 0.125rem;
}
.tw-scope .p-1 {
  padding: 0.25rem;
}
.tw-scope .p-2 {
  padding: 0.5rem;
}
.tw-scope .p-3 {
  padding: 0.75rem;
}
.tw-scope .p-4 {
  padding: 1rem;
}
.tw-scope .p-5 {
  padding: 1.25rem;
}
.tw-scope .p-6 {
  padding: 1.5rem;
}
.tw-scope .p-8 {
  padding: 2rem;
}
.tw-scope .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.tw-scope .px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.tw-scope .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tw-scope .px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.tw-scope .px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.tw-scope .px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.tw-scope .px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.tw-scope .px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.tw-scope .py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.tw-scope .py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.tw-scope .py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.tw-scope .py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.tw-scope .py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.tw-scope .py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.tw-scope .py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.tw-scope .py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.tw-scope .py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.tw-scope .pb-0 {
  padding-bottom: 0px;
}
.tw-scope .pb-1 {
  padding-bottom: 0.25rem;
}
.tw-scope .pb-1\.625 {
  padding-bottom: 0.45rem;
}
.tw-scope .pb-12 {
  padding-bottom: 3rem;
}
.tw-scope .pb-2 {
  padding-bottom: 0.5rem;
}
.tw-scope .pb-24 {
  padding-bottom: 6rem;
}
.tw-scope .pb-3 {
  padding-bottom: 0.75rem;
}
.tw-scope .pb-4 {
  padding-bottom: 1rem;
}
.tw-scope .pb-60px {
  padding-bottom: 60px;
}
.tw-scope .pb-8 {
  padding-bottom: 2rem;
}
.tw-scope .pl-0 {
  padding-left: 0px;
}
.tw-scope .pl-1 {
  padding-left: 0.25rem;
}
.tw-scope .pl-1\.5 {
  padding-left: 0.375rem;
}
.tw-scope .pl-10 {
  padding-left: 2.5rem;
}
.tw-scope .pl-12 {
  padding-left: 3rem;
}
.tw-scope .pl-16 {
  padding-left: 4rem;
}
.tw-scope .pl-2 {
  padding-left: 0.5rem;
}
.tw-scope .pl-20 {
  padding-left: 5rem;
}
.tw-scope .pl-24 {
  padding-left: 6rem;
}
.tw-scope .pl-28 {
  padding-left: 7rem;
}
.tw-scope .pl-3 {
  padding-left: 0.75rem;
}
.tw-scope .pl-3\.5 {
  padding-left: 0.875rem;
}
.tw-scope .pl-32 {
  padding-left: 8rem;
}
.tw-scope .pl-36 {
  padding-left: 9rem;
}
.tw-scope .pl-4 {
  padding-left: 1rem;
}
.tw-scope .pl-5 {
  padding-left: 1.25rem;
}
.tw-scope .pl-6 {
  padding-left: 1.5rem;
}
.tw-scope .pl-60px {
  padding-left: 60px;
}
.tw-scope .pl-7 {
  padding-left: 1.75rem;
}
.tw-scope .pl-8 {
  padding-left: 2rem;
}
.tw-scope .pl-9 {
  padding-left: 2.25rem;
}
.tw-scope .pr-0\.5 {
  padding-right: 0.125rem;
}
.tw-scope .pr-1 {
  padding-right: 0.25rem;
}
.tw-scope .pr-10 {
  padding-right: 2.5rem;
}
.tw-scope .pr-2 {
  padding-right: 0.5rem;
}
.tw-scope .pr-2\.5 {
  padding-right: 0.625rem;
}
.tw-scope .pr-4 {
  padding-right: 1rem;
}
.tw-scope .pr-8 {
  padding-right: 2rem;
}
.tw-scope .pt-1\.5 {
  padding-top: 0.375rem;
}
.tw-scope .pt-16 {
  padding-top: 4rem;
}
.tw-scope .pt-2 {
  padding-top: 0.5rem;
}
.tw-scope .pt-2\.5 {
  padding-top: 0.625rem;
}
.tw-scope .pt-4 {
  padding-top: 1rem;
}
.tw-scope .pt-8 {
  padding-top: 2rem;
}
.tw-scope .text-left {
  text-align: left;
}
.tw-scope .text-center {
  text-align: center;
}
.tw-scope .text-right {
  text-align: right;
}
.tw-scope .\!font-sans {
  font-family: ubuntu, Arial, Helvetica, sans-serif !important;
}
.tw-scope .font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.tw-scope .\!text-base {
  font-size: 1rem !important;
}
.tw-scope .\!text-xl {
  font-size: 1.25rem !important;
}
.tw-scope .text-2xl {
  font-size: 1.5rem;
}
.tw-scope .text-base {
  font-size: 1rem;
}
.tw-scope .text-lg {
  font-size: 1.125rem;
}
.tw-scope .text-sm {
  font-size: 0.875rem;
}
.tw-scope .text-xl {
  font-size: 1.25rem;
}
.tw-scope .text-xs {
  font-size: 0.7875rem;
}
.tw-scope .font-bold {
  font-weight: 700;
}
.tw-scope .font-medium {
  font-weight: 500;
}
.tw-scope .font-normal {
  font-weight: 400;
}
.tw-scope .font-semibold {
  font-weight: 600;
}
.tw-scope .uppercase {
  text-transform: uppercase;
}
.tw-scope .leading-5 {
  line-height: 1.25rem;
}
.tw-scope .leading-none {
  line-height: 1;
}
.tw-scope .tracking-normal {
  letter-spacing: 0em;
}
.tw-scope .tracking-widest {
  letter-spacing: 0.1em;
}
.tw-scope .\!text-gray-400 {
  --tw-text-opacity: 1 !important;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1)) !important;
}
.tw-scope .text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.tw-scope .text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(92 165 160 / var(--tw-text-opacity, 1));
}
.tw-scope .text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(51 110 108 / var(--tw-text-opacity, 1));
}
.tw-scope .text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(44 89 89 / var(--tw-text-opacity, 1));
}
.tw-scope .text-current {
  color: currentColor;
}
.tw-scope .text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-50 {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(39 39 42 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}
.tw-scope .text-gray-950 {
  --tw-text-opacity: 1;
  color: rgb(18 18 22 / var(--tw-text-opacity, 1));
}
.tw-scope .text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(132 204 22 / var(--tw-text-opacity, 1));
}
.tw-scope .text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(101 163 13 / var(--tw-text-opacity, 1));
}
.tw-scope .text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(77 124 15 / var(--tw-text-opacity, 1));
}
.tw-scope .text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(227 107 47 / var(--tw-text-opacity, 1));
}
.tw-scope .text-primary-400 {
  --tw-text-opacity: 1;
  color: rgb(92 165 160 / var(--tw-text-opacity, 1));
}
.tw-scope .text-primary-500 {
  --tw-text-opacity: 1;
  color: rgb(71 149 145 / var(--tw-text-opacity, 1));
}
.tw-scope .text-primary-600 {
  --tw-text-opacity: 1;
  color: rgb(51 110 108 / var(--tw-text-opacity, 1));
}
.tw-scope .text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.tw-scope .text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.tw-scope .text-red-800 {
  --tw-text-opacity: 1;
  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
}
.tw-scope .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.tw-scope .text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(228 186 66 / var(--tw-text-opacity, 1));
}
.tw-scope .underline {
  text-decoration-line: underline;
}
.tw-scope .underline-offset-4 {
  text-underline-offset: 4px;
}
.tw-scope .opacity-0 {
  opacity: 0;
}
.tw-scope .opacity-10 {
  opacity: 0.1;
}
.tw-scope .opacity-100 {
  opacity: 1;
}
.tw-scope .opacity-20 {
  opacity: 0.2;
}
.tw-scope .opacity-25 {
  opacity: 0.25;
}
.tw-scope .opacity-30 {
  opacity: 0.3;
}
.tw-scope .opacity-40 {
  opacity: 0.4;
}
.tw-scope .opacity-50 {
  opacity: 0.5;
}
.tw-scope .opacity-60 {
  opacity: 0.6;
}
.tw-scope .\!shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-scope .\!shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.tw-scope .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);
}
.tw-scope .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);
}
.tw-scope .shadow-inner {
  --tw-shadow: inset 0 -1px 0 0 rgb(0 0 0 / 0.1);
  --tw-shadow-colored: inset 0 -1px 0 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);
}
.tw-scope .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);
}
.tw-scope .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);
}
.tw-scope .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);
}
.tw-scope .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);
}
.tw-scope .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);
}
.tw-scope .shadow-gray-200 {
  --tw-shadow-color: #e4e4e7;
  --tw-shadow: var(--tw-shadow-colored);
}
.tw-scope .\!outline-none {
  outline: 2px solid transparent !important;
  outline-offset: 2px !important;
}
.tw-scope .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.tw-scope .outline {
  outline-style: solid;
}
.tw-scope .outline-dashed {
  outline-style: dashed;
}
.tw-scope .outline-2 {
  outline-width: 2px;
}
.tw-scope .\!outline-offset-0 {
  outline-offset: 0px !important;
}
.tw-scope .outline-offset-0 {
  outline-offset: 0px;
}
.tw-scope .\!outline-red-500 {
  outline-color: #ef4444 !important;
}
.tw-scope .outline-gray-300\/25 {
  outline-color: rgb(212 212 216 / 0.25);
}
.tw-scope .outline-gray-500\/25 {
  outline-color: rgb(113 113 122 / 0.25);
}
.tw-scope .outline-green-500 {
  outline-color: #84cc16;
}
.tw-scope .outline-primary-500 {
  outline-color: #479591;
}
.tw-scope .outline-red-500 {
  outline-color: #ef4444;
}
.tw-scope .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);
}
.tw-scope .ring-offset-white {
  --tw-ring-offset-color: #fff;
}
.tw-scope .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);
}
.tw-scope .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);
}
.tw-scope .backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  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);
}
.tw-scope .transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-scope .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-scope .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-scope .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-scope .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.tw-scope .duration-200 {
  transition-duration: 200ms;
}
.tw-scope .duration-300 {
  transition-duration: 300ms;
}
@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));
  }
}
.tw-scope .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;
}
.tw-scope .fade-in-0 {
  --tw-enter-opacity: 0;
}
.tw-scope .zoom-in-95 {
  --tw-enter-scale: .95;
}
.tw-scope .duration-200 {
  animation-duration: 200ms;
}
.tw-scope .duration-300 {
  animation-duration: 300ms;
}

[data-sonner-toaster][data-sonner-theme='light'] {
    --normal-bg: #fff;
    --normal-border: var(--gray4);
    --normal-text: var(--gray12);
    --success-bg: #ecfccb !important;
    --success-border: #ecfccb !important;
    --success-text: #65a30d !important;
    --info-bg: #d9eeea !important;
    --info-border: #d9eeea !important;
    --info-text: #336e6c !important;
    --warning-bg: #fbe9d9 !important;
    --warning-border: #fbe9d9 !important;
    --warning-text: #d45122 !important;
    --error-bg: #fee2e2 !important;
    --error-border: #fee2e2 !important;
    --error-text: #dc2626 !important;
}

@media (prefers-color-scheme: dark) {
    .system input::-webkit-calendar-picker-indicator {
    --tw-invert: invert(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);
  }
}
.dark input::-webkit-calendar-picker-indicator {
  --tw-invert: invert(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);
}

.light input::-webkit-calendar-picker-indicator {
  --tw-invert: invert(0);
  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);
}

.tw-scope :is(.\*\:h-6 > *) {
  height: 1.5rem;
}

.tw-scope :is(.\*\:h-8 > *) {
  height: 2rem;
}

.tw-scope :is(.\*\:w-auto > *) {
  width: auto;
}

.tw-scope .file\:border-0::file-selector-button {
  border-width: 0px;
}

.tw-scope .file\:bg-transparent::file-selector-button {
  background-color: transparent;
}

.tw-scope .file\:text-sm::file-selector-button {
  font-size: 0.875rem;
}

.tw-scope .file\:font-medium::file-selector-button {
  font-weight: 500;
}

.tw-scope .file\:text-gray-950::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(18 18 22 / var(--tw-text-opacity, 1));
}

.tw-scope .placeholder\:text-gray-400::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tw-scope .placeholder\:text-gray-400::placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tw-scope .placeholder\:text-gray-500::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.tw-scope .placeholder\:text-gray-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.tw-scope .last\:border-0:last-child {
  border-width: 0px;
}

.tw-scope .hover\:-mt-2:hover {
  margin-top: -0.5rem;
}

.tw-scope .hover\:border-gray-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}

.tw-scope .hover\:border-gray-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
}

.tw-scope .hover\:border-primary-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(71 149 145 / var(--tw-border-opacity, 1));
}

.tw-scope .hover\:border-white\/100:hover {
  border-color: rgb(255 255 255 / 1);
}

.tw-scope .hover\:bg-black\/60:hover {
  background-color: rgb(0 0 0 / 0.6);
}

.tw-scope .hover\:bg-blue-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(71 149 145 / var(--tw-bg-opacity, 1));
}

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

.tw-scope .hover\:bg-gray-200:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-gray-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
}

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

.tw-scope .hover\:bg-gray-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-gray-900:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-green-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-primary-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(217 238 234 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-primary-300:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(133 195 189 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-primary-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(92 165 160 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-primary-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 110 108 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-red-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-red-500:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw-scope .hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:text-gray-400:hover {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:text-gray-500:hover {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:text-gray-600:hover {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:text-gray-700:hover {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:text-primary-500:hover {
  --tw-text-opacity: 1;
  color: rgb(71 149 145 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:text-red-600:hover {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

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

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

.tw-scope .hover\:outline:hover {
  outline-style: solid;
}

.tw-scope .focus\:bg-gray-100:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.tw-scope .focus\:bg-white:focus {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw-scope .focus\:text-black:focus {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.tw-scope .focus\:text-gray-900:focus {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

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

.tw-scope .focus\:outline-offset-0:focus {
  outline-offset: 0px;
}

.tw-scope .focus\:outline-primary-500:focus {
  outline-color: #479591;
}

.tw-scope .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);
}

.tw-scope .focus\:ring-gray-500:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity, 1));
}

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

.tw-scope .focus-visible\:ring-0: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(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);
}

.tw-scope .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);
}

.tw-scope .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);
}

.tw-scope .focus-visible\:ring-gray-300:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1));
}

.tw-scope .focus-visible\:ring-gray-500:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(113 113 122 / var(--tw-ring-opacity, 1));
}

.tw-scope .focus-visible\:ring-gray-950:focus-visible {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(18 18 22 / var(--tw-ring-opacity, 1));
}

.tw-scope .focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}

.tw-scope .focus-visible\:ring-offset-gray-950:focus-visible {
  --tw-ring-offset-color: #121216;
}

.tw-scope .focus-visible\:ring-offset-white:focus-visible {
  --tw-ring-offset-color: #fff;
}

.tw-scope .disabled\:pointer-events-none:disabled {
  pointer-events: none;
}

.tw-scope .disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.tw-scope .disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.tw-scope .disabled\:opacity-50:disabled {
  opacity: 0.5;
}

.tw-scope :is(.group:hover .group-hover\:visible) {
  visibility: visible;
}

.tw-scope :is(.group:hover .group-hover\:flex) {
  display: flex;
}

.tw-scope :is(.group:hover .group-hover\:text-gray-600) {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.tw-scope :is(.group:hover .group-hover\:opacity-100) {
  opacity: 1;
}

.tw-scope :is(.peer:disabled ~ .peer-disabled\:cursor-not-allowed) {
  cursor: not-allowed;
}

.tw-scope :is(.peer:disabled ~ .peer-disabled\:opacity-70) {
  opacity: 0.7;
}

.tw-scope .has-\[\[aria-checked\=true\]\]\:border-blue-200:has([aria-checked=true]) {
  --tw-border-opacity: 1;
  border-color: rgb(179 220 214 / var(--tw-border-opacity, 1));
}

.tw-scope .has-\[\[aria-checked\=true\]\]\:border-primary-200:has([aria-checked=true]) {
  --tw-border-opacity: 1;
  border-color: rgb(179 220 214 / var(--tw-border-opacity, 1));
}

.tw-scope .has-\[\[aria-checked\=true\]\]\:bg-blue-50:has([aria-checked=true]) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 249 248 / var(--tw-bg-opacity, 1));
}

.tw-scope .has-\[\[aria-checked\=true\]\]\:bg-primary-50:has([aria-checked=true]) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 249 248 / var(--tw-bg-opacity, 1));
}

.tw-scope .data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}

.tw-scope .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));
}

.tw-scope .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));
}

.tw-scope .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));
}

.tw-scope .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));
}

.tw-scope .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));
}

.tw-scope .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));
}

.tw-scope .data-\[state\=checked\]\:border-blue-600[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(51 110 108 / var(--tw-border-opacity, 1));
}

.tw-scope .data-\[state\=checked\]\:border-primary-600[data-state="checked"] {
  --tw-border-opacity: 1;
  border-color: rgb(51 110 108 / var(--tw-border-opacity, 1));
}

.tw-scope .data-\[state\=checked\]\:bg-blue-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 110 108 / var(--tw-bg-opacity, 1));
}

.tw-scope .data-\[state\=checked\]\:bg-gray-900[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.tw-scope .data-\[state\=checked\]\:bg-green-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
}

.tw-scope .data-\[state\=checked\]\:bg-primary-600[data-state="checked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 110 108 / var(--tw-bg-opacity, 1));
}

.tw-scope .data-\[state\=open\]\:bg-gray-100[data-state="open"] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.tw-scope .data-\[state\=unchecked\]\:bg-gray-200[data-state="unchecked"] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}

.tw-scope .data-\[placeholder\]\:text-gray-500[data-placeholder] {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.tw-scope .data-\[state\=checked\]\:text-gray-50[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.tw-scope .data-\[state\=checked\]\:text-white[data-state="checked"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-scope .data-\[state\=open\]\:text-gray-900[data-state="open"] {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

.tw-scope .data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}

.tw-scope .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;
}

.tw-scope .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;
}

.tw-scope .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
  --tw-exit-opacity: 0;
}

.tw-scope .data-\[state\=open\]\:fade-in-0[data-state="open"] {
  --tw-enter-opacity: 0;
}

.tw-scope .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
  --tw-exit-scale: .95;
}

.tw-scope .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
  --tw-enter-scale: .95;
}

.tw-scope .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
  --tw-enter-translate-y: -0.5rem;
}

.tw-scope .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
  --tw-enter-translate-x: 0.5rem;
}

.tw-scope .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
  --tw-enter-translate-x: -0.5rem;
}

.tw-scope .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
  --tw-enter-translate-y: 0.5rem;
}

.tw-scope .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
  --tw-exit-translate-x: -50%;
}

.tw-scope .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
  --tw-exit-translate-y: -48%;
}

.tw-scope .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
  --tw-enter-translate-x: -50%;
}

.tw-scope .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
  --tw-enter-translate-y: -48%;
}

@media (min-width: 640px) {

  .tw-scope .sm\:mt-0 {
    margin-top: 0px;
  }

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

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

  .tw-scope :is(.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)));
  }

  .tw-scope .sm\:rounded-lg {
    border-radius: 0.5rem;
  }

  .tw-scope .sm\:text-left {
    text-align: left;
  }
}

@media (min-width: 768px) {

  .tw-scope .md\:w-3\/4 {
    width: 75%;
  }

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

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

  .tw-scope .md\:text-sm {
    font-size: 0.875rem;
  }
}

@media (min-width: 1024px) {

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

  .tw-scope .lg\:mb-2 {
    margin-bottom: 0.5rem;
  }

  .tw-scope .lg\:w-2\/3 {
    width: 66.666667%;
  }

  .tw-scope .lg\:w-3\/4 {
    width: 75%;
  }

  .tw-scope .lg\:w-56 {
    width: 14rem;
  }

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

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

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

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

  .tw-scope .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 1280px) {

  .tw-scope .xl\:flex {
    display: flex;
  }

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

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

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

  .tw-scope .xl\:flex-row {
    flex-direction: row;
  }
}

@media (min-width: 1536px) {

  .tw-scope .\32xl\:flex {
    display: flex;
  }

  .tw-scope .\32xl\:w-1\/2 {
    width: 50%;
  }

  .tw-scope .\32xl\:w-2\/3 {
    width: 66.666667%;
  }

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

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

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

@media (min-width: 1920px) {

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

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

  .tw-scope .\33xl\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (prefers-color-scheme: dark) {

  .tw-scope .dark\:border-gray-50:is(.system *):not(.light .dark\:border-gray-50) {
    --tw-border-opacity: 1;
    border-color: rgb(250 250 250 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:border-gray-500:is(.system *):not(.light .dark\:border-gray-500) {
    --tw-border-opacity: 1;
    border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:border-gray-600:is(.system *):not(.light .dark\:border-gray-600) {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:border-gray-700:is(.system *):not(.light .dark\:border-gray-700) {
    --tw-border-opacity: 1;
    border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:border-gray-800:is(.system *):not(.light .dark\:border-gray-800) {
    --tw-border-opacity: 1;
    border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:border-primary-500:is(.system *):not(.light .dark\:border-primary-500) {
    --tw-border-opacity: 1;
    border-color: rgb(71 149 145 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:border-primary-800:is(.system *):not(.light .dark\:border-primary-800) {
    --tw-border-opacity: 1;
    border-color: rgb(39 72 72 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:\!bg-green-900:is(.system *):not(.light .dark\:\!bg-green-900) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(54 83 20 / var(--tw-bg-opacity, 1)) !important;
  }

  .tw-scope .dark\:\!bg-red-900:is(.system *):not(.light .dark\:\!bg-red-900) {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1)) !important;
  }

  .tw-scope .dark\:bg-blue-600:is(.system *):not(.light .dark\:bg-blue-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(51 110 108 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-gray-50:is(.system *):not(.light .dark\:bg-gray-50) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-gray-600:is(.system *):not(.light .dark\:bg-gray-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-gray-700:is(.system *):not(.light .dark\:bg-gray-700) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-gray-800:is(.system *):not(.light .dark\:bg-gray-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-gray-800\/70:is(.system *):not(.light .dark\:bg-gray-800\/70) {
    background-color: rgb(39 39 42 / 0.7);
  }

  .tw-scope .dark\:bg-gray-900:is(.system *):not(.light .dark\:bg-gray-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-gray-900\/90:is(.system *):not(.light .dark\:bg-gray-900\/90) {
    background-color: rgb(24 24 27 / 0.9);
  }

  .tw-scope .dark\:bg-gray-950:is(.system *):not(.light .dark\:bg-gray-950) {
    --tw-bg-opacity: 1;
    background-color: rgb(18 18 22 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-green-600:is(.system *):not(.light .dark\:bg-green-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-green-900:is(.system *):not(.light .dark\:bg-green-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(54 83 20 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-primary-800:is(.system *):not(.light .dark\:bg-primary-800) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 72 72 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-primary-900:is(.system *):not(.light .dark\:bg-primary-900) {
    --tw-bg-opacity: 1;
    background-color: rgb(35 62 62 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-primary-950:is(.system *):not(.light .dark\:bg-primary-950) {
    --tw-bg-opacity: 1;
    background-color: rgb(16 34 35 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-red-600:is(.system *):not(.light .dark\:bg-red-600) {
    --tw-bg-opacity: 1;
    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-white:is(.system *):not(.light .dark\:bg-white) {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:bg-checkerboard-inverse:is(.system *):not(.light .dark\:bg-checkerboard-inverse) {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h16v16H0z%22%20style%3D%22fill%3A%2318181b%22/%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20transform%3D%22translate%2816%2016%29%22/%3E%3C/svg%3E);;
  }

  .tw-scope .dark\:to-gray-800:is(.system *):not(.light .dark\:to-gray-800) {
    --tw-gradient-to: #27272a var(--tw-gradient-to-position);
  }

  .tw-scope .dark\:text-gray-300:is(.system *):not(.light .dark\:text-gray-300) {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-gray-400:is(.system *):not(.light .dark\:text-gray-400) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-gray-50:is(.system *):not(.light .dark\:text-gray-50) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-gray-500:is(.system *):not(.light .dark\:text-gray-500) {
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-gray-600:is(.system *):not(.light .dark\:text-gray-600) {
    --tw-text-opacity: 1;
    color: rgb(82 82 91 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-gray-900:is(.system *):not(.light .dark\:text-gray-900) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-green-400:is(.system *):not(.light .dark\:text-green-400) {
    --tw-text-opacity: 1;
    color: rgb(163 230 53 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-red-500:is(.system *):not(.light .dark\:text-red-500) {
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:text-white:is(.system *):not(.light .dark\:text-white) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:opacity-40:is(.system *):not(.light .dark\:opacity-40) {
    opacity: 0.4;
  }

  .tw-scope .dark\:shadow-gray-700:is(.system *):not(.light .dark\:shadow-gray-700) {
    --tw-shadow-color: #3f3f46;
    --tw-shadow: var(--tw-shadow-colored);
  }

  .tw-scope .dark\:shadow-gray-900:is(.system *):not(.light .dark\:shadow-gray-900) {
    --tw-shadow-color: #18181b;
    --tw-shadow: var(--tw-shadow-colored);
  }

  .tw-scope .dark\:outline-gray-300\/25:is(.system *):not(.light .dark\:outline-gray-300\/25) {
    outline-color: rgb(212 212 216 / 0.25);
  }

  .tw-scope .dark\:ring-offset-gray-950:is(.system *):not(.light .dark\:ring-offset-gray-950) {
    --tw-ring-offset-color: #121216;
  }

  .tw-scope .dark\:file\:text-gray-50:is(.system *):not(.light .dark\:file\:text-gray-50)::file-selector-button::file-selector-button {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:placeholder\:text-gray-400:is(.system *):not(.light .dark\:placeholder\:text-gray-400)::-moz-placeholder::placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:placeholder\:text-gray-400:is(.system *):not(.light .dark\:placeholder\:text-gray-400)::placeholder::placeholder {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:hover\:border-gray-300:hover:is(.system *):not(.light .dark\:hover\:border-gray-300:hover) {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:hover\:border-gray-600:hover:is(.system *):not(.light .dark\:hover\:border-gray-600:hover) {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-black:hover:is(.system *):not(.light .dark\:hover\:bg-black:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-blue-500:hover:is(.system *):not(.light .dark\:hover\:bg-blue-500:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(71 149 145 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-gray-100:hover:is(.system *):not(.light .dark\:hover\:bg-gray-100:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-gray-600:hover:is(.system *):not(.light .dark\:hover\:bg-gray-600:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-gray-700:hover:is(.system *):not(.light .dark\:hover\:bg-gray-700:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-gray-800:hover:is(.system *):not(.light .dark\:hover\:bg-gray-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-gray-900:hover:is(.system *):not(.light .dark\:hover\:bg-gray-900:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-green-500:hover:is(.system *):not(.light .dark\:hover\:bg-green-500:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-primary-800:hover:is(.system *):not(.light .dark\:hover\:bg-primary-800:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 72 72 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:bg-red-500:hover:is(.system *):not(.light .dark\:hover\:bg-red-500:hover) {
    --tw-bg-opacity: 1;
    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:hover\:text-gray-200:hover:is(.system *):not(.light .dark\:hover\:text-gray-200:hover) {
    --tw-text-opacity: 1;
    color: rgb(228 228 231 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:hover\:text-gray-300:hover:is(.system *):not(.light .dark\:hover\:text-gray-300:hover) {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:hover\:text-gray-50:hover:is(.system *):not(.light .dark\:hover\:text-gray-50:hover) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:hover\:text-red-600:hover:is(.system *):not(.light .dark\:hover\:text-red-600:hover) {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:hover\:text-white:hover:is(.system *):not(.light .dark\:hover\:text-white:hover) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .tw-scope .hover\:dark\:text-white:is(.system *):not(.light .hover\:dark\:text-white):hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:focus\:bg-black:focus:is(.system *):not(.light .dark\:focus\:bg-black:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:focus\:bg-gray-800:focus:is(.system *):not(.light .dark\:focus\:bg-gray-800:focus) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:focus\:text-gray-50:focus:is(.system *):not(.light .dark\:focus\:text-gray-50:focus) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:focus\:ring-gray-300:focus:is(.system *):not(.light .dark\:focus\:ring-gray-300:focus) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1));
  }

  .tw-scope .dark\:focus-visible\:ring-gray-300:focus-visible:is(.system *):not(.light .dark\:focus-visible\:ring-gray-300:focus-visible) {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1));
  }

  .tw-scope .dark\:focus-visible\:ring-offset-gray-950:focus-visible:is(.system *):not(.light .dark\:focus-visible\:ring-offset-gray-950:focus-visible) {
    --tw-ring-offset-color: #121216;
  }

  .tw-scope :is(.group:hover .dark\:group-hover\:text-white:is(.system *):not(.light :merge(.group):hover .dark\:group-hover\:text-white)) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:border-blue-900:has([aria-checked=true]):is(.system *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:border-blue-900:has([aria-checked=true])) {
    --tw-border-opacity: 1;
    border-color: rgb(35 62 62 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:border-primary-900:has([aria-checked=true]):is(.system *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:border-primary-900:has([aria-checked=true])) {
    --tw-border-opacity: 1;
    border-color: rgb(35 62 62 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:bg-blue-950:has([aria-checked=true]):is(.system *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:bg-blue-950:has([aria-checked=true])) {
    --tw-bg-opacity: 1;
    background-color: rgb(16 34 35 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:bg-primary-950:has([aria-checked=true]):is(.system *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:bg-primary-950:has([aria-checked=true])) {
    --tw-bg-opacity: 1;
    background-color: rgb(16 34 35 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=checked\]\:border-blue-700[data-state="checked"]:is(.system *):not(.light .dark\:data-\[state\=checked\]\:border-blue-700[data-state="checked"]) {
    --tw-border-opacity: 1;
    border-color: rgb(44 89 89 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=checked\]\:border-primary-700[data-state="checked"]:is(.system *):not(.light .dark\:data-\[state\=checked\]\:border-primary-700[data-state="checked"]) {
    --tw-border-opacity: 1;
    border-color: rgb(44 89 89 / var(--tw-border-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=checked\]\:bg-blue-700[data-state="checked"]:is(.system *):not(.light .dark\:data-\[state\=checked\]\:bg-blue-700[data-state="checked"]) {
    --tw-bg-opacity: 1;
    background-color: rgb(44 89 89 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=checked\]\:bg-gray-50[data-state="checked"]:is(.system *):not(.light .dark\:data-\[state\=checked\]\:bg-gray-50[data-state="checked"]) {
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=checked\]\:bg-green-600[data-state="checked"]:is(.system *):not(.light .dark\:data-\[state\=checked\]\:bg-green-600[data-state="checked"]) {
    --tw-bg-opacity: 1;
    background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=checked\]\:bg-primary-700[data-state="checked"]:is(.system *):not(.light .dark\:data-\[state\=checked\]\:bg-primary-700[data-state="checked"]) {
    --tw-bg-opacity: 1;
    background-color: rgb(44 89 89 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=open\]\:bg-gray-800[data-state="open"]:is(.system *):not(.light .dark\:data-\[state\=open\]\:bg-gray-800[data-state="open"]) {
    --tw-bg-opacity: 1;
    background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=unchecked\]\:bg-gray-600[data-state="unchecked"]:is(.system *):not(.light .dark\:data-\[state\=unchecked\]\:bg-gray-600[data-state="unchecked"]) {
    --tw-bg-opacity: 1;
    background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
  }

  .tw-scope .dark\:data-\[placeholder\]\:text-gray-400[data-placeholder]:is(.system *):not(.light .dark\:data-\[placeholder\]\:text-gray-400[data-placeholder]) {
    --tw-text-opacity: 1;
    color: rgb(161 161 170 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=checked\]\:text-gray-900[data-state="checked"]:is(.system *):not(.light .dark\:data-\[state\=checked\]\:text-gray-900[data-state="checked"]) {
    --tw-text-opacity: 1;
    color: rgb(24 24 27 / var(--tw-text-opacity, 1));
  }

  .tw-scope .dark\:data-\[state\=open\]\:text-gray-50[data-state="open"]:is(.system *):not(.light .dark\:data-\[state\=open\]\:text-gray-50[data-state="open"]) {
    --tw-text-opacity: 1;
    color: rgb(250 250 250 / var(--tw-text-opacity, 1));
  }
}

.tw-scope .dark\:border-gray-50:is(.dark *):not(.light .dark\:border-gray-50) {
  --tw-border-opacity: 1;
  border-color: rgb(250 250 250 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:border-gray-500:is(.dark *):not(.light .dark\:border-gray-500) {
  --tw-border-opacity: 1;
  border-color: rgb(113 113 122 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:border-gray-600:is(.dark *):not(.light .dark\:border-gray-600) {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:border-gray-700:is(.dark *):not(.light .dark\:border-gray-700) {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:border-gray-800:is(.dark *):not(.light .dark\:border-gray-800) {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 42 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:border-primary-500:is(.dark *):not(.light .dark\:border-primary-500) {
  --tw-border-opacity: 1;
  border-color: rgb(71 149 145 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:border-primary-800:is(.dark *):not(.light .dark\:border-primary-800) {
  --tw-border-opacity: 1;
  border-color: rgb(39 72 72 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:\!bg-green-900:is(.dark *):not(.light .dark\:\!bg-green-900) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(54 83 20 / var(--tw-bg-opacity, 1)) !important;
}

.tw-scope .dark\:\!bg-red-900:is(.dark *):not(.light .dark\:\!bg-red-900) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1)) !important;
}

.tw-scope .dark\:bg-blue-600:is(.dark *):not(.light .dark\:bg-blue-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(51 110 108 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-gray-50:is(.dark *):not(.light .dark\:bg-gray-50) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-gray-600:is(.dark *):not(.light .dark\:bg-gray-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-gray-700:is(.dark *):not(.light .dark\:bg-gray-700) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-gray-800:is(.dark *):not(.light .dark\:bg-gray-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-gray-800\/70:is(.dark *):not(.light .dark\:bg-gray-800\/70) {
  background-color: rgb(39 39 42 / 0.7);
}

.tw-scope .dark\:bg-gray-900:is(.dark *):not(.light .dark\:bg-gray-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-gray-900\/90:is(.dark *):not(.light .dark\:bg-gray-900\/90) {
  background-color: rgb(24 24 27 / 0.9);
}

.tw-scope .dark\:bg-gray-950:is(.dark *):not(.light .dark\:bg-gray-950) {
  --tw-bg-opacity: 1;
  background-color: rgb(18 18 22 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-green-600:is(.dark *):not(.light .dark\:bg-green-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-green-900:is(.dark *):not(.light .dark\:bg-green-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(54 83 20 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-primary-800:is(.dark *):not(.light .dark\:bg-primary-800) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 72 72 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-primary-900:is(.dark *):not(.light .dark\:bg-primary-900) {
  --tw-bg-opacity: 1;
  background-color: rgb(35 62 62 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-primary-950:is(.dark *):not(.light .dark\:bg-primary-950) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 34 35 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-red-600:is(.dark *):not(.light .dark\:bg-red-600) {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-white:is(.dark *):not(.light .dark\:bg-white) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:bg-checkerboard-inverse:is(.dark *):not(.light .dark\:bg-checkerboard-inverse) {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20id%3D%22a%22%20d%3D%22M0%200h16v16H0z%22%20style%3D%22fill%3A%2318181b%22/%3E%3Cuse%20xlink%3Ahref%3D%22%23a%22%20transform%3D%22translate%2816%2016%29%22/%3E%3C/svg%3E);;
}

.tw-scope .dark\:to-gray-800:is(.dark *):not(.light .dark\:to-gray-800) {
  --tw-gradient-to: #27272a var(--tw-gradient-to-position);
}

.tw-scope .dark\:text-gray-300:is(.dark *):not(.light .dark\:text-gray-300) {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-gray-400:is(.dark *):not(.light .dark\:text-gray-400) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-gray-50:is(.dark *):not(.light .dark\:text-gray-50) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-gray-500:is(.dark *):not(.light .dark\:text-gray-500) {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-gray-600:is(.dark *):not(.light .dark\:text-gray-600) {
  --tw-text-opacity: 1;
  color: rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-gray-900:is(.dark *):not(.light .dark\:text-gray-900) {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-green-400:is(.dark *):not(.light .dark\:text-green-400) {
  --tw-text-opacity: 1;
  color: rgb(163 230 53 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-red-500:is(.dark *):not(.light .dark\:text-red-500) {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:text-white:is(.dark *):not(.light .dark\:text-white) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:opacity-40:is(.dark *):not(.light .dark\:opacity-40) {
  opacity: 0.4;
}

.tw-scope .dark\:shadow-gray-700:is(.dark *):not(.light .dark\:shadow-gray-700) {
  --tw-shadow-color: #3f3f46;
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-scope .dark\:shadow-gray-900:is(.dark *):not(.light .dark\:shadow-gray-900) {
  --tw-shadow-color: #18181b;
  --tw-shadow: var(--tw-shadow-colored);
}

.tw-scope .dark\:outline-gray-300\/25:is(.dark *):not(.light .dark\:outline-gray-300\/25) {
  outline-color: rgb(212 212 216 / 0.25);
}

.tw-scope .dark\:ring-offset-gray-950:is(.dark *):not(.light .dark\:ring-offset-gray-950) {
  --tw-ring-offset-color: #121216;
}

.tw-scope .dark\:file\:text-gray-50:is(.dark *):not(.light .dark\:file\:text-gray-50)::file-selector-button::file-selector-button {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:placeholder\:text-gray-400:is(.dark *):not(.light .dark\:placeholder\:text-gray-400)::-moz-placeholder::placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:placeholder\:text-gray-400:is(.dark *):not(.light .dark\:placeholder\:text-gray-400)::placeholder::placeholder {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:hover\:border-gray-300:hover:is(.dark *):not(.light .dark\:hover\:border-gray-300:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(212 212 216 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:hover\:border-gray-600:hover:is(.dark *):not(.light .dark\:hover\:border-gray-600:hover) {
  --tw-border-opacity: 1;
  border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:hover\:bg-black:hover:is(.dark *):not(.light .dark\:hover\:bg-black:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-blue-500:hover:is(.dark *):not(.light .dark\:hover\:bg-blue-500:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(71 149 145 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-gray-100:hover:is(.dark *):not(.light .dark\:hover\:bg-gray-100:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-gray-600:hover:is(.dark *):not(.light .dark\:hover\:bg-gray-600:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-gray-700:hover:is(.dark *):not(.light .dark\:hover\:bg-gray-700:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-gray-800:hover:is(.dark *):not(.light .dark\:hover\:bg-gray-800:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-gray-900:hover:is(.dark *):not(.light .dark\:hover\:bg-gray-900:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-green-500:hover:is(.dark *):not(.light .dark\:hover\:bg-green-500:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(132 204 22 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-primary-800:hover:is(.dark *):not(.light .dark\:hover\:bg-primary-800:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 72 72 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:bg-red-500:hover:is(.dark *):not(.light .dark\:hover\:bg-red-500:hover) {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:hover\:text-gray-200:hover:is(.dark *):not(.light .dark\:hover\:text-gray-200:hover) {
  --tw-text-opacity: 1;
  color: rgb(228 228 231 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:hover\:text-gray-300:hover:is(.dark *):not(.light .dark\:hover\:text-gray-300:hover) {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:hover\:text-gray-50:hover:is(.dark *):not(.light .dark\:hover\:text-gray-50:hover) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:hover\:text-red-600:hover:is(.dark *):not(.light .dark\:hover\:text-red-600:hover) {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:hover\:text-white:hover:is(.dark *):not(.light .dark\:hover\:text-white:hover) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-scope .hover\:dark\:text-white:is(.dark *):not(.light .hover\:dark\:text-white):hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:focus\:bg-black:focus:is(.dark *):not(.light .dark\:focus\:bg-black:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:focus\:bg-gray-800:focus:is(.dark *):not(.light .dark\:focus\:bg-gray-800:focus) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:focus\:text-gray-50:focus:is(.dark *):not(.light .dark\:focus\:text-gray-50:focus) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:focus\:ring-gray-300:focus:is(.dark *):not(.light .dark\:focus\:ring-gray-300:focus) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1));
}

.tw-scope .dark\:focus-visible\:ring-gray-300:focus-visible:is(.dark *):not(.light .dark\:focus-visible\:ring-gray-300:focus-visible) {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1));
}

.tw-scope .dark\:focus-visible\:ring-offset-gray-950:focus-visible:is(.dark *):not(.light .dark\:focus-visible\:ring-offset-gray-950:focus-visible) {
  --tw-ring-offset-color: #121216;
}

.tw-scope :is(.group:hover .dark\:group-hover\:text-white:is(.dark *):not(.light :merge(.group):hover .dark\:group-hover\:text-white)) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:border-blue-900:has([aria-checked=true]):is(.dark *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:border-blue-900:has([aria-checked=true])) {
  --tw-border-opacity: 1;
  border-color: rgb(35 62 62 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:border-primary-900:has([aria-checked=true]):is(.dark *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:border-primary-900:has([aria-checked=true])) {
  --tw-border-opacity: 1;
  border-color: rgb(35 62 62 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:bg-blue-950:has([aria-checked=true]):is(.dark *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:bg-blue-950:has([aria-checked=true])) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 34 35 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:has-\[\[aria-checked\=true\]\]\:bg-primary-950:has([aria-checked=true]):is(.dark *):not(.light .dark\:has-\[\[aria-checked\=true\]\]\:bg-primary-950:has([aria-checked=true])) {
  --tw-bg-opacity: 1;
  background-color: rgb(16 34 35 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:data-\[state\=checked\]\:border-blue-700[data-state="checked"]:is(.dark *):not(.light .dark\:data-\[state\=checked\]\:border-blue-700[data-state="checked"]) {
  --tw-border-opacity: 1;
  border-color: rgb(44 89 89 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:data-\[state\=checked\]\:border-primary-700[data-state="checked"]:is(.dark *):not(.light .dark\:data-\[state\=checked\]\:border-primary-700[data-state="checked"]) {
  --tw-border-opacity: 1;
  border-color: rgb(44 89 89 / var(--tw-border-opacity, 1));
}

.tw-scope .dark\:data-\[state\=checked\]\:bg-blue-700[data-state="checked"]:is(.dark *):not(.light .dark\:data-\[state\=checked\]\:bg-blue-700[data-state="checked"]) {
  --tw-bg-opacity: 1;
  background-color: rgb(44 89 89 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:data-\[state\=checked\]\:bg-gray-50[data-state="checked"]:is(.dark *):not(.light .dark\:data-\[state\=checked\]\:bg-gray-50[data-state="checked"]) {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:data-\[state\=checked\]\:bg-green-600[data-state="checked"]:is(.dark *):not(.light .dark\:data-\[state\=checked\]\:bg-green-600[data-state="checked"]) {
  --tw-bg-opacity: 1;
  background-color: rgb(101 163 13 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:data-\[state\=checked\]\:bg-primary-700[data-state="checked"]:is(.dark *):not(.light .dark\:data-\[state\=checked\]\:bg-primary-700[data-state="checked"]) {
  --tw-bg-opacity: 1;
  background-color: rgb(44 89 89 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:data-\[state\=open\]\:bg-gray-800[data-state="open"]:is(.dark *):not(.light .dark\:data-\[state\=open\]\:bg-gray-800[data-state="open"]) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:data-\[state\=unchecked\]\:bg-gray-600[data-state="unchecked"]:is(.dark *):not(.light .dark\:data-\[state\=unchecked\]\:bg-gray-600[data-state="unchecked"]) {
  --tw-bg-opacity: 1;
  background-color: rgb(82 82 91 / var(--tw-bg-opacity, 1));
}

.tw-scope .dark\:data-\[placeholder\]\:text-gray-400[data-placeholder]:is(.dark *):not(.light .dark\:data-\[placeholder\]\:text-gray-400[data-placeholder]) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:data-\[state\=checked\]\:text-gray-900[data-state="checked"]:is(.dark *):not(.light .dark\:data-\[state\=checked\]\:text-gray-900[data-state="checked"]) {
  --tw-text-opacity: 1;
  color: rgb(24 24 27 / var(--tw-text-opacity, 1));
}

.tw-scope .dark\:data-\[state\=open\]\:text-gray-50[data-state="open"]:is(.dark *):not(.light .dark\:data-\[state\=open\]\:text-gray-50[data-state="open"]) {
  --tw-text-opacity: 1;
  color: rgb(250 250 250 / var(--tw-text-opacity, 1));
}

.tw-scope :is(.\[\&\>span\]\:line-clamp-1>span) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.tw-scope :is(.\[\&\>svg\]\:size-4>svg) {
  width: 1rem;
  height: 1rem;
}

.tw-scope :is(.\[\&\>svg\]\:shrink-0>svg) {
  flex-shrink: 0;
}

.tw-scope :is(.\[\&_svg\]\:pointer-events-none svg) {
  pointer-events: none;
}

.tw-scope :is(.\[\&_svg\]\:size-4 svg) {
  width: 1rem;
  height: 1rem;
}

.tw-scope :is(.\[\&_svg\]\:size-5 svg) {
  width: 1.25rem;
  height: 1.25rem;
}

.tw-scope :is(.\[\&_svg\]\:size-6 svg) {
  width: 1.5rem;
  height: 1.5rem;
}

.tw-scope :is(.\[\&_svg\]\:shrink-0 svg) {
  flex-shrink: 0;
}

.tw-scope :is(.os-macos .\[\.os-macos_\&\]\:block) {
  display: block;
}

.tw-scope :is(.os-macos .\[\.os-macos_\&\]\:hidden) {
  display: none;
}