*, ::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:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

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

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

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

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

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

a {
  color: inherit;
  text-decoration: inherit;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

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

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

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

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

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

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

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

progress {
  vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

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

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

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

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

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

summary {
  display: list-item;
}

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

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

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

.pointer-events-none {
  pointer-events: none;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.inset-0 {
  inset: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.end-2\.5 {
  inset-inline-end: 0.625rem;
}

.left-0 {
  left: 0px;
}

.right-0 {
  right: 0px;
}

.right-2 {
  right: 0.5rem;
}

.top-0 {
  top: 0px;
}

.top-2 {
  top: 0.5rem;
}

.top-2\.5 {
  top: 0.625rem;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-40 {
  z-index: 40;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

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

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

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

.-mt-5 {
  margin-top: -1.25rem;
}

.mb-1 {
  margin-bottom: 0.25rem;
}

.mb-2 {
  margin-bottom: 0.5rem;
}

.mb-4 {
  margin-bottom: 1rem;
}

.mb-5 {
  margin-bottom: 1.25rem;
}

.mb-6 {
  margin-bottom: 1.5rem;
}

.mb-8 {
  margin-bottom: 2rem;
}

.ml-auto {
  margin-left: auto;
}

.mr-2 {
  margin-right: 0.5rem;
}

.mt-1 {
  margin-top: 0.25rem;
}

.mt-12 {
  margin-top: 3rem;
}

.mt-2 {
  margin-top: 0.5rem;
}

.mt-4 {
  margin-top: 1rem;
}

.mt-5 {
  margin-top: 1.25rem;
}

.mt-6 {
  margin-top: 1.5rem;
}

.mt-8 {
  margin-top: 2rem;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.grid {
  display: grid;
}

.hidden {
  display: none;
}

.h-2 {
  height: 0.5rem;
}

.h-2\.5 {
  height: 0.625rem;
}

.h-3 {
  height: 0.75rem;
}

.h-5 {
  height: 1.25rem;
}

.h-8 {
  height: 2rem;
}

.h-\[1px\] {
  height: 1px;
}

.h-full {
  height: 100%;
}

.h-screen {
  height: 100vh;
}

.max-h-12 {
  max-height: 3rem;
}

.min-h-screen {
  min-height: 100vh;
}

.w-2\.5 {
  width: 0.625rem;
}

.w-3 {
  width: 0.75rem;
}

.w-48 {
  width: 12rem;
}

.w-5 {
  width: 1.25rem;
}

.w-8 {
  width: 2rem;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl {
  max-width: 48rem;
}

.max-w-44 {
  max-width: 11rem;
}

.max-w-52 {
  max-width: 13rem;
}

.max-w-5xl {
  max-width: 64rem;
}

.max-w-7xl {
  max-width: 80rem;
}

.max-w-\[90\%\] {
  max-width: 90%;
}

.max-w-full {
  max-width: 100%;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-xl {
  max-width: 36rem;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.flex-grow {
  flex-grow: 1;
}

.grow {
  flex-grow: 1;
}

.basis-1\/2 {
  flex-basis: 50%;
}

.basis-2\/5 {
  flex-basis: 40%;
}

.-translate-y-3 {
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-\[1px\] {
  --tw-translate-y: 1px;
  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));
}

.transform {
  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));
}

.cursor-pointer {
  cursor: pointer;
}

.resize-none {
  resize: none;
}

.grid-cols-\[1fr\] {
  grid-template-columns: 1fr;
}

.grid-cols-\[1fr_70px\] {
  grid-template-columns: 1fr 70px;
}

.grid-cols-\[1fr_80px\] {
  grid-template-columns: 1fr 80px;
}

.grid-cols-\[3fr_70px\] {
  grid-template-columns: 3fr 70px;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.place-items-center {
  place-items: center;
}

.items-start {
  align-items: flex-start;
}

.items-center {
  align-items: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-1 {
  gap: 0.25rem;
}

.gap-10 {
  gap: 2.5rem;
}

.gap-2 {
  gap: 0.5rem;
}

.gap-3 {
  gap: 0.75rem;
}

.gap-4 {
  gap: 1rem;
}

.gap-5 {
  gap: 1.25rem;
}

.gap-6 {
  gap: 1.5rem;
}

.gap-8 {
  gap: 2rem;
}

.gap-y-4 {
  row-gap: 1rem;
}

.self-start {
  align-self: flex-start;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-y-auto {
  overflow-y: auto;
}

.break-normal {
  overflow-wrap: normal;
  word-break: normal;
}

.break-all {
  word-break: break-all;
}

.rounded-\[48px\] {
  border-radius: 48px;
}

.rounded-full {
  border-radius: 9999px;
}

.rounded-lg {
  border-radius: 0.5rem;
}

.rounded-md {
  border-radius: 0.375rem;
}

.rounded-sm {
  border-radius: 0.125rem;
}

.rounded-xl {
  border-radius: 0.75rem;
}

.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.border {
  border-width: 1px;
}

.border-0 {
  border-width: 0px;
}

.border-2 {
  border-width: 2px;
}

.border-b {
  border-bottom-width: 1px;
}

.border-b-0 {
  border-bottom-width: 0px;
}

.border-t {
  border-top-width: 1px;
}

.border-solid {
  border-style: solid;
}

.border-dashed {
  border-style: dashed;
}

.\!border-neutral-200 {
  --tw-border-opacity: 1 !important;
  border-color: rgb(212 221 234 / var(--tw-border-opacity, 1)) !important;
}

.border-error {
  --tw-border-opacity: 1;
  border-color: rgb(244 67 54 / var(--tw-border-opacity, 1));
}

.border-neutral-200 {
  --tw-border-opacity: 1;
  border-color: rgb(212 221 234 / var(--tw-border-opacity, 1));
}

.border-neutral-300 {
  --tw-border-opacity: 1;
  border-color: rgb(166 177 194 / var(--tw-border-opacity, 1));
}

.border-primary {
  --tw-border-opacity: 1;
  border-color: rgb(45 14 243 / var(--tw-border-opacity, 1));
}

.border-primary-light {
  --tw-border-opacity: 1;
  border-color: rgb(92 68 242 / var(--tw-border-opacity, 1));
}

.border-success {
  --tw-border-opacity: 1;
  border-color: rgb(34 176 125 / var(--tw-border-opacity, 1));
}

.border-warning {
  --tw-border-opacity: 1;
  border-color: rgb(255 186 47 / var(--tw-border-opacity, 1));
}

.\!bg-neutral-100 {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-primary-light {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(92 68 242 / var(--tw-bg-opacity, 1)) !important;
}

.bg-error {
  --tw-bg-opacity: 1;
  background-color: rgb(244 67 54 / var(--tw-bg-opacity, 1));
}

.bg-error-light {
  --tw-bg-opacity: 1;
  background-color: rgb(250 227 225 / var(--tw-bg-opacity, 1));
}

.bg-neutral-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1));
}

.bg-neutral-100\/20 {
  background-color: rgb(245 247 250 / 0.2);
}

.bg-neutral-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(212 221 234 / var(--tw-bg-opacity, 1));
}

.bg-primary-light {
  --tw-bg-opacity: 1;
  background-color: rgb(92 68 242 / var(--tw-bg-opacity, 1));
}

.bg-primary-lightest {
  --tw-bg-opacity: 1;
  background-color: rgb(223 218 252 / var(--tw-bg-opacity, 1));
}

.bg-success-light {
  --tw-bg-opacity: 1;
  background-color: rgb(220 245 236 / var(--tw-bg-opacity, 1));
}

.bg-transparent {
  background-color: transparent;
}

.bg-warning-light {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 229 / var(--tw-bg-opacity, 1));
}

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

.\!bg-\[length\:1\.25em_1\.25em\] {
  background-size: 1.25em 1.25em !important;
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 0.25rem;
}

.p-2 {
  padding: 0.5rem;
}

.p-4 {
  padding: 1rem;
}

.p-5 {
  padding: 1.25rem;
}

.p-6 {
  padding: 1.5rem;
}

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

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

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

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px-8 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

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

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

.py-11 {
  padding-top: 2.75rem;
  padding-bottom: 2.75rem;
}

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

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

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

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

.py-5 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

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

.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}

.pb-1 {
  padding-bottom: 0.25rem;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.pl-1 {
  padding-left: 0.25rem;
}

.pr-4 {
  padding-right: 1rem;
}

.pt-1 {
  padding-top: 0.25rem;
}

.pt-10 {
  padding-top: 2.5rem;
}

.pt-12 {
  padding-top: 3rem;
}

.pt-5 {
  padding-top: 1.25rem;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-primary {
  font-family: Inter, sans-serif;
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}

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

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

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

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

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

.font-bold {
  font-weight: 700;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

.font-semibold {
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.leading-none {
  line-height: 1;
}

.\!text-primary-light {
  --tw-text-opacity: 1 !important;
  color: rgb(92 68 242 / var(--tw-text-opacity, 1)) !important;
}

.text-error {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}

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

.text-neutral-300 {
  --tw-text-opacity: 1;
  color: rgb(166 177 194 / var(--tw-text-opacity, 1));
}

.text-neutral-400 {
  --tw-text-opacity: 1;
  color: rgb(110 118 134 / var(--tw-text-opacity, 1));
}

.text-neutral-500 {
  --tw-text-opacity: 1;
  color: rgb(87 94 106 / var(--tw-text-opacity, 1));
}

.text-neutral-600 {
  --tw-text-opacity: 1;
  color: rgb(55 60 72 / var(--tw-text-opacity, 1));
}

.text-neutral-700 {
  --tw-text-opacity: 1;
  color: rgb(41 44 54 / var(--tw-text-opacity, 1));
}

.text-neutral-800 {
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}

.text-neutral-900 {
  --tw-text-opacity: 1;
  color: rgb(23 23 23 / var(--tw-text-opacity, 1));
}

.text-primary-light {
  --tw-text-opacity: 1;
  color: rgb(92 68 242 / var(--tw-text-opacity, 1));
}

.text-success {
  --tw-text-opacity: 1;
  color: rgb(34 176 125 / var(--tw-text-opacity, 1));
}

.text-warning {
  --tw-text-opacity: 1;
  color: rgb(255 186 47 / var(--tw-text-opacity, 1));
}

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

.underline {
  text-decoration-line: underline;
}

.accent-primary-light {
  accent-color: #5C44F2;
}

.shadow-medium {
  --tw-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.\!outline-offset-0 {
  outline-offset: 0px !important;
}

.\!ring-0 {
  --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(0px + 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;
}

.backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-duration: 150ms;
}

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

#notification.warning {
  --tw-bg-opacity: 1;
  background-color: rgb(255 247 229 / var(--tw-bg-opacity, 1));
}

#notification.warning p {
  --tw-text-opacity: 1;
  color: rgb(255 186 47 / var(--tw-text-opacity, 1));
}

#notification.success {
  --tw-bg-opacity: 1;
  background-color: rgb(220 245 236 / var(--tw-bg-opacity, 1));
}

#notification.success p {
  --tw-text-opacity: 1;
  color: rgb(34 176 125 / var(--tw-text-opacity, 1));
}

#notification.error {
  --tw-bg-opacity: 1;
  background-color: rgb(250 227 225 / var(--tw-bg-opacity, 1));
}

#notification.error p {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}

#notification.normal {
  --tw-bg-opacity: 1;
  background-color: rgb(212 221 234 / var(--tw-bg-opacity, 1));
}

#notification.normal p {
  --tw-text-opacity: 1;
  color: rgb(41 44 54 / var(--tw-text-opacity, 1));
}

#notification:not(.active) {
  opacity: 0;
  visibility: hidden;
}

#notification.active {
  opacity: 1;
  transform: translateY(100%);
  visibility: visible;
}

#notification p::before {
  width: 24px;
  height: 24px;
}

