*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(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:  
}

.table-header {
  --tw-bg-opacity: 1;
  background-color: rgb(244 243 240 / var(--tw-bg-opacity))
}

:is(.tw-dark .table-header) {
  background-color: inherit
}

.setting-paper {
  margin-bottom: 2rem;
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.tw-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border-width: 0 !important
}

.tw-invisible {
  visibility: hidden !important
}

.tw-fixed {
  position: fixed !important
}

.tw-absolute {
  position: absolute !important
}

.tw-relative {
  position: relative !important
}

.tw-sticky {
  position: sticky !important
}

.-tw-inset-1 {
  inset: -0.25rem !important
}

.tw--inset-1 {
  inset: -0.25rem !important
}

.tw-inset-0 {
  inset: 0px !important
}

.tw-inset-x-0 {
  left: 0px !important;
  right: 0px !important
}

.tw-inset-x-3 {
  left: 0.75rem !important;
  right: 0.75rem !important
}

.-tw-top-1 {
  top: -0.25rem !important
}

.tw--bottom-0 {
  bottom: -0px !important
}

.tw--bottom-0\.5 {
  bottom: -0.125rem !important
}

.tw--bottom-1 {
  bottom: -0.25rem !important
}

.tw--right-0 {
  right: -0px !important
}

.tw--right-0\.5 {
  right: -0.125rem !important
}

.tw--right-1 {
  right: -0.25rem !important
}

.tw--right-1\.5 {
  right: -0.375rem !important
}

.tw--top-1 {
  top: -0.25rem !important
}

.tw-bottom-0 {
  bottom: 0px !important
}

.tw-right-1 {
  right: 0.25rem !important
}

.tw-right-1\.5 {
  right: 0.375rem !important
}

.tw-top-1 {
  top: 0.25rem !important
}

.tw-top-1\.5 {
  top: 0.375rem !important
}

.tw-top-\[50\%\] {
  top: 50% !important
}

.tw-top-\[calc\(var\(--mud-appbar-height\)_-_var\(--mud-appbar-height\)\/4\)\] {
  top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4) !important
}

.tw-z-10 {
  z-index: 10 !important
}

.tw-z-\[9999\] {
  z-index: 9999 !important
}

.tw-mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important
}

.tw-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important
}

.tw-mx-px {
  margin-left: 1px !important;
  margin-right: 1px !important
}

.tw-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important
}

.tw-my-1\.5 {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important
}

.tw-my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important
}

.tw-my-12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.tw-my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important
}

.tw-my-3\.5 {
  margin-top: 0.875rem !important;
  margin-bottom: 0.875rem !important
}

.tw-my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.tw-my-5 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important
}

.tw-my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.tw-my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important
}

.tw--mb-1 {
  margin-bottom: -0.25rem !important
}

.tw--ml-1 {
  margin-left: -0.25rem !important
}

.tw--ml-3 {
  margin-left: -0.75rem !important
}

.tw--mr-4 {
  margin-right: -1rem !important
}

.tw--mt-0 {
  margin-top: -0px !important
}

.tw--mt-0\.5 {
  margin-top: -0.125rem !important
}

.tw--mt-2 {
  margin-top: -0.5rem !important
}

.tw--mt-2\.5 {
  margin-top: -0.625rem !important
}

.tw-mb-0 {
  margin-bottom: 0px !important
}

.tw-mb-0\.5 {
  margin-bottom: 0.125rem !important
}

.tw-mb-1 {
  margin-bottom: 0.25rem !important
}

.tw-mb-1\.5 {
  margin-bottom: 0.375rem !important
}

.tw-mb-10 {
  margin-bottom: 2.5rem !important
}

.tw-mb-12 {
  margin-bottom: 3rem !important
}

.tw-mb-2 {
  margin-bottom: 0.5rem !important
}

.tw-mb-3 {
  margin-bottom: 0.75rem !important
}

