/*@tailwind base;*/

.twn-absolute {
  position: absolute
}

.twn-relative {
  position: relative
}

.twn-right-0 {
  right: 0px
}

.twn-right-\[18px\] {
  right: 18px
}

.twn-top-\[60px\] {
  top: 60px
}

.twn-m-2 {
  margin: 0.5rem
}

.twn-mb-3 {
  margin-bottom: 0.75rem
}

.twn-ml-\[15px\] {
  margin-left: 15px
}

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

.twn-mt-3 {
  margin-top: 0.75rem
}

.twn-mt-\[19px\] {
  margin-top: 19px
}

.twn-flex {
  display: flex
}

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

.twn-h-5 {
  height: 1.25rem
}

.twn-h-6 {
  height: 1.5rem
}

.twn-h-8 {
  height: 2rem
}

.twn-h-\[3px\] {
  height: 3px
}

.twn-h-\[585px\] {
  height: 585px
}

.twn-h-\[6px\] {
  height: 6px
}

.twn-w-5 {
  width: 1.25rem
}

.twn-w-6 {
  width: 1.5rem
}

.twn-w-8 {
  width: 2rem
}

.twn-w-\[38px\] {
  width: 38px
}

.twn-w-\[3px\] {
  width: 3px
}

.twn-w-\[499px\] {
  width: 499px
}

.twn-w-\[6px\] {
  width: 6px
}

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

.twn-w-full {
  width: 100%
}

.twn-flex-1 {
  flex: 1 1 0%
}

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

.twn-cursor-pointer {
  cursor: pointer
}

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

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

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

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

.twn-gap-2 {
  gap: 0.5rem
}

.twn-gap-3 {
  gap: 0.75rem
}

.twn-gap-\[19px\] {
  gap: 19px
}

.twn-gap-\[3px\] {
  gap: 3px
}

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

.twn-overflow-x-hidden {
  overflow-x: hidden
}

.twn-text-nowrap {
  text-wrap: nowrap
}

.twn-rounded-\[10px\] {
  border-radius: 10px
}

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

.twn-rounded-b-lg {
  border-bottom-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem
}

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

.twn-border-b-\[1px\] {
  border-bottom-width: 1px
}

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

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

.twn-bg-\[\#1C1B1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 27 31 / var(--tw-bg-opacity, 1))
}

.twn-bg-\[\#335CFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 92 255 / var(--tw-bg-opacity, 1))
}

.twn-bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

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

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

.twn-p-0 {
  padding: 0px
}

.twn-p-4 {
  padding: 1rem
}

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

.twn-px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px
}

.twn-px-\[9px\] {
  padding-left: 9px;
  padding-right: 9px
}

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

.twn-py-7 {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem
}

.twn-pb-\[7px\] {
  padding-bottom: 7px
}

.twn-pt-\[11px\] {
  padding-top: 11px
}

.twn-align-middle {
  vertical-align: middle
}

.twn-text-\[14px\] {
  font-size: 14px
}

.twn-text-\[18px\] {
  font-size: 18px
}

.twn-font-\[600\] {
  font-weight: 600
}

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

.twn-leading-\[20px\] {
  line-height: 20px
}

.twn-tracking-\[-0\.006em\] {
  letter-spacing: -0.006em
}

.twn-text-\[\#333333\] {
  --tw-text-opacity: 1;
  color: rgb(51 51 51 / var(--tw-text-opacity, 1))
}

.twn-text-\[\#737373\] {
  --tw-text-opacity: 1;
  color: rgb(115 115 115 / var(--tw-text-opacity, 1))
}

.\!twn-no-underline {
  text-decoration-line: none !important
}

.twn-opacity-90 {
  opacity: 0.9
}

.twn-shadow-\[0px_4px_14px_0px_\#0000001A\] {
  --tw-shadow: 0px 4px 14px 0px #0000001A;
  --tw-shadow-colored: 0px 4px 14px 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)
}

.twn-shadow-\[4px_4px_10px_9px_\#0000000D\] {
  --tw-shadow: 4px 4px 10px 9px #0000000D;
  --tw-shadow-colored: 4px 4px 10px 9px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.twn-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
}

.twn-duration-200 {
  transition-duration: 200ms
}

.hover\:twn-bg-blue-100:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1))
}