#notification.error p::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><g clip-path="url(%23clip0_68_13219)"><path d="M17.5 3.33989C19.0083 4.21075 20.2629 5.46042 21.1398 6.96519C22.0167 8.46997 22.4854 10.1777 22.4994 11.9192C22.5135 13.6608 22.0725 15.3758 21.22 16.8946C20.3676 18.4133 19.1332 19.6831 17.6392 20.5782C16.1452 21.4733 14.4434 21.9627 12.7021 21.998C10.9608 22.0332 9.24055 21.6131 7.71155 20.7791C6.18256 19.9452 4.89787 18.7264 3.98467 17.2434C3.07146 15.7604 2.56141 14.0646 2.505 12.3239L2.5 11.9999L2.505 11.6759C2.561 9.94888 3.06355 8.26585 3.96364 6.79089C4.86373 5.31592 6.13065 4.09934 7.64089 3.25977C9.15113 2.42021 10.8531 1.98629 12.581 2.00033C14.3089 2.01437 16.0036 2.47589 17.5 3.33989ZM11.011 9.13989C10.8015 9.01517 10.5536 8.9713 10.314 9.01652C10.0744 9.06175 9.85959 9.19296 9.70995 9.38547C9.56031 9.57799 9.48617 9.81854 9.50146 10.0619C9.51675 10.3052 9.62043 10.5346 9.793 10.7069L11.085 11.9999L9.793 13.2929L9.71 13.3869C9.55459 13.5879 9.48151 13.8405 9.5056 14.0934C9.52969 14.3463 9.64916 14.5806 9.83972 14.7486C10.0303 14.9167 10.2777 15.0059 10.5316 14.9981C10.7856 14.9904 11.027 14.8862 11.207 14.7069L12.5 13.4149L13.793 14.7069L13.887 14.7899C14.088 14.9453 14.3406 15.0184 14.5935 14.9943C14.8464 14.9702 15.0807 14.8507 15.2488 14.6602C15.4168 14.4696 15.506 14.2222 15.4982 13.9683C15.4905 13.7143 15.3863 13.4728 15.207 13.2929L13.915 11.9999L15.207 10.7069L15.29 10.6129C15.4454 10.4119 15.5185 10.1593 15.4944 9.90637C15.4703 9.65344 15.3508 9.41917 15.1603 9.25114C14.9697 9.08311 14.7223 8.99391 14.4684 9.00166C14.2144 9.00942 13.973 9.11354 13.793 9.29289L12.5 10.5849L11.207 9.29289L11.113 9.20989L11.011 9.13989Z" fill="%23F44336"/></g><defs><clipPath id="clip0_68_13219"><rect width="24" height="24" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
}

