.full-height {
  height: calc(100vh - 112px);
  max-width: 100vw;
}
.full-height-no-bc {
  height: calc(100vh - 112px + 56px) !important;
  max-width: 100vw;
}
body,
html,
.overflow-hidden {
  overflow: hidden !important;
}

.tabbed-section > div > button {
  margin-right: 25px;
  padding-bottom: 8px;
  padding-left: 3px;
  padding-right: 3px;
}
.border-b-2 {
  border-bottom: 2px solid;
}
.dark .skeletonWrapper {
  opacity: 0.1;
}
.dark #cobe {
  filter: invert(1) !important;
}
:root {
  --font-geist-sans: 'geist-sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;
  --primary: 240 5.9% 10%;
  --primary-foreground: 0 0% 98%;
  --secondary: 240 4.8% 95.9%;
  --secondary-foreground: 240 5.9% 10%;
  --muted: 240 4.8% 95.9%;
  --muted-foreground: 240 3.8% 46.1%;
  --accent: 240 4.8% 95.9%;
  --accent-foreground: 240 5.9% 10%;
  --destructive: 0 72.22% 50.59%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 5.9% 90%;
  --input: 240 5.9% 90%;
  --ring: 240 5% 64.9%;
  --radius: 0.5rem;
  --vis-primary-color: 321.73deg 76.13% 52.35% !important;
  --vis-secondary-color: 160 81% 40%;
  --vis-text-color: var(--muted-foreground);
  --vis-font-family: inherit !important;
  --vis-area-stroke-width: 2px !important;
  --vis-donut-central-label-text-color: hsl(var(--muted-foreground)) !important;
  --vis-tooltip-background-color: none !important;
  --vis-tooltip-border-color: none !important;
  --vis-tooltip-text-color: none !important;
  --vis-tooltip-shadow-color: none !important;
  --vis-tooltip-backdrop-filter: none !important;
  --vis-tooltip-padding: none !important;
}
.dark {
  --background: 240 10% 3.9%;
  --foreground: 0 0% 98%;
  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 0 0% 98%;
  --primary-foreground: 240 5.9% 10%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 240 3.7% 15.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 85.7% 97.3%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 240 4.9% 83.9%;
}
* {
  border-color: hsl(var(--border));
}
html {
  -webkit-text-size-adjust: 100%;
  font-variation-settings: normal;
}
body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis-weight: none;
  text-rendering: optimizeLegibility;
}
html {
  -webkit-tap-highlight-color: rgba(128, 128, 128, 0.5);
}