.tw-mb-3\.5 {
  margin-bottom: 0.875rem !important
}

.tw-mb-4 {
  margin-bottom: 1rem !important
}

.tw-mb-5 {
  margin-bottom: 1.25rem !important
}

.tw-mb-6 {
  margin-bottom: 1.5rem !important
}

.tw-mb-8 {
  margin-bottom: 2rem !important
}

.tw-ml-0 {
  margin-left: 0px !important
}

.tw-ml-0\.5 {
  margin-left: 0.125rem !important
}

.tw-ml-3 {
  margin-left: 0.75rem !important
}

.tw-ml-4 {
  margin-left: 1rem !important
}

.tw-ml-5 {
  margin-left: 1.25rem !important
}

.tw-ml-9 {
  margin-left: 2.25rem !important
}

.tw-mr-2 {
  margin-right: 0.5rem !important
}

.tw-mr-4 {
  margin-right: 1rem !important
}

.tw-mr-6 {
  margin-right: 1.5rem !important
}

.tw-mt-1 {
  margin-top: 0.25rem !important
}

.tw-mt-10 {
  margin-top: 2.5rem !important
}

.tw-mt-12 {
  margin-top: 3rem !important
}

.tw-mt-16 {
  margin-top: 4rem !important
}

.tw-mt-2 {
  margin-top: 0.5rem !important
}

.tw-mt-4 {
  margin-top: 1rem !important
}

.tw-mt-5 {
  margin-top: 1.25rem !important
}

.tw-mt-7 {
  margin-top: 1.75rem !important
}

.tw-mt-8 {
  margin-top: 2rem !important
}

.tw-block {
  display: block !important
}

.tw-flex {
  display: flex !important
}

.tw-inline-flex {
  display: inline-flex !important
}

.tw-grid {
  display: grid !important
}

.tw-hidden {
  display: none !important
}

.tw-aspect-\[5\/6\] {
  aspect-ratio: 5/6 !important
}

.tw-aspect-square {
  aspect-ratio: 1 / 1 !important
}

.tw-h-1 {
  height: 0.25rem !important
}

.tw-h-1\.5 {
  height: 0.375rem !important
}

.tw-h-10 {
  height: 2.5rem !important
}

.tw-h-12 {
  height: 3rem !important
}

.tw-h-14 {
  height: 3.5rem !important
}

.tw-h-16 {
  height: 4rem !important
}

.tw-h-2 {
  height: 0.5rem !important
}

.tw-h-24 {
  height: 6rem !important
}

.tw-h-3 {
  height: 0.75rem !important
}

.tw-h-3\.5 {
  height: 0.875rem !important
}

.tw-h-32 {
  height: 8rem !important
}

.tw-h-36 {
  height: 9rem !important
}

.tw-h-4 {
  height: 1rem !important
}

.tw-h-40 {
  height: 10rem !important
}

.tw-h-5 {
  height: 1.25rem !important
}

.tw-h-56 {
  height: 14rem !important
}

.tw-h-6 {
  height: 1.5rem !important
}

.tw-h-7 {
  height: 1.75rem !important
}

.tw-h-\[40px\] {
  height: 40px !important
}

.tw-h-\[43px\] {
  height: 43px !important
}

.tw-h-\[48px\] {
  height: 48px !important
}

.tw-h-auto {
  height: auto !important
}

.tw-h-full {
  height: 100% !important
}

.tw-h-screen {
  height: 100vh !important
}

.tw-max-h-48 {
  max-height: 12rem !important
}

.tw-max-h-\[80vh\] {
  max-height: 80vh !important
}

.tw-min-h-\[15px\] {
  min-height: 15px !important
}

.tw-min-h-\[65px\] {
  min-height: 65px !important
}

.tw-min-h-screen {
  min-height: 100vh !important
}

.tw-w-1 {
  width: 0.25rem !important
}