#notification.success p::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><g clip-path="url(%23clip0_68_13225)"><path d="M17.5 3.33989C19.0083 4.21075 20.2629 5.46042 21.1398 6.96519C22.0167 8.46997 22.4854 10.1777 22.4994 11.9192C22.5135 13.6608 22.0725 15.3758 21.22 16.8946C20.3676 18.4133 19.1332 19.6831 17.6392 20.5782C16.1452 21.4733 14.4434 21.9627 12.7021 21.998C10.9608 22.0332 9.24055 21.6131 7.71155 20.7791C6.18256 19.9452 4.89787 18.7264 3.98467 17.2434C3.07146 15.7604 2.56141 14.0646 2.505 12.3239L2.5 11.9999L2.505 11.6759C2.561 9.94888 3.06355 8.26585 3.96364 6.79089C4.86373 5.31592 6.13065 4.09934 7.64089 3.25977C9.15113 2.42021 10.8531 1.98629 12.581 2.00033C14.3089 2.01437 16.0036 2.47589 17.5 3.33989ZM16.207 9.29289C16.0348 9.12072 15.8057 9.01729 15.5627 9.002C15.3197 8.98672 15.0794 9.06064 14.887 9.20989L14.793 9.29289L11.5 12.5849L10.207 11.2929L10.113 11.2099C9.92058 11.0607 9.68037 10.9869 9.4374 11.0022C9.19444 11.0176 8.96541 11.121 8.79326 11.2932C8.62112 11.4653 8.51768 11.6943 8.50235 11.9373C8.48702 12.1803 8.56086 12.4205 8.71 12.6129L8.793 12.7069L10.793 14.7069L10.887 14.7899C11.0624 14.926 11.278 14.9998 11.5 14.9998C11.722 14.9998 11.9376 14.926 12.113 14.7899L12.207 14.7069L16.207 10.7069L16.29 10.6129C16.4393 10.4205 16.5132 10.1802 16.4979 9.93721C16.4826 9.69419 16.3792 9.46509 16.207 9.29289Z" fill="%2322B07D"/></g><defs><clipPath id="clip0_68_13225"><rect width="24" height="24" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
}