.outline {
  outline-style: solid;
}
.\!ring-1 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-0 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.ring-0,
.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 !important;
}
.ring-inset {
  --tw-ring-inset: inset;
}
.\!ring-red-600\/10 {
  --tw-ring-color: rgba(220, 38, 38, 0.1) !important;
}
.\!ring-yellow-600\/10 {
  --tw-ring-color: rgba(202, 138, 4, 0.1) !important;
}
.ring-blue-600\/10 {
  --tw-ring-color: rgba(37, 99, 235, 0.1);
}
.ring-blue-700\/10 {
  --tw-ring-color: rgba(29, 78, 216, 0.1);
}
.ring-emerald-600\/10 {
  --tw-ring-color: rgba(5, 150, 105, 0.1);
}
.ring-fuchsia-600\/10 {
  --tw-ring-color: rgba(192, 38, 211, 0.1);
}
.ring-gray-500\/10 {
  --tw-ring-color: hsla(220, 9%, 46%, 0.1);
}
.ring-indigo-700\/10 {
  --tw-ring-color: rgba(67, 56, 202, 0.1);
}
.ring-pink-700\/10 {
  --tw-ring-color: rgba(190, 24, 93, 0.1);
}
.ring-purple-700\/10 {
  --tw-ring-color: rgba(126, 34, 206, 0.1);
}
.ring-red-600\/10 {
  --tw-ring-color: rgba(220, 38, 38, 0.1);
}
.ring-yellow-600\/10 {
  --tw-ring-color: rgba(202, 138, 4, 0.1);
}
.ring-yellow-600\/20 {
  --tw-ring-color: rgba(202, 138, 4, 0.2);
}
.ring-offset-2 {
  --tw-ring-offset-width: 2px;
}
.ring-offset-background {
  --tw-ring-offset-color: hsl(var(--background));
}
.\!filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
    var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important;
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate)
    var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
    transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
    transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
    transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all {
  transition-duration: 0.15s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-colors {
  transition-duration: 0.15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-opacity {
  transition-duration: 0.15s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-shadow {
  transition-duration: 0.15s;
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
  transition-duration: 0.15s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.duration-200 {
  transition-duration: 0.2s;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
      scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
      rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
      scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
      rotate(var(--tw-exit-rotate, 0));
  }
}
.animate-in {
  animation-duration: 0.15s;
  animation-name: enter;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.fade-in-0 {
  --tw-enter-opacity: 0;
}
.zoom-in-95 {
  --tw-enter-scale: 0.95;
}
.duration-200 {
  animation-duration: 0.2s;
}
.ease-in-out {
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.running {
  animation-play-state: running;
}
@media {
  animation-duration: 0.3s;
}
.green-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.green-neon:hover,
.green-neon:hover circle,
.green-neon:hover line,
.green-neon:hover path,
.green-neon:hover polyline,
.green-neon:hover rect {
  color: #4ade80 !important;
}
.green-neon {
  background-color: #6b72801a !important;
  color: #4b5563 !important;
  --tw-ring-color: hsla(220, 9%, 46%, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.green-neon,
.green-neon:hover {
  background: #22c55e1a !important;
  border: 1px solid #4ade80 !important;
  color: #4ade80 !important;
}
.yellow-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.yellow-neon:hover,
.yellow-neon:hover circle,
.yellow-neon:hover line,
.yellow-neon:hover path,
.yellow-neon:hover polyline,
.yellow-neon:hover rect {
  color: #fde047 !important;
}
.yellow-neon {
  background-color: #fafacc1a !important;
  color: #f59e0b !important;
  --tw-ring-color: rgba(245, 158, 11, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.yellow-neon,
.yellow-neon:hover {
  background: #fde0471a !important;
  border: 1px solid #fde047 !important;
  color: #fde047 !important;
}
.orange-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.orange-neon:hover,
.orange-neon:hover circle,
.orange-neon:hover line,
.orange-neon:hover path,
.orange-neon:hover polyline,
.orange-neon:hover rect {
  color: #ff9f1c !important;
}
.orange-neon {
  background-color: #fff7ed1a !important;
  color: #f97316 !important;
  --tw-ring-color: rgba(249, 115, 22, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.orange-neon,
.orange-neon:hover {
  background: #ff9f1c1a !important;
  border: 1px solid #ff9f1c !important;
  color: #ff9f1c !important;
}
.purple-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.purple-neon:hover,
.purple-neon:hover circle,
.purple-neon:hover line,
.purple-neon:hover path,
.purple-neon:hover polyline,
.purple-neon:hover rect {
  color: #a242ff !important;
}
.purple-neon {
  background-color: #eae6f91a !important;
  color: #a855f7 !important;
  --tw-ring-color: rgba(168, 85, 247, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.purple-neon,
.purple-neon:hover {
  background: #a242ff1a !important;
  border: 1px solid #a242ff !important;
  color: #a242ff !important;
}
.indigo-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.indigo-neon:hover,
.indigo-neon:hover circle,
.indigo-neon:hover line,
.indigo-neon:hover path,
.indigo-neon:hover polyline,
.indigo-neon:hover rect {
  color: #818cf8 !important;
}
.indigo-neon {
  background-color: #ede9fe1a !important;
  color: #6366f1 !important;
  --tw-ring-color: rgba(99, 102, 241, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.indigo-neon,
.indigo-neon:hover {
  background: #818cf81a !important;
  border: 1px solid #818cf8 !important;
  color: #818cf8 !important;
}
.red-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.red-neon:hover,
.red-neon:hover circle,
.red-neon:hover line,
.red-neon:hover path,
.red-neon:hover polyline,
.red-neon:hover rect {
  color: #f87171 !important;
}
.red-neon {
  background-color: #fee1e11a !important;
  color: #ef4444 !important;
  --tw-ring-color: rgba(239, 68, 68, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.red-neon,
.red-neon:hover {
  background: #f872721a !important;
  border: 1px solid #f87171 !important;
  color: #f87171 !important;
}
.blue-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.blue-neon:hover,
.blue-neon:hover circle,
.blue-neon:hover line,
.blue-neon:hover path,
.blue-neon:hover polyline,
.blue-neon:hover rect {
  color: #3b82f6 !important;
}
.blue-neon {
  background-color: #dbeafe1a !important;
  color: #2563eb !important;
  --tw-ring-color: rgba(37, 99, 235, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.blue-neon,
.blue-neon:hover {
  background: #3b82f61a !important;
  border: 1px solid #3b82f6 !important;
  color: #3b82f6 !important;
}
.gray-neon {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.gray-neon:hover,
.gray-neon:hover circle,
.gray-neon:hover line,
.gray-neon:hover path,
.gray-neon:hover polyline,
.gray-neon:hover rect {
  color: #9ca3af !important;
}
.gray-neon {
  background-color: #f5f5f51a !important;
  color: #6b7280 !important;
  --tw-ring-color: hsla(220, 9%, 46%, 0.2) !important;
  background: 0 0 !important;
  border: 1px solid transparent !important;
  transition: 0.1s !important;
}
.gray-neon,
.gray-neon:hover {
  background: #9ca3af1a !important;
  border: 1px solid #9ca3af !important;
  color: #9ca3af !important;
}
.file\:border-0::file-selector-button {
  border-width: 0;
}
.file\:bg-transparent::file-selector-button {
  background-color: transparent;
}
.file\:text-sm::file-selector-button {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button {
  font-weight: 500;
}
.placeholder\:text-muted-foreground::-moz-placeholder {
  color: hsl(var(--muted-foreground));
}
.placeholder\:text-muted-foreground::placeholder {
  color: hsl(var(--muted-foreground));
}
.after\:absolute:after {
  content: var(--tw-content);
  position: absolute;
}
.after\:inset-y-0:after {
  bottom: 0;
  content: var(--tw-content);
  top: 0;
}
.after\:left-1\/2:after {
  content: var(--tw-content);
  left: 50%;
}
.after\:w-1:after {
  content: var(--tw-content);
  width: 0.25rem;
}
.after\:-translate-x-1\/2:after {
  content: var(--tw-content);
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.first\:mt-0:first-child {
  margin-top: 0;
}
.last\:mb-0:last-child {
  margin-bottom: 0;
}
.last\:pb-0:last-child {
  padding-bottom: 0;
}
.even\:bg-muted:nth-child(2n) {
  background-color: hsl(var(--muted));
}
.hover\:border-primary:hover {
  border-color: hsl(var(--primary));
}
.hover\:\!bg-red-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity)) !important;
}
.hover\:\!bg-yellow-100:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(254 249 195 / var(--tw-bg-opacity)) !important;
}
.hover\:bg-accent:hover {
  background-color: hsl(var(--accent));
}
.hover\:bg-card-foreground\/20:hover {
  background-color: hsl(var(--card-foreground) / 0.2);
}
.hover\:bg-destructive\/80:hover {
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover {
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-muted:hover {
  background-color: hsl(var(--muted));
}
.hover\:bg-muted\/40:hover {
  background-color: hsl(var(--muted) / 0.4);
}
.hover\:bg-muted\/50:hover {
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-primary\/80:hover {
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover {
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-secondary:hover {
  background-color: hsl(var(--secondary));
}
.hover\:bg-secondary\/80:hover {
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:bg-transparent:hover {
  background-color: transparent;
}
.hover\:text-accent-foreground:hover {
  color: hsl(var(--accent-foreground));
}
.hover\:text-foreground:hover {
  color: hsl(var(--foreground));
}
.hover\:text-gray-900:hover {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.hover\:text-primary:hover {
  color: hsl(var(--primary));
}
.hover\:underline:hover {
  text-decoration-line: underline;
}
.hover\:opacity-100:hover {
  opacity: 1;
}
.hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.focus\:bg-accent:focus {
  background-color: hsl(var(--accent));
}
.focus\:text-accent-foreground:focus {
  color: hsl(var(--accent-foreground));
}
.focus\:opacity-100:focus {
  opacity: 1;
}
.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-0:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.focus\:ring-0:focus,
.focus\:ring-2:focus {
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-2:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}
.focus\:ring-ring:focus {
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible {
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-0:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-1:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible {
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-0:focus-visible {
  --tw-ring-offset-width: 0px;
}
.focus-visible\:ring-offset-1:focus-visible {
  --tw-ring-offset-width: 1px;
}
.focus-visible\:ring-offset-2:focus-visible {
  --tw-ring-offset-width: 2px;
}
.focus-visible\:ring-offset-background:focus-visible {
  --tw-ring-offset-color: hsl(var(--background));
}
.disabled\:pointer-events-none:disabled {
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled {
  opacity: 0.5;
}
.group:hover .group-hover\:opacity-100 {
  opacity: 1;
}
.group.destructive .group-\[\.destructive\]\:border-muted\/40 {
  border-color: hsl(var(--muted) / 0.4);
}
.group.destructive .group-\[\.destructive\]\:text-red-300 {
  --tw-text-opacity: 1;
  color: rgb(252 165 165 / var(--tw-text-opacity));
}
.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover {
  border-color: hsl(var(--destructive) / 0.3);
}
.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover {
  background-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover {
  color: hsl(var(--destructive-foreground));
}
.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover {
  --tw-text-opacity: 1;
  color: rgb(254 242 242 / var(--tw-text-opacity));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus {
  --tw-ring-color: hsl(var(--destructive));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity));
}
.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus {
  --tw-ring-offset-color: #dc2626;
}
.peer:checked ~ .peer-checked\:block {
  display: block;
}
.peer:checked ~ .peer-checked\:border-primary {
  border-color: hsl(var(--primary));
}
.peer:checked ~ .peer-checked\:bg-primary {
  background-color: hsl(var(--primary));
}
.peer:checked ~ .peer-checked\:text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.peer:disabled ~ .peer-disabled\:cursor-not-allowed {
  cursor: not-allowed;
}
.peer:disabled ~ .peer-disabled\:opacity-70 {
  opacity: 0.7;
}
.data-\[disabled\]\:pointer-events-none[data-disabled] {
  pointer-events: none;
}
.data-\[side\=bottom\]\:translate-y-1[data-side='bottom'] {
  --tw-translate-y: 0.25rem;
}
.data-\[side\=bottom\]\:translate-y-1[data-side='bottom'],
.data-\[side\=left\]\:-translate-x-1[data-side='left'] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=left\]\:-translate-x-1[data-side='left'] {
  --tw-translate-x: -0.25rem;
}
.data-\[side\=right\]\:translate-x-1[data-side='right'] {
  --tw-translate-x: 0.25rem;
}
.data-\[side\=right\]\:translate-x-1[data-side='right'],
.data-\[side\=top\]\:-translate-y-1[data-side='top'] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[side\=top\]\:-translate-y-1[data-side='top'] {
  --tw-translate-y: -0.25rem;
}
.data-\[state\=checked\]\:translate-x-5[data-state='checked'] {
  --tw-translate-x: 1.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[state\=unchecked\]\:translate-x-0[data-state='unchecked'],
.data-\[swipe\=cancel\]\:translate-x-0[data-swipe='cancel'] {
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=end\]\:translate-x-\[--radix-toast-swipe-end-x\][data-swipe='end'] {
  --tw-translate-x: var(--radix-toast-swipe-end-x);
}
.data-\[swipe\=end\]\:translate-x-\[--radix-toast-swipe-end-x\][data-swipe='end'],
.data-\[swipe\=move\]\:translate-x-\[--radix-toast-swipe-move-x\][data-swipe='move'] {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.data-\[swipe\=move\]\:translate-x-\[--radix-toast-swipe-move-x\][data-swipe='move'] {
  --tw-translate-x: var(--radix-toast-swipe-move-x);
}
@keyframes accordion-up {
  0% {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}
.data-\[state\=closed\]\:animate-accordion-up[data-state='closed'] {
  animation: accordion-up 0.2s ease-out;
}
@keyframes accordion-down {
  0% {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
.data-\[state\=open\]\:animate-accordion-down[data-state='open'] {
  animation: accordion-down 0.2s ease-out;
}
.data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction='vertical'] {
  flex-direction: column;
}
.data-\[state\=checked\]\:border-primary[data-state='checked'] {
  border-color: hsl(var(--primary));
}
.data-\[active\]\:bg-accent\/50[data-active] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[highlighted\]\:bg-accent[data-highlighted] {
  background-color: hsl(var(--accent));
}
.data-\[state\=active\]\:bg-background[data-state='active'] {
  background-color: hsl(var(--background));
}
.data-\[state\=checked\]\:bg-primary[data-state='checked'] {
  background-color: hsl(var(--primary));
}
.data-\[state\=open\]\:bg-accent[data-state='open'] {
  background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:bg-accent\/50[data-state='open'] {
  background-color: hsl(var(--accent) / 0.5);
}
.data-\[state\=open\]\:bg-secondary[data-state='open'] {
  background-color: hsl(var(--secondary));
}
.data-\[state\=selected\]\:bg-muted[data-state='selected'] {
  background-color: hsl(var(--muted));
}
.data-\[state\=unchecked\]\:bg-input[data-state='unchecked'] {
  background-color: hsl(var(--input));
}
.data-\[highlighted\]\:text-accent-foreground[data-highlighted] {
  color: hsl(var(--accent-foreground));
}
.data-\[state\=active\]\:text-foreground[data-state='active'] {
  color: hsl(var(--foreground));
}
.data-\[state\=checked\]\:text-primary-foreground[data-state='checked'] {
  color: hsl(var(--primary-foreground));
}
.data-\[state\=open\]\:text-muted-foreground[data-state='open'] {
  color: hsl(var(--muted-foreground));
}
.data-\[disabled\]\:opacity-50[data-disabled] {
  opacity: 0.5;
}
.data-\[state\=active\]\:shadow-sm[data-state='active'] {
  --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);
}
.data-\[swipe\=move\]\:transition-none[data-swipe='move'] {
  transition-property: none;
}
.data-\[state\=closed\]\:duration-300[data-state='closed'] {
  transition-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state='open'] {
  transition-duration: 0.5s;
}
.data-\[motion\^\=from-\]\:animate-in[data-motion^='from-'],
.data-\[state\=open\]\:animate-in[data-state='open'],
.data-\[state\=visible\]\:animate-in[data-state='visible'] {
  animation-duration: 0.15s;
  animation-name: enter;
  --tw-enter-opacity: initial;
  --tw-enter-scale: initial;
  --tw-enter-rotate: initial;
  --tw-enter-translate-x: initial;
  --tw-enter-translate-y: initial;
}
.data-\[motion\^\=to-\]\:animate-out[data-motion^='to-'],
.data-\[state\=closed\]\:animate-out[data-state='closed'],
.data-\[state\=hidden\]\:animate-out[data-state='hidden'],
.data-\[swipe\=end\]\:animate-out[data-swipe='end'] {
  animation-duration: 0.15s;
  animation-name: exit;
  --tw-exit-opacity: initial;
  --tw-exit-scale: initial;
  --tw-exit-rotate: initial;
  --tw-exit-translate-x: initial;
  --tw-exit-translate-y: initial;
}
.data-\[motion\^\=from-\]\:fade-in[data-motion^='from-'] {
  --tw-enter-opacity: 0;
}
.data-\[motion\^\=to-\]\:fade-out[data-motion^='to-'],
.data-\[state\=closed\]\:fade-out-0[data-state='closed'] {
  --tw-exit-opacity: 0;
}
.data-\[state\=closed\]\:fade-out-80[data-state='closed'] {
  --tw-exit-opacity: 0.8;
}
.data-\[state\=hidden\]\:fade-out[data-state='hidden'] {
  --tw-exit-opacity: 0;
}
.data-\[state\=open\]\:fade-in-0[data-state='open'],
.data-\[state\=visible\]\:fade-in[data-state='visible'] {
  --tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:zoom-out-95[data-state='closed'] {
  --tw-exit-scale: 0.95;
}
.data-\[state\=open\]\:zoom-in-90[data-state='open'] {
  --tw-enter-scale: 0.9;
}
.data-\[state\=open\]\:zoom-in-95[data-state='open'] {
  --tw-enter-scale: 0.95;
}
.data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion='from-end'] {
  --tw-enter-translate-x: 13rem;
}
.data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion='from-start'] {
  --tw-enter-translate-x: -13rem;
}
.data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion='to-end'] {
  --tw-exit-translate-x: 13rem;
}
.data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion='to-start'] {
  --tw-exit-translate-x: -13rem;
}
.data-\[side\=bottom\]\:slide-in-from-top-2[data-side='bottom'] {
  --tw-enter-translate-y: -0.5rem;
}
.data-\[side\=left\]\:slide-in-from-right-2[data-side='left'] {
  --tw-enter-translate-x: 0.5rem;
}
.data-\[side\=right\]\:slide-in-from-left-2[data-side='right'] {
  --tw-enter-translate-x: -0.5rem;
}
.data-\[side\=top\]\:slide-in-from-bottom-2[data-side='top'] {
  --tw-enter-translate-y: 0.5rem;
}
.data-\[state\=closed\]\:slide-out-to-bottom[data-state='closed'] {
  --tw-exit-translate-y: 100%;
}
.data-\[state\=closed\]\:slide-out-to-left[data-state='closed'] {
  --tw-exit-translate-x: -100%;
}
.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state='closed'] {
  --tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:slide-out-to-right-full[data-state='closed'],
.data-\[state\=closed\]\:slide-out-to-right[data-state='closed'] {
  --tw-exit-translate-x: 100%;
}
.data-\[state\=closed\]\:slide-out-to-top[data-state='closed'] {
  --tw-exit-translate-y: -100%;
}
.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state='closed'] {
  --tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-bottom[data-state='open'] {
  --tw-enter-translate-y: 100%;
}
.data-\[state\=open\]\:slide-in-from-left[data-state='open'] {
  --tw-enter-translate-x: -100%;
}
.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state='open'] {
  --tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:slide-in-from-right[data-state='open'] {
  --tw-enter-translate-x: 100%;
}
.data-\[state\=open\]\:slide-in-from-top[data-state='open'] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state='open'] {
  --tw-enter-translate-y: -48%;
}
.data-\[state\=open\]\:slide-in-from-top-full[data-state='open'] {
  --tw-enter-translate-y: -100%;
}
.data-\[state\=closed\]\:duration-300[data-state='closed'] {
  animation-duration: 0.3s;
}
.data-\[state\=open\]\:duration-500[data-state='open'] {
  animation-duration: 0.5s;
}
.group[data-state='open'] .group-data-\[state\=open\]\:rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.dark\:border-gray-50:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(249 250 251 / var(--tw-border-opacity));
}
.dark\:border-gray-800:is(.dark *) {
  --tw-border-opacity: 1;
  border-color: rgb(31 41 55 / var(--tw-border-opacity));
}
.dark\:\!bg-red-400\/10:is(.dark *) {
  background-color: #f872721a !important;
}
.dark\:\!bg-yellow-400\/10:is(.dark *) {
  background-color: #facc151a !important;
}
.dark\:bg-black:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.dark\:bg-blue-400\/10:is(.dark *) {
  background-color: #60a5fa1a;
}
.dark\:bg-emerald-400\/10:is(.dark *) {
  background-color: #34d3991a;
}
.dark\:bg-fuchsia-400\/10:is(.dark *) {
  background-color: #e879f91a;
}
.dark\:bg-gray-700:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}
.dark\:bg-gray-800:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.dark\:bg-gray-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
}
.dark\:bg-muted\/20:is(.dark *) {
  background-color: hsl(var(--muted) / 0.2);
}
.dark\:bg-red-400\/10:is(.dark *) {
  background-color: #f872721a;
}
.dark\:bg-white:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.dark\:bg-yellow-400\/10:is(.dark *) {
  background-color: #facc151a;
}
.dark\:bg-zinc-900:is(.dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(24 24 27 / var(--tw-bg-opacity));
}
.dark\:\!text-red-500:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(239 68 68 / var(--tw-text-opacity)) !important;
}
.dark\:\!text-yellow-500:is(.dark *) {
  --tw-text-opacity: 1 !important;
  color: rgb(234 179 8 / var(--tw-text-opacity)) !important;
}
.dark\:text-black:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.dark\:text-blue-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity));
}
.dark\:text-emerald-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}
.dark\:text-fuchsia-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity));
}
.dark\:text-gray-300:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.dark\:text-gray-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.dark\:text-gray-50:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
}
.dark\:text-red-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.dark\:text-white:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.dark\:text-yellow-500:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity));
}
.dark\:text-zinc-400:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(161 161 170 / var(--tw-text-opacity));
}
.dark\:\!ring-red-400\/20:is(.dark *) {
  --tw-ring-color: hsla(0, 91%, 71%, 0.2) !important;
}
.dark\:\!ring-yellow-400\/20:is(.dark *) {
  --tw-ring-color: rgba(250, 204, 21, 0.2) !important;
}
.dark\:ring-blue-400\/20:is(.dark *) {
  --tw-ring-color: rgba(96, 165, 250, 0.2);
}
.dark\:ring-emerald-400\/20:is(.dark *) {
  --tw-ring-color: rgba(52, 211, 153, 0.2);
}
.dark\:ring-fuchsia-400\/20:is(.dark *) {
  --tw-ring-color: rgba(232, 121, 249, 0.2);
}
.dark\:ring-red-400\/20:is(.dark *) {
  --tw-ring-color: hsla(0, 91%, 71%, 0.2);
}
.dark\:ring-yellow-400\/20:is(.dark *) {
  --tw-ring-color: rgba(250, 204, 21, 0.2);
}
.dark\:hover\:\!bg-red-400\/20:hover:is(.dark *) {
  background-color: #f8727233 !important;
}
.dark\:hover\:\!bg-yellow-400\/20:hover:is(.dark *) {
  background-color: #facc1533 !important;
}
.dark\:hover\:bg-muted:hover:is(.dark *) {
  background-color: hsl(var(--muted));
}
.dark\:hover\:text-gray-50:hover:is(.dark *) {
  --tw-text-opacity: 1;
  color: rgb(249 250 251 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
  .sm\:bottom-0 {
    bottom: 0;
  }
  .sm\:right-0 {
    right: 0;
  }
  .sm\:top-auto {
    top: auto;
  }
  .sm\:mb-0 {
    margin-bottom: 0;
  }
  .sm\:mt-0 {
    margin-top: 0;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:h-16 {
    height: 4rem;
  }
  .sm\:w-\[200px\] {
    width: 200px;
  }
  .sm\:w-\[calc\(50\%-100px\)\] {
    width: calc(50% - 100px);
  }
  .sm\:max-w-\[425px\] {
    max-width: 425px;
  }
  .sm\:max-w-md {
    max-width: 28rem;
  }
  .sm\:max-w-sm {
    max-width: 24rem;
  }
  .sm\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .sm\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:flex-row {
    flex-direction: row;
  }
  .sm\:flex-col {
    flex-direction: column;
  }
  .sm\:items-center {
    align-items: center;
  }
  .sm\:justify-start {
    justify-content: flex-start;
  }
  .sm\:justify-end {
    justify-content: flex-end;
  }
  .sm\:gap-2 {
    gap: 0.5rem;
  }
  .sm\:gap-2\.5 {
    gap: 0.625rem;
  }
  .sm\:gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
  .sm\:rounded-lg {
    border-radius: var(--radius);
  }
  .sm\:p-6 {
    padding: 1.5rem;
  }
  .sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:text-left {
    text-align: left;
  }
  .sm\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem;
  }
  .sm\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state='open'] {
    --tw-enter-translate-y: 100%;
  }
}
@media (min-width: 768px) {
  .md\:absolute {
    position: absolute;
  }
  .md\:ml-auto {
    margin-left: auto;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:w-2\/3 {
    width: 66.666667%;
  }
  .md\:w-\[--radix-navigation-menu-viewport-width\] {
    width: var(--radix-navigation-menu-viewport-width);
  }
  .md\:w-\[220px\] {
    width: 220px;
  }
  .md\:w-auto {
    width: auto;
  }
  .md\:w-full {
    width: 100%;
  }
  .md\:max-w-\[420px\] {
    max-width: 420px;
  }
  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:grid-cols-\[1fr_2fr\] {
    grid-template-columns: 1fr 2fr;
  }
  .md\:grid-cols-\[220px_1fr\] {
    grid-template-columns: 220px 1fr;
  }
  .md\:grid-cols-\[250px_1fr\] {
    grid-template-columns: 250px 1fr;
  }
  .md\:flex-row {
    flex-direction: row;
  }
  .md\:gap-2 {
    gap: 0.5rem;
  }
  .md\:gap-6 {
    gap: 1.5rem;
  }
  .md\:gap-8 {
    gap: 2rem;
  }
  .md\:p-10 {
    padding: 2.5rem;
  }
  .md\:p-12 {
    padding: 3rem;
  }
  .md\:p-4 {
    padding: 1rem;
  }
  .md\:p-6 {
    padding: 1.5rem;
  }
  .md\:p-8 {
    padding: 2rem;
  }
  .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .md\:py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
  }
  .md\:py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
  .md\:pt-0 {
    padding-top: 0;
  }
}
@media (min-width: 1024px) {
  .lg\:mt-0 {
    margin-top: 0;
  }
  .lg\:block {
    display: block;
  }
  .lg\:hidden {
    display: none;
  }
  .lg\:h-\[60px\] {
    height: 60px;
  }
  .lg\:w-1\/3 {
    width: 33.333333%;
  }
  .lg\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .lg\:grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .lg\:grid-cols-\[280px_1fr\] {
    grid-template-columns: 280px 1fr;
  }
  .lg\:flex-row {
    flex-direction: row;
  }
  .lg\:items-center {
    align-items: center;
  }
  .lg\:gap-4 {
    gap: 1rem;
  }
  .lg\:gap-6 {
    gap: 1.5rem;
  }
  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .lg\:text-5xl {
    font-size: 3rem;
    line-height: 1;
  }
}
@media (min-width: 1280px) {
  .xl\:mr-2 {
    margin-right: 0.5rem;
  }
  .xl\:block {
    display: block;
  }
  .xl\:w-\[400px\] {
    width: 400px;
  }
  .xl\:w-\[calc\(50\%-100px\)\] {
    width: calc(50% - 100px);
  }
  .xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .xl\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .xl\:flex-row {
    flex-direction: row;
  }
  .xl\:border-r {
    border-right-width: 1px;
  }
  .xl\:p-6 {
    padding: 1.5rem;
  }
}
@media (min-width: 1536px) {
  .\32xl\:mb-8 {
    margin-bottom: 2rem;
  }
  .\32xl\:mr-2 {
    margin-right: 0.5rem;
  }
  .\32xl\:block {
    display: block;
  }
  .\32xl\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role='checkbox']) {
  padding-right: 0;
}
.\[\&\:not\(\:first-child\)\]\:mt-3:not(:first-child) {
  margin-top: 0.75rem;
}
.\[\&\:not\(\:first-child\)\]\:mt-6:not(:first-child) {
  margin-top: 1.5rem;
}
.\[\&\>li\]\:mt-2 > li {
  margin-top: 0.5rem;
}
.\[\&\>span\]\:line-clamp-1 > span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.\[\&\>svg\]\:size-3\.5 > svg {
  height: 0.875rem;
  width: 0.875rem;
}
.\[\&\>tr\]\:last\:border-b-0:last-child > tr {
  border-bottom-width: 0;
}
.\[\&\[align\=center\]\]\:text-center[align='center'] {
  text-align: center;
}
.\[\&\[align\=right\]\]\:text-right[align='right'] {
  text-align: right;
}
.\[\&\[data-orientation\=vertical\]\>div\]\:rotate-90[data-orientation='vertical'] > div {
  --tw-rotate: 90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\[data-orientation\=vertical\]\]\:h-px[data-orientation='vertical'] {
  height: 1px;
}
.\[\&\[data-orientation\=vertical\]\]\:w-full[data-orientation='vertical'] {
  width: 100%;
}
.\[\&\[data-orientation\=vertical\]\]\:after\:left-0[data-orientation='vertical']:after {
  content: var(--tw-content);
  left: 0;
}
.\[\&\[data-orientation\=vertical\]\]\:after\:h-1[data-orientation='vertical']:after {
  content: var(--tw-content);
  height: 0.25rem;
}
.\[\&\[data-orientation\=vertical\]\]\:after\:w-full[data-orientation='vertical']:after {
  content: var(--tw-content);
  width: 100%;
}
.\[\&\[data-orientation\=vertical\]\]\:after\:-translate-y-1\/2[data-orientation='vertical']:after {
  --tw-translate-y: -50%;
}
.\[\&\[data-orientation\=vertical\]\]\:after\:-translate-y-1\/2[data-orientation='vertical']:after,
.\[\&\[data-orientation\=vertical\]\]\:after\:translate-x-0[data-orientation='vertical']:after {
  content: var(--tw-content);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\[data-orientation\=vertical\]\]\:after\:translate-x-0[data-orientation='vertical']:after {
  --tw-translate-x: 0px;
}
.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state='open'] > svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
  padding-bottom: 0.375rem;
  padding-top: 0.375rem;
}
.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
  font-weight: 500;
}
.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
  color: hsl(var(--muted-foreground));
}
.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
  padding-top: 0;
}
.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
  width: 1.25rem;
}
.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
  height: 3rem;
}
.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem;
}
.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
  height: 1.25rem;
}
.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
  width: 1.25rem;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child {
  border-width: 0;
}
.\[\&_tr\]\:border-b tr {
  border-bottom-width: 1px;
}
.subnav-active {
  border-bottom: 2px solid;
  opacity: 1 !important;
  color: hsl(var(--foreground)) !important;
}
.mt-5 {
  margin-top: 1.25rem;
}
tabs {
  display: none;
}
pre {
  margin-bottom: 25px !important;
}
.notification-count {
  font-size: 11px !important;
  margin: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  right: 24px;
  min-width: 20px;
  top: 6px;
}
.text-primary-foreground {
  color: hsl(var(--primary-foreground));
}
.font-medium {
  font-weight: 500;
}
.py-0\.5 {
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.px-1\.5 {
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.bg-primary {
  background-color: hsl(var(--primary));
}
.rounded-full {
  border-radius: 9999px;
}
.items-start {
  align-items: flex-start;
}

.grid-cols-\[25px_1fr\] {
  grid-template-columns: 25px 1fr;
}
.grid {
  display: grid;
}
.mb-4 {
  margin-bottom: 1rem;
}
.translate-y-1\.5 {
  --tw-translate-y: 0.375rem;
}
.translate-y-1,
.translate-y-1\.5 {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x))
    skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.w-2 {
  width: 0.5rem;
}
.h-2 {
  height: 0.5rem;
}
.flex {
  display: flex;
}
.dark .ring-zinc-400\/20 {
  --tw-ring-color: rgb(161 161 170 / 0.2);
}

.dark .ring-yellow-400\/20 {
  --tw-ring-color: rgb(250 204 21 / 0.2);
}
.dark .ring-violet-400\/20 {
  --tw-ring-color: rgb(167 139 250 / 0.2);
}
.dark .ring-teal-400\/20 {
  --tw-ring-color: rgb(45 212 191 / 0.2);
}
.dark .ring-stone-400\/20 {
  --tw-ring-color: rgb(168 162 158 / 0.2);
}
.dark .ring-slate-400\/20 {
  --tw-ring-color: rgb(148 163 184 / 0.2);
}
.dark .ring-sky-400\/20 {
  --tw-ring-color: rgb(56 189 248 / 0.2);
}
.dark .ring-rose-400\/20 {
  --tw-ring-color: rgb(251 113 133 / 0.2);
}
.dark .ring-red-400\/20 {
  --tw-ring-color: rgb(248 113 113 / 0.2);
}
.dark .ring-purple-400\/20 {
  --tw-ring-color: rgb(192 132 252 / 0.2);
}
.dark .ring-pink-400\/20 {
  --tw-ring-color: rgb(244 114 182 / 0.2);
}
.dark .ring-orange-400\/20 {
  --tw-ring-color: rgb(251 146 60 / 0.2);
}
.dark .ring-neutral-400\/20 {
  --tw-ring-color: rgb(163 163 163 / 0.2);
}
.dark .ring-lime-400\/20 {
  --tw-ring-color: rgb(163 230 53 / 0.2);
}
.dark .ring-indigo-400\/20 {
  --tw-ring-color: rgb(129 140 248 / 0.2);
}
.dark .ring-green-400\/20 {
  --tw-ring-color: rgb(74 222 128 / 0.2);
}
.dark .ring-gray-400\/20 {
  --tw-ring-color: rgb(156 163 175 / 0.2);
}
.dark .ring-fuchsia-400\/20 {
  --tw-ring-color: rgb(232 121 249 / 0.2);
}
.dark .ring-emerald-400\/20 {
  --tw-ring-color: rgb(52 211 153 / 0.2);
}
.dark .ring-cyan-400\/20 {
  --tw-ring-color: rgb(34 211 238 / 0.2);
}
.dark .ring-blue-400\/20 {
  --tw-ring-color: rgb(96 165 250 / 0.2);
}
.dark .ring-amber-400\/20 {
  --tw-ring-color: rgb(251 191 36 / 0.2);
}
.dark .text-zinc-500 {
  --tw-text-opacity: 1;
  color: rgb(113 113 122 / var(--tw-text-opacity, 1));
}
.dark .text-yellow-500 {
  --tw-text-opacity: 1;
  color: rgb(234 179 8 / var(--tw-text-opacity, 1));
}
.dark .text-violet-500 {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1));
}
.dark .text-teal-500 {
  --tw-text-opacity: 1;
  color: rgb(20 184 166 / var(--tw-text-opacity, 1));
}
.dark .text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity, 1));
}
.dark .text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1));
}
.dark .text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.dark .text-rose-500 {
  --tw-text-opacity: 1;
  color: rgb(244 63 94 / var(--tw-text-opacity, 1));
}
.dark .text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.dark .text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1));
}
.dark .text-pink-500 {
  --tw-text-opacity: 1;
  color: rgb(236 72 153 / var(--tw-text-opacity, 1));
}
.dark .text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1));
}
.dark .text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1));
}
.dark .text-lime-500 {
  --tw-text-opacity: 1;
  color: rgb(132 204 22 / var(--tw-text-opacity, 1));
}
.dark .text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1));
}
.dark .text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.dark .text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.dark .text-fuchsia-500 {
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity, 1));
}
.dark .text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}
.dark .text-cyan-500 {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}
.dark .text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}
.dark .text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.dark .bg-zinc-400\/10 {
  background-color: rgb(161 161 170 / 0.1);
}
.dark .bg-yellow-400\/10 {
  background-color: rgb(250 204 21 / 0.1);
}
.dark .bg-violet-400\/10 {
  background-color: rgb(167 139 250 / 0.1);
}
.dark .bg-teal-400\/10 {
  background-color: rgb(45 212 191 / 0.1);
}
.dark .bg-stone-400\/10 {
  background-color: rgb(168 162 158 / 0.1);
}
.dark .bg-slate-400\/10 {
  background-color: rgb(148 163 184 / 0.1);
}
.dark .bg-sky-400\/10 {
  background-color: rgb(56 189 248 / 0.1);
}
.dark .bg-rose-400\/10 {
  background-color: rgb(251 113 133 / 0.1);
}
.dark .bg-red-400\/10 {
  background-color: rgb(248 113 113 / 0.1);
}
.dark .bg-purple-400\/10 {
  background-color: rgb(192 132 252 / 0.1);
}
.dark .bg-pink-400\/10 {
  background-color: rgb(244 114 182 / 0.1);
}
.dark .bg-orange-400\/10 {
  background-color: rgb(251 146 60 / 0.1);
}
.dark .bg-neutral-400\/10 {
  background-color: rgb(163 163 163 / 0.1);
}
.dark .bg-lime-400\/10 {
  background-color: rgb(163 230 53 / 0.1);
}
.dark .bg-indigo-400\/10 {
  background-color: rgb(129 140 248 / 0.1);
}
.dark .bg-green-400\/10 {
  background-color: rgb(74 222 128 / 0.1);
}
.dark .bg-gray-400\/10 {
  background-color: rgb(156 163 175 / 0.1);
}
.dark .bg-fuchsia-400\/10 {
  background-color: rgb(232 121 249 / 0.1);
}
.dark .bg-emerald-400\/10 {
  background-color: rgb(52 211 153 / 0.1);
}
.dark .bg-cyan-400\/10 {
  background-color: rgb(34 211 238 / 0.1);
}
.dark .bg-blue-400\/10 {
  background-color: rgb(96 165 250 / 0.1);
}
.dark .bg-amber-400\/10 {
  background-color: rgb(251 191 36 / 0.1);
}
.ring-zinc-600\/10 {
  --tw-ring-color: rgb(82 82 91 / 0.1);
}
.ring-yellow-600\/10 {
  --tw-ring-color: rgb(202 138 4 / 0.1);
}
.ring-violet-600\/10 {
  --tw-ring-color: rgb(124 58 237 / 0.1);
}
.ring-teal-600\/10 {
  --tw-ring-color: rgb(13 148 136 / 0.1);
}
.ring-stone-600\/10 {
  --tw-ring-color: rgb(87 83 78 / 0.1);
}
.ring-slate-600\/10 {
  --tw-ring-color: rgb(71 85 105 / 0.1);
}
.ring-sky-600\/10 {
  --tw-ring-color: rgb(2 132 199 / 0.1);
}
.ring-rose-600\/10 {
  --tw-ring-color: rgb(225 29 72 / 0.1);
}
.ring-red-600\/10 {
  --tw-ring-color: rgb(220 38 38 / 0.1);
}
.ring-purple-600\/10 {
  --tw-ring-color: rgb(147 51 234 / 0.1);
}
.ring-pink-600\/10 {
  --tw-ring-color: rgb(219 39 119 / 0.1);
}
.ring-orange-600\/10 {
  --tw-ring-color: rgb(234 88 12 / 0.1);
}
.ring-neutral-600\/10 {
  --tw-ring-color: rgb(82 82 82 / 0.1);
}
.ring-lime-600\/10 {
  --tw-ring-color: rgb(101 163 13 / 0.1);
}
.ring-indigo-600\/10 {
  --tw-ring-color: rgb(79 70 229 / 0.1);
}
.ring-green-600\/10 {
  --tw-ring-color: rgb(22 163 74 / 0.1);
}
.ring-gray-600\/10 {
  --tw-ring-color: rgb(75 85 99 / 0.1);
}
.ring-fuchsia-600\/10 {
  --tw-ring-color: rgb(192 38 211 / 0.1);
}
.ring-emerald-600\/10 {
  --tw-ring-color: rgb(5 150 105 / 0.1);
}
.ring-cyan-600\/10 {
  --tw-ring-color: rgb(8 145 178 / 0.1);
}
.ring-blue-600\/10 {
  --tw-ring-color: rgb(37 99 235 / 0.1);
}
.ring-amber-600\/10 {
  --tw-ring-color: rgb(217 119 6 / 0.1);
}
.ring-inset {
  --tw-ring-inset: inset;
}
.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);
}
.text-zinc-700 {
  --tw-text-opacity: 1;
  color: rgb(63 63 70 / var(--tw-text-opacity, 1));
}
.text-yellow-700 {
  --tw-text-opacity: 1;
  color: rgb(161 98 7 / var(--tw-text-opacity, 1));
}
.text-violet-700 {
  --tw-text-opacity: 1;
  color: rgb(109 40 217 / var(--tw-text-opacity, 1));
}
.text-teal-700 {
  --tw-text-opacity: 1;
  color: rgb(15 118 110 / var(--tw-text-opacity, 1));
}
.text-stone-700 {
  --tw-text-opacity: 1;
  color: rgb(68 64 60 / var(--tw-text-opacity, 1));
}
.text-slate-700 {
  --tw-text-opacity: 1;
  color: rgb(51 65 85 / var(--tw-text-opacity, 1));
}
.text-sky-700 {
  --tw-text-opacity: 1;
  color: rgb(3 105 161 / var(--tw-text-opacity, 1));
}
.text-rose-700 {
  --tw-text-opacity: 1;
  color: rgb(190 18 60 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-purple-700 {
  --tw-text-opacity: 1;
  color: rgb(126 34 206 / var(--tw-text-opacity, 1));
}
.text-pink-700 {
  --tw-text-opacity: 1;
  color: rgb(190 24 93 / var(--tw-text-opacity, 1));
}
.text-orange-700 {
  --tw-text-opacity: 1;
  color: rgb(194 65 12 / var(--tw-text-opacity, 1));
}
.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(64 64 64 / var(--tw-text-opacity, 1));
}
.text-lime-700 {
  --tw-text-opacity: 1;
  color: rgb(77 124 15 / var(--tw-text-opacity, 1));
}
.text-indigo-700 {
  --tw-text-opacity: 1;
  color: rgb(67 56 202 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-fuchsia-700 {
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / var(--tw-text-opacity, 1));
}
.text-emerald-700 {
  --tw-text-opacity: 1;
  color: rgb(4 120 87 / var(--tw-text-opacity, 1));
}
.text-cyan-700 {
  --tw-text-opacity: 1;
  color: rgb(14 116 144 / var(--tw-text-opacity, 1));
}
.text-blue-700 {
  --tw-text-opacity: 1;
  color: rgb(29 78 216 / var(--tw-text-opacity, 1));
}
.text-amber-700 {
  --tw-text-opacity: 1;
  color: rgb(180 83 9 / var(--tw-text-opacity, 1));
}
.font-medium {
  font-weight: 500;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.bg-zinc-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-yellow-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 252 232 / var(--tw-bg-opacity, 1));
}
.bg-violet-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1));
}
.bg-teal-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1));
}
.bg-stone-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 249 / var(--tw-bg-opacity, 1));
}
.bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1));
}
.bg-sky-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 249 255 / var(--tw-bg-opacity, 1));
}
.bg-rose-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1));
}
.bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
}
.bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));
}
.bg-pink-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));
}
.bg-orange-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));
}
.bg-neutral-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1));
}
.bg-lime-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(247 254 231 / var(--tw-bg-opacity, 1));
}
.bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1));
}
.bg-green-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
}
.bg-gray-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.bg-fuchsia-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(253 244 255 / var(--tw-bg-opacity, 1));
}
.bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
}
.bg-cyan-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 254 255 / var(--tw-bg-opacity, 1));
}
.bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));
}
.bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1));
}
.rounded-md {
  border-radius: 0.375rem;
}
.gap-1 {
  gap: 0.25rem;
}