.tw-w-1\.5 {
  width: 0.375rem !important
}

.tw-w-10 {
  width: 2.5rem !important
}

.tw-w-12 {
  width: 3rem !important
}

.tw-w-14 {
  width: 3.5rem !important
}

.tw-w-2 {
  width: 0.5rem !important
}

.tw-w-20 {
  width: 5rem !important
}

.tw-w-24 {
  width: 6rem !important
}

.tw-w-3 {
  width: 0.75rem !important
}

.tw-w-3\.5 {
  width: 0.875rem !important
}

.tw-w-32 {
  width: 8rem !important
}

.tw-w-36 {
  width: 9rem !important
}

.tw-w-4 {
  width: 1rem !important
}

.tw-w-5 {
  width: 1.25rem !important
}

.tw-w-6 {
  width: 1.5rem !important
}

.tw-w-7 {
  width: 1.75rem !important
}

.tw-w-\[40px\] {
  width: 40px !important
}

.tw-w-\[48px\] {
  width: 48px !important
}

.tw-w-auto {
  width: auto !important
}

.tw-w-full {
  width: 100% !important
}

.tw-w-min {
  width: -moz-min-content !important;
  width: min-content !important
}

.tw-w-screen {
  width: 100vw !important
}

.tw-min-w-\[100px\] {
  min-width: 100px !important
}

.tw-min-w-\[15px\] {
  min-width: 15px !important
}

.tw-min-w-\[800px\] {
  min-width: 800px !important
}

.tw-min-w-min {
  min-width: -moz-min-content !important;
  min-width: min-content !important
}

.tw-max-w-2xl {
  max-width: 42rem !important
}

.tw-max-w-\[200px\] {
  max-width: 200px !important
}

.tw-max-w-\[230px\] {
  max-width: 230px !important
}

.tw-max-w-\[48px\] {
  max-width: 48px !important
}

.tw-max-w-lg {
  max-width: 32rem !important
}

.tw-max-w-min {
  max-width: -moz-min-content !important;
  max-width: min-content !important
}

.tw-max-w-prose {
  max-width: 65ch !important
}

.tw-max-w-screen-sm {
  max-width: 600px !important
}

.tw-max-w-screen-xs {
  max-width: 444px !important
}

.tw-max-w-sm {
  max-width: 24rem !important
}

.tw-max-w-xs {
  max-width: 20rem !important
}

.tw-shrink-0 {
  flex-shrink: 0 !important
}

.tw-grow {
  flex-grow: 1 !important
}

.tw-basis-1\/2 {
  flex-basis: 50% !important
}

.tw-translate-x-1 {
  --tw-translate-x: 0.25rem !important;
  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)) !important
}

.tw-translate-y-1 {
  --tw-translate-y: 0.25rem !important;
  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)) !important
}

.tw-translate-y-1\.5 {
  --tw-translate-y: 0.375rem !important;
  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)) !important
}

.tw-scale-\[0\.7\] {
  --tw-scale-x: 0.7 !important;
  --tw-scale-y: 0.7 !important;
  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)) !important
}

.tw-scale-\[0\.95\] {
  --tw-scale-x: 0.95 !important;
  --tw-scale-y: 0.95 !important;
  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)) !important
}

@keyframes tw-blink {
  0% {
    opacity: 0.2
  }

  20% {
    opacity: 1
  }

  100% {
    opacity:  0.2
  }
}

.tw-animate-blink {
  animation: tw-blink 1.4s infinite both !important
}

@keyframes tw-spin {
  to {
    transform: rotate(360deg)
  }

  from {
    transform: rotate(0deg)
  }
}

.tw-animate-spin {
  animation: tw-spin 1s linear infinite !important
}

.tw-cursor-default {
  cursor: default !important
}

.tw-cursor-pointer {
  cursor: pointer !important
}

.tw-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important
}

.tw-list-inside {
  list-style-position: inside !important
}