#notification.warning p::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><g clip-path="url(%23clip0_68_13251)"><path d="M12.44 2C12.9212 2.00033 13.3951 2.11677 13.8216 2.33944C14.2482 2.5621 14.6147 2.88441 14.89 3.279L14.998 3.443L23.429 17.517C23.6816 17.955 23.819 18.4499 23.8283 18.9555C23.8376 19.461 23.7184 19.9607 23.4821 20.4077C23.2457 20.8547 22.8998 21.2344 22.4767 21.5113C22.0536 21.7882 21.5672 21.9532 21.063 21.991L20.863 22H4.007C3.50219 21.994 3.00713 21.8602 2.56796 21.6112C2.1288 21.3622 1.75983 21.006 1.49546 20.5759C1.2311 20.1458 1.07994 19.6558 1.05608 19.1515C1.03221 18.6473 1.13643 18.1451 1.359 17.692L1.46 17.503L9.885 3.438C10.1515 2.99901 10.5266 2.63609 10.9741 2.38421C11.4216 2.13234 11.9265 2.00002 12.44 2ZM12.5 12H11.5L11.383 12.007C11.14 12.0359 10.9159 12.153 10.7534 12.336C10.5909 12.519 10.5011 12.7552 10.5011 13C10.5011 13.2448 10.5909 13.481 10.7534 13.664C10.9159 13.847 11.14 13.9641 11.383 13.993L11.5 14V17L11.507 17.117C11.5333 17.3402 11.6341 17.5481 11.793 17.707C11.9519 17.8659 12.1598 17.9667 12.383 17.993L12.5 18H13.5L13.617 17.993C13.8402 17.9667 14.0481 17.8659 14.207 17.707C14.3659 17.5481 14.4667 17.3402 14.493 17.117L14.5 17L14.493 16.883C14.4691 16.679 14.3829 16.4873 14.2462 16.3339C14.1096 16.1806 13.929 16.0731 13.729 16.026L13.617 16.006L13.5 16V13L13.493 12.883C13.4667 12.6598 13.3659 12.4519 13.207 12.293C13.0481 12.1341 12.8402 12.0333 12.617 12.007L12.5 12ZM12.51 9L12.383 9.007C12.14 9.03591 11.9159 9.15296 11.7534 9.33597C11.5909 9.51897 11.5011 9.75524 11.5011 10C11.5011 10.2448 11.5909 10.481 11.7534 10.664C11.9159 10.847 12.14 10.9641 12.383 10.993L12.5 11L12.627 10.993C12.8701 10.9641 13.0941 10.847 13.2566 10.664C13.4191 10.481 13.5089 10.2448 13.5089 10C13.5089 9.75524 13.4191 9.51897 13.2566 9.33597C13.0941 9.15296 12.8701 9.03591 12.627 9.007L12.51 9Z" fill="%23FFBA2F"/></g><defs><clipPath id="clip0_68_13251"><rect width="24" height="24" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
}