.highlighted-element svg {
  width: 0.85rem;
  height: 0.85rem;
}

html[class='uk-theme-zinc'] .darkmode {
  display: none;
}
html[class*='dark'] .lightmode {
  display: none;
}

html:not([class*='dark']) .darkmode {
  display: none;
}

.inserted-row:hover {
  background-color: transparent !important;
}
.inserted-row thead {
  pointer-events: none !important;
}

.inserted-row thead th {
  background-color: hsl(var(--secondary)) !important;
  color: hsl(var(--primary)) !important;
  pointer-events: none !important;
}

.dark .inserted-row thead th {
  background-color: hsl(var(--primary-foreground) / 50%) !important;
  color: hsl(var(--primary)) !important;
}

@media (max-width: 860px) {
  .pagination-mobile {
    display: block;
  }
  .pagination-desktop {
    display: none;
  }
}

@media (min-width: 860px) {
  .pagination-mobile {
    display: none;
  }
  .pagination-desktop {
    display: block;
  }
}

@media (max-width: 860px) {
  .uk-btn-default {
    margin-bottom: 0.5rem;
  }
}

.uk-btn {
  cursor: pointer;
}

a:focus,
button:focus,
li:focus,
ul:focus {
  outline: none !important;
}

.reticle {
  --aug-border-bg: hsl(var(--foreground));
  --aug-border-all: 1px;
  --aug-border-opacity: 0.1;
}