.tw-list-disc {
  list-style-type: disc !important
}

.tw-grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important
}

.tw-grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important
}

.tw-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important
}

.tw-flex-row {
  flex-direction: row !important
}

.tw-flex-col {
  flex-direction: column !important
}

.tw-flex-wrap {
  flex-wrap: wrap !important
}

.tw-flex-nowrap {
  flex-wrap: nowrap !important
}

.tw-items-start {
  align-items: flex-start !important
}

.tw-items-end {
  align-items: flex-end !important
}

.tw-items-center {
  align-items: center !important
}

.tw-justify-start {
  justify-content: flex-start !important
}

.tw-justify-end {
  justify-content: flex-end !important
}

.tw-justify-center {
  justify-content: center !important
}

.tw-justify-between {
  justify-content: space-between !important
}

.tw-gap-0 {
  gap: 0px !important
}

.tw-gap-0\.5 {
  gap: 0.125rem !important
}

.tw-gap-1 {
  gap: 0.25rem !important
}

.tw-gap-1\.5 {
  gap: 0.375rem !important
}

.tw-gap-2 {
  gap: 0.5rem !important
}

.tw-gap-2\.5 {
  gap: 0.625rem !important
}

.tw-gap-3 {
  gap: 0.75rem !important
}

.tw-gap-4 {
  gap: 1rem !important
}

.tw-gap-5 {
  gap: 1.25rem !important
}

.tw-gap-6 {
  gap: 1.5rem !important
}

.tw-gap-px {
  gap: 1px !important
}

.tw-gap-x-4 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important
}

.tw-gap-y-2 {
  row-gap: 0.5rem !important
}

.tw-gap-y-4 {
  row-gap: 1rem !important
}

.tw-space-x-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.25rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) !important
}

.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important
}

.tw-space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) !important
}

.tw-space-y-0 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important
}

.tw-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.125rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-10 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-9 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(2.25rem * var(--tw-space-y-reverse)) !important
}

.tw-space-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 1 !important
}

.tw-space-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 1 !important
}

.tw-divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0 !important;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important
}

.tw-divide-y-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 1 !important
}

.tw-divide-x-reverse > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-x-reverse: 1 !important
}

.tw-divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1 !important;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity)) !important
}

.tw-overflow-hidden {
  overflow: hidden !important
}

.tw-overflow-x-auto {
  overflow-x: auto !important
}

.tw-overflow-y-scroll {
  overflow-y: scroll !important
}

.tw-whitespace-nowrap {
  white-space: nowrap !important
}

.tw-break-words {
  overflow-wrap: break-word !important
}

.tw-break-all {
  word-break: break-all !important
}

.tw-rounded-full {
  border-radius: 9999px !important
}

.tw-rounded-lg {
  border-radius: 0.5rem !important
}

.tw-rounded-md {
  border-radius: 0.375rem !important
}

.tw-rounded-xl {
  border-radius: 0.75rem !important
}

.tw-border {
  border-width: 1px !important
}

.tw-border-b {
  border-bottom-width: 1px !important
}

.tw-border-t {
  border-top-width: 1px !important
}

.tw-border-t-2 {
  border-top-width: 2px !important
}

.tw-border-none {
  border-style: none !important
}

.tw-border-\[\#9C77514D\]\/30 {
  border-color: rgb(156 119 81 / 0.3) !important
}

.tw-border-\[rgb\(121\,85\,72\,1\)\] {
  border-color: rgb(121,85,72,1) !important
}

.tw-border-gray-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important
}

.tw-border-gray-300 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important
}

.tw-border-slate-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important
}

.tw-border-b-gray-100 {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(243 244 246 / var(--tw-border-opacity)) !important
}

.tw-border-b-gray-200 {
  --tw-border-opacity: 1 !important;
  border-bottom-color: rgb(229 231 235 / var(--tw-border-opacity)) !important
}