#notification.normal p::before {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" viewBox="0 0 25 24" fill="none"><g clip-path="url(%23clip0_68_13282)"><path d="M12.5 2C18.023 2 22.5 6.477 22.5 12C22.5021 14.6255 21.4715 17.1464 19.6309 19.0186C17.7902 20.8908 15.2872 21.9641 12.662 22.0066C10.0369 22.0491 7.50034 21.0576 5.6 19.246C3.69966 17.4344 2.58799 14.9482 2.505 12.324L2.5 12L2.504 11.72C2.652 6.327 7.07 2 12.5 2ZM12.5 11H11.5L11.383 11.007C11.14 11.0359 10.9159 11.153 10.7534 11.336C10.5909 11.519 10.5011 11.7552 10.5011 12C10.5011 12.2448 10.5909 12.481 10.7534 12.664C10.9159 12.847 11.14 12.9641 11.383 12.993L11.5 13V16L11.507 16.117C11.5333 16.3402 11.6341 16.5481 11.793 16.707C11.9519 16.8659 12.1598 16.9667 12.383 16.993L12.5 17H13.5L13.617 16.993C13.8402 16.9667 14.0481 16.8659 14.207 16.707C14.3659 16.5481 14.4667 16.3402 14.493 16.117L14.5 16L14.493 15.883C14.4691 15.679 14.3829 15.4873 14.2462 15.3339C14.1095 15.1806 13.9289 15.0731 13.729 15.026L13.617 15.006L13.5 15V12L13.493 11.883C13.4667 11.6598 13.3659 11.4519 13.207 11.293C13.0481 11.1341 12.8402 11.0333 12.617 11.007L12.5 11ZM12.51 8L12.383 8.007C12.14 8.03591 11.9159 8.15296 11.7534 8.33597C11.5909 8.51897 11.5011 8.75524 11.5011 9C11.5011 9.24476 11.5909 9.48103 11.7534 9.66403C11.9159 9.84704 12.14 9.96409 12.383 9.993L12.5 10L12.627 9.993C12.87 9.96409 13.0941 9.84704 13.2566 9.66403C13.4191 9.48103 13.5089 9.24476 13.5089 9C13.5089 8.75524 13.4191 8.51897 13.2566 8.33597C13.0941 8.15296 12.87 8.03591 12.627 8.007L12.51 8Z" fill="%235C44F2"/></g><defs><clipPath id="clip0_68_13282"><rect width="24" height="24" fill="white" transform="translate(0.5)"/></clipPath></defs></svg>');
}

