@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap");
.wallet-adapter-button {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  border-radius: 4px;
}
.wallet-adapter-button-trigger {
  background-color: #512da8;
}
.wallet-adapter-button:not([disabled]):focus-visible {
  outline-color: #fff;
}
.wallet-adapter-button:not([disabled]):hover {
  background-color: #1a1f2e;
}
.wallet-adapter-button[disabled] {
  background: #404144;
  color: #999;
  cursor: not-allowed;
}
.wallet-adapter-button-end-icon,
.wallet-adapter-button-end-icon img,
.wallet-adapter-button-start-icon,
.wallet-adapter-button-start-icon img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.wallet-adapter-button-end-icon {
  margin-left: 12px;
}
.wallet-adapter-button-start-icon {
  margin-right: 12px;
}
.wallet-adapter-collapse {
  width: 100%;
}
.wallet-adapter-dropdown {
  position: relative;
  display: inline-block;
}
.wallet-adapter-dropdown-list {
  position: absolute;
  z-index: 99;
  display: grid;
  grid-template-rows: 1fr;
  grid-row-gap: 10px;
  padding: 10px;
  top: 100%;
  right: 0;
  margin: 0;
  list-style: none;
  background: #2c2d30;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.wallet-adapter-dropdown-list-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(10px);
}
.wallet-adapter-dropdown-list-item {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 0 20px;
  width: 100%;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  height: 37px;
  color: #fff;
}
.wallet-adapter-dropdown-list-item:not([disabled]):hover {
  background-color: #1a1f2e;
}
.wallet-adapter-modal-collapse-button svg {
  align-self: center;
  fill: #999;
}
.wallet-adapter-modal-collapse-button.wallet-adapter-modal-collapse-button-active
  svg {
  transform: rotate(180deg);
  transition: transform 0.15s ease-in;
}
.wallet-adapter-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: opacity 0.15s linear;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  overflow-y: auto;
}
.wallet-adapter-modal.wallet-adapter-modal-fade-in {
  opacity: 1;
}
.wallet-adapter-modal-button-close {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 18px;
  right: 18px;
  padding: 12px;
  cursor: pointer;
  background: #1a1f2e;
  border: none;
  border-radius: 50%;
}
.wallet-adapter-modal-button-close:focus-visible {
  outline-color: #fff;
}
.wallet-adapter-modal-button-close svg {
  fill: #777;
  transition: fill 0.2s ease 0s;
}
.wallet-adapter-modal-button-close:hover svg {
  fill: #fff;
}
.wallet-adapter-modal-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.wallet-adapter-modal-container {
  display: flex;
  margin: 3rem;
  min-height: calc(100vh - 6rem);
  align-items: center;
  justify-content: center;
}
@media (max-width: 480px) {
  .wallet-adapter-modal-container {
    margin: 1rem;
    min-height: calc(100vh - 2rem);
  }
}
.wallet-adapter-modal-wrapper {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 1050;
  max-width: 400px;
  border-radius: 10px;
  background: #10141f;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
  font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
  flex: 1;
}
.wallet-adapter-modal-wrapper .wallet-adapter-button {
  width: 100%;
}
.wallet-adapter-modal-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
  padding: 64px 48px 48px;
  text-align: center;
  color: #fff;
}
@media (max-width: 374px) {
  .wallet-adapter-modal-title {
    font-size: 18px;
  }
}
.wallet-adapter-modal-list {
  margin: 0 0 12px;
  padding: 0;
  width: 100%;
  list-style: none;
}
.wallet-adapter-modal-list .wallet-adapter-button {
  font-weight: 400;
  border-radius: 0;
  font-size: 18px;
}
.wallet-adapter-modal-list .wallet-adapter-button-end-icon,
.wallet-adapter-modal-list .wallet-adapter-button-end-icon img,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon,
.wallet-adapter-modal-list .wallet-adapter-button-start-icon img {
  width: 28px;
  height: 28px;
}
.wallet-adapter-modal-list .wallet-adapter-button span {
  margin-left: auto;
  font-size: 14px;
  opacity: 0.6;
}
.wallet-adapter-modal-list-more {
  cursor: pointer;
  border: none;
  padding: 12px 24px 24px 12px;
  align-self: flex-end;
  display: flex;
  align-items: center;
  background-color: transparent;
  color: #fff;
}
.wallet-adapter-modal-list-more svg {
  transition: all 0.1s ease;
  fill: #fff;
  margin-left: 0.5rem;
}
.wallet-adapter-modal-list-more-icon-rotate {
  transform: rotate(180deg);
}
.wallet-adapter-modal-middle {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 24px 24px;
  box-sizing: border-box;
}
.wallet-adapter-modal-middle-button {
  display: block;
  cursor: pointer;
  margin-top: 48px;
  width: 100%;
  background-color: #512da8;
  padding: 12px;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  color: #fff;
}
*,
: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.16 | 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;
}
.prose {
  color: var(--tw-prose-body);
  max-width: 65ch;
}
.prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose
  :where([class~="lead"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  color: var(--tw-prose-lead);
  font-size: 1.25em;
  line-height: 1.6;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
.prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-links);
  text-decoration: underline;
  font-weight: 500;
}
.prose
  :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-bold);
  font-weight: 600;
}
.prose
  :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(blockquote strong):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  color: inherit;
}
.prose
  :where(thead th strong):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  color: inherit;
}
.prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: decimal;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose
  :where(ol[type="A"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: upper-alpha;
}
.prose
  :where(ol[type="a"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: lower-alpha;
}
.prose
  :where(ol[type="A s"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: upper-alpha;
}
.prose
  :where(ol[type="a s"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: lower-alpha;
}
.prose
  :where(ol[type="I"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: upper-roman;
}
.prose
  :where(ol[type="i"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: lower-roman;
}
.prose
  :where(ol[type="I s"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: upper-roman;
}
.prose
  :where(ol[type="i s"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: lower-roman;
}
.prose
  :where(ol[type="1"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  list-style-type: decimal;
}
.prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  list-style-type: disc;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding-inline-start: 1.625em;
}
.prose
  :where(ol > li):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  )::marker {
  font-weight: 400;
  color: var(--tw-prose-counters);
}
.prose
  :where(ul > li):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  )::marker {
  color: var(--tw-prose-bullets);
}
.prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.25em;
}
.prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-color: var(--tw-prose-hr);
  border-top-width: 1px;
  margin-top: 3em;
  margin-bottom: 3em;
}
.prose
  :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 500;
  font-style: italic;
  color: var(--tw-prose-quotes);
  border-inline-start-width: 0.25rem;
  border-inline-start-color: var(--tw-prose-quote-borders);
  quotes: "\201C""\201D""\2018""\2019";
  margin-top: 1.6em;
  margin-bottom: 1.6em;
  padding-inline-start: 1em;
}
.prose
  :where(blockquote p:first-of-type):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ):before {
  content: open-quote;
}
.prose
  :where(blockquote p:last-of-type):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ):after {
  content: close-quote;
}
.prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 800;
  font-size: 2.25em;
  margin-top: 0;
  margin-bottom: 0.8888889em;
  line-height: 1.1111111;
}
.prose
  :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 900;
  color: inherit;
}
.prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 700;
  font-size: 1.5em;
  margin-top: 2em;
  margin-bottom: 1em;
  line-height: 1.3333333;
}
.prose
  :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 800;
  color: inherit;
}
.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose
  :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.5;
}
.prose
  :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 700;
  color: inherit;
}
.prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose
  :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  display: block;
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-weight: 500;
  font-family: inherit;
  color: var(--tw-prose-kbd);
  box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),
    0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
  font-size: 0.875em;
  border-radius: 0.3125rem;
  padding-top: 0.1875em;
  padding-inline-end: 0.375em;
  padding-bottom: 0.1875em;
  padding-inline-start: 0.375em;
}
.prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-code);
  font-weight: 600;
  font-size: 0.875em;
}
.prose
  :where(code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ):before {
  content: none;
}
.prose
  :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after {
  content: none;
}
.prose
  :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.875em;
}
.prose
  :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
  font-size: 0.9em;
}
.prose
  :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: inherit;
}
.prose
  :where(blockquote code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  color: inherit;
}
.prose
  :where(thead th code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  color: inherit;
}
.prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-pre-code);
  background-color: var(--tw-prose-pre-bg);
  overflow-x: auto;
  font-weight: 400;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-top: 1.7142857em;
  margin-bottom: 1.7142857em;
  border-radius: 0.375rem;
  padding-top: 0.8571429em;
  padding-inline-end: 1.1428571em;
  padding-bottom: 0.8571429em;
  padding-inline-start: 1.1428571em;
}
.prose
  :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  background-color: transparent;
  border-width: 0;
  border-radius: 0;
  padding: 0;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.prose
  :where(pre code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ):before {
  content: none;
}
.prose
  :where(pre code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ):after {
  content: none;
}
.prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  width: 100%;
  table-layout: auto;
  margin-top: 2em;
  margin-bottom: 2em;
  font-size: 0.875em;
  line-height: 1.7142857;
}
.prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-th-borders);
}
.prose
  :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  vertical-align: bottom;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose
  :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-bottom-width: 1px;
  border-bottom-color: var(--tw-prose-td-borders);
}
.prose
  :where(tbody tr:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  border-bottom-width: 0;
}
.prose
  :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: baseline;
}
.prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  border-top-width: 1px;
  border-top-color: var(--tw-prose-th-borders);
}
.prose
  :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  vertical-align: top;
}
.prose
  :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  text-align: start;
}
.prose
  :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose
  :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-captions);
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.prose {
  --tw-prose-body: #374151;
  --tw-prose-headings: #111827;
  --tw-prose-lead: #4b5563;
  --tw-prose-links: #111827;
  --tw-prose-bold: #111827;
  --tw-prose-counters: #6b7280;
  --tw-prose-bullets: #d1d5db;
  --tw-prose-hr: #e5e7eb;
  --tw-prose-quotes: #111827;
  --tw-prose-quote-borders: #e5e7eb;
  --tw-prose-captions: #6b7280;
  --tw-prose-kbd: #111827;
  --tw-prose-kbd-shadows: 17 24 39;
  --tw-prose-code: #111827;
  --tw-prose-pre-code: #e5e7eb;
  --tw-prose-pre-bg: #1f2937;
  --tw-prose-th-borders: #d1d5db;
  --tw-prose-td-borders: #e5e7eb;
  --tw-prose-invert-body: #d1d5db;
  --tw-prose-invert-headings: #fff;
  --tw-prose-invert-lead: #9ca3af;
  --tw-prose-invert-links: #fff;
  --tw-prose-invert-bold: #fff;
  --tw-prose-invert-counters: #9ca3af;
  --tw-prose-invert-bullets: #4b5563;
  --tw-prose-invert-hr: #374151;
  --tw-prose-invert-quotes: #f3f4f6;
  --tw-prose-invert-quote-borders: #374151;
  --tw-prose-invert-captions: #9ca3af;
  --tw-prose-invert-kbd: #fff;
  --tw-prose-invert-kbd-shadows: 255 255 255;
  --tw-prose-invert-code: #fff;
  --tw-prose-invert-pre-code: #d1d5db;
  --tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
  --tw-prose-invert-th-borders: #4b5563;
  --tw-prose-invert-td-borders: #374151;
  font-size: 1rem;
  line-height: 1.75;
}
.prose
  :where(picture > img):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
  margin-bottom: 0;
}
.prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.prose
  :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose
  :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  padding-inline-start: 0.375em;
}
.prose
  :where(.prose > ul > li p):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose
  :where(.prose > ul > li > p:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 1.25em;
}
.prose
  :where(.prose > ul > li > p:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.25em;
}
.prose
  :where(.prose > ol > li > p:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 1.25em;
}
.prose
  :where(.prose > ol > li > p:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.25em;
}
.prose
  :where(ul ul, ul ol, ol ul, ol ol):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
  margin-bottom: 1.25em;
}
.prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-inline-start: 1.625em;
}
.prose
  :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0;
}
.prose
  :where(thead th:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-inline-start: 0;
}
.prose
  :where(thead th:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-inline-end: 0;
}
.prose
  :where(tbody td, tfoot td):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-top: 0.5714286em;
  padding-inline-end: 0.5714286em;
  padding-bottom: 0.5714286em;
  padding-inline-start: 0.5714286em;
}
.prose
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-inline-start: 0;
}
.prose
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-inline-end: 0;
}
.prose
  :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 2em;
  margin-bottom: 2em;
}
.prose
  :where(.prose > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.prose
  :where(.prose > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
}
.prose-invert {
  --tw-prose-body: var(--tw-prose-invert-body);
  --tw-prose-headings: var(--tw-prose-invert-headings);
  --tw-prose-lead: var(--tw-prose-invert-lead);
  --tw-prose-links: var(--tw-prose-invert-links);
  --tw-prose-bold: var(--tw-prose-invert-bold);
  --tw-prose-counters: var(--tw-prose-invert-counters);
  --tw-prose-bullets: var(--tw-prose-invert-bullets);
  --tw-prose-hr: var(--tw-prose-invert-hr);
  --tw-prose-quotes: var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
  --tw-prose-captions: var(--tw-prose-invert-captions);
  --tw-prose-kbd: var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code: var(--tw-prose-invert-code);
  --tw-prose-pre-code: var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders: var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders: var(--tw-prose-invert-td-borders);
}
.pointer-events-none {
  pointer-events: none;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.inset-0 {
  inset: 0;
}
.inset-x-2 {
  left: 0.5rem;
  right: 0.5rem;
}
.inset-y-0 {
  top: 0;
  bottom: 0;
}
.inset-y-2 {
  top: 0.5rem;
  bottom: 0.5rem;
}
.-bottom-2\.5 {
  bottom: -0.625rem;
}
.-left-4 {
  left: -1rem;
}
.left-1\/2 {
  left: 50%;
}
.right-0 {
  right: 0;
}
.top-1\/2 {
  top: 50%;
}
.isolate {
  isolation: isolate;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.col-span-2 {
  grid-column: span 2 / span 2;
}
.col-span-5 {
  grid-column: span 5 / span 5;
}
.col-span-full {
  grid-column: 1/-1;
}
.col-start-1 {
  grid-column-start: 1;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-5 {
  grid-column-start: 5;
}
.row-start-1 {
  grid-row-start: 1;
}
.row-start-2 {
  grid-row-start: 2;
}
.m-1 {
  margin: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.m-4 {
  margin: 1rem;
}
.-mx-0\.5 {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.-mx-\[--gutter\] {
  margin-left: calc(var(--gutter) * -1);
  margin-right: calc(var(--gutter) * -1);
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-3\.5 {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-\[15px\] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.my-\[40px\] {
  margin-top: 40px;
  margin-bottom: 40px;
}
.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.-mb-3 {
  margin-bottom: -0.75rem;
}
.-ml-4 {
  margin-left: -1rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[32px\] {
  margin-bottom: 32px;
}
.ml-2\.5 {
  margin-left: 0.625rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.mt-\[32px\] {
  margin-top: 32px;
}
.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.flow-root {
  display: flow-root;
}
.grid {
  display: grid;
}
.inline-grid {
  display: inline-grid;
}
.hidden {
  display: none;
}
.size-4 {
  width: 1rem;
  height: 1rem;
}
.size-5 {
  width: 1.25rem;
  height: 1.25rem;
}
.size-\[1\.125rem\] {
  width: 1.125rem;
  height: 1.125rem;
}
.size-\[1\.1875rem\] {
  width: 1.1875rem;
  height: 1.1875rem;
}
.size-\[max\(100\%\2c 2\.75rem\)\] {
  width: max(100%, 2.75rem);
  height: max(100%, 2.75rem);
}
.size-full {
  width: 100%;
  height: 100%;
}
.h-0\.5 {
  height: 0.125rem;
}
.h-12 {
  height: 3rem;
}
.h-16 {
  height: 4rem;
}
.h-2 {
  height: 0.5rem;
}
.h-4 {
  height: 1rem;
}
.h-6 {
  height: 1.5rem;
}
.h-8 {
  height: 2rem;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.h-px {
  height: 1px;
}
.max-h-48 {
  max-height: 12rem;
}
.min-h-0 {
  min-height: 0;
}
.min-h-11 {
  min-height: 2.75rem;
}
.min-h-full {
  min-height: 100%;
}
.min-h-screen {
  min-height: 90vh;
}
.min-h-svh {
  min-height: 100svh;
}
.w-0\.5 {
  width: 0.125rem;
}
.w-10 {
  width: 2.5rem;
}
.w-12 {
  width: 3rem;
}
.w-16 {
  width: 4rem;
}
.w-2 {
  width: 0.5rem;
}
.w-4 {
  width: 1rem;
}
.w-6 {
  width: 1.5rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-96 {
  width: 24rem;
}
.w-\[2\.25rem\] {
  width: 2.25rem;
}
.w-full {
  width: 100%;
}
.w-max {
  width: max-content;
}
.w-px {
  width: 1px;
}
.w-screen {
  width: 100vw;
}
.min-w-0 {
  min-width: 0;
}
.min-w-64 {
  min-width: 16rem;
}
.min-w-\[2\.25rem\] {
  min-width: 2.25rem;
}
.min-w-\[2ch\] {
  min-width: 2ch;
}
.min-w-\[calc\(var\(--button-width\)\+1\.75rem\)\] {
  min-width: calc(var(--button-width) + 1.75rem);
}
.min-w-full {
  min-width: 100%;
}
.max-w-32 {
  max-width: 8rem;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-64 {
  max-width: 16rem;
}
.max-w-6xl {
  max-width: 72rem;
}
.max-w-7xl {
  max-width: 80rem;
}
.max-w-80 {
  max-width: 20rem;
}
.max-w-\[465px\] {
  max-width: 465px;
}
.max-w-full {
  max-width: 100%;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-none {
  max-width: none;
}
.max-w-screen-sm {
  max-width: 640px;
}
.max-w-sm {
  max-width: 24rem;
}
.max-w-xs {
  max-width: 20rem;
}
.flex-1 {
  flex: 1 1 0%;
}
.flex-none {
  flex: none;
}
.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0;
}
.grow {
  flex-grow: 1;
}
.basis-0 {
  flex-basis: 0px;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-y-1\/2 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
}
.translate-x-0 {
  --tw-translate-x: 0px;
}
.transform,
.translate-x-0 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.cursor-default {
  cursor: default;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-text {
  cursor: text;
}
.select-none {
  user-select: none;
}
.resize-none {
  resize: none;
}
.resize-y {
  resize: vertical;
}
.scroll-py-1 {
  scroll-padding-top: 0.25rem;
  scroll-padding-bottom: 0.25rem;
}
.appearance-none {
  appearance: none;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1\.125rem_1fr\] {
  grid-template-columns: 1.125rem 1fr;
}
.grid-cols-\[1fr\2c auto\],
.grid-cols-\[1fr_auto\] {
  grid-template-columns: 1fr auto;
}
.grid-cols-\[auto_1fr_1\.5rem_0\.5rem_auto\] {
  grid-template-columns: auto 1fr 1.5rem 0.5rem auto;
}
.grid-cols-\[theme\(spacing\.5\)\2c 1fr\] {
  grid-template-columns: 1.25rem 1fr;
}
.grid-rows-\[1fr_auto\] {
  grid-template-rows: 1fr auto;
}
.grid-rows-\[1fr_auto_1fr\] {
  grid-template-rows: 1fr auto 1fr;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-items-center {
  justify-items: center;
}
.gap-0\.5 {
  gap: 0.125rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-1\.5 {
  column-gap: 0.375rem;
}
.gap-x-12 {
  column-gap: 3rem;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-x-8 {
  column-gap: 2rem;
}
.gap-y-1 {
  row-gap: 0.25rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(2rem * var(--tw-space-x-reverse));
  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.justify-self-end {
  justify-self: end;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-scroll {
  overflow: scroll;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-y-scroll {
  overflow-y: scroll;
}
.overscroll-contain {
  overscroll-behavior: contain;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
}
.truncate,
.whitespace-nowrap {
  white-space: nowrap;
}
.text-wrap {
  text-wrap: wrap;
}
.text-nowrap {
  text-wrap: nowrap;
}
.text-balance {
  text-wrap: balance;
}
.text-pretty {
  text-wrap: pretty;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-2xl {
  border-radius: 1rem;
}
.rounded-\[--avatar-radius\] {
  border-radius: var(--avatar-radius);
}
.rounded-\[0\.3125rem\] {
  border-radius: 0.3125rem;
}
.rounded-\[20\%\] {
  border-radius: 20%;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-t-3xl {
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0;
}
.border-\[4\.5px\] {
  border-width: 4.5px;
}
.border-b {
  border-bottom-width: 1px;
}
.border-l {
  border-left-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-solid {
  border-style: solid;
}
.border-\[\#eaeaea\] {
  --tw-border-opacity: 1;
  border-color: rgb(234 234 234 / var(--tw-border-opacity, 1));
}
.border-mint-950\/10 {
  border-color: rgba(0, 92, 6, 0.1);
}
.border-transparent {
  border-color: transparent;
}
.border-zinc-700 {
  --tw-border-opacity: 1;
  border-color: rgb(63 63 70 / var(--tw-border-opacity, 1));
}
.border-zinc-950\/10 {
  border-color: rgba(9, 9, 11, 0.1);
}
.border-zinc-950\/15 {
  border-color: rgba(9, 9, 11, 0.15);
}
.border-zinc-950\/5 {
  border-color: rgba(9, 9, 11, 0.05);
}
.border-b-zinc-950\/10 {
  border-bottom-color: rgba(9, 9, 11, 0.1);
}
.border-l-zinc-950\/5 {
  border-left-color: rgba(9, 9, 11, 0.05);
}
.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-\[--btn-border\] {
  background-color: var(--btn-border);
}
.bg-\[--radio-indicator\] {
  background-color: var(--radio-indicator);
}
.bg-amber-400\/20 {
  background-color: rgba(251, 191, 36, 0.2);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/30 {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-blue-500\/15 {
  background-color: rgba(59, 130, 246, 0.15);
}
.bg-cyan-400\/20 {
  background-color: rgba(34, 211, 238, 0.2);
}
.bg-emerald-500\/15 {
  background-color: rgba(16, 185, 129, 0.15);
}
.bg-fuchsia-400\/15 {
  background-color: rgba(232, 121, 249, 0.15);
}
.bg-green-500\/15 {
  background-color: rgba(34, 197, 94, 0.15);
}
.bg-indigo-500\/15 {
  background-color: rgba(99, 102, 241, 0.15);
}
.bg-lime-400\/20 {
  background-color: rgba(163, 230, 53, 0.2);
}
.bg-mint-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(160 250 160 / var(--tw-bg-opacity, 1));
}
.bg-orange-500\/15 {
  background-color: rgba(249, 115, 22, 0.15);
}
.bg-pink-400\/15 {
  background-color: rgba(244, 114, 182, 0.15);
}
.bg-purple-500\/15 {
  background-color: rgba(168, 85, 247, 0.15);
}
.bg-red-500\/15 {
  background-color: rgba(239, 68, 68, 0.15);
}
.bg-rose-400\/15 {
  background-color: rgba(251, 113, 133, 0.15);
}
.bg-sky-500\/15 {
  background-color: rgba(14, 165, 233, 0.15);
}
.bg-teal-500\/15 {
  background-color: rgba(20, 184, 166, 0.15);
}
.bg-transparent {
  background-color: transparent;
}
.bg-violet-500\/15 {
  background-color: rgba(139, 92, 246, 0.15);
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/75 {
  background-color: hsla(0, 0%, 100%, 0.75);
}
.bg-yellow-400\/20 {
  background-color: rgba(250, 204, 21, 0.2);
}
.bg-zinc-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.bg-zinc-600\/10 {
  background-color: rgba(82, 82, 91, 0.1);
}
.bg-zinc-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(63 63 70 / var(--tw-bg-opacity, 1));
}
.bg-zinc-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.bg-zinc-900 {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.bg-zinc-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
}
.bg-zinc-950\/10 {
  background-color: rgba(9, 9, 11, 0.1);
}
.bg-zinc-950\/15 {
  background-color: rgba(9, 9, 11, 0.15);
}
.bg-zinc-950\/25 {
  background-color: rgba(9, 9, 11, 0.25);
}
.bg-zinc-950\/5 {
  background-color: rgba(9, 9, 11, 0.05);
}
.bg-zinc-950\/\[2\.5\%\] {
  background-color: rgba(9, 9, 11, 0.025);
}
.bg-clip-padding {
  background-clip: padding-box;
}
.fill-current {
  fill: currentColor;
}
.stroke-\[--checkbox-check\] {
  stroke: var(--checkbox-check);
}
.stroke-current {
  stroke: currentColor;
}
.stroke-mint-400 {
  stroke: #d2fcd2;
}
.stroke-zinc-500 {
  stroke: #71717a;
}
.p-0 {
  padding: 0;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[--gutter\] {
  padding: var(--gutter);
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[5\%\] {
  padding: 5%;
}
.px-0\.5 {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5 {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3\.5 {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-\[calc\(theme\(spacing\[3\.5\]\)-1px\)\] {
  padding-left: calc(0.875rem - 1px);
  padding-right: calc(0.875rem - 1px);
}
.py-0\.5 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5 {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[calc\(theme\(spacing\[2\.5\]\)-1px\)\] {
  padding-top: calc(0.625rem - 1px);
  padding-bottom: calc(0.625rem - 1px);
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pb-3 {
  padding-bottom: 0.75rem;
}
.pb-4 {
  padding-bottom: 1rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-\[calc\(theme\(spacing\[3\.5\]\)-1px\)\] {
  padding-left: calc(0.875rem - 1px);
}
.pr-2 {
  padding-right: 0.5rem;
}
.pr-3\.5 {
  padding-right: 0.875rem;
}
.pr-\[calc\(theme\(spacing\.10\)-1px\)\] {
  padding-right: calc(2.5rem - 1px);
}
.pr-\[calc\(theme\(spacing\.7\)-1px\)\] {
  padding-right: calc(1.75rem - 1px);
}
.pt-1 {
  padding-top: 0.25rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pt-2\.5 {
  padding-top: 0.625rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-6 {
  padding-top: 1.5rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-middle {
  vertical-align: middle;
}
.font-sans {
  font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
    Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
.text-2xl\/8 {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-base\/6 {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-base\/7 {
  font-size: 1rem;
  line-height: 1.75rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-lg\/6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.text-sm,
.text-sm\/5 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-sm\/6 {
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.text-xs\/6 {
  font-size: 0.75rem;
  line-height: 1.5rem;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.leading-\[24px\] {
  line-height: 24px;
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.text-amber-950 {
  --tw-text-opacity: 1;
  color: rgb(69 26 3 / var(--tw-text-opacity, 1));
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-cyan-950 {
  --tw-text-opacity: 1;
  color: rgb(8 51 68 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-fuchsia-700 {
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-lime-700 {
  --tw-text-opacity: 1;
  color: rgb(77 124 15 / var(--tw-text-opacity, 1));
}
.text-lime-950 {
  --tw-text-opacity: 1;
  color: rgb(26 46 5 / var(--tw-text-opacity, 1));
}
.text-mint-500 {
  --tw-text-opacity: 1;
  color: rgb(160 250 160 / var(--tw-text-opacity, 1));
}
.text-mint-950 {
  --tw-text-opacity: 1;
  color: rgb(0 92 6 / var(--tw-text-opacity, 1));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-yellow-950 {
  --tw-text-opacity: 1;
  color: rgb(66 32 6 / var(--tw-text-opacity, 1));
}
.text-zinc-300 {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.text-zinc-400 {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.text-zinc-700 {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}
.text-zinc-950 {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-zinc-950\/50 {
  text-decoration-color: rgba(9, 9, 11, 0.5);
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-40 {
  opacity: 0.4;
}
.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-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-sm {
  --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline {
  outline-style: solid;
}
.outline-1 {
  outline-width: 1px;
}
.-outline-offset-1 {
  outline-offset: -1px;
}
.outline-black\/\[--ring-opacity\] {
  outline-color: rgb(0 0 0 / var(--ring-opacity));
}
.outline-transparent {
  outline-color: transparent;
}
.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);
}
.ring,
.ring-1 {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.ring-black\/5 {
  --tw-ring-color: rgba(0, 0, 0, 0.05);
}
.ring-zinc-950\/10 {
  --tw-ring-color: rgba(9, 9, 11, 0.1);
}
.ring-zinc-950\/5 {
  --tw-ring-color: rgba(9, 9, 11, 0.05);
}
.sepia {
  --tw-sepia: sepia(100%);
}
.filter,
.sepia {
  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-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
    var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
    var(--tw-backdrop-sepia);
}
.transition {
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.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.15s;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.duration-0 {
  transition-duration: 0s;
}
.duration-100 {
  transition-duration: 0.1s;
}
.duration-200 {
  transition-duration: 0.2s;
}
.duration-300 {
  transition-duration: 0.3s;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.will-change-transform {
  will-change: transform;
}
.forced-color-adjust-none {
  forced-color-adjust: none;
}
.\[--anchor-gap\:theme\(spacing\.2\)\] {
  --anchor-gap: 0.5rem;
}
.\[--anchor-offset\:-1\.625rem\] {
  --anchor-offset: -1.625rem;
}
.\[--anchor-padding\:theme\(spacing\.1\)\] {
  --anchor-padding: 0.25rem;
}
.\[--anchor-padding\:theme\(spacing\.4\)\] {
  --anchor-padding: 1rem;
}
.\[--avatar-radius\:20\%\] {
  --avatar-radius: 20%;
}
.\[--btn-bg\:theme\(colors\.amber\.400\)\] {
  --btn-bg: #fbbf24;
}
.\[--btn-bg\:theme\(colors\.blue\.600\)\] {
  --btn-bg: #2563eb;
}
.\[--btn-bg\:theme\(colors\.cyan\.300\)\] {
  --btn-bg: #67e8f9;
}
.\[--btn-bg\:theme\(colors\.emerald\.600\)\] {
  --btn-bg: #059669;
}
.\[--btn-bg\:theme\(colors\.fuchsia\.500\)\] {
  --btn-bg: #d946ef;
}
.\[--btn-bg\:theme\(colors\.green\.600\)\] {
  --btn-bg: #16a34a;
}
.\[--btn-bg\:theme\(colors\.indigo\.500\)\] {
  --btn-bg: #6366f1;
}
.\[--btn-bg\:theme\(colors\.lime\.300\)\] {
  --btn-bg: #bef264;
}
.\[--btn-bg\:theme\(colors\.mint\.500\)\] {
  --btn-bg: #74ef9b;
}
.\[--btn-bg\:theme\(colors\.orange\.500\)\] {
  --btn-bg: #f97316;
}
.\[--btn-bg\:theme\(colors\.pink\.500\)\] {
  --btn-bg: #ec4899;
}
.\[--btn-bg\:theme\(colors\.purple\.500\)\] {
  --btn-bg: #a855f7;
}
.\[--btn-bg\:theme\(colors\.red\.600\)\] {
  --btn-bg: #dc2626;
}
.\[--btn-bg\:theme\(colors\.rose\.500\)\] {
  --btn-bg: #f43f5e;
}
.\[--btn-bg\:theme\(colors\.sky\.500\)\] {
  --btn-bg: #0ea5e9;
}
.\[--btn-bg\:theme\(colors\.teal\.600\)\] {
  --btn-bg: #0d9488;
}
.\[--btn-bg\:theme\(colors\.violet\.500\)\] {
  --btn-bg: #8b5cf6;
}
.\[--btn-bg\:theme\(colors\.yellow\.300\)\] {
  --btn-bg: #fde047;
}
.\[--btn-bg\:theme\(colors\.zinc\.600\)\] {
  --btn-bg: #52525b;
}
.\[--btn-bg\:theme\(colors\.zinc\.900\)\] {
  --btn-bg: #18181b;
}
.\[--btn-bg\:white\] {
  --btn-bg: #fff;
}
.\[--btn-border\:theme\(colors\.amber\.500\/80\%\)\] {
  --btn-border: rgba(245, 158, 11, 0.8);
}
.\[--btn-border\:theme\(colors\.blue\.700\/90\%\)\] {
  --btn-border: rgba(29, 78, 216, 0.9);
}
.\[--btn-border\:theme\(colors\.cyan\.400\/80\%\)\] {
  --btn-border: rgba(34, 211, 238, 0.8);
}
.\[--btn-border\:theme\(colors\.emerald\.700\/90\%\)\] {
  --btn-border: rgba(4, 120, 87, 0.9);
}
.\[--btn-border\:theme\(colors\.fuchsia\.600\/90\%\)\] {
  --btn-border: rgba(192, 38, 211, 0.9);
}
.\[--btn-border\:theme\(colors\.green\.700\/90\%\)\] {
  --btn-border: rgba(21, 128, 61, 0.9);
}
.\[--btn-border\:theme\(colors\.indigo\.600\/90\%\)\] {
  --btn-border: rgba(79, 70, 229, 0.9);
}
.\[--btn-border\:theme\(colors\.lime\.400\/80\%\)\] {
  --btn-border: rgba(163, 230, 53, 0.8);
}
.\[--btn-border\:theme\(colors\.mint\.600\/90\%\)\] {
  --btn-border: rgba(76, 252, 76, 0.9);
}
.\[--btn-border\:theme\(colors\.orange\.600\/90\%\)\] {
  --btn-border: rgba(234, 88, 12, 0.9);
}
.\[--btn-border\:theme\(colors\.pink\.600\/90\%\)\] {
  --btn-border: rgba(219, 39, 119, 0.9);
}
.\[--btn-border\:theme\(colors\.purple\.600\/90\%\)\] {
  --btn-border: rgba(147, 51, 234, 0.9);
}
.\[--btn-border\:theme\(colors\.red\.700\/90\%\)\] {
  --btn-border: rgba(185, 28, 28, 0.9);
}
.\[--btn-border\:theme\(colors\.rose\.600\/90\%\)\] {
  --btn-border: rgba(225, 29, 72, 0.9);
}
.\[--btn-border\:theme\(colors\.sky\.600\/80\%\)\] {
  --btn-border: rgba(2, 132, 199, 0.8);
}
.\[--btn-border\:theme\(colors\.teal\.700\/90\%\)\] {
  --btn-border: rgba(15, 118, 110, 0.9);
}
.\[--btn-border\:theme\(colors\.violet\.600\/90\%\)\] {
  --btn-border: rgba(124, 58, 237, 0.9);
}
.\[--btn-border\:theme\(colors\.yellow\.400\/80\%\)\] {
  --btn-border: rgba(250, 204, 21, 0.8);
}
.\[--btn-border\:theme\(colors\.zinc\.700\/90\%\)\] {
  --btn-border: rgba(63, 63, 70, 0.9);
}
.\[--btn-border\:theme\(colors\.zinc\.950\/10\%\)\] {
  --btn-border: rgba(9, 9, 11, 0.1);
}
.\[--btn-border\:theme\(colors\.zinc\.950\/90\%\)\] {
  --btn-border: rgba(9, 9, 11, 0.9);
}
.\[--btn-hover-overlay\:theme\(colors\.black\/10\%\)\] {
  --btn-hover-overlay: rgba(0, 0, 0, 0.1);
}
.\[--btn-hover-overlay\:theme\(colors\.white\/10\%\)\] {
  --btn-hover-overlay: hsla(0, 0%, 100%, 0.1);
}
.\[--btn-hover-overlay\:theme\(colors\.white\/25\%\)\] {
  --btn-hover-overlay: hsla(0, 0%, 100%, 0.25);
}
.\[--btn-hover-overlay\:theme\(colors\.zinc\.950\/2\.5\%\)\] {
  --btn-hover-overlay: rgba(9, 9, 11, 0.025);
}
.\[--btn-icon\:theme\(colors\.amber\.600\)\] {
  --btn-icon: #d97706;
}
.\[--btn-icon\:theme\(colors\.blue\.400\)\] {
  --btn-icon: #60a5fa;
}
.\[--btn-icon\:theme\(colors\.cyan\.500\)\] {
  --btn-icon: #06b6d4;
}
.\[--btn-icon\:theme\(colors\.fuchsia\.300\)\] {
  --btn-icon: #f0abfc;
}
.\[--btn-icon\:theme\(colors\.indigo\.300\)\] {
  --btn-icon: #a5b4fc;
}
.\[--btn-icon\:theme\(colors\.lime\.600\)\] {
  --btn-icon: #65a30d;
}
.\[--btn-icon\:theme\(colors\.mint\.500\)\] {
  --btn-icon: #a0faa0;
}
.\[--btn-icon\:theme\(colors\.mint\.900\)\] {
  --btn-icon: #13a317;
}
.\[--btn-icon\:theme\(colors\.orange\.300\)\] {
  --btn-icon: #fdba74;
}
.\[--btn-icon\:theme\(colors\.pink\.300\)\] {
  --btn-icon: #f9a8d4;
}
.\[--btn-icon\:theme\(colors\.purple\.300\)\] {
  --btn-icon: #d8b4fe;
}
.\[--btn-icon\:theme\(colors\.red\.300\)\] {
  --btn-icon: #fca5a5;
}
.\[--btn-icon\:theme\(colors\.rose\.300\)\] {
  --btn-icon: #fda4af;
}
.\[--btn-icon\:theme\(colors\.violet\.300\)\] {
  --btn-icon: #c4b5fd;
}
.\[--btn-icon\:theme\(colors\.white\/60\%\)\] {
  --btn-icon: hsla(0, 0%, 100%, 0.6);
}
.\[--btn-icon\:theme\(colors\.yellow\.600\)\] {
  --btn-icon: #ca8a04;
}
.\[--btn-icon\:theme\(colors\.zinc\.400\)\] {
  --btn-icon: #a1a1aa;
}
.\[--btn-icon\:theme\(colors\.zinc\.500\)\] {
  --btn-icon: #71717a;
}
.\[--checkbox-check\:theme\(colors\.amber\.950\)\] {
  --checkbox-check: #451a03;
}
.\[--checkbox-check\:theme\(colors\.cyan\.950\)\] {
  --checkbox-check: #083344;
}
.\[--checkbox-check\:theme\(colors\.lime\.950\)\] {
  --checkbox-check: #1a2e05;
}
.\[--checkbox-check\:theme\(colors\.white\)\] {
  --checkbox-check: #fff;
}
.\[--checkbox-check\:theme\(colors\.yellow\.950\)\] {
  --checkbox-check: #422006;
}
.\[--checkbox-check\:theme\(colors\.zinc\.900\)\] {
  --checkbox-check: #18181b;
}
.\[--checkbox-checked-bg\:theme\(colors\.amber\.400\)\] {
  --checkbox-checked-bg: #fbbf24;
}
.\[--checkbox-checked-bg\:theme\(colors\.blue\.600\)\] {
  --checkbox-checked-bg: #2563eb;
}
.\[--checkbox-checked-bg\:theme\(colors\.cyan\.300\)\] {
  --checkbox-checked-bg: #67e8f9;
}
.\[--checkbox-checked-bg\:theme\(colors\.emerald\.600\)\] {
  --checkbox-checked-bg: #059669;
}
.\[--checkbox-checked-bg\:theme\(colors\.fuchsia\.500\)\] {
  --checkbox-checked-bg: #d946ef;
}
.\[--checkbox-checked-bg\:theme\(colors\.green\.600\)\] {
  --checkbox-checked-bg: #16a34a;
}
.\[--checkbox-checked-bg\:theme\(colors\.indigo\.500\)\] {
  --checkbox-checked-bg: #6366f1;
}
.\[--checkbox-checked-bg\:theme\(colors\.lime\.300\)\] {
  --checkbox-checked-bg: #bef264;
}
.\[--checkbox-checked-bg\:theme\(colors\.orange\.500\)\] {
  --checkbox-checked-bg: #f97316;
}
.\[--checkbox-checked-bg\:theme\(colors\.pink\.500\)\] {
  --checkbox-checked-bg: #ec4899;
}
.\[--checkbox-checked-bg\:theme\(colors\.purple\.500\)\] {
  --checkbox-checked-bg: #a855f7;
}
.\[--checkbox-checked-bg\:theme\(colors\.red\.600\)\] {
  --checkbox-checked-bg: #dc2626;
}
.\[--checkbox-checked-bg\:theme\(colors\.rose\.500\)\] {
  --checkbox-checked-bg: #f43f5e;
}
.\[--checkbox-checked-bg\:theme\(colors\.sky\.500\)\] {
  --checkbox-checked-bg: #0ea5e9;
}
.\[--checkbox-checked-bg\:theme\(colors\.teal\.600\)\] {
  --checkbox-checked-bg: #0d9488;
}
.\[--checkbox-checked-bg\:theme\(colors\.violet\.500\)\] {
  --checkbox-checked-bg: #8b5cf6;
}
.\[--checkbox-checked-bg\:theme\(colors\.white\)\] {
  --checkbox-checked-bg: #fff;
}
.\[--checkbox-checked-bg\:theme\(colors\.yellow\.300\)\] {
  --checkbox-checked-bg: #fde047;
}
.\[--checkbox-checked-bg\:theme\(colors\.zinc\.600\)\] {
  --checkbox-checked-bg: #52525b;
}
.\[--checkbox-checked-bg\:theme\(colors\.zinc\.900\)\] {
  --checkbox-checked-bg: #18181b;
}
.\[--checkbox-checked-border\:theme\(colors\.amber\.500\/80\%\)\] {
  --checkbox-checked-border: rgba(245, 158, 11, 0.8);
}
.\[--checkbox-checked-border\:theme\(colors\.blue\.700\/90\%\)\] {
  --checkbox-checked-border: rgba(29, 78, 216, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.cyan\.400\/80\%\)\] {
  --checkbox-checked-border: rgba(34, 211, 238, 0.8);
}
.\[--checkbox-checked-border\:theme\(colors\.emerald\.700\/90\%\)\] {
  --checkbox-checked-border: rgba(4, 120, 87, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.fuchsia\.600\/90\%\)\] {
  --checkbox-checked-border: rgba(192, 38, 211, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.green\.700\/90\%\)\] {
  --checkbox-checked-border: rgba(21, 128, 61, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.indigo\.600\/90\%\)\] {
  --checkbox-checked-border: rgba(79, 70, 229, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.lime\.400\/80\%\)\] {
  --checkbox-checked-border: rgba(163, 230, 53, 0.8);
}
.\[--checkbox-checked-border\:theme\(colors\.orange\.600\/90\%\)\] {
  --checkbox-checked-border: rgba(234, 88, 12, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.pink\.600\/90\%\)\] {
  --checkbox-checked-border: rgba(219, 39, 119, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.purple\.600\/90\%\)\] {
  --checkbox-checked-border: rgba(147, 51, 234, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.red\.700\/90\%\)\] {
  --checkbox-checked-border: rgba(185, 28, 28, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.rose\.600\/90\%\)\] {
  --checkbox-checked-border: rgba(225, 29, 72, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.sky\.600\/80\%\)\] {
  --checkbox-checked-border: rgba(2, 132, 199, 0.8);
}
.\[--checkbox-checked-border\:theme\(colors\.teal\.700\/90\%\)\] {
  --checkbox-checked-border: rgba(15, 118, 110, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.violet\.600\/90\%\)\] {
  --checkbox-checked-border: rgba(124, 58, 237, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.yellow\.400\/80\%\)\] {
  --checkbox-checked-border: rgba(250, 204, 21, 0.8);
}
.\[--checkbox-checked-border\:theme\(colors\.zinc\.700\/90\%\)\] {
  --checkbox-checked-border: rgba(63, 63, 70, 0.9);
}
.\[--checkbox-checked-border\:theme\(colors\.zinc\.950\/15\%\)\] {
  --checkbox-checked-border: rgba(9, 9, 11, 0.15);
}
.\[--checkbox-checked-border\:theme\(colors\.zinc\.950\/90\%\)\] {
  --checkbox-checked-border: rgba(9, 9, 11, 0.9);
}
.\[--gutter\:theme\(spacing\.8\)\] {
  --gutter: 2rem;
}
.\[--radio-checked-bg\:theme\(colors\.amber\.400\)\] {
  --radio-checked-bg: #fbbf24;
}
.\[--radio-checked-bg\:theme\(colors\.blue\.600\)\] {
  --radio-checked-bg: #2563eb;
}
.\[--radio-checked-bg\:theme\(colors\.cyan\.300\)\] {
  --radio-checked-bg: #67e8f9;
}
.\[--radio-checked-bg\:theme\(colors\.emerald\.600\)\] {
  --radio-checked-bg: #059669;
}
.\[--radio-checked-bg\:theme\(colors\.fuchsia\.500\)\] {
  --radio-checked-bg: #d946ef;
}
.\[--radio-checked-bg\:theme\(colors\.green\.600\)\] {
  --radio-checked-bg: #16a34a;
}
.\[--radio-checked-bg\:theme\(colors\.indigo\.500\)\] {
  --radio-checked-bg: #6366f1;
}
.\[--radio-checked-bg\:theme\(colors\.lime\.300\)\] {
  --radio-checked-bg: #bef264;
}
.\[--radio-checked-bg\:theme\(colors\.orange\.500\)\] {
  --radio-checked-bg: #f97316;
}
.\[--radio-checked-bg\:theme\(colors\.pink\.500\)\] {
  --radio-checked-bg: #ec4899;
}
.\[--radio-checked-bg\:theme\(colors\.purple\.500\)\] {
  --radio-checked-bg: #a855f7;
}
.\[--radio-checked-bg\:theme\(colors\.red\.600\)\] {
  --radio-checked-bg: #dc2626;
}
.\[--radio-checked-bg\:theme\(colors\.rose\.500\)\] {
  --radio-checked-bg: #f43f5e;
}
.\[--radio-checked-bg\:theme\(colors\.sky\.500\)\] {
  --radio-checked-bg: #0ea5e9;
}
.\[--radio-checked-bg\:theme\(colors\.teal\.600\)\] {
  --radio-checked-bg: #0d9488;
}
.\[--radio-checked-bg\:theme\(colors\.violet\.500\)\] {
  --radio-checked-bg: #8b5cf6;
}
.\[--radio-checked-bg\:theme\(colors\.white\)\] {
  --radio-checked-bg: #fff;
}
.\[--radio-checked-bg\:theme\(colors\.yellow\.300\)\] {
  --radio-checked-bg: #fde047;
}
.\[--radio-checked-bg\:theme\(colors\.zinc\.600\)\] {
  --radio-checked-bg: #52525b;
}
.\[--radio-checked-bg\:theme\(colors\.zinc\.900\)\] {
  --radio-checked-bg: #18181b;
}
.\[--radio-checked-border\:theme\(colors\.amber\.500\/80\%\)\] {
  --radio-checked-border: rgba(245, 158, 11, 0.8);
}
.\[--radio-checked-border\:theme\(colors\.blue\.700\/90\%\)\] {
  --radio-checked-border: rgba(29, 78, 216, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.cyan\.400\/80\%\)\] {
  --radio-checked-border: rgba(34, 211, 238, 0.8);
}
.\[--radio-checked-border\:theme\(colors\.emerald\.700\/90\%\)\] {
  --radio-checked-border: rgba(4, 120, 87, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.fuchsia\.600\/90\%\)\] {
  --radio-checked-border: rgba(192, 38, 211, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.green\.700\/90\%\)\] {
  --radio-checked-border: rgba(21, 128, 61, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.indigo\.600\/90\%\)\] {
  --radio-checked-border: rgba(79, 70, 229, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.lime\.400\/80\%\)\] {
  --radio-checked-border: rgba(163, 230, 53, 0.8);
}
.\[--radio-checked-border\:theme\(colors\.orange\.600\/90\%\)\] {
  --radio-checked-border: rgba(234, 88, 12, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.pink\.600\/90\%\)\] {
  --radio-checked-border: rgba(219, 39, 119, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.purple\.600\/90\%\)\] {
  --radio-checked-border: rgba(147, 51, 234, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.red\.700\/90\%\)\] {
  --radio-checked-border: rgba(185, 28, 28, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.rose\.600\/90\%\)\] {
  --radio-checked-border: rgba(225, 29, 72, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.sky\.600\/80\%\)\] {
  --radio-checked-border: rgba(2, 132, 199, 0.8);
}
.\[--radio-checked-border\:theme\(colors\.teal\.700\/90\%\)\] {
  --radio-checked-border: rgba(15, 118, 110, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.violet\.600\/90\%\)\] {
  --radio-checked-border: rgba(124, 58, 237, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.yellow\.400\/80\%\)\] {
  --radio-checked-border: rgba(250, 204, 21, 0.8);
}
.\[--radio-checked-border\:theme\(colors\.zinc\.700\/90\%\)\] {
  --radio-checked-border: rgba(63, 63, 70, 0.9);
}
.\[--radio-checked-border\:theme\(colors\.zinc\.950\/15\%\)\] {
  --radio-checked-border: rgba(9, 9, 11, 0.15);
}
.\[--radio-checked-border\:theme\(colors\.zinc\.950\/90\%\)\] {
  --radio-checked-border: rgba(9, 9, 11, 0.9);
}
.\[--radio-checked-indicator\:theme\(colors\.amber\.950\)\] {
  --radio-checked-indicator: #451a03;
}
.\[--radio-checked-indicator\:theme\(colors\.cyan\.950\)\] {
  --radio-checked-indicator: #083344;
}
.\[--radio-checked-indicator\:theme\(colors\.lime\.950\)\] {
  --radio-checked-indicator: #1a2e05;
}
.\[--radio-checked-indicator\:theme\(colors\.white\)\] {
  --radio-checked-indicator: #fff;
}
.\[--radio-checked-indicator\:theme\(colors\.yellow\.950\)\] {
  --radio-checked-indicator: #422006;
}
.\[--radio-checked-indicator\:theme\(colors\.zinc\.900\)\] {
  --radio-checked-indicator: #18181b;
}
.\[--radio-indicator\:transparent\] {
  --radio-indicator: transparent;
}
.\[--ring-opacity\:20\%\] {
  --ring-opacity: 20%;
}
.\[--switch-bg-ring\:theme\(colors\.amber\.500\/80\%\)\] {
  --switch-bg-ring: rgba(245, 158, 11, 0.8);
}
.\[--switch-bg-ring\:theme\(colors\.black\/15\%\)\] {
  --switch-bg-ring: rgba(0, 0, 0, 0.15);
}
.\[--switch-bg-ring\:theme\(colors\.blue\.700\/90\%\)\] {
  --switch-bg-ring: rgba(29, 78, 216, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.cyan\.400\/80\%\)\] {
  --switch-bg-ring: rgba(34, 211, 238, 0.8);
}
.\[--switch-bg-ring\:theme\(colors\.emerald\.600\/90\%\)\] {
  --switch-bg-ring: rgba(5, 150, 105, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.fuchsia\.600\/90\%\)\] {
  --switch-bg-ring: rgba(192, 38, 211, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.green\.700\/90\%\)\] {
  --switch-bg-ring: rgba(21, 128, 61, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.indigo\.600\/90\%\)\] {
  --switch-bg-ring: rgba(79, 70, 229, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.lime\.400\/80\%\)\] {
  --switch-bg-ring: rgba(163, 230, 53, 0.8);
}
.\[--switch-bg-ring\:theme\(colors\.mint\.600\/90\%\)\] {
  --switch-bg-ring: rgba(76, 252, 76, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.orange\.600\/90\%\)\] {
  --switch-bg-ring: rgba(234, 88, 12, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.pink\.600\/90\%\)\] {
  --switch-bg-ring: rgba(219, 39, 119, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.purple\.600\/90\%\)\] {
  --switch-bg-ring: rgba(147, 51, 234, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.red\.700\/90\%\)\] {
  --switch-bg-ring: rgba(185, 28, 28, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.rose\.600\/90\%\)\] {
  --switch-bg-ring: rgba(225, 29, 72, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.sky\.600\/80\%\)\] {
  --switch-bg-ring: rgba(2, 132, 199, 0.8);
}
.\[--switch-bg-ring\:theme\(colors\.teal\.700\/90\%\)\] {
  --switch-bg-ring: rgba(15, 118, 110, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.violet\.600\/90\%\)\] {
  --switch-bg-ring: rgba(124, 58, 237, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.yellow\.400\/80\%\)\] {
  --switch-bg-ring: rgba(250, 204, 21, 0.8);
}
.\[--switch-bg-ring\:theme\(colors\.zinc\.700\/90\%\)\] {
  --switch-bg-ring: rgba(63, 63, 70, 0.9);
}
.\[--switch-bg-ring\:theme\(colors\.zinc\.950\/90\%\)\] {
  --switch-bg-ring: rgba(9, 9, 11, 0.9);
}
.\[--switch-bg\:theme\(colors\.amber\.400\)\] {
  --switch-bg: #fbbf24;
}
.\[--switch-bg\:theme\(colors\.blue\.600\)\] {
  --switch-bg: #2563eb;
}
.\[--switch-bg\:theme\(colors\.cyan\.300\)\] {
  --switch-bg: #67e8f9;
}
.\[--switch-bg\:theme\(colors\.emerald\.500\)\] {
  --switch-bg: #10b981;
}
.\[--switch-bg\:theme\(colors\.fuchsia\.500\)\] {
  --switch-bg: #d946ef;
}
.\[--switch-bg\:theme\(colors\.green\.600\)\] {
  --switch-bg: #16a34a;
}
.\[--switch-bg\:theme\(colors\.indigo\.500\)\] {
  --switch-bg: #6366f1;
}
.\[--switch-bg\:theme\(colors\.lime\.300\)\] {
  --switch-bg: #bef264;
}
.\[--switch-bg\:theme\(colors\.mint\.500\)\] {
  --switch-bg: #a0faa0;
}
.\[--switch-bg\:theme\(colors\.orange\.500\)\] {
  --switch-bg: #f97316;
}
.\[--switch-bg\:theme\(colors\.pink\.500\)\] {
  --switch-bg: #ec4899;
}
.\[--switch-bg\:theme\(colors\.purple\.500\)\] {
  --switch-bg: #a855f7;
}
.\[--switch-bg\:theme\(colors\.red\.600\)\] {
  --switch-bg: #dc2626;
}
.\[--switch-bg\:theme\(colors\.rose\.500\)\] {
  --switch-bg: #f43f5e;
}
.\[--switch-bg\:theme\(colors\.sky\.500\)\] {
  --switch-bg: #0ea5e9;
}
.\[--switch-bg\:theme\(colors\.teal\.600\)\] {
  --switch-bg: #0d9488;
}
.\[--switch-bg\:theme\(colors\.violet\.500\)\] {
  --switch-bg: #8b5cf6;
}
.\[--switch-bg\:theme\(colors\.yellow\.300\)\] {
  --switch-bg: #fde047;
}
.\[--switch-bg\:theme\(colors\.zinc\.600\)\] {
  --switch-bg: #52525b;
}
.\[--switch-bg\:theme\(colors\.zinc\.900\)\] {
  --switch-bg: #18181b;
}
.\[--switch-bg\:white\] {
  --switch-bg: #fff;
}
.\[--switch-ring\:theme\(colors\.blue\.700\/90\%\)\] {
  --switch-ring: rgba(29, 78, 216, 0.9);
}
.\[--switch-ring\:theme\(colors\.emerald\.600\/90\%\)\] {
  --switch-ring: rgba(5, 150, 105, 0.9);
}
.\[--switch-ring\:theme\(colors\.fuchsia\.600\/90\%\)\] {
  --switch-ring: rgba(192, 38, 211, 0.9);
}
.\[--switch-ring\:theme\(colors\.green\.700\/90\%\)\] {
  --switch-ring: rgba(21, 128, 61, 0.9);
}
.\[--switch-ring\:theme\(colors\.indigo\.600\/90\%\)\] {
  --switch-ring: rgba(79, 70, 229, 0.9);
}
.\[--switch-ring\:theme\(colors\.mint\.600\/90\%\)\] {
  --switch-ring: rgba(76, 252, 76, 0.9);
}
.\[--switch-ring\:theme\(colors\.orange\.600\/90\%\)\] {
  --switch-ring: rgba(234, 88, 12, 0.9);
}
.\[--switch-ring\:theme\(colors\.pink\.600\/90\%\)\] {
  --switch-ring: rgba(219, 39, 119, 0.9);
}
.\[--switch-ring\:theme\(colors\.purple\.600\/90\%\)\] {
  --switch-ring: rgba(147, 51, 234, 0.9);
}
.\[--switch-ring\:theme\(colors\.red\.700\/90\%\)\] {
  --switch-ring: rgba(185, 28, 28, 0.9);
}
.\[--switch-ring\:theme\(colors\.rose\.600\/90\%\)\] {
  --switch-ring: rgba(225, 29, 72, 0.9);
}
.\[--switch-ring\:theme\(colors\.sky\.600\/80\%\)\] {
  --switch-ring: rgba(2, 132, 199, 0.8);
}
.\[--switch-ring\:theme\(colors\.teal\.700\/90\%\)\] {
  --switch-ring: rgba(15, 118, 110, 0.9);
}
.\[--switch-ring\:theme\(colors\.violet\.600\/90\%\)\] {
  --switch-ring: rgba(124, 58, 237, 0.9);
}
.\[--switch-ring\:theme\(colors\.zinc\.700\/90\%\)\] {
  --switch-ring: rgba(63, 63, 70, 0.9);
}
.\[--switch-ring\:theme\(colors\.zinc\.950\/90\%\)\] {
  --switch-ring: rgba(9, 9, 11, 0.9);
}
.\[--switch-ring\:transparent\] {
  --switch-ring: transparent;
}
.\[--switch-shadow\:theme\(colors\.black\/10\%\)\] {
  --switch-shadow: rgba(0, 0, 0, 0.1);
}
.\[--switch-shadow\:theme\(colors\.blue\.900\/20\%\)\] {
  --switch-shadow: rgba(30, 58, 138, 0.2);
}
.\[--switch-shadow\:theme\(colors\.emerald\.900\/20\%\)\] {
  --switch-shadow: rgba(6, 78, 59, 0.2);
}
.\[--switch-shadow\:theme\(colors\.fuchsia\.900\/20\%\)\] {
  --switch-shadow: rgba(112, 26, 117, 0.2);
}
.\[--switch-shadow\:theme\(colors\.green\.900\/20\%\)\] {
  --switch-shadow: rgba(20, 83, 45, 0.2);
}
.\[--switch-shadow\:theme\(colors\.indigo\.900\/20\%\)\] {
  --switch-shadow: rgba(49, 46, 129, 0.2);
}
.\[--switch-shadow\:theme\(colors\.mint\.900\/20\%\)\] {
  --switch-shadow: rgba(19, 163, 23, 0.2);
}
.\[--switch-shadow\:theme\(colors\.orange\.900\/20\%\)\] {
  --switch-shadow: rgba(124, 45, 18, 0.2);
}
.\[--switch-shadow\:theme\(colors\.pink\.900\/20\%\)\] {
  --switch-shadow: rgba(131, 24, 67, 0.2);
}
.\[--switch-shadow\:theme\(colors\.purple\.900\/20\%\)\] {
  --switch-shadow: rgba(88, 28, 135, 0.2);
}
.\[--switch-shadow\:theme\(colors\.red\.900\/20\%\)\] {
  --switch-shadow: rgba(127, 29, 29, 0.2);
}
.\[--switch-shadow\:theme\(colors\.rose\.900\/20\%\)\] {
  --switch-shadow: rgba(136, 19, 55, 0.2);
}
.\[--switch-shadow\:theme\(colors\.sky\.900\/20\%\)\] {
  --switch-shadow: rgba(12, 74, 110, 0.2);
}
.\[--switch-shadow\:theme\(colors\.teal\.900\/20\%\)\] {
  --switch-shadow: rgba(19, 78, 74, 0.2);
}
.\[--switch-shadow\:theme\(colors\.violet\.900\/20\%\)\] {
  --switch-shadow: rgba(76, 29, 149, 0.2);
}
.\[--switch-shadow\:transparent\] {
  --switch-shadow: transparent;
}
.\[--switch\:theme\(colors\.amber\.950\)\] {
  --switch: #451a03;
}
.\[--switch\:theme\(colors\.cyan\.950\)\] {
  --switch: #083344;
}
.\[--switch\:theme\(colors\.lime\.950\)\] {
  --switch: #1a2e05;
}
.\[--switch\:theme\(colors\.yellow\.950\)\] {
  --switch: #422006;
}
.\[--switch\:theme\(colors\.zinc\.950\)\] {
  --switch: #09090b;
}
.\[--switch\:white\] {
  --switch: #fff;
}
#__next,
#root,
body,
html {
  height: 100%;
}
body {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
body::-webkit-scrollbar {
  display: none;
}
.mentionSuggestions {
  border: 1px solid #e8e8e8;
  background-color: #fff;
  position: absolute;
  z-index: 100;
}
.\*\:col-start-1 > * {
  grid-column-start: 1;
}
.\*\:row-start-1 > * {
  grid-row-start: 1;
}
.\*\:w-full > * {
  width: 100%;
}
.\*\:rounded-\[--avatar-radius\] > * {
  border-radius: var(--avatar-radius);
}
.\*\:rounded-full > * {
  border-radius: 9999px;
}
.placeholder\:text-zinc-500::placeholder {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.before\:absolute:before {
  content: var(--tw-content);
  position: absolute;
}
.before\:-inset-px:before {
  content: var(--tw-content);
  inset: -1px;
}
.before\:inset-0:before {
  content: var(--tw-content);
  inset: 0;
}
.before\:inset-px:before {
  content: var(--tw-content);
  inset: 1px;
}
.before\:-z-10:before {
  content: var(--tw-content);
  z-index: -10;
}
.before\:w-2:before {
  content: var(--tw-content);
  width: 0.5rem;
}
.before\:min-w-0:before {
  content: var(--tw-content);
  min-width: 0;
}
.before\:shrink:before {
  content: var(--tw-content);
  flex-shrink: 1;
}
.before\:rounded-\[calc\(0\.3125rem-1px\)\]:before {
  content: var(--tw-content);
  border-radius: calc(0.3125rem - 1px);
}
.before\:rounded-\[calc\(theme\(borderRadius\.lg\)-1px\)\]:before {
  content: var(--tw-content);
  border-radius: calc(0.5rem - 1px);
}
.before\:rounded-full:before {
  content: var(--tw-content);
  border-radius: 9999px;
}
.before\:rounded-lg:before {
  content: var(--tw-content);
  border-radius: 0.5rem;
}
.before\:bg-\[--btn-bg\]:before {
  content: var(--tw-content);
  background-color: var(--btn-bg);
}
.before\:bg-white:before {
  content: var(--tw-content);
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.before\:bg-zinc-950\/5:before {
  content: var(--tw-content);
  background-color: rgba(9, 9, 11, 0.05);
}
.before\:shadow:before {
  content: var(--tw-content);
  --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);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:pointer-events-none:after {
  content: var(--tw-content);
  pointer-events: none;
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-0:after {
  content: var(--tw-content);
  inset: 0;
}
.after\:-z-10:after {
  content: var(--tw-content);
  z-index: -10;
}
.after\:rounded-\[calc\(0\.3125rem-1px\)\]:after {
  content: var(--tw-content);
  border-radius: calc(0.3125rem - 1px);
}
.after\:rounded-\[calc\(theme\(borderRadius\.lg\)-1px\)\]:after {
  content: var(--tw-content);
  border-radius: calc(0.5rem - 1px);
}
.after\:rounded-full:after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.after\:rounded-lg:after {
  content: var(--tw-content);
  border-radius: 0.5rem;
}
.after\:shadow-\[inset_0_1px_theme\(colors\.white\/15\%\)\]:after,
.after\:shadow-\[shadow\:inset_0_1px_theme\(colors\.white\/15\%\)\]:after {
  content: var(--tw-content);
  --tw-shadow: inset 0 1px hsla(0, 0%, 100%, 0.15);
  --tw-shadow-colored: inset 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:ring-inset:after {
  content: var(--tw-content);
  --tw-ring-inset: inset;
}
.after\:ring-transparent:after {
  content: var(--tw-content);
  --tw-ring-color: transparent;
}
.first\:ml-0:first-child {
  margin-left: 0;
}
.first\:border-l-0:first-child {
  border-left-width: 0;
}
.first\:border-none:first-child {
  border-style: none;
}
.first\:pl-\[var\(--gutter\2c theme\(spacing\.2\)\)\]:first-child {
  padding-left: var(--gutter, 0.5rem);
}
.last\:pr-\[var\(--gutter\2c theme\(spacing\.2\)\)\]:last-child {
  padding-right: var(--gutter, 0.5rem);
}
.even\:bg-zinc-950\/\[2\.5\%\]:nth-child(2n) {
  background-color: rgba(9, 9, 11, 0.025);
}
.hover\:bg-zinc-950\/5:hover {
  background-color: rgba(9, 9, 11, 0.05);
}
.hover\:bg-zinc-950\/\[2\.5\%\]:hover {
  background-color: rgba(9, 9, 11, 0.025);
}
.hover\:opacity-80:hover {
  opacity: 0.8;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:outline-0:focus {
  outline-width: 0;
}
.focus-visible\:outline-0:focus-visible {
  outline-width: 0;
}
.disabled\:border-zinc-950\/20:disabled {
  border-color: rgba(9, 9, 11, 0.2);
}
.has-\[\[data-slot\=description\]\]\:space-y-6:has([data-slot="description"])
  > :not([hidden])
  ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
}
.has-\[\[data-disabled\]\]\:opacity-50:has([data-disabled]) {
  opacity: 0.5;
}
.has-\[\[data-row-link\]\[data-focus\]\]\:outline:has(
    [data-row-link][data-focus]
  ) {
  outline-style: solid;
}
.has-\[\[data-row-link\]\[data-focus\]\]\:outline-2:has(
    [data-row-link][data-focus]
  ) {
  outline-width: 2px;
}
.has-\[\[data-row-link\]\[data-focus\]\]\:-outline-offset-2:has(
    [data-row-link][data-focus]
  ) {
  outline-offset: -2px;
}
.has-\[\[data-row-link\]\[data-focus\]\]\:outline-blue-500:has(
    [data-row-link][data-focus]
  ) {
  outline-color: #3b82f6;
}
.before\:has-\[\[data-disabled\]\]\:bg-zinc-950\/5:has([data-disabled]):before {
  content: var(--tw-content);
  background-color: rgba(9, 9, 11, 0.05);
}
.before\:has-\[\[data-disabled\]\]\:shadow-none:has([data-disabled]):before {
  content: var(--tw-content);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.before\:has-\[\[data-invalid\]\]\:shadow-red-500\/10:has(
    [data-invalid]
  ):before {
  content: var(--tw-content);
  --tw-shadow-color: rgba(239, 68, 68, 0.1);
  --tw-shadow: var(--tw-shadow-colored);
}
.after\:has-\[\[data-focus\]\]\:ring-2:has([data-focus]):after {
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.after\:has-\[\[data-focus\]\]\:ring-blue-500:has([data-focus]):after {
  content: var(--tw-content);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.group:has([data-disabled]) .group-has-\[\[data-disabled\]\]\:stroke-zinc-600 {
  stroke: #52525b;
}
.data-\[transition\]\:pointer-events-none[data-transition] {
  pointer-events: none;
}
.data-\[closed\]\:-translate-x-full[data-closed] {
  --tw-translate-x: -100%;
}
.data-\[closed\]\:-translate-x-full[data-closed],
.data-\[closed\]\:translate-y-12[data-closed] {
  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-\[closed\]\:translate-y-12[data-closed] {
  --tw-translate-y: 3rem;
}
.data-\[closed\]\:data-\[enter\]\:scale-95[data-enter][data-closed] {
  --tw-scale-x: 0.95;
  --tw-scale-y: 0.95;
  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-\[disabled\]\:border-zinc-950\/20[data-disabled],
.data-\[hover\]\:border-zinc-950\/20[data-hover] {
  border-color: rgba(9, 9, 11, 0.2);
}
.data-\[invalid\]\:border-red-500[data-invalid],
.data-\[invalid\]\:data-\[hover\]\:border-red-500[data-hover][data-invalid] {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.data-\[active\]\:bg-mint-950\/\[2\.5\%\][data-active] {
  background-color: rgba(0, 92, 6, 0.025);
}
.data-\[active\]\:bg-zinc-950\/5[data-active] {
  background-color: rgba(9, 9, 11, 0.05);
}
.data-\[checked\]\:bg-\[--switch-bg\][data-checked] {
  background-color: var(--switch-bg);
}
.data-\[disabled\]\:bg-zinc-200[data-disabled],
.data-\[disabled\]\:data-\[checked\]\:bg-zinc-200[data-checked][data-disabled] {
  --tw-bg-opacity: 1;
  background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.data-\[focus\]\:bg-blue-500[data-focus] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.data-\[hover\]\:bg-mint-950\/\[2\.5\%\][data-hover] {
  background-color: rgba(0, 92, 6, 0.025);
}
.data-\[hover\]\:bg-zinc-950\/5[data-hover] {
  background-color: rgba(9, 9, 11, 0.05);
}
.data-\[focus\]\:text-white[data-focus] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.data-\[hover\]\:decoration-zinc-950[data-hover] {
  text-decoration-color: #09090b;
}
.data-\[closed\]\:data-\[leave\]\:opacity-0[data-leave][data-closed],
.data-\[closed\]\:opacity-0[data-closed] {
  opacity: 0;
}
.data-\[disabled\]\:opacity-100[data-disabled] {
  opacity: 1;
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[focus\]\:outline[data-focus] {
  outline-style: solid;
}
.data-\[focus\]\:outline-2[data-focus] {
  outline-width: 2px;
}
.data-\[focus\]\:outline-offset-2[data-focus] {
  outline-offset: 2px;
}
.data-\[focus\]\:outline-blue-500[data-focus] {
  outline-color: #3b82f6;
}
.data-\[checked\]\:ring-\[--switch-bg-ring\][data-checked] {
  --tw-ring-color: var(--switch-bg-ring);
}
.data-\[disabled\]\:data-\[checked\]\:ring-black\/5[data-checked][data-disabled] {
  --tw-ring-color: rgba(0, 0, 0, 0.05);
}
.data-\[hover\]\:data-\[checked\]\:ring-\[--switch-bg-ring\][data-checked][data-hover] {
  --tw-ring-color: var(--switch-bg-ring);
}
.data-\[hover\]\:ring-black\/15[data-hover] {
  --tw-ring-color: rgba(0, 0, 0, 0.15);
}
.data-\[changing\]\:duration-200[data-changing] {
  transition-duration: 0.2s;
}
.data-\[enter\]\:duration-300[data-enter] {
  transition-duration: 0.3s;
}
.data-\[leave\]\:duration-100[data-leave] {
  transition-duration: 0.1s;
}
.data-\[leave\]\:duration-200[data-leave] {
  transition-duration: 0.2s;
}
.data-\[enter\]\:ease-out[data-enter] {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.data-\[leave\]\:ease-in[data-leave] {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.data-\[anchor\~\=start\]\:\[--anchor-offset\:-6px\][data-anchor~="start"] {
  --anchor-offset: -6px;
}
.data-\[anchor\~\=end\]\:\[--anchor-offset\:6px\][data-anchor~="end"] {
  --anchor-offset: 6px;
}
.data-\[active\]\:\[--btn-border\:theme\(colors\.zinc\.950\/15\%\)\][data-active],
.data-\[hover\]\:\[--btn-border\:theme\(colors\.zinc\.950\/15\%\)\][data-hover] {
  --btn-border: rgba(9, 9, 11, 0.15);
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.blue\.300\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.blue\.300\)\][data-hover] {
  --btn-icon: #93c5fd;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.fuchsia\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.fuchsia\.200\)\][data-hover] {
  --btn-icon: #f5d0fe;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.indigo\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.indigo\.200\)\][data-hover] {
  --btn-icon: #c7d2fe;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.lime\.700\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.lime\.700\)\][data-hover] {
  --btn-icon: #4d7c0f;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.mint\.700\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.mint\.700\)\][data-hover] {
  --btn-icon: #15f417;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.mint\.900\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.mint\.900\)\][data-hover] {
  --btn-icon: #13a317;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.orange\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.orange\.200\)\][data-hover] {
  --btn-icon: #fed7aa;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.pink\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.pink\.200\)\][data-hover] {
  --btn-icon: #fbcfe8;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.purple\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.purple\.200\)\][data-hover] {
  --btn-icon: #e9d5ff;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.red\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.red\.200\)\][data-hover] {
  --btn-icon: #fecaca;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.rose\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.rose\.200\)\][data-hover] {
  --btn-icon: #fecdd3;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.violet\.200\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.violet\.200\)\][data-hover] {
  --btn-icon: #ddd6fe;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.white\/80\%\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.white\/80\%\)\][data-hover] {
  --btn-icon: hsla(0, 0%, 100%, 0.8);
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.yellow\.700\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.yellow\.700\)\][data-hover] {
  --btn-icon: #a16207;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.zinc\.300\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.zinc\.300\)\][data-hover] {
  --btn-icon: #d4d4d8;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.zinc\.500\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.zinc\.500\)\][data-hover] {
  --btn-icon: #71717a;
}
.data-\[active\]\:\[--btn-icon\:theme\(colors\.zinc\.700\)\][data-active],
.data-\[hover\]\:\[--btn-icon\:theme\(colors\.zinc\.700\)\][data-hover] {
  --btn-icon: #3f3f46;
}
.data-\[slot\=avatar\]\:\*\:-m-0\.5 > [data-slot="avatar"] {
  margin: -0.125rem;
}
.data-\[slot\=avatar\]\:\*\:size-7 > [data-slot="avatar"] {
  width: 1.75rem;
  height: 1.75rem;
}
.data-\[slot\=icon\]\:\*\:size-6 > [data-slot="icon"] {
  width: 1.5rem;
  height: 1.5rem;
}
.data-\[slot\=icon\]\:\*\:shrink-0 > [data-slot="icon"] {
  flex-shrink: 0;
}
.data-\[slot\=icon\]\:\*\:data-\[active\]\:fill-zinc-950[data-active]
  > [data-slot="icon"],
.data-\[slot\=icon\]\:\*\:data-\[current\]\:fill-zinc-950[data-current]
  > [data-slot="icon"],
.data-\[slot\=icon\]\:\*\:data-\[hover\]\:fill-zinc-950[data-hover]
  > [data-slot="icon"] {
  fill: #09090b;
}
.data-\[slot\=icon\]\:\*\:fill-zinc-500 > [data-slot="icon"] {
  fill: #71717a;
}
.data-\[slot\=avatar\]\:\*\:\[--avatar-radius\:theme\(borderRadius\.DEFAULT\)\]
  > [data-slot="avatar"] {
  --avatar-radius: 0.25rem;
}
.data-\[slot\=avatar\]\:\*\:\[--ring-opacity\:10\%\] > [data-slot="avatar"] {
  --ring-opacity: 10%;
}
.before\:data-\[disabled\]\:bg-zinc-950\/5[data-disabled]:before {
  content: var(--tw-content);
  background-color: rgba(9, 9, 11, 0.05);
}
.before\:data-\[disabled\]\:shadow-none[data-disabled]:before {
  content: var(--tw-content);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:data-\[active\]\:bg-\[--btn-hover-overlay\][data-active]:after,
.after\:data-\[hover\]\:bg-\[--btn-hover-overlay\][data-hover]:after {
  content: var(--tw-content);
  background-color: var(--btn-hover-overlay);
}
.after\:data-\[disabled\]\:shadow-none[data-disabled]:after {
  content: var(--tw-content);
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.after\:data-\[focus\]\:ring-2[data-focus]:after {
  content: var(--tw-content);
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
    var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
    calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
    var(--tw-shadow, 0 0 #0000);
}
.after\:data-\[focus\]\:ring-blue-500[data-focus]:after {
  content: var(--tw-content);
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
}
.data-\[slot\=icon\]\:last\:\*\:ml-auto > :last-child[data-slot="icon"] {
  margin-left: auto;
}
.data-\[slot\=icon\]\:last\:\*\:size-5 > :last-child[data-slot="icon"] {
  width: 1.25rem;
  height: 1.25rem;
}
.group\/option[data-selected] .group-data-\[selected\]\/option\:inline {
  display: inline;
}
.group[data-checked] .group-data-\[checked\]\:translate-x-4 {
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y))
    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group[data-active] .group-data-\[active\]\:border-zinc-950\/20 {
  border-color: rgba(9, 9, 11, 0.2);
}
.group[data-checked] .group-data-\[checked\]\:border-transparent,
.group[data-checked][data-hover]
  .group-data-\[checked\]\:group-data-\[hover\]\:border-transparent {
  border-color: transparent;
}
.group[data-disabled] .group-data-\[disabled\]\:border-zinc-950\/20 {
  border-color: rgba(9, 9, 11, 0.2);
}
.group[data-disabled] .group-data-\[disabled\]\:border-zinc-950\/25 {
  border-color: rgba(9, 9, 11, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:border-zinc-950\/20 {
  border-color: rgba(9, 9, 11, 0.2);
}
.group[data-hover] .group-data-\[hover\]\:border-zinc-950\/30 {
  border-color: rgba(9, 9, 11, 0.3);
}
.group[data-invalid] .group-data-\[invalid\]\:border-red-500,
.group[data-invalid][data-hover]
  .group-data-\[invalid\]\:group-data-\[hover\]\:border-red-500 {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.group[data-checked] .group-data-\[checked\]\:bg-\[--checkbox-checked-border\] {
  background-color: var(--checkbox-checked-border);
}
.group[data-checked] .group-data-\[checked\]\:bg-\[--radio-checked-border\] {
  background-color: var(--radio-checked-border);
}
.group[data-checked] .group-data-\[checked\]\:bg-\[--switch\] {
  background-color: var(--switch);
}
.group[data-disabled] .group-data-\[disabled\]\:bg-zinc-950\/5 {
  background-color: rgba(9, 9, 11, 0.05);
}
.group[data-disabled][data-checked]
  .group-data-\[disabled\]\:group-data-\[checked\]\:bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group[data-hover] .group-data-\[hover\]\:bg-amber-400\/30 {
  background-color: rgba(251, 191, 36, 0.3);
}
.group[data-hover] .group-data-\[hover\]\:bg-blue-500\/25 {
  background-color: rgba(59, 130, 246, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-cyan-400\/30 {
  background-color: rgba(34, 211, 238, 0.3);
}
.group[data-hover] .group-data-\[hover\]\:bg-emerald-500\/25 {
  background-color: rgba(16, 185, 129, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-fuchsia-400\/25 {
  background-color: rgba(232, 121, 249, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-green-500\/25 {
  background-color: rgba(34, 197, 94, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-indigo-500\/25 {
  background-color: rgba(99, 102, 241, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-lime-400\/30 {
  background-color: rgba(163, 230, 53, 0.3);
}
.group[data-hover] .group-data-\[hover\]\:bg-orange-500\/25 {
  background-color: rgba(249, 115, 22, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-pink-400\/25 {
  background-color: rgba(244, 114, 182, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-purple-500\/25 {
  background-color: rgba(168, 85, 247, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-red-500\/25 {
  background-color: rgba(239, 68, 68, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-rose-400\/25 {
  background-color: rgba(251, 113, 133, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-sky-500\/25 {
  background-color: rgba(14, 165, 233, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-teal-500\/25 {
  background-color: rgba(20, 184, 166, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-violet-500\/25 {
  background-color: rgba(139, 92, 246, 0.25);
}
.group[data-hover] .group-data-\[hover\]\:bg-yellow-400\/30 {
  background-color: rgba(250, 204, 21, 0.3);
}
.group[data-hover] .group-data-\[hover\]\:bg-zinc-600\/20 {
  background-color: rgba(82, 82, 91, 0.2);
}
.group[data-disabled] .group-data-\[disabled\]\:stroke-zinc-600 {
  stroke: #52525b;
}
.group[data-focus] .group-data-\[focus\]\:text-white,
.group\/option[data-focus] .group-data-\[focus\]\/option\:text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group[data-checked] .group-data-\[checked\]\:opacity-100,
.group[data-disabled] .group-data-\[disabled\]\:opacity-100 {
  opacity: 1;
}
.group[data-disabled] .group-data-\[disabled\]\:opacity-50 {
  opacity: 0.5;
}
.group[data-indeterminate] .group-data-\[indeterminate\]\:opacity-0 {
  opacity: 0;
}
.group[data-indeterminate] .group-data-\[indeterminate\]\:opacity-100 {
  opacity: 1;
}
.group[data-disabled][data-checked]
  .group-data-\[disabled\]\:group-data-\[checked\]\: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);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group[data-checked] .group-data-\[checked\]\:shadow-\[--switch-shadow\] {
  --tw-shadow-color: var(--switch-shadow);
  --tw-shadow: var(--tw-shadow-colored);
}
.group[data-focus] .group-data-\[focus\]\:outline {
  outline-style: solid;
}
.group[data-focus] .group-data-\[focus\]\:outline-2 {
  outline-width: 2px;
}
.group[data-focus] .group-data-\[focus\]\:outline-offset-2 {
  outline-offset: 2px;
}
.group[data-focus] .group-data-\[focus\]\:outline-blue-500 {
  outline-color: #3b82f6;
}
.group[data-checked] .group-data-\[checked\]\:ring-\[--switch-ring\] {
  --tw-ring-color: var(--switch-ring);
}
.group[data-disabled][data-checked]
  .group-data-\[disabled\]\:group-data-\[checked\]\:ring-black\/5 {
  --tw-ring-color: rgba(0, 0, 0, 0.05);
}
.group[data-disabled]
  .group-data-\[disabled\]\:\[--checkbox-check\:theme\(colors\.zinc\.950\/50\%\)\] {
  --checkbox-check: rgba(9, 9, 11, 0.5);
}
.group[data-disabled]
  .group-data-\[disabled\]\:\[--radio-checked-indicator\:theme\(colors\.zinc\.950\/50\%\)\] {
  --radio-checked-indicator: rgba(9, 9, 11, 0.5);
}
.group[data-hover]
  .group-data-\[hover\]\:\[--radio-indicator\:theme\(colors\.zinc\.900\/10\%\)\] {
  --radio-indicator: rgba(24, 24, 27, 0.1);
}
.group[data-checked]
  .group-data-\[checked\]\:\[--radio-indicator\:var\(--radio-checked-indicator\)\],
.group[data-checked][data-hover]
  .group-data-\[checked\]\:group-data-\[hover\]\:\[--radio-indicator\:var\(--radio-checked-indicator\)\] {
  --radio-indicator: var(--radio-checked-indicator);
}
.group[data-checked]
  .before\:group-data-\[checked\]\:bg-\[--checkbox-checked-bg\]:before {
  content: var(--tw-content);
  background-color: var(--checkbox-checked-bg);
}
.group[data-checked]
  .before\:group-data-\[checked\]\:bg-\[--radio-checked-bg\]:before {
  content: var(--tw-content);
  background-color: var(--radio-checked-bg);
}
.group[data-disabled] .group-data-\[disabled\]\:before\:bg-transparent:before {
  content: var(--tw-content);
  background-color: transparent;
}
@supports (grid-template-columns: subgrid) {
  .supports-\[grid-template-columns\:subgrid\]\:grid {
    display: grid;
  }
  .supports-\[grid-template-columns\:subgrid\]\:grid-cols-\[auto_1fr_1\.5rem_0\.5rem_auto\] {
    grid-template-columns: auto 1fr 1.5rem 0.5rem auto;
  }
  .supports-\[grid-template-columns\:subgrid\]\:grid-cols-subgrid {
    grid-template-columns: subgrid;
  }
}
@media not all and (min-width: 1024px) {
  .max-lg\:hidden {
    display: none;
  }
}
@media not all and (min-width: 768px) {
  .max-md\:hidden {
    display: none;
  }
  .max-md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media not all and (min-width: 640px) {
  .max-sm\:block {
    display: block;
  }
  .max-sm\:pb-4 {
    padding-bottom: 1rem;
  }
}
@media (min-width: 640px) {
  .sm\:mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .sm\:mb-auto {
    margin-bottom: auto;
  }
  .sm\:ml-2 {
    margin-left: 0.5rem;
  }
  .sm\:mt-4 {
    margin-top: 1rem;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:size-3\.5 {
    width: 0.875rem;
    height: 0.875rem;
  }
  .sm\:size-4 {
    width: 1rem;
    height: 1rem;
  }
  .sm\:size-\[1\.0625rem\] {
    width: 1.0625rem;
    height: 1.0625rem;
  }
  .sm\:h-3\.5 {
    height: 0.875rem;
  }
  .sm\:h-5 {
    height: 1.25rem;
  }
  .sm\:min-h-9 {
    min-height: 2.25rem;
  }
  .sm\:w-3\.5 {
    width: 0.875rem;
  }
  .sm\:w-8 {
    width: 2rem;
  }
  .sm\:max-w-2xl {
    max-width: 42rem;
  }
  .sm\:max-w-3xl {
    max-width: 48rem;
  }
  .sm\:max-w-4xl {
    max-width: 56rem;
  }
  .sm\:max-w-5xl {
    max-width: 64rem;
  }
  .sm\:max-w-lg {
    max-width: 32rem;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:max-w-xl {
    max-width: 36rem;
  }
  .sm\:max-w-xs {
    max-width: 20rem;
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols-\[1fr_auto\] {
    grid-template-columns: 1fr auto;
  }
  .sm\:grid-cols-\[1rem_1fr\] {
    grid-template-columns: 1rem 1fr;
  }
  .sm\:grid-cols-\[min\(50\%\2c theme\(spacing\.80\)\)_auto\] {
    grid-template-columns: min(50%, 20rem) auto;
  }
  .sm\:grid-cols-\[theme\(spacing\.4\)\2c 1fr\] {
    grid-template-columns: 1rem 1fr;
  }
  .sm\:grid-rows-\[1fr_auto_3fr\] {
    grid-template-rows: 1fr auto 3fr;
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:text-wrap {
    text-wrap: wrap;
  }
  .sm\:rounded-2xl {
    border-radius: 1rem;
  }
  .sm\:border-t {
    border-top-width: 1px;
  }
  .sm\:border-zinc-950\/5 {
    border-color: rgba(9, 9, 11, 0.05);
  }
  .sm\:p-4 {
    padding: 1rem;
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px-\[--gutter\] {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
  }
  .sm\:px-\[calc\(theme\(spacing\.3\)-1px\)\],
  .sm\:px-\[calc\(theme\(spacing\[3\]\)-1px\)\] {
    padding-left: calc(0.75rem - 1px);
    padding-right: calc(0.75rem - 1px);
  }
  .sm\:py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
  .sm\:py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .sm\:py-\[calc\(theme\(spacing\[1\.5\]\)-1px\)\] {
    padding-top: calc(0.375rem - 1px);
    padding-bottom: calc(0.375rem - 1px);
  }
  .sm\:pl-1\.5 {
    padding-left: 0.375rem;
  }
  .sm\:pl-\[calc\(theme\(spacing\.3\)-1px\)\] {
    padding-left: calc(0.75rem - 1px);
  }
  .sm\:pr-3 {
    padding-right: 0.75rem;
  }
  .sm\:pr-\[calc\(theme\(spacing\.9\)-1px\)\] {
    padding-right: calc(2.25rem - 1px);
  }
  .sm\:pt-0 {
    padding-top: 0;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .sm\:text-base\/6 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .sm\:text-sm\/5 {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .sm\:text-sm\/6 {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .sm\:text-xl\/8 {
    font-size: 1.25rem;
    line-height: 2rem;
  }
  .sm\:text-xs\/5 {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
  .sm\:\[--anchor-offset\:-1\.375rem\] {
    --anchor-offset: -1.375rem;
  }
  .sm\:\*\:w-auto > * {
    width: auto;
  }
  .sm\:first\:ml-0:first-child {
    margin-left: 0;
  }
  .sm\:first\:pl-1:first-child {
    padding-left: 0.25rem;
  }
  .sm\:last\:pr-1:last-child {
    padding-right: 0.25rem;
  }
  .sm\:after\:focus-within\:ring-2:focus-within:after {
    content: var(--tw-content);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
  .sm\:after\:focus-within\:ring-blue-500:focus-within:after {
    content: var(--tw-content);
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1));
  }
  .sm\:data-\[closed\]\:translate-y-0[data-closed] {
    --tw-translate-y: 0px;
  }
  .sm\:data-\[closed\]\:data-\[enter\]\:scale-95[data-enter][data-closed],
  .sm\:data-\[closed\]\:translate-y-0[data-closed] {
    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));
  }
  .sm\:data-\[closed\]\:data-\[enter\]\:scale-95[data-enter][data-closed] {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
  }
  .sm\:data-\[anchor\~\=start\]\:\[--anchor-offset\:-4px\][data-anchor~="start"] {
    --anchor-offset: -4px;
  }
  .sm\:data-\[anchor\~\=end\]\:\[--anchor-offset\:4px\][data-anchor~="end"] {
    --anchor-offset: 4px;
  }
  .sm\:data-\[slot\=avatar\]\:\*\:size-6 > [data-slot="avatar"] {
    width: 1.5rem;
    height: 1.5rem;
  }
  .sm\:data-\[slot\=icon\]\:\*\:size-5 > [data-slot="icon"] {
    width: 1.25rem;
    height: 1.25rem;
  }
  .sm\:data-\[slot\=icon\]\:last\:\*\:size-4 > :last-child[data-slot="icon"] {
    width: 1rem;
    height: 1rem;
  }
  .group[data-checked] .sm\:group-data-\[checked\]\:translate-x-3 {
    --tw-translate-x: 0.75rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
}
@media (min-width: 768px) {
  .md\:hidden {
    display: none;
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .lg\:col-span-2 {
    grid-column: span 2 / span 2;
  }
  .lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .lg\:flex {
    display: flex;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:justify-between {
    justify-content: space-between;
  }
  .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse));
  }
  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }
  .lg\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  }
  .lg\:bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
  }
  .lg\:bg-zinc-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
  }
  .lg\:p-10 {
    padding: 2.5rem;
  }
  .lg\:p-8 {
    padding: 2rem;
  }
  .lg\:px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .lg\: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);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
      var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .lg\:ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
      var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
      var(--tw-shadow, 0 0 #0000);
  }
  .lg\:ring-zinc-950\/5 {
    --tw-ring-color: rgba(9, 9, 11, 0.05);
  }
}
.dark\:border-mint-500\/75:where(.dark, .dark *) {
  border-color: rgba(160, 250, 160, 0.75);
}
.dark\:border-white\/10:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.1);
}
.dark\:border-white\/15:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.dark\:border-white\/20:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.dark\:border-white\/5:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.05);
}
.dark\:border-b-white\/10:where(.dark, .dark *) {
  border-bottom-color: hsla(0, 0%, 100%, 0.1);
}
.dark\:border-l-white\/5:where(.dark, .dark *) {
  border-left-color: hsla(0, 0%, 100%, 0.05);
}
.dark\:bg-\[--btn-bg\]:where(.dark, .dark *) {
  background-color: var(--btn-bg);
}
.dark\:bg-amber-400\/10:where(.dark, .dark *) {
  background-color: rgba(251, 191, 36, 0.1);
}
.dark\:bg-cyan-400\/10:where(.dark, .dark *) {
  background-color: rgba(34, 211, 238, 0.1);
}
.dark\:bg-emerald-500\/10:where(.dark, .dark *) {
  background-color: rgba(16, 185, 129, 0.1);
}
.dark\:bg-fuchsia-400\/10:where(.dark, .dark *) {
  background-color: rgba(232, 121, 249, 0.1);
}
.dark\:bg-green-500\/10:where(.dark, .dark *) {
  background-color: rgba(34, 197, 94, 0.1);
}
.dark\:bg-lime-400\/10:where(.dark, .dark *) {
  background-color: rgba(163, 230, 53, 0.1);
}
.dark\:bg-orange-500\/10:where(.dark, .dark *) {
  background-color: rgba(249, 115, 22, 0.1);
}
.dark\:bg-pink-400\/10:where(.dark, .dark *) {
  background-color: rgba(244, 114, 182, 0.1);
}
.dark\:bg-red-500\/10:where(.dark, .dark *) {
  background-color: rgba(239, 68, 68, 0.1);
}
.dark\:bg-rose-400\/10:where(.dark, .dark *) {
  background-color: rgba(251, 113, 133, 0.1);
}
.dark\:bg-sky-500\/10:where(.dark, .dark *) {
  background-color: rgba(14, 165, 233, 0.1);
}
.dark\:bg-teal-500\/10:where(.dark, .dark *) {
  background-color: rgba(20, 184, 166, 0.1);
}
.dark\:bg-white:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.dark\:bg-white\/10:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.dark\:bg-white\/5:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.dark\:bg-yellow-400\/10:where(.dark, .dark *) {
  background-color: rgba(250, 204, 21, 0.1);
}
.dark\:bg-zinc-800\/75:where(.dark, .dark *) {
  background-color: rgba(39, 39, 42, 0.75);
}
.dark\:bg-zinc-900:where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
}
.dark\:bg-zinc-950\/50:where(.dark, .dark *) {
  background-color: rgba(9, 9, 11, 0.5);
}
.dark\:stroke-zinc-400:where(.dark, .dark *) {
  stroke: #a1a1aa;
}
.dark\:text-amber-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}
.dark\:text-blue-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
}
.dark\:text-cyan-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(103 232 249 / var(--tw-text-opacity, 1));
}
.dark\:text-emerald-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
}
.dark\:text-fuchsia-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity, 1));
}
.dark\:text-green-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.dark\:text-indigo-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1));
}
.dark\:text-lime-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(190 242 100 / var(--tw-text-opacity, 1));
}
.dark\:text-mint-500:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(160 250 160 / var(--tw-text-opacity, 1));
}
.dark\:text-orange-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}
.dark\:text-pink-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(244 114 182 / var(--tw-text-opacity, 1));
}
.dark\:text-purple-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.dark\:text-red-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.dark\:text-red-500:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.dark\:text-rose-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(251 113 133 / var(--tw-text-opacity, 1));
}
.dark\:text-sky-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1));
}
.dark\:text-teal-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(94 234 212 / var(--tw-text-opacity, 1));
}
.dark\:text-violet-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(167 139 250 / var(--tw-text-opacity, 1));
}
.dark\:text-white:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:text-yellow-300:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity, 1));
}
.dark\:text-zinc-400:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.dark\:text-zinc-950:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(9 9 11 / var(--tw-text-opacity, 1));
}
.dark\:decoration-white\/50:where(.dark, .dark *) {
  text-decoration-color: hsla(0, 0%, 100%, 0.5);
}
.dark\:outline-white\/\[--ring-opacity\]:where(.dark, .dark *) {
  outline-color: rgb(255 255 255 / var(--ring-opacity));
}
.dark\:ring-inset:where(.dark, .dark *) {
  --tw-ring-inset: inset;
}
.dark\:ring-white\/10:where(.dark, .dark *) {
  --tw-ring-color: hsla(0, 0%, 100%, 0.1);
}
.dark\:ring-white\/15:where(.dark, .dark *) {
  --tw-ring-color: hsla(0, 0%, 100%, 0.15);
}
.dark\:\[--btn-bg\:theme\(colors\.zinc\.600\)\]:where(.dark, .dark *) {
  --btn-bg: #52525b;
}
.dark\:\[--btn-bg\:theme\(colors\.zinc\.800\)\]:where(.dark, .dark *) {
  --btn-bg: #27272a;
}
.dark\:\[--btn-bg\:transparent\]:where(.dark, .dark *) {
  --btn-bg: transparent;
}
.dark\:\[--btn-bg\:white\]:where(.dark, .dark *) {
  --btn-bg: #fff;
}
.dark\:\[--btn-hover-overlay\:theme\(colors\.white\/5\%\)\]:where(
    .dark,
    .dark *
  ) {
  --btn-hover-overlay: hsla(0, 0%, 100%, 0.05);
}
.dark\:\[--btn-hover-overlay\:theme\(colors\.zinc\.950\/5\%\)\]:where(
    .dark,
    .dark *
  ) {
  --btn-hover-overlay: rgb(9 9 11/5%);
}
.dark\:\[--btn-icon\:theme\(colors\.mint\.500\)\]:where(.dark, .dark *) {
  --btn-icon: #a0faa0;
}
.dark\:\[--btn-icon\:theme\(colors\.zinc\.500\)\]:where(.dark, .dark *) {
  --btn-icon: #71717a;
}
.dark\:\[--checkbox-check\:theme\(colors\.zinc\.900\)\]:where(.dark, .dark *) {
  --checkbox-check: #18181b;
}
.dark\:\[--checkbox-checked-bg\:theme\(colors\.white\)\]:where(.dark, .dark *) {
  --checkbox-checked-bg: #fff;
}
.dark\:\[--checkbox-checked-bg\:theme\(colors\.zinc\.600\)\]:where(
    .dark,
    .dark *
  ) {
  --checkbox-checked-bg: #52525b;
}
.dark\:\[--checkbox-checked-border\:theme\(colors\.zinc\.950\/15\%\)\]:where(
    .dark,
    .dark *
  ) {
  --checkbox-checked-border: rgba(9, 9, 11, 0.15);
}
.dark\:\[--radio-checked-bg\:theme\(colors\.white\)\]:where(.dark, .dark *) {
  --radio-checked-bg: #fff;
}
.dark\:\[--radio-checked-bg\:theme\(colors\.zinc\.600\)\]:where(
    .dark,
    .dark *
  ) {
  --radio-checked-bg: #52525b;
}
.dark\:\[--radio-checked-border\:theme\(colors\.zinc\.950\/15\%\)\]:where(
    .dark,
    .dark *
  ) {
  --radio-checked-border: rgba(9, 9, 11, 0.15);
}
.dark\:\[--radio-checked-indicator\:theme\(colors\.zinc\.900\)\]:where(
    .dark,
    .dark *
  ) {
  --radio-checked-indicator: #18181b;
}
.dark\:\[--switch-bg-ring\:theme\(colors\.white\/15\%\)\]:where(
    .dark,
    .dark *
  ) {
  --switch-bg-ring: hsla(0, 0%, 100%, 0.15);
}
.dark\:\[--switch-bg-ring\:transparent\]:where(.dark, .dark *) {
  --switch-bg-ring: transparent;
}
.dark\:\[--switch-bg\:theme\(colors\.white\)\]:where(.dark, .dark *) {
  --switch-bg: #fff;
}
.dark\:\[--switch-bg\:theme\(colors\.white\/25\%\)\]:where(.dark, .dark *) {
  --switch-bg: hsla(0, 0%, 100%, 0.25);
}
.dark\:\[--switch-ring\:theme\(colors\.zinc\.700\/90\%\)\]:where(
    .dark,
    .dark *
  ) {
  --switch-ring: rgba(63, 63, 70, 0.9);
}
.dark\:\[--switch-ring\:transparent\]:where(.dark, .dark *) {
  --switch-ring: transparent;
}
.dark\:\[--switch\:theme\(colors\.zinc\.900\)\]:where(.dark, .dark *) {
  --switch: #18181b;
}
.dark\:\[color-scheme\:dark\]:where(.dark, .dark *) {
  color-scheme: dark;
}
.dark\:\*\:bg-zinc-800 > :where(.dark, .dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 42 / var(--tw-bg-opacity, 1));
}
.dark\:\*\:text-white > :where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.dark\:before\:hidden:where(.dark, .dark *):before {
  content: var(--tw-content);
  display: none;
}
.dark\:before\:bg-white\/10:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: hsla(0, 0%, 100%, 0.1);
}
.dark\:after\:-inset-px:where(.dark, .dark *):after {
  content: var(--tw-content);
  inset: -1px;
}
.dark\:after\:hidden:where(.dark, .dark *):after {
  content: var(--tw-content);
  display: none;
}
.dark\:after\:rounded-\[0\.3125rem\]:where(.dark, .dark *):after {
  content: var(--tw-content);
  border-radius: 0.3125rem;
}
.dark\:after\:rounded-full:where(.dark, .dark *):after {
  content: var(--tw-content);
  border-radius: 9999px;
}
.dark\:after\:rounded-lg:where(.dark, .dark *):after {
  content: var(--tw-content);
  border-radius: 0.5rem;
}
.dark\:even\:bg-white\/\[2\.5\%\]:nth-child(2n):where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.dark\:focus-within\:bg-white\/\[2\.5\%\]:focus-within:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.dark\:hover\:bg-white\/5:hover:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.dark\:hover\:bg-white\/\[2\.5\%\]:hover:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.disabled\:dark\:border-white\/15:where(.dark, .dark *):disabled {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.disabled\:dark\:bg-white\/\[2\.5\%\]:where(.dark, .dark *):disabled {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.dark\:data-\[hover\]\:border-white\/20[data-hover]:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.dark\:data-\[hover\]\:data-\[disabled\]\:border-white\/15[data-disabled][data-hover]:where(
    .dark,
    .dark *
  ) {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.data-\[disabled\]\:dark\:border-white\/15:where(
    .dark,
    .dark *
  )[data-disabled] {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.data-\[invalid\]\:dark\:border-red-500:where(.dark, .dark *)[data-invalid] {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.data-\[invalid\]\:dark\:border-red-600:where(.dark, .dark *)[data-invalid] {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.data-\[invalid\]\:data-\[hover\]\:dark\:border-red-500:where(
    .dark,
    .dark *
  )[data-hover][data-invalid] {
  --tw-border-opacity: 1;
  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
}
.data-\[invalid\]\:data-\[hover\]\:dark\:border-red-600:where(
    .dark,
    .dark *
  )[data-hover][data-invalid] {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.dark\:data-\[active\]\:bg-mint-500\/25[data-active]:where(.dark, .dark *) {
  background-color: rgba(160, 250, 160, 0.25);
}
.dark\:data-\[active\]\:bg-white\/5[data-active]:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.dark\:data-\[checked\]\:bg-\[--switch-bg\][data-checked]:where(
    .dark,
    .dark *
  ) {
  background-color: var(--switch-bg);
}
.dark\:data-\[disabled\]\:bg-white\/15[data-disabled]:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.dark\:data-\[disabled\]\:data-\[checked\]\:bg-white\/15[data-checked][data-disabled]:where(
    .dark,
    .dark *
  ) {
  background-color: hsla(0, 0%, 100%, 0.15);
}
.dark\:data-\[hover\]\:bg-mint-500\/25[data-hover]:where(.dark, .dark *) {
  background-color: rgba(160, 250, 160, 0.25);
}
.dark\:data-\[hover\]\:bg-white\/5[data-hover]:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.05);
}
.data-\[disabled\]\:dark\:bg-white\/\[2\.5\%\]:where(
    .dark,
    .dark *
  )[data-disabled] {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.dark\:data-\[hover\]\:decoration-white[data-hover]:where(.dark, .dark *) {
  text-decoration-color: #fff;
}
.dark\:data-\[checked\]\:ring-\[--switch-bg-ring\][data-checked]:where(
    .dark,
    .dark *
  ) {
  --tw-ring-color: var(--switch-bg-ring);
}
.dark\:data-\[disabled\]\:data-\[checked\]\:ring-white\/15[data-checked][data-disabled]:where(
    .dark,
    .dark *
  ) {
  --tw-ring-color: hsla(0, 0%, 100%, 0.15);
}
.dark\:data-\[hover\]\:data-\[checked\]\:ring-\[--switch-bg-ring\][data-checked][data-hover]:where(
    .dark,
    .dark *
  ) {
  --tw-ring-color: var(--switch-bg-ring);
}
.dark\:data-\[hover\]\:ring-white\/25[data-hover]:where(.dark, .dark *) {
  --tw-ring-color: hsla(0, 0%, 100%, 0.25);
}
.dark\:data-\[active\]\:\[--btn-icon\:theme\(colors\.mint\.400\)\][data-active]:where(
    .dark,
    .dark *
  ) {
  --btn-icon: #d2fcd2;
}
.dark\:data-\[hover\]\:\[--btn-icon\:theme\(colors\.mint\.400\)\][data-hover]:where(
    .dark,
    .dark *
  ) {
  --btn-icon: #d2fcd2;
}
.dark\:data-\[active\]\:\[--btn-icon\:theme\(colors\.zinc\.400\)\][data-active]:where(
    .dark,
    .dark *
  ) {
  --btn-icon: #a1a1aa;
}
.dark\:data-\[hover\]\:\[--btn-icon\:theme\(colors\.zinc\.400\)\][data-hover]:where(
    .dark,
    .dark *
  ) {
  --btn-icon: #a1a1aa;
}
.dark\:data-\[slot\=icon\]\:\*\:data-\[active\]\:fill-white[data-active]
  > [data-slot="icon"]:where(.dark, .dark *) {
  fill: #fff;
}
.dark\:data-\[slot\=icon\]\:\*\:data-\[current\]\:fill-white[data-current]
  > [data-slot="icon"]:where(.dark, .dark *) {
  fill: #fff;
}
.dark\:data-\[slot\=icon\]\:\*\:data-\[hover\]\:fill-white[data-hover]
  > [data-slot="icon"]:where(.dark, .dark *) {
  fill: #fff;
}
.dark\:data-\[slot\=icon\]\:\*\:fill-zinc-400
  > [data-slot="icon"]:where(.dark, .dark *) {
  fill: #a1a1aa;
}
.dark\:data-\[hover\]\:disabled\:border-white\/15:disabled[data-hover]:where(
    .dark,
    .dark *
  ) {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.group[data-active]
  .dark\:group-data-\[active\]\:border-white\/20:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.group[data-checked]
  .dark\:group-data-\[checked\]\:border-white\/5:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.05);
}
.group[data-checked][data-hover]
  .dark\:group-data-\[checked\]\:group-data-\[hover\]\:border-white\/5:where(
    .dark,
    .dark *
  ) {
  border-color: hsla(0, 0%, 100%, 0.05);
}
.group[data-disabled]
  .dark\:group-data-\[disabled\]\:border-white\/20:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:border-white\/20:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:border-white\/30:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.3);
}
.group[data-disabled]
  .group-data-\[disabled\]\:dark\:border-white\/15:where(.dark, .dark *) {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.group[data-invalid]
  .group-data-\[invalid\]\:dark\:border-red-600:where(.dark, .dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
.group[data-checked]
  .dark\:group-data-\[checked\]\:bg-\[--checkbox-checked-bg\]:where(
    .dark,
    .dark *
  ) {
  background-color: var(--checkbox-checked-bg);
}
.group[data-checked]
  .dark\:group-data-\[checked\]\:bg-\[--radio-checked-bg\]:where(
    .dark,
    .dark *
  ) {
  background-color: var(--radio-checked-bg);
}
.group[data-disabled]
  .dark\:group-data-\[disabled\]\:bg-white\/\[2\.5\%\]:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-amber-400\/15:where(.dark, .dark *) {
  background-color: rgba(251, 191, 36, 0.15);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-blue-500\/25:where(.dark, .dark *) {
  background-color: rgba(59, 130, 246, 0.25);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-cyan-400\/15:where(.dark, .dark *) {
  background-color: rgba(34, 211, 238, 0.15);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-emerald-500\/20:where(.dark, .dark *) {
  background-color: rgba(16, 185, 129, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-fuchsia-400\/20:where(.dark, .dark *) {
  background-color: rgba(232, 121, 249, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-green-500\/20:where(.dark, .dark *) {
  background-color: rgba(34, 197, 94, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-indigo-500\/20:where(.dark, .dark *) {
  background-color: rgba(99, 102, 241, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-lime-400\/15:where(.dark, .dark *) {
  background-color: rgba(163, 230, 53, 0.15);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-orange-500\/20:where(.dark, .dark *) {
  background-color: rgba(249, 115, 22, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-pink-400\/20:where(.dark, .dark *) {
  background-color: rgba(244, 114, 182, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-purple-500\/20:where(.dark, .dark *) {
  background-color: rgba(168, 85, 247, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-red-500\/20:where(.dark, .dark *) {
  background-color: rgba(239, 68, 68, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-rose-400\/20:where(.dark, .dark *) {
  background-color: rgba(251, 113, 133, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-sky-500\/20:where(.dark, .dark *) {
  background-color: rgba(14, 165, 233, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-teal-500\/20:where(.dark, .dark *) {
  background-color: rgba(20, 184, 166, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-violet-500\/20:where(.dark, .dark *) {
  background-color: rgba(139, 92, 246, 0.2);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-white\/10:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:bg-yellow-400\/15:where(.dark, .dark *) {
  background-color: rgba(250, 204, 21, 0.15);
}
.group[data-disabled]
  .group-data-\[disabled\]\:dark\:bg-white\/\[2\.5\%\]:where(.dark, .dark *) {
  background-color: hsla(0, 0%, 100%, 0.025);
}
.group[data-disabled]
  .dark\:group-data-\[disabled\]\:\[--checkbox-check\:theme\(colors\.white\/50\%\)\]:where(
    .dark,
    .dark *
  ) {
  --checkbox-check: hsla(0, 0%, 100%, 0.5);
}
.group[data-disabled]
  .dark\:group-data-\[disabled\]\:\[--radio-checked-indicator\:theme\(colors\.white\/50\%\)\]:where(
    .dark,
    .dark *
  ) {
  --radio-checked-indicator: hsla(0, 0%, 100%, 0.5);
}
.group[data-hover]
  .dark\:group-data-\[hover\]\:\[--radio-indicator\:theme\(colors\.zinc\.700\)\]:where(
    .dark,
    .dark *
  ) {
  --radio-indicator: #3f3f46;
}
.group[data-checked][data-hover]
  .dark\:group-data-\[checked\]\:group-data-\[hover\]\:\[--radio-indicator\:var\(--radio-checked-indicator\)\]:where(
    .dark,
    .dark *
  ) {
  --radio-indicator: var(--radio-checked-indicator);
}
.group[data-checked]
  .dark\:group-data-\[checked\]\:after\:block:where(.dark, .dark *):after {
  content: var(--tw-content);
  display: block;
}
.group[data-disabled][data-checked]
  .dark\:group-data-\[disabled\]\:group-data-\[checked\]\:after\:hidden:where(
    .dark,
    .dark *
  ):after {
  content: var(--tw-content);
  display: none;
}
.group[data-disabled]
  .dark\:data-\[hover\]\:group-data-\[disabled\]\:border-white\/15[data-hover]:where(
    .dark,
    .dark *
  ) {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.group[data-invalid]
  .group-data-\[invalid\]\:data-\[hover\]\:dark\:border-red-600:where(
    .dark,
    .dark *
  )[data-hover] {
  --tw-border-opacity: 1;
  border-color: rgb(220 38 38 / var(--tw-border-opacity, 1));
}
@media (min-width: 640px) {
  .dark\:sm\:border-white\/5:where(.dark, .dark *) {
    border-color: hsla(0, 0%, 100%, 0.05);
  }
  .sm\:dark\:border-white\/5:where(.dark, .dark *) {
    border-color: hsla(0, 0%, 100%, 0.05);
  }
}
@media (min-width: 1024px) {
  .dark\:lg\:bg-zinc-900:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 24 27 / var(--tw-bg-opacity, 1));
  }
  .dark\:lg\:bg-zinc-950:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1));
  }
  .dark\:lg\:ring-white\/10:where(.dark, .dark *) {
    --tw-ring-color: hsla(0, 0%, 100%, 0.1);
  }
}
@media (forced-colors: active) {
  .forced-colors\:border-\[Canvas\] {
    border-color: Canvas;
  }
  .forced-colors\:bg-\[CanvasText\] {
    background-color: CanvasText;
  }
  .forced-colors\:stroke-\[CanvasText\] {
    stroke: CanvasText;
  }
  .forced-colors\:text-\[CanvasText\] {
    color: CanvasText;
  }
  .forced-colors\:outline {
    outline-style: solid;
  }
  .forced-colors\:\[--btn-icon\:ButtonText\] {
    --btn-icon: ButtonText;
  }
  .forced-colors\:\[--checkbox-check\:HighlightText\] {
    --checkbox-check: HighlightText;
  }
  .forced-colors\:\[--checkbox-checked-bg\:Highlight\] {
    --checkbox-checked-bg: Highlight;
  }
  .forced-colors\:\[--switch-bg\:Highlight\] {
    --switch-bg: Highlight;
  }
  .forced-colors\:data-\[focus\]\:bg-\[Highlight\][data-focus] {
    background-color: Highlight;
  }
  .forced-colors\:data-\[focus\]\:text-\[HighlightText\][data-focus] {
    color: HighlightText;
  }
  .forced-colors\:data-\[hover\]\:\[--btn-icon\:ButtonText\][data-hover] {
    --btn-icon: ButtonText;
  }
  .group[data-checked]
    .forced-colors\:group-data-\[checked\]\:border-\[Highlight\] {
    border-color: Highlight;
  }
  .group[data-focus]
    .forced-colors\:group-data-\[focus\]\:text-\[HighlightText\] {
    color: HighlightText;
  }
  .group[data-disabled]
    .forced-colors\:group-data-\[disabled\]\:\[--checkbox-check\:Highlight\] {
    --checkbox-check: Highlight;
  }
  .dark\:forced-colors\:\[--checkbox-check\:HighlightText\]:where(
      .dark,
      .dark *
    ) {
    --checkbox-check: HighlightText;
  }
  .dark\:forced-colors\:\[--checkbox-checked-bg\:Highlight\]:where(
      .dark,
      .dark *
    ) {
    --checkbox-checked-bg: Highlight;
  }
  .dark\:forced-colors\:\[--switch-bg\:Highlight\]:where(.dark, .dark *) {
    --switch-bg: Highlight;
  }
  .group[data-disabled]
    .dark\:forced-colors\:group-data-\[disabled\]\:\[--checkbox-check\:Highlight\]:where(
      .dark,
      .dark *
    ) {
    --checkbox-check: Highlight;
  }
}
.\[\&\:\:-webkit-date-and-time-value\]\:min-h-\[1\.5em\]::-webkit-date-and-time-value {
  min-height: 1.5em;
}
.\[\&\:\:-webkit-datetime-edit-day-field\]\:p-0::-webkit-datetime-edit-day-field,
.\[\&\:\:-webkit-datetime-edit-fields-wrapper\]\:p-0::-webkit-datetime-edit-fields-wrapper {
  padding: 0;
}
.\[\&\:\:-webkit-datetime-edit-hour-field\]\:p-0::-webkit-datetime-edit-hour-field,
.\[\&\:\:-webkit-datetime-edit-meridiem-field\]\:p-0::-webkit-datetime-edit-meridiem-field {
  padding: 0;
}
.\[\&\:\:-webkit-datetime-edit-millisecond-field\]\:p-0::-webkit-datetime-edit-millisecond-field,
.\[\&\:\:-webkit-datetime-edit-minute-field\]\:p-0::-webkit-datetime-edit-minute-field {
  padding: 0;
}
.\[\&\:\:-webkit-datetime-edit-month-field\]\:p-0::-webkit-datetime-edit-month-field,
.\[\&\:\:-webkit-datetime-edit-second-field\]\:p-0::-webkit-datetime-edit-second-field {
  padding: 0;
}
.\[\&\:\:-webkit-datetime-edit-year-field\]\:p-0::-webkit-datetime-edit-year-field {
  padding: 0;
}
.\[\&\:\:-webkit-datetime-edit\]\:inline-flex::-webkit-datetime-edit {
  display: inline-flex;
}
.\[\&\:\:-webkit-datetime-edit\]\:p-0::-webkit-datetime-edit {
  padding: 0;
}
.data-\[slot\=icon\]\:last\:\[\&\:not\(\:nth-child\(2\)\)\]\:\*\:ml-auto
  > :not(:nth-child(2)):last-child[data-slot="icon"] {
  margin-left: auto;
}
.data-\[slot\=icon\]\:last\:\[\&\:not\(\:nth-child\(2\)\)\]\:\*\:size-5
  > :not(:nth-child(2)):last-child[data-slot="icon"] {
  width: 1.25rem;
  height: 1.25rem;
}
@media (min-width: 640px) {
  .sm\:data-\[slot\=icon\]\:last\:\[\&\:not\(\:nth-child\(2\)\)\]\:\*\:size-4
    > :not(:nth-child(2)):last-child[data-slot="icon"] {
    width: 1rem;
    height: 1rem;
  }
  .sm\:\[\&\:nth-child\(2\)\]\:border-none:nth-child(2) {
    border-style: none;
  }
}
.\[\&\>\*\+\[data-slot\=control\]\]\:mt-6 > * + [data-slot="control"] {
  margin-top: 1.5rem;
}
.\[\&\>\[data-slot\=avatar\]\]\:-mx-0\.5 > [data-slot="avatar"] {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.\[\&\>\[data-slot\=avatar\]\]\:-ml-1 > [data-slot="avatar"] {
  margin-left: -0.25rem;
}
.\[\&\>\[data-slot\=avatar\]\]\:mr-2\.5 > [data-slot="avatar"] {
  margin-right: 0.625rem;
}
.\[\&\>\[data-slot\=avatar\]\]\:size-6 > [data-slot="avatar"] {
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 640px) {
  .sm\:\[\&\>\[data-slot\=avatar\]\]\:mr-2 > [data-slot="avatar"] {
    margin-right: 0.5rem;
  }
  .sm\:\[\&\>\[data-slot\=avatar\]\]\:size-5 > [data-slot="avatar"] {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.\[\&\>\[data-slot\=control\]\+\[data-slot\=description\]\]\:mt-3
  > [data-slot="control"]
  + [data-slot="description"],
.\[\&\>\[data-slot\=control\]\+\[data-slot\=error\]\]\:mt-3
  > [data-slot="control"]
  + [data-slot="error"] {
  margin-top: 0.75rem;
}
.\[\&\>\[data-slot\=control\]\]\:col-start-1 > [data-slot="control"] {
  grid-column-start: 1;
}
.\[\&\>\[data-slot\=control\]\]\:col-start-2 > [data-slot="control"] {
  grid-column-start: 2;
}
.\[\&\>\[data-slot\=control\]\]\:row-start-1 > [data-slot="control"] {
  grid-row-start: 1;
}
.\[\&\>\[data-slot\=control\]\]\:self-center > [data-slot="control"] {
  align-self: center;
}
.\[\&\>\[data-slot\=control\]\]\:justify-self-center > [data-slot="control"] {
  justify-self: center;
}
.\[\&\>\[data-slot\=description\]\+\[data-slot\=control\]\]\:mt-3
  > [data-slot="description"]
  + [data-slot="control"] {
  margin-top: 0.75rem;
}
.\[\&\>\[data-slot\=description\]\]\:col-start-1 > [data-slot="description"] {
  grid-column-start: 1;
}
.\[\&\>\[data-slot\=description\]\]\:col-start-2 > [data-slot="description"] {
  grid-column-start: 2;
}
.\[\&\>\[data-slot\=description\]\]\:row-start-2 > [data-slot="description"] {
  grid-row-start: 2;
}
.\[\&\>\[data-slot\=icon\]\:first-child\]\:left-3
  > [data-slot="icon"]:first-child {
  left: 0.75rem;
}
@media (min-width: 640px) {
  .sm\:\[\&\>\[data-slot\=icon\]\:first-child\]\:left-2\.5
    > [data-slot="icon"]:first-child {
    left: 0.625rem;
  }
}
.\[\&\>\[data-slot\=icon\]\:last-child\]\:right-3
  > [data-slot="icon"]:last-child {
  right: 0.75rem;
}
@media (min-width: 640px) {
  .sm\:\[\&\>\[data-slot\=icon\]\:last-child\]\:right-2\.5
    > [data-slot="icon"]:last-child {
    right: 0.625rem;
  }
}
.\[\&\>\[data-slot\=icon\]\]\:pointer-events-none > [data-slot="icon"] {
  pointer-events: none;
}
.\[\&\>\[data-slot\=icon\]\]\:absolute > [data-slot="icon"] {
  position: absolute;
}
.\[\&\>\[data-slot\=icon\]\]\:top-3 > [data-slot="icon"] {
  top: 0.75rem;
}
.\[\&\>\[data-slot\=icon\]\]\:z-10 > [data-slot="icon"] {
  z-index: 10;
}
.\[\&\>\[data-slot\=icon\]\]\:col-start-1 > [data-slot="icon"] {
  grid-column-start: 1;
}
.\[\&\>\[data-slot\=icon\]\]\:row-start-1 > [data-slot="icon"] {
  grid-row-start: 1;
}
.\[\&\>\[data-slot\=icon\]\]\:-mx-0\.5 > [data-slot="icon"] {
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.\[\&\>\[data-slot\=icon\]\]\:my-0\.5 > [data-slot="icon"] {
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.\[\&\>\[data-slot\=icon\]\]\:-ml-0\.5 > [data-slot="icon"] {
  margin-left: -0.125rem;
}
.\[\&\>\[data-slot\=icon\]\]\:mr-2\.5 > [data-slot="icon"] {
  margin-right: 0.625rem;
}
.\[\&\>\[data-slot\=icon\]\]\:size-5 > [data-slot="icon"] {
  width: 1.25rem;
  height: 1.25rem;
}
.\[\&\>\[data-slot\=icon\]\]\:shrink-0 > [data-slot="icon"] {
  flex-shrink: 0;
}
.\[\&\>\[data-slot\=icon\]\]\:text-\[--btn-icon\] > [data-slot="icon"] {
  color: var(--btn-icon);
}
.\[\&\>\[data-slot\=icon\]\]\:text-zinc-500 > [data-slot="icon"] {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.\[\&\>\[data-slot\=icon\]\]\:data-\[focus\]\:text-white[data-focus]
  > [data-slot="icon"],
.group\/option[data-focus]
  .\[\&\>\[data-slot\=icon\]\]\:group-data-\[focus\]\/option\:text-white
  > [data-slot="icon"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (min-width: 640px) {
  .sm\:\[\&\>\[data-slot\=icon\]\]\:top-2\.5 > [data-slot="icon"] {
    top: 0.625rem;
  }
  .\[\&\>\[data-slot\=icon\]\]\:sm\:my-1 > [data-slot="icon"] {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .sm\:\[\&\>\[data-slot\=icon\]\]\:mr-2 > [data-slot="icon"] {
    margin-right: 0.5rem;
  }
  .\[\&\>\[data-slot\=icon\]\]\:sm\:size-4 > [data-slot="icon"],
  .sm\:\[\&\>\[data-slot\=icon\]\]\:size-4 > [data-slot="icon"] {
    width: 1rem;
    height: 1rem;
  }
}
.\[\&\>\[data-slot\=icon\]\]\:dark\:text-zinc-400:where(.dark, .dark *)
  > [data-slot="icon"] {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.dark\:\[\&\>\[data-slot\=icon\]\]\:text-zinc-400
  > [data-slot="icon"]:where(.dark, .dark *) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity, 1));
}
.\[\&\>\[data-slot\=icon\]\]\:data-\[focus\]\:dark\:text-white:where(
    .dark,
    .dark *
  )[data-focus]
  > [data-slot="icon"] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
@media (forced-colors: active) {
  .forced-colors\:\[\&\>\[data-slot\=icon\]\]\:text-\[CanvasText\]
    > [data-slot="icon"] {
    color: CanvasText;
  }
  .forced-colors\:\[\&\>\[data-slot\=icon\]\]\:data-\[focus\]\:text-\[HighlightText\][data-focus]
    > [data-slot="icon"] {
    color: HighlightText;
  }
  .group\/option[data-focus]
    .forced-colors\:\[\&\>\[data-slot\=icon\]\]\:group-data-\[focus\]\/option\:text-\[Canvas\]
    > [data-slot="icon"] {
    color: Canvas;
  }
}
.\[\&\>\[data-slot\=label\]\+\[data-slot\=control\]\]\:mt-3
  > [data-slot="label"]
  + [data-slot="control"] {
  margin-top: 0.75rem;
}
.\[\&\>\[data-slot\=label\]\+\[data-slot\=description\]\]\:mt-1
  > [data-slot="label"]
  + [data-slot="description"] {
  margin-top: 0.25rem;
}
.\[\&\>\[data-slot\=label\]\]\:col-start-1 > [data-slot="label"] {
  grid-column-start: 1;
}
.\[\&\>\[data-slot\=label\]\]\:col-start-2 > [data-slot="label"] {
  grid-column-start: 2;
}
.\[\&\>\[data-slot\=label\]\]\:row-start-1 > [data-slot="label"] {
  grid-row-start: 1;
}
.\[\&\>\[data-slot\=label\]\]\:justify-self-start > [data-slot="label"] {
  justify-self: start;
}
.\[\&\>\[data-slot\=label\]\]\:font-medium > [data-slot="label"] {
  font-weight: 500;
}
.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-2\.5
  > [data-slot="section"]
  + [data-slot="section"] {
  margin-top: 0.625rem;
}
.\[\&\>\[data-slot\=section\]\+\[data-slot\=section\]\]\:mt-8
  > [data-slot="section"]
  + [data-slot="section"] {
  margin-top: 2rem;
}
.\[\&\>\[data-slot\=text\]\]\:mt-1 > [data-slot="text"] {
  margin-top: 0.25rem;
}
.\[\&_\[data-slot\=label\]\]\:font-normal [data-slot="label"] {
  font-weight: 400;
}
.\[\&_\[data-slot\=label\]\]\:has-\[\[data-slot\=description\]\]\:font-medium:has(
    [data-slot="description"]
  )
  [data-slot="label"] {
  font-weight: 500;
}
.\[\&_input\]\:has-\[\[data-slot\=icon\]\:first-child\]\:pl-10:has(
    [data-slot="icon"]:first-child
  )
  input {
  padding-left: 2.5rem;
}
.\[\&_input\]\:has-\[\[data-slot\=icon\]\:last-child\]\:pr-10:has(
    [data-slot="icon"]:last-child
  )
  input {
  padding-right: 2.5rem;
}
@media (min-width: 640px) {
  .sm\:\[\&_input\]\:has-\[\[data-slot\=icon\]\:first-child\]\:pl-8:has(
      [data-slot="icon"]:first-child
    )
    input {
    padding-left: 2rem;
  }
  .sm\:\[\&_input\]\:has-\[\[data-slot\=icon\]\:last-child\]\:pr-8:has(
      [data-slot="icon"]:last-child
    )
    input {
    padding-right: 2rem;
  }
}
.\[\&_optgroup\]\:font-semibold optgroup {
  font-weight: 600;
}
@media (pointer: fine) {
  .\[\@media\(pointer\:fine\)\]\:hidden {
    display: none;
  }
}

#wawa {
  margin-top: 25vh;
}