.tw-bg-\[\#0F0B3E\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(15 11 62 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#E1F5FE\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(225 245 254 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#c4ad98\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(196 173 152 / var(--tw-bg-opacity)) !important
}

.tw-bg-\[\#c4ad98\]\/60 {
  background-color: rgb(196 173 152 / 0.6) !important
}

.tw-bg-\[\#f6f2ee\]\/50 {
  background-color: rgb(246 242 238 / 0.5) !important
}

.tw-bg-\[var\(--mud-palette-background\)\] {
  background-color: var(--mud-palette-background) !important
}

.tw-bg-\[var\(--mud-palette-dark-hover\)\] {
  background-color: var(--mud-palette-dark-hover) !important
}

.tw-bg-\[var\(--mud-palette-error-hover\)\] {
  background-color: var(--mud-palette-error-hover) !important
}

.tw-bg-\[var\(--mud-palette-surface\)\] {
  background-color: var(--mud-palette-surface) !important
}

.tw-bg-black {
  background-color: var(--mud-palette-black) !important
}

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

.tw-bg-gray-200 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important
}

.tw-bg-gray-400 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important
}

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

.tw-bg-primary {
  background-color: var(--mud-palette-primary) !important
}

.tw-bg-secondary {
  background-color: var(--mud-palette-secondary) !important
}

.tw-bg-transparent {
  background-color: transparent !important
}

.tw-bg-white {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important
}

.tw-fill-current {
  fill: currentColor !important
}

.tw-fill-primary {
  fill: var(--mud-palette-primary) !important
}

.tw-stroke-\[var\(--mud-palette-action-disabled\)\] {
  stroke: var(--mud-palette-action-disabled) !important
}

.tw-stroke-current {
  stroke: currentColor !important
}

.tw-stroke-error {
  stroke: var(--mud-palette-error) !important
}

.tw-stroke-gray-200 {
  stroke: #e5e7eb !important
}

.tw-stroke-info {
  stroke: var(--mud-palette-info) !important
}

.tw-stroke-primary {
  stroke: var(--mud-palette-primary) !important
}

.tw-stroke-success {
  stroke: var(--mud-palette-success) !important
}

.tw-stroke-white {
  stroke: #fff !important
}

.tw-stroke-yellow-600 {
  stroke: #ca8a04 !important
}

.tw-stroke-2 {
  stroke-width: 2 !important
}

.tw-stroke-\[2px\] {
  stroke-width: 2px !important
}

.tw-stroke-\[3\] {
  stroke-width: 3 !important
}

.tw-object-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important
}

.tw-p-1 {
  padding: 0.25rem !important
}

.tw-p-1\.5 {
  padding: 0.375rem !important
}

.tw-p-2 {
  padding: 0.5rem !important
}

.tw-p-2\.5 {
  padding: 0.625rem !important
}

.tw-p-3 {
  padding: 0.75rem !important
}

.tw-p-4 {
  padding: 1rem !important
}

.tw-p-6 {
  padding: 1.5rem !important
}

.tw-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important
}

.tw-px-16 {
  padding-left: 4rem !important;
  padding-right: 4rem !important
}

.tw-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important
}

.tw-px-2\.5 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important
}

.tw-px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important
}

.tw-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important
}

.tw-px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important
}

.tw-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important
}

.tw-py-0\.5 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important
}

.tw-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important
}

.tw-py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important
}

.tw-py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

.tw-py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important
}

.tw-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important
}

.tw-py-20 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important
}

.tw-py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important
}

.tw-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.tw-py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.tw-py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important
}

.tw-pb-0 {
  padding-bottom: 0px !important
}

.tw-pb-1 {
  padding-bottom: 0.25rem !important
}

.tw-pb-2 {
  padding-bottom: 0.5rem !important
}

.tw-pb-24 {
  padding-bottom: 6rem !important
}

.tw-pb-36 {
  padding-bottom: 9rem !important
}