input::file-selector-button {
  display: none;
}

.backdrop\:bg-black\/70::backdrop {
  background-color: rgb(0 0 0 / 0.7);
}

.focus-within\:\!outline-primary-light:focus-within {
  outline-color: #5C44F2 !important;
}

.hover\:\!bg-primary:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(45 14 243 / var(--tw-bg-opacity, 1)) !important;
}

.hover\:bg-error-light:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(250 227 225 / var(--tw-bg-opacity, 1));
}

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

.hover\:bg-neutral-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 250 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(45 14 243 / var(--tw-bg-opacity, 1));
}

.hover\:text-error:hover {
  --tw-text-opacity: 1;
  color: rgb(244 67 54 / var(--tw-text-opacity, 1));
}

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

.hover\:text-neutral-500:hover {
  --tw-text-opacity: 1;
  color: rgb(87 94 106 / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover {
  --tw-text-opacity: 1;
  color: rgb(45 14 243 / var(--tw-text-opacity, 1));
}

.focus\:border-primary-light:focus {
  --tw-border-opacity: 1;
  border-color: rgb(92 68 242 / var(--tw-border-opacity, 1));
}

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

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

.focus\:\!outline-primary-light:focus {
  outline-color: #5C44F2 !important;
}

.focus\:ring-primary-light:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(92 68 242 / var(--tw-ring-opacity, 1));
}

.focus-visible\:border-primary-light:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(92 68 242 / var(--tw-border-opacity, 1));
}

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

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

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

