@yeverlibs/ds 1.0.0

package/dist/styles.css

@@ -0,0 +1,2319 @@
+/* src/styles.css */
+*,
+::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: ;
+}
+*,
+::before,
+::after {
+  box-sizing: border-box;
+  border-width: 0;
+  border-style: solid;
+  border-color: currentColor;
+}
+::before,
+::after {
+  --tw-content: "";
+}
+html,
+:host {
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -moz-tab-size: 4;
+  tab-size: 4;
+  font-family: Inter, sans-serif;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  -webkit-tap-highlight-color: transparent;
+}
+body {
+  margin: 0;
+  line-height: inherit;
+}
+hr {
+  height: 0;
+  color: inherit;
+  border-top-width: 1px;
+}
+abbr:where([title]) {
+  text-decoration: underline dotted;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: inherit;
+  font-weight: inherit;
+}
+a {
+  color: inherit;
+  text-decoration: inherit;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+code,
+kbd,
+samp,
+pre {
+  font-family:
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    "Liberation Mono",
+    "Courier New",
+    monospace;
+  font-feature-settings: normal;
+  font-variation-settings: normal;
+  font-size: 1em;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+table {
+  text-indent: 0;
+  border-color: inherit;
+  border-collapse: collapse;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  font-family: inherit;
+  font-feature-settings: inherit;
+  font-variation-settings: inherit;
+  font-size: 100%;
+  font-weight: inherit;
+  line-height: inherit;
+  letter-spacing: inherit;
+  color: inherit;
+  margin: 0;
+  padding: 0;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+input:where([type=button]),
+input:where([type=reset]),
+input:where([type=submit]) {
+  -webkit-appearance: button;
+  background-color: transparent;
+  background-image: none;
+}
+:-moz-focusring {
+  outline: auto;
+}
+:-moz-ui-invalid {
+  box-shadow: none;
+}
+progress {
+  vertical-align: baseline;
+}
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+  height: auto;
+}
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+summary {
+  display: list-item;
+}
+blockquote,
+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;
+}
+dialog {
+  padding: 0;
+}
+textarea {
+  resize: vertical;
+}
+input::placeholder,
+textarea::placeholder {
+  opacity: 1;
+  color: #9ca3af;
+}
+button,
+[role=button] {
+  cursor: pointer;
+}
+:disabled {
+  cursor: default;
+}
+img,
+svg,
+video,
+canvas,
+audio,
+iframe,
+embed,
+object {
+  display: block;
+  vertical-align: middle;
+}
+img,
+video {
+  max-width: 100%;
+  height: auto;
+}
+[hidden]:where(:not([hidden=until-found])) {
+  display: none;
+}
+* {
+  scrollbar-width: 12px;
+  scrollbar-color: var(--secondary) var(--primary);
+}
+*::-webkit-scrollbar {
+  width: 12px;
+}
+*::-webkit-scrollbar-track {
+  background: transparent;
+  box-shadow: inset 0 0 5px transparent;
+  border-radius: 0px;
+}
+*::-webkit-scrollbar-thumb {
+  background-color: #dee2e6;
+  border-radius: 27px;
+  border: 3px solid rgba(0, 0, 0, 0);
+  background-clip: padding-box;
+  min-height: 34px;
+}
+.pointer-events-none {
+  pointer-events: none;
+}
+.pointer-events-auto {
+  pointer-events: auto;
+}
+.fixed {
+  position: fixed;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.sticky {
+  position: sticky;
+}
+.inset-0 {
+  inset: 0px;
+}
+.inset-y-0 {
+  top: 0px;
+  bottom: 0px;
+}
+.-bottom-\[10px\] {
+  bottom: -10px;
+}
+.-bottom-\[1px\] {
+  bottom: -1px;
+}
+.-right-2 {
+  right: -0.5rem;
+}
+.-top-2 {
+  top: -0.5rem;
+}
+.-top-\[350px\] {
+  top: -350px;
+}
+.bottom-full {
+  bottom: 100%;
+}
+.left-0 {
+  left: 0px;
+}
+.left-1\/2 {
+  left: 50%;
+}
+.left-3 {
+  left: 0.75rem;
+}
+.left-4 {
+  left: 1rem;
+}
+.left-full {
+  left: 100%;
+}
+.right-0 {
+  right: 0px;
+}
+.right-1 {
+  right: 0.25rem;
+}
+.right-2 {
+  right: 0.5rem;
+}
+.right-2\/4 {
+  right: 50%;
+}
+.right-3 {
+  right: 0.75rem;
+}
+.right-4 {
+  right: 1rem;
+}
+.right-full {
+  right: 100%;
+}
+.top-0 {
+  top: 0px;
+}
+.top-1 {
+  top: 0.25rem;
+}
+.top-1\/2 {
+  top: 50%;
+}
+.top-11 {
+  top: 2.75rem;
+}
+.top-3\/4 {
+  top: 75%;
+}
+.top-4 {
+  top: 1rem;
+}
+.top-\[82px\] {
+  top: 82px;
+}
+.top-full {
+  top: 100%;
+}
+.z-10 {
+  z-index: 10;
+}
+.z-40 {
+  z-index: 40;
+}
+.z-50 {
+  z-index: 50;
+}
+.z-\[1000\] {
+  z-index: 1000;
+}
+.z-\[60\] {
+  z-index: 60;
+}
+.z-\[70\] {
+  z-index: 70;
+}
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+.\!m-0 {
+  margin: 0px !important;
+}
+.mx-4 {
+  margin-left: 1rem;
+  margin-right: 1rem;
+}
+.mx-auto {
+  margin-left: auto;
+  margin-right: auto;
+}
+.\!ml-auto {
+  margin-left: auto !important;
+}
+.mb-0 {
+  margin-bottom: 0px;
+}
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
+.mb-4 {
+  margin-bottom: 1rem;
+}
+.mb-8 {
+  margin-bottom: 2rem;
+}
+.ml-2 {
+  margin-left: 0.5rem;
+}
+.mr-2 {
+  margin-right: 0.5rem;
+}
+.mt-2 {
+  margin-top: 0.5rem;
+}
+.mt-4 {
+  margin-top: 1rem;
+}
+.mt-5 {
+  margin-top: 1.25rem;
+}
+.mt-8 {
+  margin-top: 2rem;
+}
+.mt-auto {
+  margin-top: auto;
+}
+.block {
+  display: block;
+}
+.inline-block {
+  display: inline-block;
+}
+.flex {
+  display: flex;
+}
+.inline-flex {
+  display: inline-flex;
+}
+.table {
+  display: table;
+}
+.grid {
+  display: grid;
+}
+.hidden {
+  display: none;
+}
+.size-4 {
+  width: 1rem;
+  height: 1rem;
+}
+.size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+.size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.\!h-\[48px\] {
+  height: 48px !important;
+}
+.h-0 {
+  height: 0px;
+}
+.h-10 {
+  height: 2.5rem;
+}
+.h-16 {
+  height: 4rem;
+}
+.h-2 {
+  height: 0.5rem;
+}
+.h-20 {
+  height: 5rem;
+}
+.h-4 {
+  height: 1rem;
+}
+.h-5 {
+  height: 1.25rem;
+}
+.h-6 {
+  height: 1.5rem;
+}
+.h-8 {
+  height: 2rem;
+}
+.h-9 {
+  height: 2.25rem;
+}
+.h-\[20px\] {
+  height: 20px;
+}
+.h-\[22px\] {
+  height: 22px;
+}
+.h-\[24px\] {
+  height: 24px;
+}
+.h-\[28px\] {
+  height: 28px;
+}
+.h-\[32px\] {
+  height: 32px;
+}
+.h-\[33px\] {
+  height: 33px;
+}
+.h-\[36px\] {
+  height: 36px;
+}
+.h-\[44px\] {
+  height: 44px;
+}
+.h-\[46px\] {
+  height: 46px;
+}
+.h-\[48px\] {
+  height: 48px;
+}
+.h-\[56px\] {
+  height: 56px;
+}
+.h-\[580px\] {
+  height: 580px;
+}
+.h-\[60px\] {
+  height: 60px;
+}
+.h-\[6px\] {
+  height: 6px;
+}
+.h-auto {
+  height: auto;
+}
+.h-full {
+  height: 100%;
+}
+.\!max-h-\[42px\] {
+  max-height: 42px !important;
+}
+.max-h-48 {
+  max-height: 12rem;
+}
+.max-h-8 {
+  max-height: 2rem;
+}
+.max-h-9 {
+  max-height: 2.25rem;
+}
+.max-h-\[24px\] {
+  max-height: 24px;
+}
+.max-h-\[280px\] {
+  max-height: 280px;
+}
+.max-h-\[34px\] {
+  max-height: 34px;
+}
+.max-h-\[48px\] {
+  max-height: 48px;
+}
+.min-h-8 {
+  min-height: 2rem;
+}
+.min-h-\[193px\] {
+  min-height: 193px;
+}
+.min-h-\[235px\] {
+  min-height: 235px;
+}
+.min-h-\[28px\] {
+  min-height: 28px;
+}
+.min-h-\[42px\] {
+  min-height: 42px;
+}
+.min-h-\[93px\] {
+  min-height: 93px;
+}
+.min-h-screen {
+  min-height: 100vh;
+}
+.\!w-\[20px\] {
+  width: 20px !important;
+}
+.\!w-\[48px\] {
+  width: 48px !important;
+}
+.\!w-fit {
+  width: fit-content !important;
+}
+.w-0 {
+  width: 0px;
+}
+.w-10 {
+  width: 2.5rem;
+}
+.w-16 {
+  width: 4rem;
+}
+.w-20 {
+  width: 5rem;
+}
+.w-24 {
+  width: 6rem;
+}
+.w-28 {
+  width: 7rem;
+}
+.w-4 {
+  width: 1rem;
+}
+.w-5 {
+  width: 1.25rem;
+}
+.w-8 {
+  width: 2rem;
+}
+.w-\[1px\] {
+  width: 1px;
+}
+.w-\[200px\] {
+  width: 200px;
+}
+.w-\[24px\] {
+  width: 24px;
+}
+.w-\[260px\] {
+  width: 260px;
+}
+.w-\[300px\] {
+  width: 300px;
+}
+.w-\[380px\] {
+  width: 380px;
+}
+.w-\[6px\] {
+  width: 6px;
+}
+.w-auto {
+  width: auto;
+}
+.w-fit {
+  width: fit-content;
+}
+.w-full {
+  width: 100%;
+}
+.\!min-w-fit {
+  min-width: fit-content !important;
+}
+.min-w-4 {
+  min-width: 1rem;
+}
+.min-w-5 {
+  min-width: 1.25rem;
+}
+.min-w-6 {
+  min-width: 1.5rem;
+}
+.min-w-8 {
+  min-width: 2rem;
+}
+.min-w-\[108px\] {
+  min-width: 108px;
+}
+.min-w-\[120px\] {
+  min-width: 120px;
+}
+.min-w-\[150px\] {
+  min-width: 150px;
+}
+.min-w-\[185px\] {
+  min-width: 185px;
+}
+.min-w-\[230px\] {
+  min-width: 230px;
+}
+.min-w-\[280px\] {
+  min-width: 280px;
+}
+.min-w-\[28px\] {
+  min-width: 28px;
+}
+.min-w-\[30px\] {
+  min-width: 30px;
+}
+.min-w-\[42px\] {
+  min-width: 42px;
+}
+.min-w-\[44px\] {
+  min-width: 44px;
+}
+.min-w-\[48px\] {
+  min-width: 48px;
+}
+.min-w-\[84px\] {
+  min-width: 84px;
+}
+.min-w-\[96px\] {
+  min-width: 96px;
+}
+.\!max-w-fit {
+  max-width: fit-content !important;
+}
+.max-w-8 {
+  max-width: 2rem;
+}
+.max-w-\[101px\] {
+  max-width: 101px;
+}
+.max-w-\[108px\] {
+  max-width: 108px;
+}
+.max-w-\[185px\] {
+  max-width: 185px;
+}
+.max-w-\[200px\] {
+  max-width: 200px;
+}
+.max-w-\[24px\] {
+  max-width: 24px;
+}
+.max-w-\[255px\] {
+  max-width: 255px;
+}
+.max-w-\[290px\] {
+  max-width: 290px;
+}
+.max-w-\[300px\] {
+  max-width: 300px;
+}
+.max-w-\[50px\] {
+  max-width: 50px;
+}
+.max-w-\[52px\] {
+  max-width: 52px;
+}
+.max-w-\[590px\] {
+  max-width: 590px;
+}
+.max-w-\[65px\] {
+  max-width: 65px;
+}
+.max-w-\[75px\] {
+  max-width: 75px;
+}
+.max-w-\[84px\] {
+  max-width: 84px;
+}
+.max-w-\[96px\] {
+  max-width: 96px;
+}
+.max-w-lg {
+  max-width: 32rem;
+}
+.flex-1 {
+  flex: 1 1 0%;
+}
+.-translate-x-1\/2 {
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.-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\/2 {
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.-translate-y-full {
+  --tw-translate-y: -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));
+}
+.rotate-180 {
+  --tw-rotate: 180deg;
+  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));
+}
+.rotate-90 {
+  --tw-rotate: 90deg;
+  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));
+}
+.scale-100 {
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.scale-95 {
+  --tw-scale-x: .95;
+  --tw-scale-y: .95;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.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));
+}
+@keyframes pulse {
+  50% {
+    opacity: .5;
+  }
+}
+.animate-pulse {
+  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.animate-spin {
+  animation: spin 1s linear infinite;
+}
+.cursor-help {
+  cursor: help;
+}
+.cursor-not-allowed {
+  cursor: not-allowed;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.resize {
+  resize: both;
+}
+.appearance-none {
+  appearance: none;
+}
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+.grid-cols-6 {
+  grid-template-columns: repeat(6, minmax(0, 1fr));
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-row-reverse {
+  flex-direction: row-reverse;
+}
+.flex-col {
+  flex-direction: column;
+}
+.\!items-start {
+  align-items: flex-start !important;
+}
+.items-start {
+  align-items: flex-start;
+}
+.items-center {
+  align-items: center;
+}
+.items-stretch {
+  align-items: stretch;
+}
+.\!justify-start {
+  justify-content: flex-start !important;
+}
+.justify-start {
+  justify-content: flex-start;
+}
+.justify-end {
+  justify-content: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.justify-between {
+  justify-content: space-between;
+}
+.\!gap-3 {
+  gap: 0.75rem !important;
+}
+.gap-1 {
+  gap: 0.25rem;
+}
+.gap-2 {
+  gap: 0.5rem;
+}
+.gap-3 {
+  gap: 0.75rem;
+}
+.gap-4 {
+  gap: 1rem;
+}
+.gap-6 {
+  gap: 1.5rem;
+}
+.gap-8 {
+  gap: 2rem;
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-x-auto {
+  overflow-x: auto;
+}
+.overflow-y-auto {
+  overflow-y: auto;
+}
+.overflow-x-hidden {
+  overflow-x: hidden;
+}
+.overflow-y-hidden {
+  overflow-y: hidden;
+}
+.overflow-y-scroll {
+  overflow-y: scroll;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.text-nowrap {
+  text-wrap: nowrap;
+}
+.\!rounded-lg {
+  border-radius: 0.5rem !important;
+}
+.\!rounded-md {
+  border-radius: 0.375rem !important;
+}
+.\!rounded-none {
+  border-radius: 0px !important;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.rounded-2xl {
+  border-radius: 1rem;
+}
+.rounded-\[24px\] {
+  border-radius: 24px;
+}
+.rounded-full {
+  border-radius: 9999px;
+}
+.rounded-lg {
+  border-radius: 0.5rem;
+}
+.rounded-md {
+  border-radius: 0.375rem;
+}
+.rounded-none {
+  border-radius: 0px;
+}
+.rounded-b-lg {
+  border-bottom-right-radius: 0.5rem;
+  border-bottom-left-radius: 0.5rem;
+}
+.rounded-b-md {
+  border-bottom-right-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+.rounded-l {
+  border-top-left-radius: 0.25rem;
+  border-bottom-left-radius: 0.25rem;
+}
+.rounded-r {
+  border-top-right-radius: 0.25rem;
+  border-bottom-right-radius: 0.25rem;
+}
+.rounded-r-full {
+  border-top-right-radius: 9999px;
+  border-bottom-right-radius: 9999px;
+}
+.rounded-t-lg {
+  border-top-left-radius: 0.5rem;
+  border-top-right-radius: 0.5rem;
+}
+.rounded-t-md {
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+}
+.rounded-bl-\[8px\] {
+  border-bottom-left-radius: 8px;
+}
+.rounded-br-\[8px\] {
+  border-bottom-right-radius: 8px;
+}
+.\!border {
+  border-width: 1px !important;
+}
+.border {
+  border-width: 1px;
+}
+.border-2 {
+  border-width: 2px;
+}
+.border-8 {
+  border-width: 8px;
+}
+.border-\[14px\] {
+  border-width: 14px;
+}
+.border-\[2px\] {
+  border-width: 2px;
+}
+.border-b {
+  border-bottom-width: 1px;
+}
+.border-b-\[2px\] {
+  border-bottom-width: 2px;
+}
+.border-l {
+  border-left-width: 1px;
+}
+.border-l-0 {
+  border-left-width: 0px;
+}
+.border-r {
+  border-right-width: 1px;
+}
+.border-r-0 {
+  border-right-width: 0px;
+}
+.border-t {
+  border-top-width: 1px;
+}
+.border-dashed {
+  border-style: dashed;
+}
+.\!border-none {
+  border-style: none !important;
+}
+.border-none {
+  border-style: none;
+}
+.\!border-brand-blue-400 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(71 87 255 / var(--tw-border-opacity, 1)) !important;
+}
+.\!border-red-600 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgb(250 82 82 / var(--tw-border-opacity, 1)) !important;
+}
+.border-\[\#D9D9D9\] {
+  --tw-border-opacity: 1;
+  border-color: rgb(217 217 217 / var(--tw-border-opacity, 1));
+}
+.border-\[transparent\] {
+  border-color: transparent;
+}
+.border-brand-blue-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(71 87 255 / var(--tw-border-opacity, 1));
+}
+.border-brand-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(46 62 239 / var(--tw-border-opacity, 1));
+}
+.border-brand-yellow-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 248 224 / var(--tw-border-opacity, 1));
+}
+.border-brand-yellow-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 229 138 / var(--tw-border-opacity, 1));
+}
+.border-brand-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 218 87 / var(--tw-border-opacity, 1));
+}
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(233 236 239 / var(--tw-border-opacity, 1));
+}
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(222 226 230 / var(--tw-border-opacity, 1));
+}
+.border-gray-400 {
+  --tw-border-opacity: 1;
+  border-color: rgb(206 212 218 / var(--tw-border-opacity, 1));
+}
+.border-green-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(211 249 216 / var(--tw-border-opacity, 1));
+}
+.border-green-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(178 242 187 / var(--tw-border-opacity, 1));
+}
+.border-orange-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 140 0 / var(--tw-border-opacity, 1));
+}
+.border-orange-1000 {
+  --tw-border-opacity: 1;
+  border-color: rgb(254 109 55 / var(--tw-border-opacity, 1));
+}
+.border-orange-50 {
+  --tw-border-opacity: 1;
+  border-color: rgb(252 219 153 / var(--tw-border-opacity, 1));
+}
+.border-red-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 227 227 / var(--tw-border-opacity, 1));
+}
+.border-red-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 201 201 / var(--tw-border-opacity, 1));
+}
+.border-red-700 {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 62 62 / var(--tw-border-opacity, 1));
+}
+.border-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgb(250 176 5 / var(--tw-border-opacity, 1));
+}
+.border-b-gray-800 {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
+}
+.border-l-gray-800 {
+  --tw-border-opacity: 1;
+  border-left-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
+}
+.border-r-gray-800 {
+  --tw-border-opacity: 1;
+  border-right-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
+}
+.border-t-gray-800 {
+  --tw-border-opacity: 1;
+  border-top-color: rgb(52 58 64 / var(--tw-border-opacity, 1));
+}
+.\!bg-brand-blue-0 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(245 246 255 / var(--tw-bg-opacity, 1)) !important;
+}
+.\!bg-brand-yellow-500 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 218 87 / var(--tw-bg-opacity, 1)) !important;
+}
+.bg-\[\#F5F6FF\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 246 255 / var(--tw-bg-opacity, 1));
+}
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(24 23 29 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-0 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(245 246 255 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(204 208 255 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(71 87 255 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-blue-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 62 239 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-yellow-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 252 240 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-yellow-500 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 218 87 / var(--tw-bg-opacity, 1));
+}
+.bg-brand-yellow-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(66 52 0 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-0 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(222 226 230 / var(--tw-bg-opacity, 1));
+}
+.bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 58 64 / var(--tw-bg-opacity, 1));
+}
+.bg-green-0 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(235 251 238 / var(--tw-bg-opacity, 1));
+}
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(64 192 87 / var(--tw-bg-opacity, 1));
+}
+.bg-green-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(47 158 68 / var(--tw-bg-opacity, 1));
+}
+.bg-green-feedback-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(218 244 228 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-0 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(253 238 217 / var(--tw-bg-opacity, 1));
+}
+.bg-orange-1000 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(254 109 55 / var(--tw-bg-opacity, 1));
+}
+.bg-red-0 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 245 245 / var(--tw-bg-opacity, 1));
+}
+.bg-red-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 227 227 / var(--tw-bg-opacity, 1));
+}
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 82 82 / var(--tw-bg-opacity, 1));
+}
+.bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
+}
+.bg-opacity-50 {
+  --tw-bg-opacity: 0.5;
+}
+.bg-none {
+  background-image: none;
+}
+.fill-brand-yellow-100 {
+  fill: #FFFCF0;
+}
+.fill-gray-100 {
+  fill: #F1F3F5;
+}
+.stroke-brand-yellow-100 {
+  stroke: #FFFCF0;
+}
+.stroke-gray-100 {
+  stroke: #F1F3F5;
+}
+.object-contain {
+  object-fit: contain;
+}
+.object-cover {
+  object-fit: cover;
+}
+.\!p-0 {
+  padding: 0px !important;
+}
+.\!p-1 {
+  padding: 0.25rem !important;
+}
+.p-0 {
+  padding: 0px;
+}
+.p-1 {
+  padding: 0.25rem;
+}
+.p-2 {
+  padding: 0.5rem;
+}
+.p-3 {
+  padding: 0.75rem;
+}
+.p-4 {
+  padding: 1rem;
+}
+.p-6 {
+  padding: 1.5rem;
+}
+.px-0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+.px-12 {
+  padding-left: 3rem;
+  padding-right: 3rem;
+}
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.px-3 {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+.py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+.py-3\.5 {
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+.py-8 {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+.py-\[18px\] {
+  padding-top: 18px;
+  padding-bottom: 18px;
+}
+.\!pl-10 {
+  padding-left: 2.5rem !important;
+}
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
+}
+.pl-3 {
+  padding-left: 0.75rem;
+}
+.pr-\[10px\] {
+  padding-right: 10px;
+}
+.pt-4 {
+  padding-top: 1rem;
+}
+.pt-6 {
+  padding-top: 1.5rem;
+}
+.text-left {
+  text-align: left;
+}
+.text-center {
+  text-align: center;
+}
+.\!text-\[10px\] {
+  font-size: 10px !important;
+}
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+.text-\[10px\] {
+  font-size: 10px;
+}
+.text-\[9px\] {
+  font-size: 9px;
+}
+.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-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.\!font-normal {
+  font-weight: 400 !important;
+}
+.font-bold {
+  font-weight: 700;
+}
+.font-medium {
+  font-weight: 500;
+}
+.font-normal {
+  font-weight: 400;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.uppercase {
+  text-transform: uppercase;
+}
+.capitalize {
+  text-transform: capitalize;
+}
+.italic {
+  font-style: italic;
+}
+.leading-\[32px\] {
+  line-height: 32px;
+}
+.leading-tight {
+  line-height: 1.25;
+}
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(24 23 29 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-0 {
+  --tw-text-opacity: 1;
+  color: rgb(245 246 255 / var(--tw-text-opacity, 1));
+}
+.text-brand-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(71 87 255 / var(--tw-text-opacity, 1));
+}
+.text-brand-yellow-800 {
+  --tw-text-opacity: 1;
+  color: rgb(107 84 0 / var(--tw-text-opacity, 1));
+}
+.text-gray-400 {
+  --tw-text-opacity: 1;
+  color: rgb(206 212 218 / var(--tw-text-opacity, 1));
+}
+.text-gray-500 {
+  --tw-text-opacity: 1;
+  color: rgb(173 181 189 / var(--tw-text-opacity, 1));
+}
+.text-gray-600 {
+  --tw-text-opacity: 1;
+  color: rgb(134 142 150 / var(--tw-text-opacity, 1));
+}
+.text-gray-700 {
+  --tw-text-opacity: 1;
+  color: rgb(73 80 87 / var(--tw-text-opacity, 1));
+}
+.text-gray-800 {
+  --tw-text-opacity: 1;
+  color: rgb(52 58 64 / var(--tw-text-opacity, 1));
+}
+.text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(33 37 41 / var(--tw-text-opacity, 1));
+}
+.text-gray-blue-3 {
+  --tw-text-opacity: 1;
+  color: rgb(50 54 71 / var(--tw-text-opacity, 1));
+}
+.text-green-0 {
+  --tw-text-opacity: 1;
+  color: rgb(235 251 238 / var(--tw-text-opacity, 1));
+}
+.text-green-800 {
+  --tw-text-opacity: 1;
+  color: rgb(47 158 68 / var(--tw-text-opacity, 1));
+}
+.text-green-feedback-800 {
+  --tw-text-opacity: 1;
+  color: rgb(30 87 52 / var(--tw-text-opacity, 1));
+}
+.text-orange-100 {
+  --tw-text-opacity: 1;
+  color: rgb(240 140 0 / var(--tw-text-opacity, 1));
+}
+.text-orange-800 {
+  --tw-text-opacity: 1;
+  color: rgb(230 119 0 / var(--tw-text-opacity, 1));
+}
+.text-red-0 {
+  --tw-text-opacity: 1;
+  color: rgb(255 245 245 / var(--tw-text-opacity, 1));
+}
+.text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(255 107 107 / var(--tw-text-opacity, 1));
+}
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgb(250 82 82 / var(--tw-text-opacity, 1));
+}
+.text-red-700 {
+  --tw-text-opacity: 1;
+  color: rgb(240 62 62 / var(--tw-text-opacity, 1));
+}
+.text-red-800 {
+  --tw-text-opacity: 1;
+  color: rgb(224 49 49 / var(--tw-text-opacity, 1));
+}
+.text-red-900 {
+  --tw-text-opacity: 1;
+  color: rgb(201 42 42 / 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;
+}
+.placeholder-gray-500::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgb(173 181 189 / var(--tw-placeholder-opacity, 1));
+}
+.opacity-0 {
+  opacity: 0;
+}
+.opacity-100 {
+  opacity: 1;
+}
+.opacity-45 {
+  opacity: 0.45;
+}
+.opacity-50 {
+  opacity: 0.5;
+}
+.opacity-70 {
+  opacity: 0.7;
+}
+.shadow-base {
+  --tw-shadow: 0px 0px 20px -4px rgba(0, 0, 0, 0.15);
+  --tw-shadow-colored: 0px 0px 20px -4px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
+.shadow-small {
+  --tw-shadow: 0px 2px 4px 0px rgba(27, 28, 29, 0.04);
+  --tw-shadow-colored: 0px 2px 4px 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-none {
+  outline: 2px solid transparent !important;
+  outline-offset: 2px !important;
+}
+.outline-none {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+}
+.blur {
+  --tw-blur: blur(8px);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
+.\!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-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    opacity,
+    box-shadow,
+    transform,
+    filter,
+    backdrop-filter;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-colors {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    text-decoration-color,
+    fill,
+    stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.transition-opacity {
+  transition-property: opacity;
+  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;
+}
+.duration-200 {
+  transition-duration: 200ms;
+}
+.duration-300 {
+  transition-duration: 300ms;
+}
+.ease-in-out {
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+@keyframes enter {
+  from {
+    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));
+  }
+}
+.duration-200 {
+  animation-duration: 200ms;
+}
+.duration-300 {
+  animation-duration: 300ms;
+}
+.ease-in-out {
+  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+}
+html {
+  overflow-y: scroll;
+}
+.gradient-before::before {
+  content: "";
+  position: absolute;
+  top: -40px;
+  left: 0;
+  right: 0;
+  height: 40px;
+  background:
+    linear-gradient(
+      to bottom,
+      transparent,
+      white);
+  z-index: 50;
+}
+.form-select {
+  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAABGdBTUEAALGPC/xhBQAAAQtJREFUOBG1lEEOgjAQRalbGj2OG9caOACn4ALGtfEuHACiazceR1PWOH/CNA3aMiTaBDpt/7zPdBKy7M/DCL9pGkvxxVp7KsvyJftL5rZt1865M+Ucq6pyyF3hNcI7Cuu+728QYn/JQA5yKaempxuZmQngOwEaYx55nu+1lQh8GIatMGi+01NwBcEmhxBqK4nAPZJ78K0KKFAJmR3oPp8+Iwgob0Oa6+TLoeCvRx+mTUYf/FVBGTPRwDkfLxnaSrRwcH0FWhNOmrkWYbE2XEicqgSa1J0LQ+aPCuQgZiLnwewbGuz5MGoAhcIkCQcjaTBjMgtXGURMVHC1wcQEy0J+Zlj8bKAnY1/UzDe2dbAVqfXn6wAAAABJRU5ErkJggg==);
+  background-size: 0.7rem;
+  background-position: right 0.7rem center;
+}
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+  appearance: none;
+}
+[type=number] {
+  -moz-appearance: textfield;
+}
+.no-scroll-modal,
+.no-scroll {
+  overflow: hidden !important;
+}
+.no-scroll-modal body,
+.no-scroll body {
+  padding-right: 12px;
+}
+.no-scroll-modal #topbar,
+.no-scroll #topbar {
+  padding-right: 12px;
+}
+@media (max-width: 768px) {
+  #grid-column {
+    grid-column: span 12 !important;
+  }
+  .no-scroll-modal body,
+  .no-scroll body {
+    padding-right: 0px;
+  }
+  .no-scroll-modal #topbar,
+  .no-scroll #topbar {
+    padding-right: 0px;
+  }
+}
+.before\:absolute::before {
+  content: var(--tw-content);
+  position: absolute;
+}
+.before\:bottom-\[-1rem\]::before {
+  content: var(--tw-content);
+  bottom: -1rem;
+}
+.before\:left-0::before {
+  content: var(--tw-content);
+  left: 0px;
+}
+.before\:right-0::before {
+  content: var(--tw-content);
+  right: 0px;
+}
+.before\:top-1\/2::before {
+  content: var(--tw-content);
+  top: 50%;
+}
+.before\:top-\[-1rem\]::before {
+  content: var(--tw-content);
+  top: -1rem;
+}
+.before\:z-10::before {
+  content: var(--tw-content);
+  z-index: 10;
+}
+.before\:min-h-fit::before {
+  content: var(--tw-content);
+  min-height: fit-content;
+}
+.before\:w-\[100\%\]::before {
+  content: var(--tw-content);
+  width: 100%;
+}
+.before\:-translate-x-\[calc\(100\%\+0\.5rem\)\]::before {
+  content: var(--tw-content);
+  --tw-translate-x: calc(calc(100% + 0.5rem) * -1);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.before\:-translate-y-1\/2::before {
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.before\:-translate-y-full::before {
+  content: var(--tw-content);
+  --tw-translate-y: -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));
+}
+.before\:translate-x-\[calc\(100\%\+0\.5rem\)\]::before {
+  content: var(--tw-content);
+  --tw-translate-x: calc(100% + 0.5rem);
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.before\:translate-y-full::before {
+  content: var(--tw-content);
+  --tw-translate-y: 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));
+}
+.before\:whitespace-normal::before {
+  content: var(--tw-content);
+  white-space: normal;
+}
+.before\:break-words::before {
+  content: var(--tw-content);
+  overflow-wrap: break-word;
+}
+.before\:rounded::before {
+  content: var(--tw-content);
+  border-radius: 0.25rem;
+}
+.before\:bg-gray-800::before {
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 58 64 / var(--tw-bg-opacity, 1));
+}
+.before\:px-3::before {
+  content: var(--tw-content);
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.before\:py-2::before {
+  content: var(--tw-content);
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.before\:text-left::before {
+  content: var(--tw-content);
+  text-align: left;
+}
+.before\:text-sm::before {
+  content: var(--tw-content);
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.before\:leading-tight::before {
+  content: var(--tw-content);
+  line-height: 1.25;
+}
+.before\:text-white::before {
+  content: var(--tw-content);
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.before\:opacity-0::before {
+  content: var(--tw-content);
+  opacity: 0;
+}
+.before\:transition-opacity::before {
+  content: var(--tw-content);
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.before\:content-\[attr\(data-tooltip\)\]::before {
+  --tw-content: attr(data-tooltip);
+  content: var(--tw-content);
+}
+.after\:absolute::after {
+  content: var(--tw-content);
+  position: absolute;
+}
+.after\:bottom-\[-8px\]::after {
+  content: var(--tw-content);
+  bottom: -8px;
+}
+.after\:left-\[-8px\]::after {
+  content: var(--tw-content);
+  left: -8px;
+}
+.after\:left-\[16px\]::after {
+  content: var(--tw-content);
+  left: 16px;
+}
+.after\:left-\[20\%\]::after {
+  content: var(--tw-content);
+  left: 20%;
+}
+.after\:right-\[-8px\]::after {
+  content: var(--tw-content);
+  right: -8px;
+}
+.after\:top-\[-8px\]::after {
+  content: var(--tw-content);
+  top: -8px;
+}
+.after\:top-\[20\%\]::after {
+  content: var(--tw-content);
+  top: 20%;
+}
+.after\:top-\[56px\]::after {
+  content: var(--tw-content);
+  top: 56px;
+}
+.after\:z-\[1\]::after {
+  content: var(--tw-content);
+  z-index: 1;
+}
+.after\:h-2::after {
+  content: var(--tw-content);
+  height: 0.5rem;
+}
+.after\:w-2::after {
+  content: var(--tw-content);
+  width: 0.5rem;
+}
+.after\:-translate-x-\[50\%\]::after {
+  content: var(--tw-content);
+  --tw-translate-x: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.after\:-translate-y-\[50\%\]::after {
+  content: var(--tw-content);
+  --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.after\:translate-x-\[50\%\]::after {
+  content: var(--tw-content);
+  --tw-translate-x: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.after\:translate-y-\[50\%\]::after {
+  content: var(--tw-content);
+  --tw-translate-y: 50%;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.after\:rotate-45::after {
+  content: var(--tw-content);
+  --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+.after\:bg-gray-800::after {
+  content: var(--tw-content);
+  --tw-bg-opacity: 1;
+  background-color: rgb(52 58 64 / var(--tw-bg-opacity, 1));
+}
+.after\:opacity-0::after {
+  content: var(--tw-content);
+  opacity: 0;
+}
+.after\:transition-opacity::after {
+  content: var(--tw-content);
+  transition-property: opacity;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+.after\:content-\[\'\'\]::after {
+  --tw-content: "";
+  content: var(--tw-content);
+}
+.last\:border-none:last-child {
+  border-style: none;
+}
+.hover\:border-brand-blue-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(71 87 255 / var(--tw-border-opacity, 1));
+}
+.hover\:border-brand-yellow-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 229 138 / var(--tw-border-opacity, 1));
+}
+.hover\:bg-brand-blue-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(46 62 239 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-brand-yellow-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 252 240 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-brand-yellow-500:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 218 87 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-brand-yellow-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 202 15 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-0:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(233 236 239 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-green-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(178 242 187 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-green-900:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(43 138 62 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-red-0:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 245 245 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-red-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 82 82 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-red-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(224 49 49 / var(--tw-bg-opacity, 1));
+}
+.hover\:font-medium:hover {
+  font-weight: 500;
+}
+.hover\:text-brand-blue-400:hover {
+  --tw-text-opacity: 1;
+  color: rgb(71 87 255 / var(--tw-text-opacity, 1));
+}
+.hover\:text-brand-blue-500:hover {
+  --tw-text-opacity: 1;
+  color: rgb(46 62 239 / var(--tw-text-opacity, 1));
+}
+.hover\:text-brand-blue-800:hover {
+  --tw-text-opacity: 1;
+  color: rgb(0 17 204 / var(--tw-text-opacity, 1));
+}
+.hover\:text-white:hover {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
+}
+.hover\:before\:opacity-100:hover::before {
+  content: var(--tw-content);
+  opacity: 1;
+}
+.hover\:after\:opacity-100:hover::after {
+  content: var(--tw-content);
+  opacity: 1;
+}
+.focus\:border-brand-yellow-400:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 229 138 / var(--tw-border-opacity, 1));
+}
+.focus\:border-gray-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(173 181 189 / var(--tw-border-opacity, 1));
+}
+.focus\:border-red-700:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(240 62 62 / var(--tw-border-opacity, 1));
+}
+.focus\:bg-brand-yellow-100:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 252 240 / var(--tw-bg-opacity, 1));
+}
+.focus\:bg-red-0:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 245 245 / var(--tw-bg-opacity, 1));
+}
+.focus\:bg-white:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-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(0px + 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\:ring-4: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(4px + 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\:ring-brand-blue-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(204 208 255 / var(--tw-ring-opacity, 1));
+}
+.focus\:ring-brand-blue-400:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(71 87 255 / var(--tw-ring-opacity, 1));
+}
+.focus\:ring-brand-yellow-300:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 243 199 / var(--tw-ring-opacity, 1));
+}
+.focus\:ring-gray-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(241 243 245 / var(--tw-ring-opacity, 1));
+}
+.focus\:ring-green-200:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(178 242 187 / var(--tw-ring-opacity, 1));
+}
+.focus\:ring-red-100:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(255 227 227 / var(--tw-ring-opacity, 1));
+}
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+.disabled\:bg-brand-blue-300:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(117 129 255 / var(--tw-bg-opacity, 1));
+}
+.disabled\:bg-brand-yellow-300:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 243 199 / var(--tw-bg-opacity, 1));
+}
+.disabled\:bg-gray-100:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1));
+}
+.disabled\:bg-red-300:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 168 168 / var(--tw-bg-opacity, 1));
+}
+.disabled\:text-brand-blue-100:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(204 208 255 / var(--tw-text-opacity, 1));
+}
+.disabled\:text-gray-300:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(222 226 230 / var(--tw-text-opacity, 1));
+}
+.disabled\:text-gray-400:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(206 212 218 / var(--tw-text-opacity, 1));
+}
+.disabled\:text-gray-500:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(173 181 189 / var(--tw-text-opacity, 1));
+}
+.disabled\:text-gray-yellow-400:disabled {
+  --tw-text-opacity: 1;
+  color: rgb(186 177 148 / var(--tw-text-opacity, 1));
+}
+.disabled\:opacity-50:disabled {
+  opacity: 0.5;
+}
+.group:hover .group-hover\:fill-gray-100 {
+  fill: #F1F3F5;
+}
+.group:hover .group-hover\:stroke-gray-100 {
+  stroke: #F1F3F5;
+}
+.group:hover .group-hover\:text-black {
+  --tw-text-opacity: 1;
+  color: rgb(24 23 29 / var(--tw-text-opacity, 1));
+}
+.aria-disabled\:stroke-gray-500[aria-disabled=true] {
+  stroke: #ADB5BD;
+}
+@media (min-width: 640px) {
+  .sm\:w-auto {
+    width: auto;
+  }
+  .sm\:flex-row {
+    flex-direction: row;
+  }
+  .sm\:items-center {
+    align-items: center;
+  }
+  .sm\:justify-end {
+    justify-content: flex-end;
+  }
+  .sm\:justify-between {
+    justify-content: space-between;
+  }
+  .sm\:gap-6 {
+    gap: 1.5rem;
+  }
+  .sm\:p-6 {
+    padding: 1.5rem;
+  }
+}
+@media (min-width: 768px) {
+  .md\:mx-auto {
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .md\:ml-auto {
+    margin-left: auto;
+  }
+  .md\:mt-8 {
+    margin-top: 2rem;
+  }
+  .md\:flex {
+    display: flex;
+  }
+  .md\:hidden {
+    display: none;
+  }
+  .md\:min-h-\[78px\] {
+    min-height: 78px;
+  }
+  .md\:w-\[400px\] {
+    width: 400px;
+  }
+  .md\:w-fit {
+    width: fit-content;
+  }
+  .md\:max-w-\[170px\] {
+    max-width: 170px;
+  }
+  .md\:max-w-\[430px\] {
+    max-width: 430px;
+  }
+  .md\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .md\:flex-row {
+    flex-direction: row;
+  }
+  .md\:items-center {
+    align-items: center;
+  }
+  .md\:p-6 {
+    padding: 1.5rem;
+  }
+  .md\:pb-6 {
+    padding-bottom: 1.5rem;
+  }
+}
+@media (min-width: 1024px) {
+  .lg\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}
+.\[\&\:\:-webkit-calendar-picker-indicator\]\:hidden::-webkit-calendar-picker-indicator {
+  display: none;
+}
+.\[\&\>\*\>\*\]\:stroke-\[\#ADB5BD\] > * > * {
+  stroke: #ADB5BD;
+}
+.\[\&\>\*\>\*\]\:stroke-brand-blue-400 > * > * {
+  stroke: #4757FF;
+}
+.\[\&\>\*\]\:stroke-brand-blue-400 > * {
+  stroke: #4757FF;
+}
+.\[\&_input\]\:text-\[16px\] input {
+  font-size: 16px;
+}
+.\[\&_path\]\:fill-gray-500 path {
+  fill: #ADB5BD;
+}
+.\[\&_path\]\:stroke-black path {
+  stroke: #18171D;
+}
+.\[\&_path\]\:stroke-gray-500 path {
+  stroke: #ADB5BD;
+}
+.group:hover .group-hover\:\[\&_path\]\:fill-brand-yellow-300 path {
+  fill: #FFF3C7;
+}
+.\[\&_rect\]\:fill-gray-500 rect {
+  fill: #ADB5BD;
+}
+/*# sourceMappingURL=styles.css.map */