.tw-pb-4 {
  padding-bottom: 1rem !important
}

.tw-pl-0 {
  padding-left: 0px !important
}

.tw-pl-0\.5 {
  padding-left: 0.125rem !important
}

.tw-pl-2 {
  padding-left: 0.5rem !important
}

.tw-pt-0 {
  padding-top: 0px !important
}

.tw-pt-0\.5 {
  padding-top: 0.125rem !important
}

.tw-pt-1 {
  padding-top: 0.25rem !important
}

.tw-pt-14 {
  padding-top: 3.5rem !important
}

.tw-pt-16 {
  padding-top: 4rem !important
}

.tw-pt-2 {
  padding-top: 0.5rem !important
}

.tw-pt-24 {
  padding-top: 6rem !important
}

.tw-pt-4 {
  padding-top: 1rem !important
}

.tw-pt-48 {
  padding-top: 12rem !important
}

.tw-pt-8 {
  padding-top: 2rem !important
}

.tw-text-center {
  text-align: center !important
}

.tw-text-right {
  text-align: right !important
}

.tw-text-\[10px\] {
  font-size: 10px !important
}

.tw-text-\[11px\] {
  font-size: 11px !important
}

.tw-text-\[12px\] {
  font-size: 12px !important
}

.tw-text-\[15px\] {
  font-size: 15px !important
}

.tw-text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important
}

.tw-text-sm {
  font-size: 0.875rem !important;
  line-height: 1.25rem !important
}

.tw-text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important
}

.tw-text-xs {
  font-size: 0.75rem !important;
  line-height: 1rem !important
}

.tw-font-medium {
  font-weight: 500 !important
}

.tw-font-semibold {
  font-weight: 600 !important
}

.tw-uppercase {
  text-transform: uppercase !important
}

.tw-lowercase {
  text-transform: lowercase !important
}

.tw-normal-case {
  text-transform: none !important
}

.tw-italic {
  font-style: italic !important
}

.tw-ordinal {
  --tw-ordinal: ordinal !important;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important
}

.tw-slashed-zero {
  --tw-slashed-zero: slashed-zero !important;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction) !important
}

.tw-leading-none {
  line-height: 1 !important
}

.tw-leading-relaxed {
  line-height: 1.625 !important
}

.tw-leading-tight {
  line-height: 1.25 !important
}

.tw-text-\[--mud-palette-secondary-text\] {
  color: var(--mud-palette-secondary-text) !important
}

.tw-text-\[var\(--mud-palette-text-disabled\)\] {
  color: var(--mud-palette-text-disabled) !important
}

.tw-text-black {
  color: var(--mud-palette-black) !important
}

.tw-text-error {
  color: var(--mud-palette-error) !important
}

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

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

.tw-text-gray-500\/80 {
  color: rgb(107 114 128 / 0.8) !important
}

.tw-text-gray-900 {
  --tw-text-opacity: 1 !important;
  color: rgb(17 24 39 / var(--tw-text-opacity)) !important
}

.tw-text-inherit {
  color: inherit !important
}

.tw-text-neutral-300 {
  --tw-text-opacity: 1 !important;
  color: rgb(212 212 212 / var(--tw-text-opacity)) !important
}

.tw-text-primary {
  color: var(--mud-palette-primary) !important
}

.tw-text-success {
  color: var(--mud-palette-success) !important
}

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

.tw-text-yellow-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(234 179 8 / var(--tw-text-opacity)) !important
}

.tw-underline {
  text-decoration-line: underline !important
}

.tw-opacity-40 {
  opacity: 0.4 !important
}

.tw-opacity-50 {
  opacity: 0.5 !important
}

.tw-opacity-60 {
  opacity: 0.6 !important
}

.tw-opacity-70 {
  opacity: 0.7 !important
}

.tw-opacity-80 {
  opacity: 0.8 !important
}