.disabled\:opacity-60:disabled {
  opacity: 0.6;
}

@media (min-width: 768px) {
  .md\:block {
    display: block;
  }

  .md\:max-w-96 {
    max-width: 24rem;
  }

  .md\:grid-cols-\[1fr_1fr_80px\] {
    grid-template-columns: 1fr 1fr 80px;
  }

  .md\:grid-cols-\[50px_6fr_120px_80px_120px_80px\] {
    grid-template-columns: 50px 6fr 120px 80px 120px 80px;
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:items-center {
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:mb-10 {
    margin-bottom: 2.5rem;
  }

  .lg\:mb-4 {
    margin-bottom: 1rem;
  }

  .lg\:mb-8 {
    margin-bottom: 2rem;
  }

  .lg\:block {
    display: block;
  }

  .lg\:flex {
    display: flex;
  }

  .lg\:grid {
    display: grid;
  }

  .lg\:hidden {
    display: none;
  }

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

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

  .lg\:grid-cols-\[2fr_1fr\] {
    grid-template-columns: 2fr 1fr;
  }

  .lg\:grid-cols-\[6fr_120px_120px_180px_160px\] {
    grid-template-columns: 6fr 120px 120px 180px 160px;
  }

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

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:gap-2 {
    gap: 0.5rem;
  }

  .lg\:gap-4 {
    gap: 1rem;
  }

  .lg\:gap-8 {
    gap: 2rem;
  }

  .lg\:overflow-auto {
    overflow: auto;
  }

  .lg\:rounded-none {
    border-radius: 0px;
  }

  .lg\:border-b-2 {
    border-bottom-width: 2px;
  }

  .lg\:bg-transparent {
    background-color: transparent;
  }

  .lg\:p-10 {
    padding: 2.5rem;
  }

  .lg\:p-4 {
    padding: 1rem;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .lg\:px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .lg\:py-11 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  .lg\:py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .lg\:py-16 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .lg\:text-left {
    text-align: left;
  }

  .lg\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

  .lg\:text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .lg\:text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(41 44 54 / var(--tw-text-opacity, 1));
  }
}

@media (min-width: 1280px) {
  .xl\:mb-0 {
    margin-bottom: 0px;
  }

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:grid {
    display: grid;
  }

  .xl\:grid-cols-\[1fr_1fr_150px_90px\] {
    grid-template-columns: 1fr 1fr 150px 90px;
  }

  .xl\:grid-cols-\[1fr_200px_80px_200px\] {
    grid-template-columns: 1fr 200px 80px 200px;
  }

  .xl\:grid-cols-\[1fr_4fr\] {
    grid-template-columns: 1fr 4fr;
  }

  .xl\:grid-cols-\[6fr_120px_80px_120px_140px\] {
    grid-template-columns: 6fr 120px 80px 120px 140px;
  }

  .xl\:flex-col {
    flex-direction: column;
  }

  .xl\:gap-10 {
    gap: 2.5rem;
  }

  .xl\:gap-4 {
    gap: 1rem;
  }

  .xl\:border-b-0 {
    border-bottom-width: 0px;
  }

  .xl\:border-r {
    border-right-width: 1px;
  }
}

@media (prefers-color-scheme: dark) {
  .dark\:hover\:bg-gray-600:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));
  }

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