*,
:after,
:before {
  --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: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
} /*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
  box-sizing: border-box;
  border: 0 solid #e5e7eb;
}
:after,
:before {
  --tw-content: "";
}
:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
  line-height: inherit;
}
hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
abbr:where([title]) {
  text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}
a {
  color: inherit;
  text-decoration: inherit;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}
button,
select {
  text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
:-moz-focusring {
  outline: auto;
}
:-moz-ui-invalid {
  box-shadow: none;
}
progress {
  vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
summary {
  display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0;
}
fieldset {
  margin: 0;
}
fieldset,
legend {
  padding: 0;
}
menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
dialog {
  padding: 0;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #9ca3af;
}
[role="button"],
button {
  cursor: pointer;
}
:disabled {
  cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
:root,
[data-theme] {
  color: hsl(var(--heroui-foreground));
  background-color: hsl(var(--heroui-background));
}
.pointer-events-none {
  pointer-events: none;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0;
}
.bottom-3 {
  bottom: 0.75rem;
}
.end-3 {
  inset-inline-end: 0.75rem;
}
.left-\[calc\(37\.5\%\)\] {
  left: calc(37.5%);
}
.right-3 {
  right: 0.75rem;
}
.start-2 {
  inset-inline-start: 0.5rem;
}
.start-3 {
  inset-inline-start: 0.75rem;
}
.top-1 {
  top: 0.25rem;
}
.top-1\/2 {
  top: 50%;
}
.top-\[calc\(46\%\)\] {
  top: calc(46%);
}
.-z-30 {
  z-index: -30;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-1\.5 {
  margin-bottom: 0.375rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-8 {
  margin-top: 2rem;
}
.box-border {
  box-sizing: border-box;
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.hidden {
  display: none;
}
.size-1 {
  width: 0.25rem;
  height: 0.25rem;
}
.size-1\.5 {
  width: 0.375rem;
  height: 0.375rem;
}
.size-2 {
  width: 0.5rem;
  height: 0.5rem;
}
.\!h-auto {
  height: auto !important;
}
.h-10 {
  height: 2.5rem;
}
.h-12 {
  height: 3rem;
}
.h-14 {
  height: 3.5rem;
}
.h-16 {
  height: 4rem;
}
.h-3 {
  height: 0.75rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-8 {
  height: 2rem;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[8\%\] {
  height: 8%;
}
.h-\[90px\] {
  height: 90px;
}
.h-auto {
  height: auto;
}
.h-divider {
  height: var(--heroui-divider-weight);
}
.h-fit {
  height: fit-content;
}
.h-full {
  height: 100%;
}
.min-h-10 {
  min-height: 2.5rem;
}
.min-h-12 {
  min-height: 3rem;
}
.min-h-14 {
  min-height: 3.5rem;
}
.min-h-16 {
  min-height: 4rem;
}
.min-h-4 {
  min-height: 1rem;
}
.min-h-8 {
  min-height: 2rem;
}
.min-h-\[650px\] {
  min-height: 650px;
}
.min-h-\[70px\] {
  min-height: 70px;
}
.min-h-\[800px\] {
  min-height: 800px;
}
.min-h-\[900px\] {
  min-height: 900px;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-3 {
  width: 0.75rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-8 {
  width: 2rem;
}
.w-\[25\%\] {
  width: 25%;
}
.w-\[92px\] {
  width: 92px;
}
.w-\[calc\(100\%_-_theme\(spacing\.6\)\)\] {
  width: calc(100% - 1.5rem);
}
.w-\[calc\(50\%-12px\)\] {
  width: calc(50% - 12px);
}
.w-divider {
  width: var(--heroui-divider-weight);
}
.w-full {
  width: 100%;
}
.min-w-10 {
  min-width: 2.5rem;
}
.min-w-12 {
  min-width: 3rem;
}
.min-w-16 {
  min-width: 4rem;
}
.min-w-20 {
  min-width: 5rem;
}
.min-w-24 {
  min-width: 6rem;
}
.min-w-40 {
  min-width: 10rem;
}
.min-w-8 {
  min-width: 2rem;
}
.min-w-max {
  min-width: max-content;
}
.max-w-\[1200px\] {
  max-width: 1200px;
}
.max-w-\[604px\] {
  max-width: 604px;
}
.max-w-\[640px\] {
  max-width: 640px;
}
.max-w-\[960px\] {
  max-width: 960px;
}
.max-w-full {
  max-width: 100%;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}
.origin-top-left {
  transform-origin: top left;
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.-translate-y-1\/2,
.translate-y-2\/4 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-2\/4 {
  --tw-translate-y: 50%;
}
.translate-y-3\/4 {
  --tw-translate-y: 75%;
  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 blink {
  0% {
    opacity: 0.2;
  }
  20% {
    opacity: 1;
  }
  to {
    opacity: 0.2;
  }
}
.animate-blink {
  animation: blink 1.4s infinite both;
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0.15;
  }
}
.animate-fade-out {
  animation: fade-out 1.2s linear 0s infinite normal none running;
}
.animate-none {
  animation: none;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.animate-spinner-ease-spin {
  animation: spinner-spin 0.8s ease infinite;
}
@keyframes spinner-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.animate-spinner-linear-spin {
  animation: spinner-spin 0.8s linear infinite;
}
@keyframes sway {
  0% {
    transform: translate(0);
  }
  50% {
    transform: translateY(-150%);
  }
  to {
    transform: translate(0);
  }
}
.animate-sway {
  animation: sway 0.75s ease infinite;
}
.cursor-pointer {
  cursor: pointer;
}
.select-none {
  user-select: none;
}
.scroll-py-6 {
  scroll-padding-top: 1.5rem;
  scroll-padding-bottom: 1.5rem;
}
.appearance-none {
  appearance: none;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.\!gap-0 {
  gap: 0 !important;
}
.gap-0 {
  gap: 0;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-1\.5 {
  gap: 0.375rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-8 {
  gap: 2rem;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-clip {
  overflow: clip;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.truncate {
  overflow: hidden;
  white-space: nowrap;
}
.text-ellipsis,
.truncate {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-all {
  word-break: break-all;
}
.\!rounded-none {
  border-radius: 0 !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-large {
  border-radius: var(--heroui-radius-large);
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-medium {
  border-radius: var(--heroui-radius-medium);
}
.rounded-none {
  border-radius: 0;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-small {
  border-radius: var(--heroui-radius-small);
}
.rounded-t-sm {
  border-top-left-radius: 0.125rem;
  border-top-right-radius: 0.125rem;
}
.border-0 {
  border-width: 0;
}
.border-2 {
  border-width: 2px;
}
.border-3 {
  border-width: 3px;
}
.border-medium {
  border-width: var(--heroui-border-width-medium);
}
.border-small {
  border-width: var(--heroui-border-width-small);
}
.border-b-medium {
  border-bottom-width: var(--heroui-border-width-medium);
}
.border-solid {
  border-style: solid;
}
.border-dotted {
  border-style: dotted;
}
.border-none {
  border-style: none;
}
.\!border-danger {
  --tw-border-opacity: 1 !important;
  border-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  ) !important;
}
.border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  );
}
.border-default {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default) /
      var(--heroui-default-opacity, var(--tw-border-opacity))
  );
}
.border-default-200 {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-200) /
      var(--heroui-default-200-opacity, var(--tw-border-opacity))
  );
}
.border-default-300 {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-300) /
      var(--heroui-default-300-opacity, var(--tw-border-opacity))
  );
}
.border-foreground {
  border-color: var(--foreground);
}
.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(240 185 11 / var(--tw-border-opacity, 1));
}
.border-secondary,
.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(67 163 69 / var(--tw-border-opacity, 1));
}
.border-transparent {
  border-color: transparent;
}
.border-warning {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-border-opacity))
  );
}
.border-b-current {
  border-bottom-color: currentColor;
}
.border-b-danger {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  );
}
.border-b-default {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--heroui-default) /
      var(--heroui-default-opacity, var(--tw-border-opacity))
  );
}
.border-b-primary {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(240 185 11 / var(--tw-border-opacity, 1));
}
.border-b-secondary,
.border-b-success {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(67 163 69 / var(--tw-border-opacity, 1));
}
.border-b-warning {
  --tw-border-opacity: 1;
  border-bottom-color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-border-opacity))
  );
}
.border-b-white {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-transparent {
  border-right-color: transparent;
}
.border-t-transparent {
  border-top-color: transparent;
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-content1 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-content1) /
      var(--heroui-content1-opacity, var(--tw-bg-opacity))
  );
}
.bg-current {
  background-color: currentColor;
}
.bg-danger {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-bg-opacity))
  );
}
.bg-danger-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger-100) /
      var(--heroui-danger-100-opacity, var(--tw-bg-opacity))
  );
}
.bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger-50) /
      var(--heroui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.bg-danger\/20 {
  background-color: hsl(var(--heroui-danger) / 0.2);
}
.bg-default {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default) / var(--heroui-default-opacity, var(--tw-bg-opacity))
  );
}
.bg-default-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default-100) /
      var(--heroui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.bg-default\/40 {
  background-color: hsl(var(--heroui-default) / 0.4);
}
.bg-divider {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-divider) / var(--heroui-divider-opacity, var(--tw-bg-opacity))
  );
}
.bg-foreground {
  background-color: var(--foreground);
}
.bg-overlay\/30 {
  background-color: hsl(var(--heroui-overlay) / 0.3);
}
.bg-overlay\/50 {
  background-color: hsl(var(--heroui-overlay) / 0.5);
}
.bg-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(240 185 11 / var(--tw-bg-opacity, 1));
}
.bg-primary-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-primary-100) /
      var(--heroui-primary-100-opacity, var(--tw-bg-opacity))
  );
}
.bg-primary\/20 {
  background-color: rgba(240, 185, 11, 0.2);
}
.bg-secondary {
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.bg-secondary-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-secondary-100) /
      var(--heroui-secondary-100-opacity, var(--tw-bg-opacity))
  );
}
.bg-secondary\/20 {
  background-color: rgba(67, 163, 69, 0.2);
}
.bg-success {
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.bg-success-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-success-100) /
      var(--heroui-success-100-opacity, var(--tw-bg-opacity))
  );
}
.bg-success\/20 {
  background-color: rgba(67, 163, 69, 0.2);
}
.bg-transparent {
  background-color: transparent;
}
.bg-warning {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning) / var(--heroui-warning-opacity, var(--tw-bg-opacity))
  );
}
.bg-warning-100 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning-100) /
      var(--heroui-warning-100-opacity, var(--tw-bg-opacity))
  );
}
.bg-warning\/20 {
  background-color: hsl(var(--heroui-warning) / 0.2);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/70 {
  background-color: hsla(0, 0%, 100%, 0.7);
}
.bg-asd {
  background-image: url(/bg.svg);
  background-position: center;
}
.bg-broccoli-1 {
  background-image: url(/images/broccoli-bg.png);
}
.bg-broccoli-2 {
  background-image: url(/images/broccoli-bg.png);
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-stripe-gradient-danger {
  background-image: linear-gradient(
    45deg,
    hsl(var(--heroui-danger-200)) 25%,
    hsl(var(--heroui-danger)) 25%,
    hsl(var(--heroui-danger)) 50%,
    hsl(var(--heroui-danger-200)) 50%,
    hsl(var(--heroui-danger-200)) 75%,
    hsl(var(--heroui-danger)) 75%,
    hsl(var(--heroui-danger))
  );
}
.bg-stripe-gradient-default {
  background-image: linear-gradient(
    45deg,
    hsl(var(--heroui-default-200)) 25%,
    hsl(var(--heroui-default-400)) 25%,
    hsl(var(--heroui-default-400)) 50%,
    hsl(var(--heroui-default-200)) 50%,
    hsl(var(--heroui-default-200)) 75%,
    hsl(var(--heroui-default-400)) 75%,
    hsl(var(--heroui-default-400))
  );
}
.bg-stripe-gradient-primary {
  background-image: linear-gradient(
    45deg,
    hsl(var(--heroui-primary-200)) 25%,
    hsl(var(--heroui-primary)) 25%,
    hsl(var(--heroui-primary)) 50%,
    hsl(var(--heroui-primary-200)) 50%,
    hsl(var(--heroui-primary-200)) 75%,
    hsl(var(--heroui-primary)) 75%,
    hsl(var(--heroui-primary))
  );
}
.bg-stripe-gradient-secondary {
  background-image: linear-gradient(
    45deg,
    hsl(var(--heroui-secondary-200)) 25%,
    hsl(var(--heroui-secondary)) 25%,
    hsl(var(--heroui-secondary)) 50%,
    hsl(var(--heroui-secondary-200)) 50%,
    hsl(var(--heroui-secondary-200)) 75%,
    hsl(var(--heroui-secondary)) 75%,
    hsl(var(--heroui-secondary))
  );
}
.bg-stripe-gradient-success {
  background-image: linear-gradient(
    45deg,
    hsl(var(--heroui-success-200)) 25%,
    hsl(var(--heroui-success)) 25%,
    hsl(var(--heroui-success)) 50%,
    hsl(var(--heroui-success-200)) 50%,
    hsl(var(--heroui-success-200)) 75%,
    hsl(var(--heroui-success)) 75%,
    hsl(var(--heroui-success))
  );
}
.bg-stripe-gradient-warning {
  background-image: linear-gradient(
    45deg,
    hsl(var(--heroui-warning-200)) 25%,
    hsl(var(--heroui-warning)) 25%,
    hsl(var(--heroui-warning)) 50%,
    hsl(var(--heroui-warning-200)) 50%,
    hsl(var(--heroui-warning-200)) 75%,
    hsl(var(--heroui-warning)) 75%,
    hsl(var(--heroui-warning))
  );
}
.from-transparent {
  --tw-gradient-from: transparent var(--tw-gradient-from-position);
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-transparent {
  --tw-gradient-to: transparent var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from),
    transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-current {
  --tw-gradient-to: currentColor var(--tw-gradient-to-position);
}
.to-danger {
  --tw-gradient-to: hsl(var(--heroui-danger) / var(--heroui-danger-opacity, 1))
    var(--tw-gradient-to-position);
}
.to-default {
  --tw-gradient-to: hsl(
      var(--heroui-default) / var(--heroui-default-opacity, 1)
    )
    var(--tw-gradient-to-position);
}
.to-primary {
  --tw-gradient-to: #f0b90b var(--tw-gradient-to-position);
}
.to-secondary,
.to-success {
  --tw-gradient-to: #43a345 var(--tw-gradient-to-position);
}
.to-warning {
  --tw-gradient-to: hsl(
      var(--heroui-warning) / var(--heroui-warning-opacity, 1)
    )
    var(--tw-gradient-to-position);
}
.to-white {
  --tw-gradient-to: #fff var(--tw-gradient-to-position);
}
.bg-cover {
  background-size: cover;
}
.bg-no-repeat {
  background-repeat: no-repeat;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-\[4px\] {
  padding: 4px;
}
.\!px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.px-0 {
  padding-left: 0;
  padding-right: 0;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.\!pb-0 {
  padding-bottom: 0 !important;
}
.pb-0 {
  padding-bottom: 0;
}
.pb-1\.5 {
  padding-bottom: 0.375rem;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pe-2 {
  padding-inline-end: 0.5rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pt-16 {
  padding-top: 4rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-center {
  text-align: center;
}
.text-start {
  text-align: start;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.text-large {
  font-size: var(--heroui-font-size-large);
  line-height: var(--heroui-line-height-large);
}
.text-medium {
  font-size: var(--heroui-font-size-medium);
  line-height: var(--heroui-line-height-medium);
}
.text-small {
  font-size: var(--heroui-font-size-small);
  line-height: var(--heroui-line-height-small);
}
.text-tiny {
  font-size: var(--heroui-font-size-tiny);
  line-height: var(--heroui-line-height-tiny);
}
.font-normal {
  font-weight: 400;
}
.\!text-danger {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-text-opacity))
  ) !important;
}
.text-background {
  color: var(--background);
}
.text-current {
  color: currentColor;
}
.text-danger {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-text-opacity))
  );
}
.text-danger-600 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger-600) /
      var(--heroui-danger-600-opacity, var(--tw-text-opacity))
  );
}
.text-danger-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger-foreground) /
      var(--heroui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.text-default {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default) /
      var(--heroui-default-opacity, var(--tw-text-opacity))
  );
}
.text-default-700 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-700) /
      var(--heroui-default-700-opacity, var(--tw-text-opacity))
  );
}
.text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-foreground) /
      var(--heroui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.text-foreground {
  color: var(--foreground);
}
.text-foreground-400 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-foreground-400) /
      var(--heroui-foreground-400-opacity, var(--tw-text-opacity))
  );
}
.text-foreground-500 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-foreground-500) /
      var(--heroui-foreground-500-opacity, var(--tw-text-opacity))
  );
}
.text-inherit {
  color: inherit;
}
.text-primary {
  --tw-text-opacity: 1;
  color: rgb(240 185 11 / var(--tw-text-opacity, 1));
}
.text-primary-600 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-primary-600) /
      var(--heroui-primary-600-opacity, var(--tw-text-opacity))
  );
}
.text-primary-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-primary-foreground) /
      var(--heroui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.text-secondary {
  --tw-text-opacity: 1;
  color: rgb(67 163 69 / var(--tw-text-opacity, 1));
}
.text-secondary-600 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-secondary-600) /
      var(--heroui-secondary-600-opacity, var(--tw-text-opacity))
  );
}
.text-secondary-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-secondary-foreground) /
      var(--heroui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.text-success {
  --tw-text-opacity: 1;
  color: rgb(67 163 69 / var(--tw-text-opacity, 1));
}
.text-success-600 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-success-600) /
      var(--heroui-success-600-opacity, var(--tw-text-opacity))
  );
}
.text-success-700 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-success-700) /
      var(--heroui-success-700-opacity, var(--tw-text-opacity))
  );
}
.text-success-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-success-foreground) /
      var(--heroui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.text-warning {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-text-opacity))
  );
}
.text-warning-600 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning-600) /
      var(--heroui-warning-600-opacity, var(--tw-text-opacity))
  );
}
.text-warning-700 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning-700) /
      var(--heroui-warning-700-opacity, var(--tw-text-opacity))
  );
}
.text-warning-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning-foreground) /
      var(--heroui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.opacity-25 {
  opacity: 0.25;
}
.opacity-75 {
  opacity: 0.75;
}
.opacity-disabled {
  opacity: var(--heroui-disabled-opacity);
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
    0 1px 2px -1px var(--tw-shadow-color);
}
.shadow,
.shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0_1px_0px_0_rgba\(0\2c 0\2c 0\2c 0\.05\)\] {
  --tw-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 0px 0 var(--tw-shadow-color);
}
.shadow-large {
  --tw-shadow: var(--heroui-box-shadow-large);
  --tw-shadow-colored: var(--heroui-box-shadow-large);
}
.shadow-large,
.shadow-lg {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-medium {
  --tw-shadow: var(--heroui-box-shadow-medium);
  --tw-shadow-colored: var(--heroui-box-shadow-medium);
}
.shadow-medium,
.shadow-none {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none {
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.shadow-sm,
.shadow-small {
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-small {
  --tw-shadow: var(--heroui-box-shadow-small);
  --tw-shadow-colored: var(--heroui-box-shadow-small);
}
.shadow-danger\/40 {
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-default\/50 {
  --tw-shadow-color: hsl(var(--heroui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-primary\/40 {
  --tw-shadow-color: rgba(240, 185, 11, 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-secondary\/40,
.shadow-success\/40 {
  --tw-shadow-color: rgba(67, 163, 69, 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-warning\/40 {
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.4);
  --tw-shadow: var(--tw-shadow-colored);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)
    var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
}
.backdrop-blur-sm,
.backdrop-opacity-disabled {
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.backdrop-opacity-disabled {
  --tw-backdrop-opacity: opacity(var(--heroui-disabled-opacity));
}
.backdrop-saturate-150 {
  --tw-backdrop-saturate: saturate(1.5);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.\!transition-none {
  transition-property: none !important;
}
.transition-\[transform\2c color\2c left\2c opacity\] {
  transition-property: transform, color, left, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.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: 0.25s;
}
.transition-none {
  transition-property: none;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.25s;
}
.\!duration-150 {
  transition-duration: 0.15s !important;
}
.\!duration-200 {
  transition-duration: 0.2s !important;
}
.duration-150 {
  transition-duration: 0.15s;
}
.\!ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
.will-change-auto {
  will-change: auto;
}
.light,
:root,
[data-theme="light"] {
  color-scheme: light;
  --heroui-background: 0 0% 100%;
  --heroui-foreground-50: 0 0% 98.04%;
  --heroui-foreground-100: 240 4.76% 95.88%;
  --heroui-foreground-200: 240 5.88% 90%;
  --heroui-foreground-300: 240 4.88% 83.92%;
  --heroui-foreground-400: 240 5.03% 64.9%;
  --heroui-foreground-500: 240 3.83% 46.08%;
  --heroui-foreground-600: 240 5.2% 33.92%;
  --heroui-foreground-700: 240 5.26% 26.08%;
  --heroui-foreground-800: 240 3.7% 15.88%;
  --heroui-foreground-900: 240 5.88% 10%;
  --heroui-foreground: 201.81999999999994 24.44% 8.82%;
  --heroui-divider: 0 0% 6.67%;
  --heroui-divider-opacity: 0.15;
  --heroui-focus: 212.01999999999998 100% 46.67%;
  --heroui-overlay: 0 0% 0%;
  --heroui-content1: 0 0% 100%;
  --heroui-content1-foreground: 201.81999999999994 24.44% 8.82%;
  --heroui-content2: 240 4.76% 95.88%;
  --heroui-content2-foreground: 240 3.7% 15.88%;
  --heroui-content3: 240 5.88% 90%;
  --heroui-content3-foreground: 240 5.26% 26.08%;
  --heroui-content4: 240 4.88% 83.92%;
  --heroui-content4-foreground: 240 5.2% 33.92%;
  --heroui-default-50: 0 0% 98.04%;
  --heroui-default-100: 240 4.76% 95.88%;
  --heroui-default-200: 240 5.88% 90%;
  --heroui-default-300: 240 4.88% 83.92%;
  --heroui-default-400: 240 5.03% 64.9%;
  --heroui-default-500: 240 3.83% 46.08%;
  --heroui-default-600: 240 5.2% 33.92%;
  --heroui-default-700: 240 5.26% 26.08%;
  --heroui-default-800: 240 3.7% 15.88%;
  --heroui-default-900: 240 5.88% 10%;
  --heroui-default-foreground: 0 0% 0%;
  --heroui-default: 240 4.88% 83.92%;
  --heroui-primary-50: 212.5 92.31% 94.9%;
  --heroui-primary-100: 211.84000000000003 92.45% 89.61%;
  --heroui-primary-200: 211.84000000000003 92.45% 79.22%;
  --heroui-primary-300: 212.24 92.45% 68.82%;
  --heroui-primary-400: 212.14 92.45% 58.43%;
  --heroui-primary-500: 212.01999999999998 100% 46.67%;
  --heroui-primary-600: 212.14 100% 38.43%;
  --heroui-primary-700: 212.24 100% 28.82%;
  --heroui-primary-800: 211.84000000000003 100% 19.22%;
  --heroui-primary-900: 211.84000000000003 100% 9.61%;
  --heroui-primary-foreground: 0 0% 100%;
  --heroui-primary: 212.01999999999998 100% 46.67%;
  --heroui-secondary-50: 270 61.54% 94.9%;
  --heroui-secondary-100: 270 59.26% 89.41%;
  --heroui-secondary-200: 270 59.26% 78.82%;
  --heroui-secondary-300: 270 59.26% 68.24%;
  --heroui-secondary-400: 270 59.26% 57.65%;
  --heroui-secondary-500: 270 66.67% 47.06%;
  --heroui-secondary-600: 270 66.67% 37.65%;
  --heroui-secondary-700: 270 66.67% 28.24%;
  --heroui-secondary-800: 270 66.67% 18.82%;
  --heroui-secondary-900: 270 66.67% 9.41%;
  --heroui-secondary-foreground: 0 0% 100%;
  --heroui-secondary: 270 66.67% 47.06%;
  --heroui-success-50: 146.66999999999996 64.29% 94.51%;
  --heroui-success-100: 145.71000000000004 61.4% 88.82%;
  --heroui-success-200: 146.2 61.74% 77.45%;
  --heroui-success-300: 145.78999999999996 62.57% 66.47%;
  --heroui-success-400: 146.01 62.45% 55.1%;
  --heroui-success-500: 145.96000000000004 79.46% 43.92%;
  --heroui-success-600: 146.01 79.89% 35.1%;
  --heroui-success-700: 145.78999999999996 79.26% 26.47%;
  --heroui-success-800: 146.2 79.78% 17.45%;
  --heroui-success-900: 145.71000000000004 77.78% 8.82%;
  --heroui-success-foreground: 0 0% 0%;
  --heroui-success: 145.96000000000004 79.46% 43.92%;
  --heroui-warning-50: 54.55000000000001 91.67% 95.29%;
  --heroui-warning-100: 37.139999999999986 91.3% 90.98%;
  --heroui-warning-200: 37.139999999999986 91.3% 81.96%;
  --heroui-warning-300: 36.95999999999998 91.24% 73.14%;
  --heroui-warning-400: 37.00999999999999 91.26% 64.12%;
  --heroui-warning-500: 37.02999999999997 91.27% 55.1%;
  --heroui-warning-600: 37.00999999999999 74.22% 44.12%;
  --heroui-warning-700: 36.95999999999998 73.96% 33.14%;
  --heroui-warning-800: 37.139999999999986 75% 21.96%;
  --heroui-warning-900: 37.139999999999986 75% 10.98%;
  --heroui-warning-foreground: 0 0% 0%;
  --heroui-warning: 37.02999999999997 91.27% 55.1%;
  --heroui-danger-50: 339.13 92% 95.1%;
  --heroui-danger-100: 340 91.84% 90.39%;
  --heroui-danger-200: 339.3299999999999 90% 80.39%;
  --heroui-danger-300: 339.11 90.6% 70.78%;
  --heroui-danger-400: 339 90% 60.78%;
  --heroui-danger-500: 339.20000000000005 90.36% 51.18%;
  --heroui-danger-600: 339 86.54% 40.78%;
  --heroui-danger-700: 339.11 85.99% 30.78%;
  --heroui-danger-800: 339.3299999999999 86.54% 20.39%;
  --heroui-danger-900: 340 84.91% 10.39%;
  --heroui-danger-foreground: 0 0% 100%;
  --heroui-danger: 339.20000000000005 90.36% 51.18%;
  --heroui-divider-weight: 1px;
  --heroui-disabled-opacity: 0.5;
  --heroui-font-size-tiny: 0.75rem;
  --heroui-font-size-small: 0.875rem;
  --heroui-font-size-medium: 1rem;
  --heroui-font-size-large: 1.125rem;
  --heroui-line-height-tiny: 1rem;
  --heroui-line-height-small: 1.25rem;
  --heroui-line-height-medium: 1.5rem;
  --heroui-line-height-large: 1.75rem;
  --heroui-radius-small: 8px;
  --heroui-radius-medium: 12px;
  --heroui-radius-large: 14px;
  --heroui-border-width-small: 1px;
  --heroui-border-width-medium: 2px;
  --heroui-border-width-large: 3px;
  --heroui-box-shadow-small: 0px 0px 5px 0px rgba(0, 0, 0, 0.02),
    0px 2px 10px 0px rgba(0, 0, 0, 0.06), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  --heroui-box-shadow-medium: 0px 0px 15px 0px rgba(0, 0, 0, 0.03),
    0px 2px 30px 0px rgba(0, 0, 0, 0.08), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  --heroui-box-shadow-large: 0px 0px 30px 0px rgba(0, 0, 0, 0.04),
    0px 30px 60px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.3);
  --heroui-hover-opacity: 0.8;
}
.dark,
[data-theme="dark"] {
  color-scheme: dark;
  --heroui-background: 0 0% 0%;
  --heroui-foreground-50: 240 5.88% 10%;
  --heroui-foreground-100: 240 3.7% 15.88%;
  --heroui-foreground-200: 240 5.26% 26.08%;
  --heroui-foreground-300: 240 5.2% 33.92%;
  --heroui-foreground-400: 240 3.83% 46.08%;
  --heroui-foreground-500: 240 5.03% 64.9%;
  --heroui-foreground-600: 240 4.88% 83.92%;
  --heroui-foreground-700: 240 5.88% 90%;
  --heroui-foreground-800: 240 4.76% 95.88%;
  --heroui-foreground-900: 0 0% 98.04%;
  --heroui-foreground: 210 5.56% 92.94%;
  --heroui-focus: 212.01999999999998 100% 46.67%;
  --heroui-overlay: 0 0% 0%;
  --heroui-divider: 0 0% 100%;
  --heroui-divider-opacity: 0.15;
  --heroui-content1: 240 5.88% 10%;
  --heroui-content1-foreground: 0 0% 98.04%;
  --heroui-content2: 240 3.7% 15.88%;
  --heroui-content2-foreground: 240 4.76% 95.88%;
  --heroui-content3: 240 5.26% 26.08%;
  --heroui-content3-foreground: 240 5.88% 90%;
  --heroui-content4: 240 5.2% 33.92%;
  --heroui-content4-foreground: 240 4.88% 83.92%;
  --heroui-default-50: 240 5.88% 10%;
  --heroui-default-100: 240 3.7% 15.88%;
  --heroui-default-200: 240 5.26% 26.08%;
  --heroui-default-300: 240 5.2% 33.92%;
  --heroui-default-400: 240 3.83% 46.08%;
  --heroui-default-500: 240 5.03% 64.9%;
  --heroui-default-600: 240 4.88% 83.92%;
  --heroui-default-700: 240 5.88% 90%;
  --heroui-default-800: 240 4.76% 95.88%;
  --heroui-default-900: 0 0% 98.04%;
  --heroui-default-foreground: 0 0% 100%;
  --heroui-default: 240 5.26% 26.08%;
  --heroui-primary-50: 211.84000000000003 100% 9.61%;
  --heroui-primary-100: 211.84000000000003 100% 19.22%;
  --heroui-primary-200: 212.24 100% 28.82%;
  --heroui-primary-300: 212.14 100% 38.43%;
  --heroui-primary-400: 212.01999999999998 100% 46.67%;
  --heroui-primary-500: 212.14 92.45% 58.43%;
  --heroui-primary-600: 212.24 92.45% 68.82%;
  --heroui-primary-700: 211.84000000000003 92.45% 79.22%;
  --heroui-primary-800: 211.84000000000003 92.45% 89.61%;
  --heroui-primary-900: 212.5 92.31% 94.9%;
  --heroui-primary-foreground: 0 0% 100%;
  --heroui-primary: 212.01999999999998 100% 46.67%;
  --heroui-secondary-50: 270 66.67% 9.41%;
  --heroui-secondary-100: 270 66.67% 18.82%;
  --heroui-secondary-200: 270 66.67% 28.24%;
  --heroui-secondary-300: 270 66.67% 37.65%;
  --heroui-secondary-400: 270 66.67% 47.06%;
  --heroui-secondary-500: 270 59.26% 57.65%;
  --heroui-secondary-600: 270 59.26% 68.24%;
  --heroui-secondary-700: 270 59.26% 78.82%;
  --heroui-secondary-800: 270 59.26% 89.41%;
  --heroui-secondary-900: 270 61.54% 94.9%;
  --heroui-secondary-foreground: 0 0% 100%;
  --heroui-secondary: 270 59.26% 57.65%;
  --heroui-success-50: 145.71000000000004 77.78% 8.82%;
  --heroui-success-100: 146.2 79.78% 17.45%;
  --heroui-success-200: 145.78999999999996 79.26% 26.47%;
  --heroui-success-300: 146.01 79.89% 35.1%;
  --heroui-success-400: 145.96000000000004 79.46% 43.92%;
  --heroui-success-500: 146.01 62.45% 55.1%;
  --heroui-success-600: 145.78999999999996 62.57% 66.47%;
  --heroui-success-700: 146.2 61.74% 77.45%;
  --heroui-success-800: 145.71000000000004 61.4% 88.82%;
  --heroui-success-900: 146.66999999999996 64.29% 94.51%;
  --heroui-success-foreground: 0 0% 0%;
  --heroui-success: 145.96000000000004 79.46% 43.92%;
  --heroui-warning-50: 37.139999999999986 75% 10.98%;
  --heroui-warning-100: 37.139999999999986 75% 21.96%;
  --heroui-warning-200: 36.95999999999998 73.96% 33.14%;
  --heroui-warning-300: 37.00999999999999 74.22% 44.12%;
  --heroui-warning-400: 37.02999999999997 91.27% 55.1%;
  --heroui-warning-500: 37.00999999999999 91.26% 64.12%;
  --heroui-warning-600: 36.95999999999998 91.24% 73.14%;
  --heroui-warning-700: 37.139999999999986 91.3% 81.96%;
  --heroui-warning-800: 37.139999999999986 91.3% 90.98%;
  --heroui-warning-900: 54.55000000000001 91.67% 95.29%;
  --heroui-warning-foreground: 0 0% 0%;
  --heroui-warning: 37.02999999999997 91.27% 55.1%;
  --heroui-danger-50: 340 84.91% 10.39%;
  --heroui-danger-100: 339.3299999999999 86.54% 20.39%;
  --heroui-danger-200: 339.11 85.99% 30.78%;
  --heroui-danger-300: 339 86.54% 40.78%;
  --heroui-danger-400: 339.20000000000005 90.36% 51.18%;
  --heroui-danger-500: 339 90% 60.78%;
  --heroui-danger-600: 339.11 90.6% 70.78%;
  --heroui-danger-700: 339.3299999999999 90% 80.39%;
  --heroui-danger-800: 340 91.84% 90.39%;
  --heroui-danger-900: 339.13 92% 95.1%;
  --heroui-danger-foreground: 0 0% 100%;
  --heroui-danger: 339.20000000000005 90.36% 51.18%;
  --heroui-divider-weight: 1px;
  --heroui-disabled-opacity: 0.5;
  --heroui-font-size-tiny: 0.75rem;
  --heroui-font-size-small: 0.875rem;
  --heroui-font-size-medium: 1rem;
  --heroui-font-size-large: 1.125rem;
  --heroui-line-height-tiny: 1rem;
  --heroui-line-height-small: 1.25rem;
  --heroui-line-height-medium: 1.5rem;
  --heroui-line-height-large: 1.75rem;
  --heroui-radius-small: 8px;
  --heroui-radius-medium: 12px;
  --heroui-radius-large: 14px;
  --heroui-border-width-small: 1px;
  --heroui-border-width-medium: 2px;
  --heroui-border-width-large: 3px;
  --heroui-box-shadow-small: 0px 0px 5px 0px rgba(0, 0, 0, 0.05),
    0px 2px 10px 0px rgba(0, 0, 0, 0.2),
    inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);
  --heroui-box-shadow-medium: 0px 0px 15px 0px rgba(0, 0, 0, 0.06),
    0px 2px 30px 0px rgba(0, 0, 0, 0.22),
    inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);
  --heroui-box-shadow-large: 0px 0px 30px 0px rgba(0, 0, 0, 0.07),
    0px 30px 60px 0px rgba(0, 0, 0, 0.26),
    inset 0px 0px 1px 0px hsla(0, 0%, 100%, 0.15);
  --heroui-hover-opacity: 0.9;
}
.tap-highlight-transparent {
  -webkit-tap-highlight-color: transparent;
}
.transition-background {
  transition-property: background;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.transition-transform-colors-opacity {
  transition-property: transform, color, background, background-color,
    border-color, text-decoration-color, fill, stroke, opacity;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.spinner-bar-animation {
  animation-delay: calc(-1.2s + (0.1s * var(--bar-index)));
  transform: rotate(calc(30deg * var(--bar-index))) translate(140%);
}
.spinner-dot-animation {
  animation-delay: calc(0.25s * var(--dot-index));
}
.spinner-dot-blink-animation {
  animation-delay: calc(0.2s * var(--dot-index));
}
.\[-webkit-mask\:radial-gradient\(closest-side\2c
  rgba\(0\2c
  0\2c
  0\2c
  0\.0\)calc\(100\%-3px\)\2c
  rgba\(0\2c
  0\2c
  0\2c
  1\)calc\(100\%-3px\)\)\] {
  -webkit-mask: radial-gradient(
    closest-side,
    transparent calc(100% - 3px),
    #000 calc(100% - 3px)
  );
}
.\[animation-duration\:1s\] {
  animation-duration: 1s;
}
.shadow {
  box-shadow: 8px 8px 0 0 #5c5d5f;
}
* {
  box-sizing: border-box;
}
.info {
  display: flex;
  gap: 12px;
  padding: 24px;
  border-radius: 4px;
  border: 3px solid #0b0e11;
  box-shadow: 4px 4px 0 0 #0b0e11;
  background-color: #fff;
}
.info:last-child {
  gap: 0;
}
.heading {
  transform: skew(175deg);
  h1,
  span {
    display: block;
    transform: skew(-175deg);
  }
}
.anchor {
  text-decoration: underline;
  cursor: pointer;
}
.anchor:hover {
  color: #f0b90b;
  font-weight: 700;
}
.anchor:active {
  color: #feca52;
}
.crs {
  cursor: pointer;
}
.crs:hover {
  svg {
    color: #5c5d5f;
  }
}
.active {
  color: #ffde91;
}
.link {
  transition: filter 0.2s;
}
.link:focus,
.link:hover {
  outline: 2px solid #0b0e11;
}
.link:focus {
  filter: brightness(0.9);
}
@media (max-width: 640px) {
  .info {
    padding: 12px !important;
  }
  .logo {
    display: none;
  }
}
.dog {
  animation: breath 2.5s infinite;
}
@keyframes breath {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:z-\[-1\]:before {
  content: var(--tw-content);
  z-index: -1;
}
.before\:hidden:before {
  content: var(--tw-content);
  display: none;
}
.before\:h-2\.5:before {
  content: var(--tw-content);
  height: 0.625rem;
}
.before\:w-2\.5:before {
  content: var(--tw-content);
  width: 0.625rem;
}
.before\:rotate-45:before {
  content: var(--tw-content);
  --tw-rotate: 45deg;
  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));
}
.before\:rounded-sm:before {
  content: var(--tw-content);
  border-radius: 0.125rem;
}
.before\:bg-content1:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-content1) /
      var(--heroui-content1-opacity, var(--tw-bg-opacity))
  );
}
.before\:bg-danger:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-bg-opacity))
  );
}
.before\:bg-foreground:before {
  content: var(--tw-content);
  background-color: var(--foreground);
}
.before\:bg-primary:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(240 185 11 / var(--tw-bg-opacity, 1));
}
.before\:bg-secondary:before,
.before\:bg-success:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.before\:bg-warning:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning) / var(--heroui-warning-opacity, var(--tw-bg-opacity))
  );
}
.before\:shadow-small:before {
  content: var(--tw-content);
  --tw-shadow: var(--heroui-box-shadow-small);
  --tw-shadow-colored: var(--heroui-box-shadow-small);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:-bottom-1:after {
  content: var(--tw-content);
  bottom: -0.25rem;
}
.after\:-bottom-\[2px\]:after {
  content: var(--tw-content);
  bottom: -2px;
}
.after\:left-0:after {
  content: var(--tw-content);
  left: 0;
}
.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
.after\:right-0:after {
  content: var(--tw-content);
  right: 0;
}
.after\:ms-0\.5:after {
  content: var(--tw-content);
  margin-inline-start: 0.125rem;
}
.after\:h-\[2px\]:after {
  content: var(--tw-content);
  height: 2px;
}
.after\:h-divider:after {
  content: var(--tw-content);
  height: var(--heroui-divider-weight);
}
.after\:w-0:after {
  content: var(--tw-content);
  width: 0;
}
.after\:origin-center:after {
  content: var(--tw-content);
  transform-origin: center;
}
.after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --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));
}
.after\:bg-danger:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-default-foreground:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default-foreground) /
      var(--heroui-default-foreground-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-divider:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-divider) / var(--heroui-divider-opacity, var(--tw-bg-opacity))
  );
}
.after\:bg-primary:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(240 185 11 / var(--tw-bg-opacity, 1));
}
.after\:bg-secondary:after,
.after\:bg-success:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.after\:bg-warning:after {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning) / var(--heroui-warning-opacity, var(--tw-bg-opacity))
  );
}
.after\:text-danger:after {
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-text-opacity))
  );
}
.after\:transition-none:after {
  content: var(--tw-content);
  transition-property: none;
}
.after\:content-\[\'\'\]:after {
  --tw-content: "";
  content: var(--tw-content);
}
.after\:content-\[\'\*\'\]:after {
  --tw-content: "*";
  content: var(--tw-content);
}
.after\:transition-width:after {
  content: var(--tw-content);
  transition-property: width;
  transition-timing-function: ease;
  transition-duration: 0.25s;
}
.first\:rounded-s-full:first-child {
  border-start-start-radius: 9999px;
  border-end-start-radius: 9999px;
}
.first\:rounded-s-large:first-child {
  border-start-start-radius: var(--heroui-radius-large);
  border-end-start-radius: var(--heroui-radius-large);
}
.first\:rounded-s-medium:first-child {
  border-start-start-radius: var(--heroui-radius-medium);
  border-end-start-radius: var(--heroui-radius-medium);
}
.first\:rounded-s-none:first-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.first\:rounded-s-small:first-child {
  border-start-start-radius: var(--heroui-radius-small);
  border-end-start-radius: var(--heroui-radius-small);
}
.last\:rounded-e-full:last-child {
  border-start-end-radius: 9999px;
  border-end-end-radius: 9999px;
}
.last\:rounded-e-large:last-child {
  border-start-end-radius: var(--heroui-radius-large);
  border-end-end-radius: var(--heroui-radius-large);
}
.last\:rounded-e-medium:last-child {
  border-start-end-radius: var(--heroui-radius-medium);
  border-end-end-radius: var(--heroui-radius-medium);
}
.last\:rounded-e-none:last-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.last\:rounded-e-small:last-child {
  border-start-end-radius: var(--heroui-radius-small);
  border-end-end-radius: var(--heroui-radius-small);
}
.hover\:border-default:hover {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default) /
      var(--heroui-default-opacity, var(--tw-border-opacity))
  );
}
.hover\:border-default-300:hover {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-300) /
      var(--heroui-default-300-opacity, var(--tw-border-opacity))
  );
}
.hover\:\!bg-foreground:hover {
  background-color: var(--foreground) !important;
}
.hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:border-current {
  border-color: currentColor;
}
.group:hover .group-hover\:text-current {
  color: currentColor;
}
.aria-expanded\:scale-\[0\.97\][aria-expanded="true"] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  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));
}
.aria-expanded\:opacity-70[aria-expanded="true"] {
  opacity: 0.7;
}
.data-\[focus-visible\=true\]\:z-10[data-focus-visible="true"] {
  z-index: 10;
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_10px\)\][data-has-label="true"] {
  margin-top: calc(var(--heroui-font-size-small) + 10px);
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_12px\)\][data-has-label="true"] {
  margin-top: calc(var(--heroui-font-size-small) + 12px);
}
.data-\[has-label\=true\]\:mt-\[calc\(theme\(fontSize\.small\)_\+_8px\)\][data-has-label="true"] {
  margin-top: calc(var(--heroui-font-size-small) + 8px);
}
.data-\[open\=true\]\:rotate-180[data-open="true"] {
  --tw-rotate: 180deg;
}
.data-\[open\=true\]\:rotate-180[data-open="true"],
.data-\[pressed\=true\]\:scale-100[data-pressed="true"] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[pressed\=true\]\:scale-100[data-pressed="true"] {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
}
.data-\[pressed\=true\]\:scale-\[0\.97\][data-pressed="true"] {
  --tw-scale-x: 0.97;
  --tw-scale-y: 0.97;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[has-helper\=true\]\:items-start[data-has-helper="true"] {
  align-items: flex-start;
}
.data-\[focus\=true\]\:border-danger[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  );
}
.data-\[focus\=true\]\:border-default-400[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-400) /
      var(--heroui-default-400-opacity, var(--tw-border-opacity))
  );
}
.data-\[focus\=true\]\:border-default-foreground[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-foreground) /
      var(--heroui-default-foreground-opacity, var(--tw-border-opacity))
  );
}
.data-\[focus\=true\]\:border-primary[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(240 185 11 / var(--tw-border-opacity, 1));
}
.data-\[focus\=true\]\:border-secondary[data-focus="true"],
.data-\[focus\=true\]\:border-success[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(67 163 69 / var(--tw-border-opacity, 1));
}
.data-\[focus\=true\]\:border-warning[data-focus="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-danger[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-default[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default) /
      var(--heroui-default-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-default-400[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-400) /
      var(--heroui-default-400-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:border-primary[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(240 185 11 / var(--tw-border-opacity, 1));
}
.data-\[hover\=true\]\:border-secondary[data-hover="true"],
.data-\[hover\=true\]\:border-success[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(67 163 69 / var(--tw-border-opacity, 1));
}
.data-\[hover\=true\]\:border-warning[data-hover="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-danger[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-default-400[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-400) /
      var(--heroui-default-400-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-default-foreground[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default-foreground) /
      var(--heroui-default-foreground-opacity, var(--tw-border-opacity))
  );
}
.data-\[open\=true\]\:border-primary[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(240 185 11 / var(--tw-border-opacity, 1));
}
.data-\[open\=true\]\:border-secondary[data-open="true"],
.data-\[open\=true\]\:border-success[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(67 163 69 / var(--tw-border-opacity, 1));
}
.data-\[open\=true\]\:border-warning[data-open="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[hover\=true\]\:\!bg-danger[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-bg-opacity))
  ) !important;
}
.data-\[hover\=true\]\:\!bg-default[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--heroui-default) / var(--heroui-default-opacity, var(--tw-bg-opacity))
  ) !important;
}
.data-\[hover\=true\]\:\!bg-primary[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(240 185 11 / var(--tw-bg-opacity, 1)) !important;
}
.data-\[hover\=true\]\:\!bg-secondary[data-hover="true"],
.data-\[hover\=true\]\:\!bg-success[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1)) !important;
}
.data-\[hover\=true\]\:\!bg-warning[data-hover="true"] {
  --tw-bg-opacity: 1 !important;
  background-color: hsl(
    var(--heroui-warning) / var(--heroui-warning-opacity, var(--tw-bg-opacity))
  ) !important;
}
.data-\[hover\=true\]\:bg-danger[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-danger-100[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger-100) /
      var(--heroui-danger-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-danger-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger-50) /
      var(--heroui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-danger\/20[data-hover="true"] {
  background-color: hsl(var(--heroui-danger) / 0.2);
}
.data-\[hover\=true\]\:bg-default[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default) / var(--heroui-default-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-default-100[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default-100) /
      var(--heroui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-default-200[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default-200) /
      var(--heroui-default-200-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-default\/40[data-hover="true"] {
  background-color: hsl(var(--heroui-default) / 0.4);
}
.data-\[hover\=true\]\:bg-primary[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 185 11 / var(--tw-bg-opacity, 1));
}
.data-\[hover\=true\]\:bg-primary-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-primary-50) /
      var(--heroui-primary-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-primary\/20[data-hover="true"] {
  background-color: rgba(240, 185, 11, 0.2);
}
.data-\[hover\=true\]\:bg-secondary[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.data-\[hover\=true\]\:bg-secondary-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-secondary-50) /
      var(--heroui-secondary-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-secondary\/20[data-hover="true"] {
  background-color: rgba(67, 163, 69, 0.2);
}
.data-\[hover\=true\]\:bg-success[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.data-\[hover\=true\]\:bg-success-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-success-50) /
      var(--heroui-success-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-success\/20[data-hover="true"] {
  background-color: rgba(67, 163, 69, 0.2);
}
.data-\[hover\=true\]\:bg-warning[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning) / var(--heroui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-warning-50[data-hover="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning-50) /
      var(--heroui-warning-50-opacity, var(--tw-bg-opacity))
  );
}
.data-\[hover\=true\]\:bg-warning\/20[data-hover="true"] {
  background-color: hsl(var(--heroui-warning) / 0.2);
}
.data-\[has-title\=true\]\:pt-1[data-has-title="true"] {
  padding-top: 0.25rem;
}
.data-\[hover\=true\]\:\!text-danger-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--heroui-danger-foreground) /
      var(--heroui-danger-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.data-\[hover\=true\]\:\!text-primary-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--heroui-primary-foreground) /
      var(--heroui-primary-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.data-\[hover\=true\]\:\!text-secondary-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--heroui-secondary-foreground) /
      var(--heroui-secondary-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.data-\[hover\=true\]\:\!text-success-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--heroui-success-foreground) /
      var(--heroui-success-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.data-\[hover\=true\]\:\!text-warning-foreground[data-hover="true"] {
  --tw-text-opacity: 1 !important;
  color: hsl(
    var(--heroui-warning-foreground) /
      var(--heroui-warning-foreground-opacity, var(--tw-text-opacity))
  ) !important;
}
.data-\[hover\=true\]\:text-danger[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-danger-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger-foreground) /
      var(--heroui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-default-500[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-500) /
      var(--heroui-default-500-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-default-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-foreground) /
      var(--heroui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-primary[data-hover="true"] {
  --tw-text-opacity: 1;
  color: rgb(240 185 11 / var(--tw-text-opacity, 1));
}
.data-\[hover\=true\]\:text-primary-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-primary-foreground) /
      var(--heroui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-secondary[data-hover="true"] {
  --tw-text-opacity: 1;
  color: rgb(67 163 69 / var(--tw-text-opacity, 1));
}
.data-\[hover\=true\]\:text-secondary-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-secondary-foreground) /
      var(--heroui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-success[data-hover="true"] {
  --tw-text-opacity: 1;
  color: rgb(67 163 69 / var(--tw-text-opacity, 1));
}
.data-\[hover\=true\]\:text-success-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-success-foreground) /
      var(--heroui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-warning[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:text-warning-foreground[data-hover="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning-foreground) /
      var(--heroui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[hover\=true\]\:opacity-hover[data-hover="true"] {
  opacity: var(--heroui-hover-opacity);
}
.data-\[hover\=true\]\:shadow-lg[data-hover="true"] {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(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);
}
.data-\[hover\=true\]\:shadow-danger\/30[data-hover="true"] {
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-default\/50[data-hover="true"] {
  --tw-shadow-color: hsl(var(--heroui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-primary\/30[data-hover="true"] {
  --tw-shadow-color: rgba(240, 185, 11, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-secondary\/30[data-hover="true"],
.data-\[hover\=true\]\:shadow-success\/30[data-hover="true"] {
  --tw-shadow-color: rgba(67, 163, 69, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[hover\=true\]\:shadow-warning\/30[data-hover="true"] {
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[focus-visible\=true\]\:outline-2[data-focus-visible="true"] {
  outline-width: 2px;
}
.data-\[focus-visible\=true\]\:outline-offset-2[data-focus-visible="true"] {
  outline-offset: 2px;
}
.data-\[focus-visible\=true\]\:outline-focus[data-focus-visible="true"] {
  outline-color: hsl(var(--heroui-focus) / var(--heroui-focus-opacity, 1));
}
.data-\[hover\=true\]\:transition-colors[data-hover="true"] {
  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: 0.25s;
}
.data-\[top-bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(\#000\2c
  \#000\2c
  transparent_0\2c
  \#000_var\(--scroll-shadow-size\)\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-top-bottom-scroll="true"] {
  mask-image: linear-gradient(
    #000,
    #000,
    transparent 0,
    #000 var(--scroll-shadow-size),
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[top-scroll\=true\]\:\[mask-image\:linear-gradient\(0deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-top-scroll="true"] {
  mask-image: linear-gradient(
    0deg,
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[bottom-scroll\=true\]\:\[mask-image\:linear-gradient\(180deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-bottom-scroll="true"] {
  mask-image: linear-gradient(
    180deg,
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[left-scroll\=true\]\:\[mask-image\:linear-gradient\(270deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-left-scroll="true"] {
  mask-image: linear-gradient(
    270deg,
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[right-scroll\=true\]\:\[mask-image\:linear-gradient\(90deg\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-right-scroll="true"] {
  mask-image: linear-gradient(
    90deg,
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[left-right-scroll\=true\]\:\[mask-image\:linear-gradient\(to_right\2c
  \#000\2c
  \#000\2c
  transparent_0\2c
  \#000_var\(--scroll-shadow-size\)\2c
  \#000_calc\(100\%_-_var\(--scroll-shadow-size\)\)\2c
  transparent\)\][data-left-right-scroll="true"] {
  mask-image: linear-gradient(
    to right,
    #000,
    #000,
    transparent 0,
    #000 var(--scroll-shadow-size),
    #000 calc(100% - var(--scroll-shadow-size)),
    transparent
  );
}
.data-\[placement\=bottom-end\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-end"]:before {
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=bottom-end\]\:before\:right-3[data-placement="bottom-end"]:before {
  content: var(--tw-content);
  right: 0.75rem;
}
.data-\[placement\=bottom-start\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom-start"]:before {
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=bottom-start\]\:before\:left-3[data-placement="bottom-start"]:before {
  content: var(--tw-content);
  left: 0.75rem;
}
.data-\[placement\=bottom\]\:before\:-top-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="bottom"]:before {
  content: var(--tw-content);
  top: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=bottom\]\:before\:left-1\/2[data-placement="bottom"]:before {
  content: var(--tw-content);
  left: 50%;
}
.data-\[placement\=left-end\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-end"]:before {
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=left-end\]\:before\:bottom-1\/4[data-placement="left-end"]:before {
  content: var(--tw-content);
  bottom: 25%;
}
.data-\[placement\=left-start\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="left-start"]:before {
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=left-start\]\:before\:top-1\/4[data-placement="left-start"]:before {
  content: var(--tw-content);
  top: 25%;
}
.data-\[placement\=left\]\:before\:-right-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="left"]:before {
  content: var(--tw-content);
  right: calc(calc(1.25rem / 4 - 2px) * -1);
}
.data-\[placement\=left\]\:before\:top-1\/2[data-placement="left"]:before {
  content: var(--tw-content);
  top: 50%;
}
.data-\[placement\=right-end\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-end"]:before {
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=right-end\]\:before\:bottom-1\/4[data-placement="right-end"]:before {
  content: var(--tw-content);
  bottom: 25%;
}
.data-\[placement\=right-start\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_3px\)\][data-placement="right-start"]:before {
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 3px) * -1);
}
.data-\[placement\=right-start\]\:before\:top-1\/4[data-placement="right-start"]:before {
  content: var(--tw-content);
  top: 25%;
}
.data-\[placement\=right\]\:before\:-left-\[calc\(theme\(spacing\.5\)\/4_-_2px\)\][data-placement="right"]:before {
  content: var(--tw-content);
  left: calc(calc(1.25rem / 4 - 2px) * -1);
}
.data-\[placement\=right\]\:before\:top-1\/2[data-placement="right"]:before {
  content: var(--tw-content);
  top: 50%;
}
.data-\[placement\=top-end\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-end"]:before {
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=top-end\]\:before\:right-3[data-placement="top-end"]:before {
  content: var(--tw-content);
  right: 0.75rem;
}
.data-\[placement\=top-start\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top-start"]:before {
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=top-start\]\:before\:left-3[data-placement="top-start"]:before {
  content: var(--tw-content);
  left: 0.75rem;
}
.data-\[placement\=top\]\:before\:-bottom-\[calc\(theme\(spacing\.5\)\/4_-_1\.5px\)\][data-placement="top"]:before {
  content: var(--tw-content);
  bottom: calc(calc(1.25rem / 4 - 1.5px) * -1);
}
.data-\[placement\=top\]\:before\:left-1\/2[data-placement="top"]:before {
  content: var(--tw-content);
  left: 50%;
}
.data-\[arrow\=true\]\:before\:block[data-arrow="true"]:before {
  content: var(--tw-content);
  display: block;
}
.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement="bottom"]:before {
  --tw-translate-x: -50%;
}
.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement="bottom"]:before,
.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement="left"]:before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement="left"]:before {
  --tw-translate-y: -50%;
}
.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement="right"]:before {
  --tw-translate-y: -50%;
}
.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement="right"]:before,
.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement="top"]:before {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement="top"]:before {
  --tw-translate-x: -50%;
}
.data-\[focus\=true\]\:after\:w-full[data-focus="true"]:after,
.data-\[open\=true\]\:after\:w-full[data-open="true"]:after {
  content: var(--tw-content);
  width: 100%;
}
.data-\[selectable\=true\]\:focus\:border-danger:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:border-default:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-default) /
      var(--heroui-default-opacity, var(--tw-border-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:border-primary:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(240 185 11 / var(--tw-border-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:border-secondary:focus[data-selectable="true"],
.data-\[selectable\=true\]\:focus\:border-success:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: rgb(67 163 69 / var(--tw-border-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:border-warning:focus[data-selectable="true"] {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-border-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-danger:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-danger\/20:focus[data-selectable="true"] {
  background-color: hsl(var(--heroui-danger) / 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-default:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default) / var(--heroui-default-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-default-100:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default-100) /
      var(--heroui-default-100-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-default\/40:focus[data-selectable="true"] {
  background-color: hsl(var(--heroui-default) / 0.4);
}
.data-\[selectable\=true\]\:focus\:bg-primary:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 185 11 / var(--tw-bg-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:bg-primary\/20:focus[data-selectable="true"] {
  background-color: rgba(240, 185, 11, 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-secondary:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:bg-secondary\/20:focus[data-selectable="true"] {
  background-color: rgba(67, 163, 69, 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-success:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: rgb(67 163 69 / var(--tw-bg-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:bg-success\/20:focus[data-selectable="true"] {
  background-color: rgba(67, 163, 69, 0.2);
}
.data-\[selectable\=true\]\:focus\:bg-warning:focus[data-selectable="true"] {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning) / var(--heroui-warning-opacity, var(--tw-bg-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:bg-warning\/20:focus[data-selectable="true"] {
  background-color: hsl(var(--heroui-warning) / 0.2);
}
.data-\[selectable\=true\]\:focus\:text-danger:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger) / var(--heroui-danger-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-danger-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-danger-foreground) /
      var(--heroui-danger-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-default-500:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-500) /
      var(--heroui-default-500-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-default-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-foreground) /
      var(--heroui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-primary:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: rgb(240 185 11 / var(--tw-text-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:text-primary-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-primary-foreground) /
      var(--heroui-primary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-secondary:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: rgb(67 163 69 / var(--tw-text-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:text-secondary-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-secondary-foreground) /
      var(--heroui-secondary-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-success:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: rgb(67 163 69 / var(--tw-text-opacity, 1));
}
.data-\[selectable\=true\]\:focus\:text-success-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-success-foreground) /
      var(--heroui-success-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-warning:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning) /
      var(--heroui-warning-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:text-warning-foreground:focus[data-selectable="true"] {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-warning-foreground) /
      var(--heroui-warning-foreground-opacity, var(--tw-text-opacity))
  );
}
.data-\[selectable\=true\]\:focus\:shadow-danger\/30:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--heroui-danger) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-default\/50:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--heroui-default) / 0.5);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-primary\/30:focus[data-selectable="true"] {
  --tw-shadow-color: rgba(240, 185, 11, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-secondary\/30:focus[data-selectable="true"],
.data-\[selectable\=true\]\:focus\:shadow-success\/30:focus[data-selectable="true"] {
  --tw-shadow-color: rgba(67, 163, 69, 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.data-\[selectable\=true\]\:focus\:shadow-warning\/30:focus[data-selectable="true"] {
  --tw-shadow-color: hsl(var(--heroui-warning) / 0.3);
  --tw-shadow: var(--tw-shadow-colored);
}
.group[data-filled="true"] .group-data-\[filled\=true\]\:start-0 {
  inset-inline-start: 0;
}
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:flex {
  display: flex;
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_20px\)\] {
  --tw-translate-y: calc(
    calc(100% + var(--heroui-font-size-small) / 2 + 20px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.small\)\/2_\+_24px\)\] {
  --tw-translate-y: calc(
    calc(100% + var(--heroui-font-size-small) / 2 + 24px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(100\%_\+_theme\(fontSize\.tiny\)\/2_\+_16px\)\] {
  --tw-translate-y: calc(
    calc(100% + var(--heroui-font-size-tiny) / 2 + 16px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_3\.5px\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--heroui-font-size-small) / 2 - 3.5px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_4px\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--heroui-font-size-small) / 2 - 4px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--heroui-font-size-small) / 2 - 6px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_6px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(
        50% + var(--heroui-font-size-small) / 2 - 6px -
          var(--heroui-border-width-medium)
      ) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--heroui-font-size-small) / 2 - 8px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.small\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(
        50% + var(--heroui-font-size-small) / 2 - 8px -
          var(--heroui-border-width-medium)
      ) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_5px\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--heroui-font-size-tiny) / 2 - 5px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px\)\] {
  --tw-translate-y: calc(
    calc(50% + var(--heroui-font-size-tiny) / 2 - 8px) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"]
  .group-data-\[filled\=true\]\:-translate-y-\[calc\(50\%_\+_theme\(fontSize\.tiny\)\/2_-_8px_-_theme\(borderWidth\.medium\)\)\] {
  --tw-translate-y: calc(
    calc(
        50% + var(--heroui-font-size-tiny) / 2 - 8px -
          var(--heroui-border-width-medium)
      ) * -1
  );
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-filled="true"] .group-data-\[filled\=true\]\:scale-85 {
  --tw-scale-x: 0.85;
  --tw-scale-y: 0.85;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-focus="true"] .group-data-\[focus\=true\]\:border-danger {
  --tw-border-opacity: 1;
  border-color: hsl(
    var(--heroui-danger) /
      var(--heroui-danger-opacity, var(--tw-border-opacity))
  );
}
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-danger-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-danger-50) /
      var(--heroui-danger-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-default-200 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-default-200) /
      var(--heroui-default-200-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-primary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-primary-50) /
      var(--heroui-primary-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-secondary-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-secondary-50) /
      var(--heroui-secondary-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-success-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-success-50) /
      var(--heroui-success-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-focus="true"] .group-data-\[focus\=true\]\:bg-warning-50 {
  --tw-bg-opacity: 1;
  background-color: hsl(
    var(--heroui-warning-50) /
      var(--heroui-warning-50-opacity, var(--tw-bg-opacity))
  );
}
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-2 {
  padding-top: 0.5rem;
}
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-3 {
  padding-top: 0.75rem;
}
.group[data-has-helper="true"] .group-data-\[has-helper\=true\]\:pt-4,
.group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-4 {
  padding-top: 1rem;
}
.group[data-has-label="true"] .group-data-\[has-label\=true\]\:pt-5 {
  padding-top: 1.25rem;
}
.group[data-filled="true"] .group-data-\[filled\=true\]\:text-default-600 {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-600) /
      var(--heroui-default-600-opacity, var(--tw-text-opacity))
  );
}
.group[data-filled="true"] .group-data-\[filled\=true\]\:text-foreground {
  color: var(--foreground);
}
.group[data-has-value="true"]
  .group-data-\[has-value\=true\]\:text-default-foreground {
  --tw-text-opacity: 1;
  color: hsl(
    var(--heroui-default-foreground) /
      var(--heroui-default-foreground-opacity, var(--tw-text-opacity))
  );
}
.group[data-has-value="true"] .group-data-\[has-value\=true\]\:text-foreground {
  color: var(--foreground);
}
@media (prefers-reduced-motion: reduce) {
  .motion-reduce\:transition-none {
    transition-property: none;
  }
  .motion-reduce\:after\:transition-none:after {
    content: var(--tw-content);
    transition-property: none;
  }
}
.mt-10 {
  margin-top: 40px !important;
}
@media (min-width: 640px) {
  .sm\:mr-8 {
    margin-right: 2rem;
  }
  .sm\:mt-16 {
    margin-top: 4rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:justify-between {
    justify-content: space-between;
  }
  .sm\:gap-0 {
    gap: 0;
  }
  .sm\:gap-4 {
    gap: 1rem;
  }
  .sm\:gap-8 {
    gap: 2rem;
  }
  .sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .sm\:pb-12 {
    padding-bottom: 3rem;
  }
  .sm\:pt-16 {
    padding-top: 4rem;
  }
  .sm\:pt-24 {
    padding-top: 6rem;
  }
}
@media (min-width: 768px) {
  .md\:gap-8 {
    gap: 2rem;
  }
}
@media (min-width: 1024px) {
  .lg\:left-4 {
    left: 1rem;
  }
  .lg\:mb-0 {
    margin-bottom: 0;
  }
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:mt-16 {
    margin-top: 4rem;
  }
  .lg\:w-\[calc\(25\%-16px\)\] {
    width: calc(25% - 16px);
  }
  .lg\:w-\[calc\(50\%-16px\)\] {
    width: calc(50% - 16px);
  }
  .lg\:w-\[calc\(75\%-12px\)\] {
    width: calc(75% - 12px);
  }
  .lg\:min-w-\[640px\] {
    min-width: 640px;
  }
  .lg\:max-w-\[500px\] {
    max-width: 500px;
  }
  .lg\:max-w-\[652px\] {
    max-width: 652px;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-start {
    align-items: flex-start;
  }
  .lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .lg\:px-16 {
    padding-left: 4rem;
    padding-right: 4rem;
  }
  .lg\:text-left {
    text-align: left;
  }
}
.rtl\:origin-top-right:where([dir="rtl"], [dir="rtl"] *) {
  transform-origin: top right;
}
@media (prefers-color-scheme: dark) {
  .dark\:text-danger-500 {
    --tw-text-opacity: 1;
    color: hsl(
      var(--heroui-danger-500) /
        var(--heroui-danger-500-opacity, var(--tw-text-opacity))
    );
  }
  .dark\:text-success {
    --tw-text-opacity: 1;
    color: rgb(67 163 69 / var(--tw-text-opacity, 1));
  }
  .dark\:text-warning {
    --tw-text-opacity: 1;
    color: hsl(
      var(--heroui-warning) /
        var(--heroui-warning-opacity, var(--tw-text-opacity))
    );
  }
}
.\[\&\+\.border-medium\.border-danger\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-danger,
.\[\&\+\.border-medium\.border-default\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-default,
.\[\&\+\.border-medium\.border-primary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-primary,
.\[\&\+\.border-medium\.border-secondary\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-secondary,
.\[\&\+\.border-medium\.border-success\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-success,
.\[\&\+\.border-medium\.border-warning\]\:ms-\[calc\(theme\(borderWidth\.medium\)\*-1\)\]
  + .border-medium.border-warning {
  margin-inline-start: calc(var(--heroui-border-width-medium) * -1);
}
.\[\&\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.\[\&\>svg\]\:max-w-\[theme\(spacing\.8\)\] > svg {
  max-width: 2rem;
}