.tw-opacity-90 {
  opacity: 0.9 !important
}

.tw-shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-shadow-none {
  --tw-shadow: 0 0 #0000 !important;
  --tw-shadow-colored: 0 0 #0000 !important;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}

.tw-outline-0 {
  outline-width: 0px !important
}

.tw-ring-inset {
  --tw-ring-inset: inset !important
}

.tw-backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px) !important;
  -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) !important;
          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) !important
}

.tw-transition-all {
  transition-property: all !important;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  transition-duration: 150ms !important
}

.tw-duration-100 {
  transition-duration: 100ms !important
}

.tw-ease-linear {
  transition-timing-function: linear !important
}

.tw-animation-delay-200 {
  animation-delay: 200ms !important
}

.tw-animation-delay-\[400ms\] {
  animation-delay: 400ms !important
}

.marker\:tw-text-gray-600 *::marker {
  color: rgb(75 85 99 ) !important
}

.marker\:tw-text-gray-600::marker {
  color: rgb(75 85 99 ) !important
}

.hover\:tw-bg-\[\#f6f2ee\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(246 242 238 / var(--tw-bg-opacity)) !important
}

.hover\:tw-underline:hover {
  text-decoration-line: underline !important
}

.focus\:tw-border-blue-500:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important
}

.focus\:tw-ring-blue-500:focus {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)) !important
}

:is(.tw-dark .dark\:tw-border-none) {
  border-style: none !important
}

:is(.tw-dark .dark\:tw-border-gray-600) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important
}

:is(.tw-dark .dark\:tw-bg-\[var\(--mud-palette-background\)\]) {
  background-color: var(--mud-palette-background) !important
}

:is(.tw-dark .dark\:tw-bg-black) {
  background-color: var(--mud-palette-black) !important
}

:is(.tw-dark .dark\:tw-bg-gray-700) {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important
}

:is(.tw-dark .dark\:tw-bg-primary) {
  background-color: var(--mud-palette-primary) !important
}

:is(.tw-dark .dark\:tw-text-gray-600) {
  --tw-text-opacity: 1 !important;
  color: rgb(75 85 99 / var(--tw-text-opacity)) !important
}

:is(.tw-dark .dark\:tw-text-white) {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}

:is(.tw-dark .dark\:tw-placeholder-gray-400)::-moz-placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity)) !important
}

:is(.tw-dark .dark\:tw-placeholder-gray-400)::placeholder {
  --tw-placeholder-opacity: 1 !important;
  color: rgb(156 163 175 / var(--tw-placeholder-opacity)) !important
}

:is(.tw-dark .dark\:hover\:tw-bg-black:hover) {
  background-color: var(--mud-palette-black) !important
}

:is(.tw-dark .dark\:focus\:tw-border-blue-500:focus) {
  --tw-border-opacity: 1 !important;
  border-color: rgb(59 130 246 / var(--tw-border-opacity)) !important
}

:is(.tw-dark .dark\:focus\:tw-ring-blue-500:focus) {
  --tw-ring-opacity: 1 !important;
  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)) !important
}

@media (min-width: 310px) {
  .xxs\:tw-grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important
  }
}

@media (min-width: 320px) {
  .min-\[320px\]\:tw-order-last {
    order: 9999 !important
  }

  .min-\[320px\]\:tw-flex-row {
    flex-direction: row !important
  }
}

@media (min-width: 444px) {
  .xs\:tw-visible {
    visibility: visible !important
  }

  .xs\:tw-z-\[1000\] {
    z-index: 1000 !important
  }

  .xs\:tw-order-first {
    order: -9999 !important
  }

  .xs\:tw-mb-28 {
    margin-bottom: 7rem !important
  }

  .xs\:tw-mb-4 {
    margin-bottom: 1rem !important
  }

  .xs\:tw-mb-8 {
    margin-bottom: 2rem !important
  }

  .xs\:tw-hidden {
    display: none !important
  }

  .xs\:tw-aspect-square {
    aspect-ratio: 1 / 1 !important
  }

  .xs\:tw-flex-row {
    flex-direction: row !important
  }

  .xs\:tw-items-start {
    align-items: flex-start !important
  }

  .xs\:tw-items-center {
    align-items: center !important
  }

  .xs\:tw-justify-end {
    justify-content: flex-end !important
  }

  .xs\:tw-justify-between {
    justify-content: space-between !important
  }

  .xs\:tw-gap-5 {
    gap: 1.25rem !important
  }

  .xs\:tw-gap-6 {
    gap: 1.5rem !important
  }

  .xs\:tw-space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0 !important;
    margin-right: calc(2rem * var(--tw-space-x-reverse)) !important;
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse))) !important
  }

  .xs\:tw-p-4 {
    padding: 1rem !important
  }

  .xs\:tw-px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
  }

  .xs\:tw-px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important
  }

  .xs\:tw-text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
  }
}

@media (min-width: 600px) {
  .sm\:tw-inset-x-auto {
    left: auto !important;
    right: auto !important
  }

  .sm\:tw-right-16 {
    right: 4rem !important
  }

  .sm\:tw-top-\[calc\(var\(--mud-appbar-height\)_-_var\(--mud-appbar-height\)\/4\)\] {
    top: calc(var(--mud-appbar-height) - var(--mud-appbar-height) / 4) !important
  }

  .sm\:tw-mb-5 {
    margin-bottom: 1.25rem !important
  }

  .sm\:tw-flex {
    display: flex !important
  }

  .sm\:tw-hidden {
    display: none !important
  }

  .sm\:tw-w-56 {
    width: 14rem !important
  }

  .sm\:tw-grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important
  }

  .sm\:tw-gap-4 {
    gap: 1rem !important
  }

  .sm\:tw-pt-20 {
    padding-top: 5rem !important
  }

  .sm\:tw-pt-24 {
    padding-top: 6rem !important
  }

  .sm\:tw-pt-3 {
    padding-top: 0.75rem !important
  }

  .sm\:tw-pt-36 {
    padding-top: 9rem !important
  }

  .sm\:tw-pt-72 {
    padding-top: 18rem !important
  }

  .sm\:tw-text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important
  }

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

@media (min-width: 960px) {
  .md\:tw-mb-10 {
    margin-bottom: 2.5rem !important
  }

  .md\:tw-mt-24 {
    margin-top: 6rem !important
  }

  .md\:tw-block {
    display: block !important
  }

  .md\:tw-flex {
    display: flex !important
  }

  .md\:tw-hidden {
    display: none !important
  }

  .md\:tw-h-10 {
    height: 2.5rem !important
  }

  .md\:tw-max-w-none {
    max-width: none !important
  }

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

  .md\:tw-flex-row {
    flex-direction: row !important
  }

  .md\:tw-items-center {
    align-items: center !important
  }

  .md\:tw-gap-2 {
    gap: 0.5rem !important
  }

  .md\:tw-gap-3 {
    gap: 0.75rem !important
  }

  .md\:tw-gap-6 {
    gap: 1.5rem !important
  }

  .md\:tw-pt-12 {
    padding-top: 3rem !important
  }

  .md\:tw-pt-8 {
    padding-top: 2rem !important
  }

  .md\:tw-text-3xl {
    font-size: 1.875rem !important;
    line-height: 2.25rem !important
  }
}

@media (min-width: 1280px) {
  .lg\:tw-px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  :is(.tw-dark .dark\:lg\:hover\:\[paint-order\:markers\]:hover) {
    paint-order: markers
  }
}

.\[\&\>a\>div\]\:tw-mx-1\.5>a>div {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important
}

.\[\&\>a\>div\]\:tw-my-0>a>div {
  margin-top: 0px !important;
  margin-bottom: 0px !important
}