/**
 * START --- SETUP TAILWINDCSS EDIT
 *
 * `yarn rw setup ui tailwindcss` placed these directives here
 * to inject Tailwind's styles into your CSS.
 * For more information, see: https://tailwindcss.com/docs/installation
 */
*, ::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(33 150 243 / 0.5);
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-ring-shadow: 0 0 #0000;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-colored: 0 0 #0000;
      --tw-blur:  ;
      --tw-brightness:  ;
      --tw-contrast:  ;
      --tw-grayscale:  ;
      --tw-hue-rotate:  ;
      --tw-invert:  ;
      --tw-saturate:  ;
      --tw-sepia:  ;
      --tw-drop-shadow:  ;
      --tw-backdrop-blur:  ;
      --tw-backdrop-brightness:  ;
      --tw-backdrop-contrast:  ;
      --tw-backdrop-grayscale:  ;
      --tw-backdrop-hue-rotate:  ;
      --tw-backdrop-invert:  ;
      --tw-backdrop-opacity:  ;
      --tw-backdrop-saturate:  ;
      --tw-backdrop-sepia:  ;
}
::backdrop {
      --tw-border-spacing-x: 0;
      --tw-border-spacing-y: 0;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-pan-x:  ;
      --tw-pan-y:  ;
      --tw-pinch-zoom:  ;
      --tw-scroll-snap-strictness: proximity;
      --tw-gradient-from-position:  ;
      --tw-gradient-via-position:  ;
      --tw-gradient-to-position:  ;
      --tw-ordinal:  ;
      --tw-slashed-zero:  ;
      --tw-numeric-figure:  ;
      --tw-numeric-spacing:  ;
      --tw-numeric-fraction:  ;
      --tw-ring-inset:  ;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: rgb(33 150 243 / 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:  ;
}
.container {
      width: 100%;
}
@media (min-width: 640px) {
      .container {
            max-width: 640px;
      }
}
@media (min-width: 768px) {
      .container {
            max-width: 768px;
      }
}
@media (min-width: 1024px) {
      .container {
            max-width: 1024px;
      }
}
@media (min-width: 1280px) {
      .container {
            max-width: 1280px;
      }
}
@media (min-width: 1536px) {
      .container {
            max-width: 1536px;
      }
}
.pointer-events-none {
      pointer-events: none !important;
}
.visible {
      visibility: visible !important;
}
.collapse {
      visibility: collapse !important;
}
.static {
      position: static !important;
}
.fixed {
      position: fixed !important;
}
.absolute {
      position: absolute !important;
}
.relative {
      position: relative !important;
}
.sticky {
      position: sticky !important;
}
.inset-0 {
      inset: 0px !important;
}
.bottom-0 {
      bottom: 0px !important;
}
.bottom-10 {
      bottom: 80px !important;
}
.bottom-4 {
      bottom: 32px !important;
}
.left-0 {
      left: 0px !important;
}
.left-1\/2 {
      left: 50% !important;
}
.left-\[80px\] {
      left: 80px !important;
}
.right-0 {
      right: 0px !important;
}
.right-2 {
      right: 16px !important;
}
.right-4 {
      right: 32px !important;
}
.top-0 {
      top: 0px !important;
}
.top-1\/2 {
      top: 50% !important;
}
.top-2 {
      top: 16px !important;
}
.top-5 {
      top: 40px !important;
}
.top-full {
      top: 100% !important;
}
.z-10 {
      z-index: 10 !important;
}
.z-50 {
      z-index: 50 !important;
}
.z-\[1100\] {
      z-index: 1100 !important;
}
.z-\[1200\] {
      z-index: 1200 !important;
}
.z-\[1400\] {
      z-index: 1400 !important;
}
.z-\[1\] {
      z-index: 1 !important;
}
.col-span-1 {
      grid-column: span 1 / span 1 !important;
}
.col-span-10 {
      grid-column: span 10 / span 10 !important;
}
.col-span-11 {
      grid-column: span 11 / span 11 !important;
}
.col-span-2 {
      grid-column: span 2 / span 2 !important;
}
.col-span-3 {
      grid-column: span 3 / span 3 !important;
}
.col-span-4 {
      grid-column: span 4 / span 4 !important;
}
.col-span-6 {
      grid-column: span 6 / span 6 !important;
}
.col-span-7 {
      grid-column: span 7 / span 7 !important;
}
.col-span-9 {
      grid-column: span 9 / span 9 !important;
}
.col-span-full {
      grid-column: 1 / -1 !important;
}
.col-start-1 {
      grid-column-start: 1 !important;
}
.col-start-2 {
      grid-column-start: 2 !important;
}
.row-start-1 {
      grid-row-start: 1 !important;
}
.float-right {
      float: right !important;
}
.m-0 {
      margin: 0px !important;
}
.m-1 {
      margin: 8px !important;
}
.m-2 {
      margin: 16px !important;
}
.m-3 {
      margin: 24px !important;
}
.m-4 {
      margin: 32px !important;
}
.mx-1 {
      margin-left: 8px !important;
      margin-right: 8px !important;
}
.mx-2 {
      margin-left: 16px !important;
      margin-right: 16px !important;
}
.mx-3 {
      margin-left: 24px !important;
      margin-right: 24px !important;
}
.mx-4 {
      margin-left: 32px !important;
      margin-right: 32px !important;
}
.mx-\[-16px\] {
      margin-left: -16px !important;
      margin-right: -16px !important;
}
.mx-auto {
      margin-left: auto !important;
      margin-right: auto !important;
}
.my-0 {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
}
.my-0\.5 {
      margin-top: 4px !important;
      margin-bottom: 4px !important;
}
.my-1 {
      margin-top: 8px !important;
      margin-bottom: 8px !important;
}
.my-2 {
      margin-top: 16px !important;
      margin-bottom: 16px !important;
}
.my-3 {
      margin-top: 24px !important;
      margin-bottom: 24px !important;
}
.my-4 {
      margin-top: 32px !important;
      margin-bottom: 32px !important;
}
.my-\[14px\] {
      margin-top: 14px !important;
      margin-bottom: 14px !important;
}
.-ml-2 {
      margin-left: -16px !important;
}
.-mt-2 {
      margin-top: -16px !important;
}
.mb-0 {
      margin-bottom: 0px !important;
}
.mb-0\.5 {
      margin-bottom: 4px !important;
}
.mb-1 {
      margin-bottom: 8px !important;
}
.mb-10 {
      margin-bottom: 80px !important;
}
.mb-2 {
      margin-bottom: 16px !important;
}
.mb-3 {
      margin-bottom: 24px !important;
}
.mb-4 {
      margin-bottom: 32px !important;
}
.mb-5 {
      margin-bottom: 40px !important;
}
.mb-6 {
      margin-bottom: 48px !important;
}
.mb-\[-16px\] {
      margin-bottom: -16px !important;
}
.mb-\[4px\] {
      margin-bottom: 4px !important;
}
.ml-0 {
      margin-left: 0px !important;
}
.ml-0\.5 {
      margin-left: 4px !important;
}
.ml-1 {
      margin-left: 8px !important;
}
.ml-2 {
      margin-left: 16px !important;
}
.ml-4 {
      margin-left: 32px !important;
}
.ml-\[2px\] {
      margin-left: 2px !important;
}
.ml-auto {
      margin-left: auto !important;
}
.mr-0 {
      margin-right: 0px !important;
}
.mr-1 {
      margin-right: 8px !important;
}
.mr-2 {
      margin-right: 16px !important;
}
.mr-3 {
      margin-right: 24px !important;
}
.mr-4 {
      margin-right: 32px !important;
}
.mr-\[5px\] {
      margin-right: 5px !important;
}
.mt-0 {
      margin-top: 0px !important;
}
.mt-0\.25 {
      margin-top: 2px !important;
}
.mt-0\.5 {
      margin-top: 4px !important;
}
.mt-1 {
      margin-top: 8px !important;
}
.mt-2 {
      margin-top: 16px !important;
}
.mt-3 {
      margin-top: 24px !important;
}
.mt-4 {
      margin-top: 32px !important;
}
.mt-5 {
      margin-top: 40px !important;
}
.mt-7 {
      margin-top: 56px !important;
}
.mt-8 {
      margin-top: 64px !important;
}
.mt-\[-32px\] {
      margin-top: -32px !important;
}
.mt-\[7vh\] {
      margin-top: 7vh !important;
}
.line-clamp-1 {
      overflow: hidden !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 1 !important;
}
.line-clamp-2 {
      overflow: hidden !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 2 !important;
}
.line-clamp-3 {
      overflow: hidden !important;
      display: -webkit-box !important;
      -webkit-box-orient: vertical !important;
      -webkit-line-clamp: 3 !important;
}
.block {
      display: block !important;
}
.inline-block {
      display: inline-block !important;
}
.inline {
      display: inline !important;
}
.flex {
      display: flex !important;
}
.inline-flex {
      display: inline-flex !important;
}
.\!table {
      display: table !important;
}
.table {
      display: table !important;
}
.grid {
      display: grid !important;
}
.contents {
      display: contents !important;
}
.list-item {
      display: list-item !important;
}
.hidden {
      display: none !important;
}
.aspect-\[1\.4142_\/_1\] {
      aspect-ratio: 1.4142 / 1 !important;
}
.aspect-square {
      aspect-ratio: 1 / 1 !important;
}
.h-0 {
      height: 0px !important;
}
.h-1 {
      height: 8px !important;
}
.h-10 {
      height: 80px !important;
}
.h-14 {
      height: 112px !important;
}
.h-2 {
      height: 16px !important;
}
.h-2\/3 {
      height: 66.666667% !important;
}
.h-20 {
      height: 160px !important;
}
.h-26 {
      height: 208px !important;
}
.h-3 {
      height: 24px !important;
}
.h-4 {
      height: 32px !important;
}
.h-4\/5 {
      height: 80% !important;
}
.h-47 {
      height: 376px !important;
}
.h-5 {
      height: 40px !important;
}
.h-50 {
      height: 400px !important;
}
.h-52 {
      height: 416px !important;
}
.h-65 {
      height: 520px !important;
}
.h-7 {
      height: 56px !important;
}
.h-75 {
      height: 600px !important;
}
.h-8 {
      height: 64px !important;
}
.h-85 {
      height: 680px !important;
}
.h-9 {
      height: 72px !important;
}
.h-\[-webkit-fill-available\] {
      height: -webkit-fill-available !important;
}
.h-\[100\%\] {
      height: 100% !important;
}
.h-\[20px\] {
      height: 20px !important;
}
.h-\[28px\] {
      height: 28px !important;
}
.h-\[300px\] {
      height: 300px !important;
}
.h-\[32px\] {
      height: 32px !important;
}
.h-\[400px\] {
      height: 400px !important;
}
.h-\[40px\] {
      height: 40px !important;
}
.h-\[44px\] {
      height: 44px !important;
}
.h-\[50\%\] {
      height: 50% !important;
}
.h-\[50px\] {
      height: 50px !important;
}
.h-\[8\.5in\] {
      height: 8.5in !important;
}
.h-\[93vh\] {
      height: 93vh !important;
}
.h-\[96px\] {
      height: 96px !important;
}
.h-\[calc\(100\%-36px\)\] {
      height: calc(100% - 36px) !important;
}
.h-\[calc\(100\%_-_80px\)\] {
      height: calc(100% - 80px) !important;
}
.h-\[calc\(100vh-120px\)\] {
      height: calc(100vh - 120px) !important;
}
.h-\[calc\(100vh-320px\)\] {
      height: calc(100vh - 320px) !important;
}
.h-\[calc\(100vh-64px\)\] {
      height: calc(100vh - 64px) !important;
}
.h-\[calc\(80vh-180px\)\] {
      height: calc(80vh - 180px) !important;
}
.h-auto {
      height: auto !important;
}
.h-fit {
      height: -moz-fit-content !important;
      height: fit-content !important;
}
.h-full {
      height: 100% !important;
}
.h-screen {
      height: 100vh !important;
}
.max-h-0 {
      max-height: 0px !important;
}
.max-h-25 {
      max-height: 200px !important;
}
.max-h-28 {
      max-height: 224px !important;
}
.max-h-37 {
      max-height: 296px !important;
}
.max-h-45 {
      max-height: 360px !important;
}
.max-h-48 {
      max-height: 384px !important;
}
.max-h-49 {
      max-height: 392px !important;
}
.max-h-60 {
      max-height: 480px !important;
}
.max-h-8 {
      max-height: 64px !important;
}
.max-h-80 {
      max-height: 640px !important;
}
.max-h-93 {
      max-height: 744px !important;
}
.max-h-96 {
      max-height: 768px !important;
}
.max-h-\[300px\] {
      max-height: 300px !important;
}
.max-h-\[50\%\] {
      max-height: 50% !important;
}
.max-h-\[500px\] {
      max-height: 500px !important;
}
.max-h-\[60vh\] {
      max-height: 60vh !important;
}
.max-h-\[70vh\] {
      max-height: 70vh !important;
}
.max-h-\[90\%\] {
      max-height: 90% !important;
}
.max-h-\[90vh\] {
      max-height: 90vh !important;
}
.max-h-\[calc\(100vh-250px\)\] {
      max-height: calc(100vh - 250px) !important;
}
.max-h-\[calc\(100vh-320px\)\] {
      max-height: calc(100vh - 320px) !important;
}
.min-h-0 {
      min-height: 0px !important;
}
.min-h-\[20px\] {
      min-height: 20px !important;
}
.min-h-\[28px\] {
      min-height: 28px !important;
}
.min-h-\[300px\] {
      min-height: 300px !important;
}
.min-h-\[60vh\] {
      min-height: 60vh !important;
}
.min-h-full {
      min-height: 100% !important;
}
.min-h-screen {
      min-height: 100vh !important;
}
.w-0 {
      width: 0px !important;
}
.w-1 {
      width: 8px !important;
}
.w-1\/12 {
      width: 8.333333% !important;
}
.w-1\/2 {
      width: 50% !important;
}
.w-1\/3 {
      width: 33.333333% !important;
}
.w-1\/4 {
      width: 25% !important;
}
.w-10 {
      width: 80px !important;
}
.w-100 {
      width: 800px !important;
}
.w-111 {
      width: 888px !important;
}
.w-120 {
      width: 960px !important;
}
.w-14 {
      width: 112px !important;
}
.w-140 {
      width: 1120px !important;
}
.w-150 {
      width: 1200px !important;
}
.w-16 {
      width: 128px !important;
}
.w-2 {
      width: 16px !important;
}
.w-2\/12 {
      width: 16.666667% !important;
}
.w-2\/3 {
      width: 66.666667% !important;
}
.w-2\/4 {
      width: 50% !important;
}
.w-2\/5 {
      width: 40% !important;
}
.w-20 {
      width: 160px !important;
}
.w-24 {
      width: 192px !important;
}
.w-3 {
      width: 24px !important;
}
.w-3\/12 {
      width: 25% !important;
}
.w-3\/4 {
      width: 75% !important;
}
.w-3\/5 {
      width: 60% !important;
}
.w-30 {
      width: 240px !important;
}
.w-4 {
      width: 32px !important;
}
.w-4\/5 {
      width: 80% !important;
}
.w-46 {
      width: 368px !important;
}
.w-47 {
      width: 376px !important;
}
.w-5 {
      width: 40px !important;
}
.w-5\/12 {
      width: 41.666667% !important;
}
.w-50 {
      width: 400px !important;
}
.w-6\/12 {
      width: 50% !important;
}
.w-60 {
      width: 480px !important;
}
.w-7\/12 {
      width: 58.333333% !important;
}
.w-75 {
      width: 600px !important;
}
.w-80 {
      width: 640px !important;
}
.w-\[1000px\] {
      width: 1000px !important;
}
.w-\[1200px\] {
      width: 1200px !important;
}
.w-\[150px\] {
      width: 150px !important;
}
.w-\[180px\] {
      width: 180px !important;
}
.w-\[200px\] {
      width: 200px !important;
}
.w-\[20px\] {
      width: 20px !important;
}
.w-\[2px\] {
      width: 2px !important;
}
.w-\[300px\] {
      width: 300px !important;
}
.w-\[40\%\] {
      width: 40% !important;
}
.w-\[400px\] {
      width: 400px !important;
}
.w-\[44px\] {
      width: 44px !important;
}
.w-\[475px\] {
      width: 475px !important;
}
.w-\[50px\] {
      width: 50px !important;
}
.w-\[600px\] {
      width: 600px !important;
}
.w-\[70vw\] {
      width: 70vw !important;
}
.w-\[800px\] {
      width: 800px !important;
}
.w-\[80px\] {
      width: 80px !important;
}
.w-\[calc\(33\%_-_66px\)\] {
      width: calc(33% - 66px) !important;
}
.w-auto {
      width: auto !important;
}
.w-fit {
      width: -moz-fit-content !important;
      width: fit-content !important;
}
.w-full {
      width: 100% !important;
}
.w-max {
      width: -moz-max-content !important;
      width: max-content !important;
}
.min-w-0 {
      min-width: 0px !important;
}
.min-w-\[120px\] {
      min-width: 120px !important;
}
.min-w-\[180px\] {
      min-width: 180px !important;
}
.min-w-\[200px\] {
      min-width: 200px !important;
}
.min-w-\[250px\] {
      min-width: 250px !important;
}
.min-w-\[400px\] {
      min-width: 400px !important;
}
.min-w-\[44px\] {
      min-width: 44px !important;
}
.min-w-\[500px\] {
      min-width: 500px !important;
}
.min-w-\[60\%\] {
      min-width: 60% !important;
}
.min-w-\[600px\] {
      min-width: 600px !important;
}
.min-w-\[60px\] {
      min-width: 60px !important;
}
.min-w-fit {
      min-width: -moz-fit-content !important;
      min-width: fit-content !important;
}
.min-w-full {
      min-width: 100% !important;
}
.max-w-2xl {
      max-width: 42rem !important;
}
.max-w-4xl {
      max-width: 56rem !important;
}
.max-w-\[1000px\] {
      max-width: 1000px !important;
}
.max-w-\[150px\] {
      max-width: 150px !important;
}
.max-w-\[304px\] {
      max-width: 304px !important;
}
.max-w-\[350px\] {
      max-width: 350px !important;
}
.max-w-\[600px\] {
      max-width: 600px !important;
}
.max-w-\[700px\] {
      max-width: 700px !important;
}
.max-w-\[800px\] {
      max-width: 800px !important;
}
.max-w-\[90\%\] {
      max-width: 90% !important;
}
.max-w-\[90vw\] {
      max-width: 90vw !important;
}
.max-w-full {
      max-width: 100% !important;
}
.max-w-lg {
      max-width: 32rem !important;
}
.max-w-md {
      max-width: 28rem !important;
}
.max-w-none {
      max-width: none !important;
}
.max-w-xs {
      max-width: 20rem !important;
}
.flex-1 {
      flex: 1 1 0% !important;
}
.flex-\[0_1_20\%\] {
      flex: 0 1 20% !important;
}
.flex-\[4_0_80\%\] {
      flex: 4 0 80% !important;
}
.flex-shrink {
      flex-shrink: 1 !important;
}
.flex-shrink-0 {
      flex-shrink: 0 !important;
}
.shrink {
      flex-shrink: 1 !important;
}
.shrink-0 {
      flex-shrink: 0 !important;
}
.flex-grow {
      flex-grow: 1 !important;
}
.flex-grow-0 {
      flex-grow: 0 !important;
}
.grow {
      flex-grow: 1 !important;
}
.basis-1\/2 {
      flex-basis: 50% !important;
}
.basis-1\/3 {
      flex-basis: 33.333333% !important;
}
.basis-1\/4 {
      flex-basis: 25% !important;
}
.basis-1\/5 {
      flex-basis: 20% !important;
}
.basis-1\/6 {
      flex-basis: 16.666667% !important;
}
.basis-3\/4 {
      flex-basis: 75% !important;
}
.basis-4\/5 {
      flex-basis: 80% !important;
}
.basis-\[270px\] {
      flex-basis: 270px !important;
}
.table-fixed {
      table-layout: fixed !important;
}
.-translate-x-1\/2 {
      --tw-translate-x: -50% !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-4 {
      --tw-translate-x: -32px !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-y-1\/2 {
      --tw-translate-y: -50% !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-0 {
      --tw-translate-x: 0px !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.translate-x-4 {
      --tw-translate-x: 32px !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-0 {
      --tw-rotate: 0deg !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-180 {
      --tw-rotate: 180deg !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.rotate-90 {
      --tw-rotate: 90deg !important;
      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.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)) !important;
}
@keyframes pulse {
      50% {
            opacity: .5;
      }
}
.animate-pulse {
      animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite !important;
}
@keyframes spin {
      to {
            transform: rotate(360deg);
      }
}
.animate-spin {
      animation: spin 1s linear infinite !important;
}
.cursor-move {
      cursor: move !important;
}
.cursor-not-allowed {
      cursor: not-allowed !important;
}
.cursor-pointer {
      cursor: pointer !important;
}
.select-none {
      -webkit-user-select: none !important;
         -moz-user-select: none !important;
              user-select: none !important;
}
.resize-none {
      resize: none !important;
}
.resize {
      resize: both !important;
}
.list-decimal {
      list-style-type: decimal !important;
}
.list-disc {
      list-style-type: disc !important;
}
.grid-flow-col {
      grid-auto-flow: column !important;
}
.grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.grid-cols-10 {
      grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.grid-cols-12 {
      grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.grid-cols-7 {
      grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.grid-cols-9 {
      grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.grid-cols-\[1fr_auto\] {
      grid-template-columns: 1fr auto !important;
}
.grid-cols-\[1fr_auto_auto_auto\] {
      grid-template-columns: 1fr auto auto auto !important;
}
.grid-cols-\[25\%_75\%\] {
      grid-template-columns: 25% 75% !important;
}
.grid-cols-\[30\%_70\%\] {
      grid-template-columns: 30% 70% !important;
}
.grid-cols-\[40\%_60\%\] {
      grid-template-columns: 40% 60% !important;
}
.grid-cols-\[70\%_30\%\] {
      grid-template-columns: 70% 30% !important;
}
.grid-cols-\[75\%_25\%\] {
      grid-template-columns: 75% 25% !important;
}
.grid-cols-\[auto_1fr\] {
      grid-template-columns: auto 1fr !important;
}
.grid-cols-\[max-content_1fr\] {
      grid-template-columns: max-content 1fr !important;
}
.grid-rows-2 {
      grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.grid-rows-4 {
      grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}
.flex-row {
      flex-direction: row !important;
}
.flex-row-reverse {
      flex-direction: row-reverse !important;
}
.flex-col {
      flex-direction: column !important;
}
.flex-wrap {
      flex-wrap: wrap !important;
}
.items-start {
      align-items: flex-start !important;
}
.items-end {
      align-items: flex-end !important;
}
.items-center {
      align-items: center !important;
}
.items-baseline {
      align-items: baseline !important;
}
.items-stretch {
      align-items: stretch !important;
}
.justify-start {
      justify-content: flex-start !important;
}
.justify-end {
      justify-content: flex-end !important;
}
.justify-center {
      justify-content: center !important;
}
.justify-between {
      justify-content: space-between !important;
}
.justify-around {
      justify-content: space-around !important;
}
.gap-0 {
      gap: 0px !important;
}
.gap-0\.25 {
      gap: 2px !important;
}
.gap-0\.5 {
      gap: 4px !important;
}
.gap-1 {
      gap: 8px !important;
}
.gap-2 {
      gap: 16px !important;
}
.gap-3 {
      gap: 24px !important;
}
.gap-4 {
      gap: 32px !important;
}
.gap-5 {
      gap: 40px !important;
}
.gap-6 {
      gap: 48px !important;
}
.gap-x-1 {
      -moz-column-gap: 8px !important;
           column-gap: 8px !important;
}
.gap-x-2 {
      -moz-column-gap: 16px !important;
           column-gap: 16px !important;
}
.gap-x-3 {
      -moz-column-gap: 24px !important;
           column-gap: 24px !important;
}
.gap-y-1 {
      row-gap: 8px !important;
}
.gap-y-2 {
      row-gap: 16px !important;
}
.gap-y-3 {
      row-gap: 24px !important;
}
.gap-y-4 {
      row-gap: 32px !important;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-x-reverse: 0 !important;
      margin-right: calc(16px * var(--tw-space-x-reverse)) !important;
      margin-left: calc(16px * calc(1 - var(--tw-space-x-reverse))) !important;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(8px * var(--tw-space-y-reverse)) !important;
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(16px * var(--tw-space-y-reverse)) !important;
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(24px * var(--tw-space-y-reverse)) !important;
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(32px * var(--tw-space-y-reverse)) !important;
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0 !important;
      margin-top: calc(48px * calc(1 - var(--tw-space-y-reverse))) !important;
      margin-bottom: calc(48px * var(--tw-space-y-reverse)) !important;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-y-reverse: 0 !important;
      border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
      border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important;
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
      --tw-divide-opacity: 1 !important;
      border-color: rgb(229 231 235 / var(--tw-divide-opacity)) !important;
}
.self-start {
      align-self: flex-start !important;
}
.self-end {
      align-self: flex-end !important;
}
.self-center {
      align-self: center !important;
}
.overflow-auto {
      overflow: auto !important;
}
.overflow-hidden {
      overflow: hidden !important;
}
.overflow-visible {
      overflow: visible !important;
}
.overflow-scroll {
      overflow: scroll !important;
}
.overflow-x-auto {
      overflow-x: auto !important;
}
.overflow-y-auto {
      overflow-y: auto !important;
}
.overflow-x-hidden {
      overflow-x: hidden !important;
}
.overflow-y-clip {
      overflow-y: clip !important;
}
.overflow-x-scroll {
      overflow-x: scroll !important;
}
.overflow-y-scroll {
      overflow-y: scroll !important;
}
.overscroll-contain {
      overscroll-behavior: contain !important;
}
.truncate {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
}
.overflow-ellipsis {
      text-overflow: ellipsis !important;
}
.text-ellipsis {
      text-overflow: ellipsis !important;
}
.whitespace-normal {
      white-space: normal !important;
}
.whitespace-nowrap {
      white-space: nowrap !important;
}
.whitespace-pre-line {
      white-space: pre-line !important;
}
.whitespace-pre-wrap {
      white-space: pre-wrap !important;
}
.break-words {
      overflow-wrap: break-word !important;
}
.rounded {
      border-radius: 0.25rem !important;
}
.rounded-2xl {
      border-radius: 1rem !important;
}
.rounded-\[4px\] {
      border-radius: 4px !important;
}
.rounded-full {
      border-radius: 9999px !important;
}
.rounded-lg {
      border-radius: 0.5rem !important;
}
.rounded-md {
      border-radius: 0.375rem !important;
}
.rounded-xl {
      border-radius: 0.75rem !important;
}
.rounded-b-2xl {
      border-bottom-right-radius: 1rem !important;
      border-bottom-left-radius: 1rem !important;
}
.rounded-b-lg {
      border-bottom-right-radius: 0.5rem !important;
      border-bottom-left-radius: 0.5rem !important;
}
.rounded-b-xl {
      border-bottom-right-radius: 0.75rem !important;
      border-bottom-left-radius: 0.75rem !important;
}
.rounded-l-md {
      border-top-left-radius: 0.375rem !important;
      border-bottom-left-radius: 0.375rem !important;
}
.rounded-l-none {
      border-top-left-radius: 0px !important;
      border-bottom-left-radius: 0px !important;
}
.rounded-r-none {
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
}
.rounded-t-2xl {
      border-top-left-radius: 1rem !important;
      border-top-right-radius: 1rem !important;
}
.rounded-t-3xl {
      border-top-left-radius: 1.5rem !important;
      border-top-right-radius: 1.5rem !important;
}
.rounded-t-lg {
      border-top-left-radius: 0.5rem !important;
      border-top-right-radius: 0.5rem !important;
}
.rounded-t-none {
      border-top-left-radius: 0px !important;
      border-top-right-radius: 0px !important;
}
.rounded-tl-\[19\.399px\] {
      border-top-left-radius: 19.399px !important;
}
.border {
      border-width: 1px !important;
}
.border-0 {
      border-width: 0px !important;
}
.border-2 {
      border-width: 2px !important;
}
.border-\[0\] {
      border-width: 0 !important;
}
.border-y-0 {
      border-top-width: 0px !important;
      border-bottom-width: 0px !important;
}
.border-b {
      border-bottom-width: 1px !important;
}
.border-b-2 {
      border-bottom-width: 2px !important;
}
.border-l {
      border-left-width: 1px !important;
}
.border-l-0 {
      border-left-width: 0px !important;
}
.border-l-\[0\.5px\] {
      border-left-width: 0.5px !important;
}
.border-r {
      border-right-width: 1px !important;
}
.border-r-\[0\.5px\] {
      border-right-width: 0.5px !important;
}
.border-t {
      border-top-width: 1px !important;
}
.border-t-0 {
      border-top-width: 0px !important;
}
.border-t-\[1px\] {
      border-top-width: 1px !important;
}
.border-solid {
      border-style: solid !important;
}
.border-none {
      border-style: none !important;
}
.border-\[\#00000026\] {
      border-color: #00000026 !important;
}
.border-\[\#66C96D\] {
      --tw-border-opacity: 1 !important;
      border-color: rgb(102 201 109 / var(--tw-border-opacity)) !important;
}
.border-\[\#DB5A5A\] {
      --tw-border-opacity: 1 !important;
      border-color: rgb(219 90 90 / var(--tw-border-opacity)) !important;
}
.border-\[\#F57F2A\] {
      --tw-border-opacity: 1 !important;
      border-color: rgb(245 127 42 / var(--tw-border-opacity)) !important;
}
.border-\[\#e0e0e0\] {
      --tw-border-opacity: 1 !important;
      border-color: rgb(224 224 224 / var(--tw-border-opacity)) !important;
}
.border-\[rgba\(224\2c 224\2c 224\2c 1\)\] {
      border-color: rgba(224,224,224,1) !important;
}
.border-\[rgba\(255\2c 215\2c 0\2c 0\.5\)\] {
      border-color: rgba(255,215,0,0.5) !important;
}
.border-amber-400 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(255 202 40 / var(--tw-border-opacity)) !important;
}
.border-black {
      --tw-border-opacity: 1 !important;
      border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}
.border-black\/10 {
      border-color: rgb(0 0 0 / 0.1) !important;
}
.border-blue-600 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(30 136 229 / var(--tw-border-opacity)) !important;
}
.border-current {
      border-color: currentColor !important;
}
.border-gray-100 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(243 244 246 / var(--tw-border-opacity)) !important;
}
.border-gray-200 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important;
}
.border-gray-300 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
}
.border-green-200 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(165 214 167 / var(--tw-border-opacity)) !important;
}
.border-green-500 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(76 175 80 / var(--tw-border-opacity)) !important;
}
.border-grey-400 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(189 189 189 / var(--tw-border-opacity)) !important;
}
.border-red-500 {
      --tw-border-opacity: 1 !important;
      border-color: rgb(244 67 54 / var(--tw-border-opacity)) !important;
}
.border-sys-border {
      --tw-border-opacity: 1 !important;
      border-color: rgb(224 224 224 / var(--tw-border-opacity)) !important;
}
.border-sys-primary-main {
      --tw-border-opacity: 1 !important;
      border-color: rgb(43 131 253 / var(--tw-border-opacity)) !important;
}
.border-transparent {
      border-color: transparent !important;
}
.border-b-black {
      --tw-border-opacity: 1 !important;
      border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}
.border-t-transparent {
      border-top-color: transparent !important;
}
.border-opacity-10 {
      --tw-border-opacity: 0.1 !important;
}
.bg-\[\#616161\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(97 97 97 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#66C96D\]\/10 {
      background-color: rgb(102 201 109 / 0.1) !important;
}
.bg-\[\#DB5A5A\]\/10 {
      background-color: rgb(219 90 90 / 0.1) !important;
}
.bg-\[\#E1EFFE\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(225 239 254 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#E4E4E4\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(228 228 228 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#EBECF3\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(235 236 243 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#F4F5F9\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(244 245 249 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#F57F2A\]\/10 {
      background-color: rgb(245 127 42 / 0.1) !important;
}
.bg-\[\#F7FFF8\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(247 255 248 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#F8F8F8\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(248 248 248 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#FAFAFA\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#FFFFFF\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#deebfe\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(222 235 254 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#f2f7fc\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(242 247 252 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#ffffff\] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-\[rgba\(0\2c 0\2c 0\2c 0\.12\)\] {
      background-color: rgba(0,0,0,0.12) !important;
}
.bg-\[rgba\(220\2c 38\2c 38\2c 0\.2\)\] {
      background-color: rgba(220,38,38,0.2) !important;
}
.bg-\[rgba\(239\2c 108\2c 0\2c 0\.2\)\] {
      background-color: rgba(239,108,0,0.2) !important;
}
.bg-\[rgba\(255\2c 215\2c 0\2c 0\.4\)\] {
      background-color: rgba(255,215,0,0.4) !important;
}
.bg-\[rgba\(39\2c 174\2c 96\2c 0\.2\)\] {
      background-color: rgba(39,174,96,0.2) !important;
}
.bg-amber-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 248 225 / var(--tw-bg-opacity)) !important;
}
.bg-blue-100 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(187 222 251 / var(--tw-bg-opacity)) !important;
}
.bg-blue-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(227 242 253 / var(--tw-bg-opacity)) !important;
}
.bg-blueGrey-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(236 239 241 / var(--tw-bg-opacity)) !important;
}
.bg-cyan-500 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(0 188 212 / var(--tw-bg-opacity)) !important;
}
.bg-gray-100 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}
.bg-gray-200 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important;
}
.bg-gray-200\/70 {
      background-color: rgb(229 231 235 / 0.7) !important;
}
.bg-gray-300 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important;
}
.bg-gray-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
.bg-gray-500 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(107 114 128 / var(--tw-bg-opacity)) !important;
}
.bg-gray-800 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(31 41 55 / var(--tw-bg-opacity)) !important;
}
.bg-green-100 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(200 230 201 / var(--tw-bg-opacity)) !important;
}
.bg-green-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(232 245 233 / var(--tw-bg-opacity)) !important;
}
.bg-green-500 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(76 175 80 / var(--tw-bg-opacity)) !important;
}
.bg-grey-100 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}
.bg-grey-200 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(238 238 238 / var(--tw-bg-opacity)) !important;
}
.bg-inherit {
      background-color: inherit !important;
}
.bg-red-100 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 205 210 / var(--tw-bg-opacity)) !important;
}
.bg-red-50 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 235 238 / var(--tw-bg-opacity)) !important;
}
.bg-red-500 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(244 67 54 / var(--tw-bg-opacity)) !important;
}
.bg-red-700 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(211 47 47 / var(--tw-bg-opacity)) !important;
}
.bg-slate-500 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(100 116 139 / var(--tw-bg-opacity)) !important;
}
.bg-sys-black {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.bg-sys-lightgrey {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(245 245 245 / var(--tw-bg-opacity)) !important;
}
.bg-sys-primary-main {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(43 131 253 / var(--tw-bg-opacity)) !important;
}
.bg-transparent {
      background-color: transparent !important;
}
.bg-white {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-200 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 245 157 / var(--tw-bg-opacity)) !important;
}
.bg-yellow-500 {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(255 235 59 / var(--tw-bg-opacity)) !important;
}
.bg-opacity-50 {
      --tw-bg-opacity: 0.5 !important;
}
.bg-opacity-70 {
      --tw-bg-opacity: 0.7 !important;
}
.object-cover {
      -o-object-fit: cover !important;
         object-fit: cover !important;
}
.object-left-top {
      -o-object-position: left top !important;
         object-position: left top !important;
}
.p-0 {
      padding: 0px !important;
}
.p-0\.5 {
      padding: 4px !important;
}
.p-1 {
      padding: 8px !important;
}
.p-2 {
      padding: 16px !important;
}
.p-3 {
      padding: 24px !important;
}
.p-4 {
      padding: 32px !important;
}
.p-5 {
      padding: 40px !important;
}
.p-6 {
      padding: 48px !important;
}
.p-8 {
      padding: 64px !important;
}
.p-\[2px\] {
      padding: 2px !important;
}
.px-0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
}
.px-0\.5 {
      padding-left: 4px !important;
      padding-right: 4px !important;
}
.px-1 {
      padding-left: 8px !important;
      padding-right: 8px !important;
}
.px-16 {
      padding-left: 128px !important;
      padding-right: 128px !important;
}
.px-2 {
      padding-left: 16px !important;
      padding-right: 16px !important;
}
.px-3 {
      padding-left: 24px !important;
      padding-right: 24px !important;
}
.px-4 {
      padding-left: 32px !important;
      padding-right: 32px !important;
}
.px-5 {
      padding-left: 40px !important;
      padding-right: 40px !important;
}
.px-6 {
      padding-left: 48px !important;
      padding-right: 48px !important;
}
.px-\[12px\] {
      padding-left: 12px !important;
      padding-right: 12px !important;
}
.py-0 {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
}
.py-0\.25 {
      padding-top: 2px !important;
      padding-bottom: 2px !important;
}
.py-0\.5 {
      padding-top: 4px !important;
      padding-bottom: 4px !important;
}
.py-1 {
      padding-top: 8px !important;
      padding-bottom: 8px !important;
}
.py-12 {
      padding-top: 96px !important;
      padding-bottom: 96px !important;
}
.py-2 {
      padding-top: 16px !important;
      padding-bottom: 16px !important;
}
.py-3 {
      padding-top: 24px !important;
      padding-bottom: 24px !important;
}
.py-4 {
      padding-top: 32px !important;
      padding-bottom: 32px !important;
}
.py-8 {
      padding-top: 64px !important;
      padding-bottom: 64px !important;
}
.py-\[6px\] {
      padding-top: 6px !important;
      padding-bottom: 6px !important;
}
.pb-1 {
      padding-bottom: 8px !important;
}
.pb-12 {
      padding-bottom: 96px !important;
}
.pb-2 {
      padding-bottom: 16px !important;
}
.pb-3 {
      padding-bottom: 24px !important;
}
.pb-4 {
      padding-bottom: 32px !important;
}
.pb-6 {
      padding-bottom: 48px !important;
}
.pl-1 {
      padding-left: 8px !important;
}
.pl-10 {
      padding-left: 80px !important;
}
.pl-2 {
      padding-left: 16px !important;
}
.pl-3 {
      padding-left: 24px !important;
}
.pl-4 {
      padding-left: 32px !important;
}
.pr-0 {
      padding-right: 0px !important;
}
.pr-1 {
      padding-right: 8px !important;
}
.pr-10 {
      padding-right: 80px !important;
}
.pr-2 {
      padding-right: 16px !important;
}
.pr-3 {
      padding-right: 24px !important;
}
.pr-4 {
      padding-right: 32px !important;
}
.pr-\[5px\] {
      padding-right: 5px !important;
}
.pt-0 {
      padding-top: 0px !important;
}
.pt-1 {
      padding-top: 8px !important;
}
.pt-10 {
      padding-top: 80px !important;
}
.pt-2 {
      padding-top: 16px !important;
}
.pt-20 {
      padding-top: 160px !important;
}
.pt-3 {
      padding-top: 24px !important;
}
.pt-4 {
      padding-top: 32px !important;
}
.pt-5 {
      padding-top: 40px !important;
}
.text-left {
      text-align: left !important;
}
.text-center {
      text-align: center !important;
}
.text-right {
      text-align: right !important;
}
.align-top {
      vertical-align: top !important;
}
.align-middle {
      vertical-align: middle !important;
}
.align-bottom {
      vertical-align: bottom !important;
}
.font-sans {
      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}
.text-2xl {
      font-size: 1.5rem !important;
      line-height: 2rem !important;
}
.text-\[15px\] {
      font-size: 15px !important;
}
.text-lg {
      font-size: 1.125rem !important;
      line-height: 1.75rem !important;
}
.text-sm {
      font-size: 0.875rem !important;
      line-height: 1.25rem !important;
}
.text-xs {
      font-size: 0.75rem !important;
      line-height: 1rem !important;
}
.font-bold {
      font-weight: 700 !important;
}
.font-medium {
      font-weight: 500 !important;
}
.font-semibold {
      font-weight: 600 !important;
}
.uppercase {
      text-transform: uppercase !important;
}
.lowercase {
      text-transform: lowercase !important;
}
.capitalize {
      text-transform: capitalize !important;
}
.normal-case {
      text-transform: none !important;
}
.italic {
      font-style: italic !important;
}
.leading-5 {
      line-height: 1.25rem !important;
}
.leading-\[24px\] {
      line-height: 24px !important;
}
.leading-\[48px\] {
      line-height: 48px !important;
}
.leading-none {
      line-height: 1 !important;
}
.tracking-wider {
      letter-spacing: 0.05em !important;
}
.text-\[\#9E9E9E\] {
      --tw-text-opacity: 1 !important;
      color: rgb(158 158 158 / var(--tw-text-opacity)) !important;
}
.text-\[\#d32f2f\] {
      --tw-text-opacity: 1 !important;
      color: rgb(211 47 47 / var(--tw-text-opacity)) !important;
}
.text-black {
      --tw-text-opacity: 1 !important;
      color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}
.text-black\/40 {
      color: rgb(0 0 0 / 0.4) !important;
}
.text-black\/60 {
      color: rgb(0 0 0 / 0.6) !important;
}
.text-blue-400 {
      --tw-text-opacity: 1 !important;
      color: rgb(66 165 245 / var(--tw-text-opacity)) !important;
}
.text-blue-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(33 150 243 / var(--tw-text-opacity)) !important;
}
.text-blue-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(30 136 229 / var(--tw-text-opacity)) !important;
}
.text-blueGrey-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(84 110 122 / var(--tw-text-opacity)) !important;
}
.text-cyan-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(0 188 212 / var(--tw-text-opacity)) !important;
}
.text-gray-100 {
      --tw-text-opacity: 1 !important;
      color: rgb(243 244 246 / var(--tw-text-opacity)) !important;
}
.text-gray-200 {
      --tw-text-opacity: 1 !important;
      color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}
.text-gray-400 {
      --tw-text-opacity: 1 !important;
      color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}
.text-gray-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}
.text-gray-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(75 85 99 / var(--tw-text-opacity)) !important;
}
.text-gray-700 {
      --tw-text-opacity: 1 !important;
      color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}
.text-gray-800 {
      --tw-text-opacity: 1 !important;
      color: rgb(31 41 55 / var(--tw-text-opacity)) !important;
}
.text-gray-900 {
      --tw-text-opacity: 1 !important;
      color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
.text-green-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(76 175 80 / var(--tw-text-opacity)) !important;
}
.text-green-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(67 160 71 / var(--tw-text-opacity)) !important;
}
.text-indigo-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(57 73 171 / var(--tw-text-opacity)) !important;
}
.text-purple-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(142 36 170 / var(--tw-text-opacity)) !important;
}
.text-red-500 {
      --tw-text-opacity: 1 !important;
      color: rgb(244 67 54 / var(--tw-text-opacity)) !important;
}
.text-red-600 {
      --tw-text-opacity: 1 !important;
      color: rgb(229 57 53 / var(--tw-text-opacity)) !important;
}
.text-sys-primary-main {
      --tw-text-opacity: 1 !important;
      color: rgb(43 131 253 / var(--tw-text-opacity)) !important;
}
.text-sys-textLowEmpathy {
      --tw-text-opacity: 1 !important;
      color: rgb(158 158 158 / var(--tw-text-opacity)) !important;
}
.text-white {
      --tw-text-opacity: 1 !important;
      color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.underline {
      text-decoration-line: underline !important;
}
.overline {
      text-decoration-line: overline !important;
}
.line-through {
      text-decoration-line: line-through !important;
}
.no-underline {
      text-decoration-line: none !important;
}
.opacity-0 {
      opacity: 0 !important;
}
.opacity-10 {
      opacity: 0.1 !important;
}
.opacity-100 {
      opacity: 1 !important;
}
.opacity-50 {
      opacity: 0.5 !important;
}
.shadow {
      --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;
      --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-2xl {
      --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25) !important;
      --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_-2px_10px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
      --tw-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
      --tw-shadow-colored: 0 -2px 10px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_1px_4px_0_rgba\(0\2c 0\2c 0\2c 0\.15\)\] {
      --tw-shadow: 0 1px 4px 0 rgba(0,0,0,0.15) !important;
      --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0_1px_7px_0_rgba\(0\2c 0\2c 0\2c 0\.35\)\] {
      --tw-shadow: 0 1px 7px 0 rgba(0,0,0,0.35) !important;
      --tw-shadow-colored: 0 1px 7px 0 var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-\[0px_4px_4px_0px_rgba\(0\2c 0\2c 0\2c 0\.25\)\] {
      --tw-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25) !important;
      --tw-shadow-colored: 0px 4px 4px 0px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-md {
      --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important;
      --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-none {
      --tw-shadow: 0 0 #0000 !important;
      --tw-shadow-colored: 0 0 #0000 !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow-sm {
      --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important;
      --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.outline-none {
      outline: 2px solid transparent !important;
      outline-offset: 2px !important;
}
.outline {
      outline-style: solid !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;
}
.ring-2 {
      --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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.ring-blue-400 {
      --tw-ring-opacity: 1 !important;
      --tw-ring-color: rgb(66 165 245 / var(--tw-ring-opacity)) !important;
}
.blur {
      --tw-blur: blur(8px) !important;
      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;
}
.drop-shadow {
      --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06)) !important;
      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) !important;
}
.backdrop-blur-sm {
      --tw-backdrop-blur: blur(4px) !important;
      -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
              backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
}
.transition {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.transition-\[height\] {
      transition-property: height !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.transition-all {
      transition-property: all !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.transition-colors {
      transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.transition-opacity {
      transition-property: opacity !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.transition-shadow {
      transition-property: box-shadow !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.transition-transform {
      transition-property: transform !important;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
      transition-duration: 150ms !important;
}
.duration-0 {
      transition-duration: 0s !important;
}
.duration-100 {
      transition-duration: 100ms !important;
}
.duration-150 {
      transition-duration: 150ms !important;
}
.duration-200 {
      transition-duration: 200ms !important;
}
.duration-300 {
      transition-duration: 300ms !important;
}
.ease-in {
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
}
.ease-in-out {
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.ease-out {
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
      display: none !important;
    }
/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
      -ms-overflow-style: none !important; /* IE and Edge */
      scrollbar-width: none !important; /* Firefox */
    }
.\[-webkit-text-security\:disc\] {
      -webkit-text-security: disc;
}
/**
 * END --- SETUP TAILWINDCSS EDIT
 */

body {
  background-color: #fafafa !important;
}

.noWrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.border-right {
  border-right: 1px solid rgba(128, 128, 128, 0.2);
}

/* We had to override the table row background color css to support
the partial scrolling feature because without bg specified,
the bg is transparant making the text to overlap on scroll */
tr td {
  background-color: #ffffff;
}

tr th {
  background-color: #ffffff;
}

tr.Mui-selected td {
  background-color: #eef4fe !important;
}

tr:hover.Mui-selected td {
  background-color: #e4eefd !important;
}

tr:hover td {
  background-color: #f9f9fb !important;
}

.sticky-shadow-left {
  box-shadow: -5px 0 10px -5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.sticky-shadow-right {
  box-shadow: 5px 0 10px -5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Disabled managing organizations through CSS override
   We still dont have a way to disable it through the API
   We are not sure if we want to allow users to modify the org
   through the UI
*/
.cl-organizationSwitcherPopoverActionButton__manageOrganization {
  display: none;
}

/* Global scrollbar styles */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: rgb(176, 190, 197); /* blueGrey-200 */
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgb(96, 125, 139); /* blueGrey-400 */
}

/* Scrollbar margin-top utilities */
.scrollbar-mt-1::-webkit-scrollbar-track {
  margin-top: 8px;
}

.scrollbar-mt-2::-webkit-scrollbar-track {
  margin-top: 16px;
}

.scrollbar-mt-3::-webkit-scrollbar-track {
  margin-top: 24px;
}

.scrollbar-mt-4::-webkit-scrollbar-track {
  margin-top: 32px;
}

.placeholder\:text-gray-500::-moz-placeholder {
      --tw-text-opacity: 1 !important;
      color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.placeholder\:text-gray-500::placeholder {
      --tw-text-opacity: 1 !important;
      color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.first\:mt-1:first-child {
      margin-top: 8px !important;
}

.hover\:border-black:hover {
      --tw-border-opacity: 1 !important;
      border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important;
}

.hover\:border-blue-500:hover {
      --tw-border-opacity: 1 !important;
      border-color: rgb(33 150 243 / var(--tw-border-opacity)) !important;
}

.hover\:border-blue-600:hover {
      --tw-border-opacity: 1 !important;
      border-color: rgb(30 136 229 / var(--tw-border-opacity)) !important;
}

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

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

.hover\:border-gray-500:hover {
      --tw-border-opacity: 1 !important;
      border-color: rgb(107 114 128 / var(--tw-border-opacity)) !important;
}

.hover\:bg-\[rgba\(220\2c 38\2c 38\2c 0\.4\)\]:hover {
      background-color: rgba(220,38,38,0.4) !important;
}

.hover\:bg-\[rgba\(239\2c 108\2c 0\2c 0\.4\)\]:hover {
      background-color: rgba(239,108,0,0.4) !important;
}

.hover\:bg-\[rgba\(39\2c 174\2c 96\2c 0\.4\)\]:hover {
      background-color: rgba(39,174,96,0.4) !important;
}

.hover\:bg-black\/\[0\.04\]:hover {
      background-color: rgb(0 0 0 / 0.04) !important;
}

.hover\:bg-blue-100:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(187 222 251 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-blue-50:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(227 242 253 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-blueGrey-100:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(207 216 220 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-blueGrey-50:hover {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(236 239 241 / var(--tw-bg-opacity)) !important;
}

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

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

.hover\:bg-gray-300\/80:hover {
      background-color: rgb(209 213 219 / 0.8) !important;
}

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

.hover\:bg-transparent:hover {
      background-color: transparent !important;
}

.hover\:bg-opacity-100:hover {
      --tw-bg-opacity: 1 !important;
}

.hover\:text-blue-600:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(30 136 229 / var(--tw-text-opacity)) !important;
}

.hover\:text-blue-800:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(21 101 192 / var(--tw-text-opacity)) !important;
}

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

.hover\:text-green-600:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(67 160 71 / var(--tw-text-opacity)) !important;
}

.hover\:text-indigo-900:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(26 35 126 / var(--tw-text-opacity)) !important;
}

.hover\:text-red-500:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(244 67 54 / var(--tw-text-opacity)) !important;
}

.hover\:text-red-800:hover {
      --tw-text-opacity: 1 !important;
      color: rgb(198 40 40 / var(--tw-text-opacity)) !important;
}

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

.hover\:decoration-dotted:hover {
      text-decoration-style: dotted !important;
}

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

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

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

.focus\:ring-2:focus {
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + 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;
}

.focus\:ring-blue-300:focus {
      --tw-ring-opacity: 1 !important;
      --tw-ring-color: rgb(100 181 246 / var(--tw-ring-opacity)) !important;
}

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

.group:hover .group-hover\:block {
      display: block !important;
}

.group:hover .group-hover\:opacity-100 {
      opacity: 1 !important;
}

.data-\[disabled\=true\]\:cursor-not-allowed[data-disabled=true] {
      cursor: not-allowed !important;
}

.data-\[selected\=true\]\:bg-gray-100[data-selected=true] {
      --tw-bg-opacity: 1 !important;
      background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

.data-\[disabled\=true\]\:text-gray-400[data-disabled=true] {
      --tw-text-opacity: 1 !important;
      color: rgb(156 163 175 / var(--tw-text-opacity)) !important;
}

.data-\[selected\=true\]\:text-gray-900[data-selected=true] {
      --tw-text-opacity: 1 !important;
      color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}

@media (min-width: 640px) {
      .sm\:col-span-2 {
            grid-column: span 2 / span 2 !important;
      }
      .sm\:mx-8 {
            margin-left: 64px !important;
            margin-right: 64px !important;
      }
      .sm\:flex {
            display: flex !important;
      }
      .sm\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .sm\:grid-cols-none {
            grid-template-columns: none !important;
      }
      .sm\:flex-row {
            flex-direction: row !important;
      }
      .sm\:justify-center {
            justify-content: center !important;
      }
}

@media (min-width: 768px) {
      .md\:col-span-3 {
            grid-column: span 3 / span 3 !important;
      }
      .md\:block {
            display: block !important;
      }
      .md\:hidden {
            display: none !important;
      }
      .md\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .md\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
      .md\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }
      .md\:grid-cols-\[1fr_auto_auto_auto\] {
            grid-template-columns: 1fr auto auto auto !important;
      }
      .md\:grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      }
      .md\:flex-row {
            flex-direction: row !important;
      }
      .md\:gap-0 {
            gap: 0px !important;
      }
      .md\:gap-1 {
            gap: 8px !important;
      }
}

@media (min-width: 1024px) {
      .lg\:col-span-1 {
            grid-column: span 1 / span 1 !important;
      }
      .lg\:col-span-4 {
            grid-column: span 4 / span 4 !important;
      }
      .lg\:col-span-5 {
            grid-column: span 5 / span 5 !important;
      }
      .lg\:h-47 {
            height: 376px !important;
      }
      .lg\:basis-1\/2 {
            flex-basis: 50% !important;
      }
      .lg\:basis-1\/4 {
            flex-basis: 25% !important;
      }
      .lg\:grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
      }
      .lg\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .lg\:grid-cols-3 {
            grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      }
      .lg\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }
      .lg\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      }
      .lg\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      }
      .lg\:grid-cols-\[auto_auto_1fr\] {
            grid-template-columns: auto auto 1fr !important;
      }
      .lg\:grid-rows-2 {
            grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
      }
      .lg\:flex-row {
            flex-direction: row !important;
      }
      .lg\:flex-col {
            flex-direction: column !important;
      }
      .lg\:items-center {
            align-items: center !important;
      }
      .lg\:gap-2 {
            gap: 16px !important;
      }
      .lg\:border-none {
            border-style: none !important;
      }
      .lg\:px-1 {
            padding-left: 8px !important;
            padding-right: 8px !important;
      }
      .lg\:pl-0 {
            padding-left: 0px !important;
      }
}

@media (min-width: 1280px) {
      .xl\:block {
            display: block !important;
      }
      .xl\:grid-cols-2 {
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      }
      .xl\:grid-cols-4 {
            grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      }
      .xl\:grid-cols-5 {
            grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      }
      .xl\:grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
      }
      .xl\:grid-rows-1 {
            grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
      }
      .xl\:flex-col {
            flex-direction: column !important;
      }
      .xl\:items-start {
            align-items: flex-start !important;
      }
      .xl\:gap-2 {
            gap: 16px !important;
      }
      .xl\:border-solid {
            border-style: solid !important;
      }
      .xl\:pl-2 {
            padding-left: 16px !important;
      }
}

.\[\&\+\&\]\:mt-0\.5+.\[\&\+\&\]\:mt-0\.5 {
      margin-top: 4px !important;
}

.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
      font-size: 0.75rem !important;
      line-height: 1rem !important;
}

.\[\&_\[cmdk-group-heading\]\]\:text-gray-500 [cmdk-group-heading] {
      --tw-text-opacity: 1 !important;
      color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}
.lb-root{--lb-radius:.5em;--lb-spacing:1em;--lb-accent:#17f;--lb-accent-foreground:#fff;--lb-destructive:#f45;--lb-destructive-foreground:#fff;--lb-background:#fff;--lb-foreground:#111;--lb-icon-size:20px;--lb-icon-weight:1.5px;--lb-avatar-radius:50%;--lb-button-radius:calc(.75*var(--lb-radius));--lb-transition-duration:.1s;--lb-transition-easing:cubic-bezier(.4,0,.2,1);--lb-highlight-shadow:inset 0 0 0 1px #0000001a;--lb-elevation-shadow:0 0 0 1px #0000000a,0 2px 6px #00000014,0 8px 26px #0000001f;--lb-tooltip-shadow:0 2px 4px #00000014,0 4px 12px #0000001f;--lb-accent-contrast:8%;--lb-destructive-contrast:8%;--lb-foreground-contrast:8%;--lb-background-foreground-faint:color-mix(in srgb,var(--lb-foreground),var(--lb-background)calc(100% - var(--lb-foreground-contrast) + ((100% - var(--lb-foreground-contrast))/9)/2));--lb-background-accent-faint:color-mix(in srgb,var(--lb-accent),var(--lb-background)calc(100% - var(--lb-accent-contrast) + ((100% - var(--lb-accent-contrast))/9)/2));--lb-background-accent-subtle:color-mix(in srgb,var(--lb-accent),var(--lb-background)calc(100% - var(--lb-accent-contrast)));--lb-accent-subtle:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - var(--lb-accent-contrast)));--lb-accent-moderate:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 3*((100% - var(--lb-accent-contrast))/9))));--lb-accent-tertiary:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 5*((100% - var(--lb-accent-contrast))/9))));--lb-accent-secondary:color-mix(in srgb,var(--lb-accent),var(--lb-dynamic-background)calc(100% - (var(--lb-accent-contrast) + 7*((100% - var(--lb-accent-contrast))/9))));--lb-foreground-subtle:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - var(--lb-foreground-contrast)));--lb-foreground-moderate:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 3*((100% - var(--lb-foreground-contrast))/9))));--lb-foreground-tertiary:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 5*((100% - var(--lb-foreground-contrast))/9))));--lb-foreground-secondary:color-mix(in srgb,var(--lb-foreground),var(--lb-dynamic-background)calc(100% - (var(--lb-foreground-contrast) + 7*((100% - var(--lb-foreground-contrast))/9))));--lb-selection:color-mix(in srgb,var(--lb-accent)40%,transparent);overflow-wrap:break-word;accent-color:var(--lb-accent);-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lb-root,.lb-root *,.lb-root :before,.lb-root :after{box-sizing:border-box;transition:none var(--lb-transition-duration)var(--lb-transition-easing)}.lb-root:where(:not(.lb-root .lb-root)){--lb-dynamic-background:var(--lb-background)}.lb-loading,.lb-empty,.lb-error{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lb-loading{color:var(--lb-foreground-moderate)}.lb-empty,.lb-error{padding:var(--lb-spacing);color:var(--lb-foreground-tertiary);text-align:center;text-wrap:balance;font-size:.875em}.lb-icon{--lb-icon-background:var(--lb-dynamic-background);inline-size:var(--lb-icon-size);block-size:var(--lb-icon-size)}.lb-icon *{stroke-width:var(--lb-icon-weight);vector-effect:non-scaling-stroke}.lb-icon-spinner{transform-origin:50%;animation:.75s linear infinite lb-animation-spin}.lb-button{--lb-button-background:var(--lb-dynamic-background);all:unset;box-sizing:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-timing-function:var(--lb-transition-easing);transition-duration:var(--lb-transition-duration);-webkit-tap-highlight-color:transparent;padding:calc(.25*var(--lb-spacing));border-radius:var(--lb-button-radius);background:var(--lb-button-background);color:var(--lb-foreground-moderate);outline:none;justify-content:center;align-items:center;transition-property:background,color,opacity;display:flex;position:relative}.lb-button:after{content:"";border-radius:inherit;pointer-events:none;transition-property:box-shadow;position:absolute;inset:0}.lb-button:where(:focus-visible){z-index:1}.lb-button:where(:focus-visible):after{box-shadow:var(--lb-dynamic-background)0 0 0 2px,var(--lb-accent)0 0 0 4px}.lb-button:where(.lb-button\:non-disableable:disabled){cursor:default}.lb-button:where(:not(.lb-button\:non-disableable):disabled){opacity:.5;cursor:not-allowed}.lb-button:where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){--lb-button-background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary)}.lb-button:where([data-variant=default]:not(:is(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]))){background:0 0}.lb-button:where([data-variant=primary]){--lb-button-background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-button:where([data-variant=primary]):where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){--lb-button-background:var(--lb-accent-secondary);color:var(--lb-accent-foreground)}.lb-button:where([data-variant=outline]){box-shadow:inset 0 0 0 1px var(--lb-foreground-subtle);transition-property:background,color,opacity,box-shadow}.lb-button:where(:has(.lb-button-label)){gap:calc(.25*var(--lb-spacing));padding-inline:calc(.5*var(--lb-spacing))}.lb-button:where([data-size=large]){padding:calc(.5*var(--lb-spacing))}.lb-button:where([data-size=large]):where(:has(.lb-button-label)){gap:calc(.35*var(--lb-spacing));padding-inline:calc(.7*var(--lb-spacing))}.lb-button-icon{--lb-icon-background:var(--lb-button-background)}.lb-button-label{font-weight:500}.lb-dropdown-item-icon{color:var(--lb-foreground-moderate);margin-inline-start:calc(-.125*var(--lb-spacing));margin-inline-end:calc(.375*var(--lb-spacing));transition-property:color}.lb-dropdown-item:where(:is([data-highlighted],[data-selected])) :where(.lb-dropdown-item-icon){color:var(--lb-foreground-tertiary)}.lb-composer-suggestions-list{margin:0;padding:0;list-style:none}.lb-composer-suggestions-list-item{scroll-margin-block:4px}.lb-composer-mention-suggestions{--lb-composer-mention-suggestion-avatar-size:1.25rem}.lb-composer-mention-suggestion{padding:calc(.375*var(--lb-spacing))calc(.625*var(--lb-spacing))}.lb-composer-mention-suggestion-avatar{inline-size:var(--lb-composer-mention-suggestion-avatar-size);margin-inline-start:calc(-.125*var(--lb-spacing));margin-inline-end:calc(.5*var(--lb-spacing));margin-block:calc(.125*var(--lb-spacing));background:var(--lb-foreground-subtle);color:var(--lb-foreground-moderate)}.lb-list{display:contents}.lb-list :where(:first-child):first-letter,.lb-date:first-letter{text-transform:capitalize}@supports (background:-webkit-named-image(i)){.lb-emoji{will-change:transform;transform:scale(.825)}}.lb-emoji-picker{--lb-emoji-picker-padding:6px;--lb-emoji-picker-offset-padding:calc(6px + .375*var(--lb-spacing));color:var(--lb-foreground);flex-direction:column;block-size:360px;display:flex}.lb-emoji-picker-header{border-block-end:1px solid var(--lb-foreground-subtle);flex:none}.lb-emoji-picker-search-container{align-items:center;display:flex;position:relative}.lb-emoji-picker-search{all:unset;box-sizing:inherit;padding:var(--lb-emoji-picker-offset-padding);-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:0 0;outline:none;inline-size:100%;padding-inline-start:calc(var(--lb-icon-size) + var(--lb-emoji-picker-offset-padding) + .375*var(--lb-spacing))}.lb-emoji-picker-search::-moz-placeholder{color:var(--lb-foreground-moderate)}.lb-emoji-picker-search::placeholder{color:var(--lb-foreground-moderate)}.lb-emoji-picker-search::-webkit-search-cancel-button{display:none}.lb-emoji-picker-search-icon{color:var(--lb-foreground-moderate);pointer-events:none;position:absolute;inset-inline-start:var(--lb-emoji-picker-offset-padding)}.lb-emoji-picker-content{flex:1;position:relative}.lb-emoji-picker-category-header{padding:var(--lb-emoji-picker-padding)var(--lb-emoji-picker-offset-padding);background:var(--lb-dynamic-background)}.lb-emoji-picker-category-header-title{color:var(--lb-foreground-tertiary);text-transform:uppercase;font-size:.675em;font-weight:600}.lb-emoji-picker-grid{animation:lb-animation-appear var(--lb-transition-duration)var(--lb-transition-easing)both;position:absolute;inset:0}.lb-emoji-picker-row{padding-inline:var(--lb-emoji-picker-padding);scroll-margin-block-end:var(--lb-emoji-picker-padding);display:flex}.lb-emoji-picker-row:where([data-last]){padding-block-end:var(--lb-emoji-picker-padding)}.lb-emoji-picker-emoji{all:unset;box-sizing:inherit;aspect-ratio:1;padding:calc(.375*var(--lb-spacing));border-radius:calc(var(--lb-radius) - .75*6px);text-align:center;justify-content:center;align-items:center;display:flex;overflow:hidden}.lb-tooltip{--lb-background:#222;--lb-foreground:#fff;--lb-foreground-contrast:10%;min-block-size:calc(calc(1em + 2*.25*var(--lb-spacing)) + 2*5px);padding-inline:calc(.75*var(--lb-spacing));border-radius:var(--lb-radius);background:var(--lb-dynamic-background);color:var(--lb-foreground);box-shadow:var(--lb-tooltip-shadow);overflow-wrap:anywhere;pointer-events:none;align-items:center;max-inline-size:300px;font-size:.75rem;line-height:1;display:flex;position:relative}.lb-tooltip:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--lb-inset-shadow);pointer-events:none;position:absolute;inset:0}.lb-tooltip\:multiline{padding-block:calc(calc(.625*var(--lb-spacing))*(1/1.5));text-align:center;justify-content:center;line-height:1.5}.lb-tooltip-shortcut{gap:calc(.125*var(--lb-spacing));block-size:calc(1em + 2*.25*var(--lb-spacing));padding-inline:calc(.25*var(--lb-spacing));border-radius:calc(var(--lb-radius) - .625*5px);background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary);text-transform:uppercase;justify-content:center;align-items:center;margin-inline-start:calc(.75*var(--lb-spacing));margin-inline-end:calc(-1*calc(.75*var(--lb-spacing)) + 5px);font-family:inherit;line-height:1;display:flex}.lb-tooltip-shortcut :where(abbr){all:unset}.lb-avatar{aspect-ratio:1;border-radius:var(--lb-avatar-radius);background:var(--lb-foreground-subtle);color:var(--lb-foreground-moderate);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;container-type:inline-size}.lb-avatar:where([data-loading]){background:var(--lb-foreground);opacity:.12}.lb-avatar-image{-o-object-fit:cover;object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.lb-avatar-fallback{white-space:nowrap;font-size:35cqi;font-weight:500}@supports not (container-type:inline-size){.lb-avatar-fallback{display:none}}.lb-name:where([data-loading]):before{content:"";vertical-align:middle;border-radius:calc(.5*var(--lb-radius));opacity:.12;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:currentColor;block-size:1.75ex;inline-size:8ch;display:inline-block}:is(.lb-avatar,.lb-name):where([data-loading]){animation:8s linear infinite lb-animation-shimmer}:is(.lb-comment-body,.lb-composer-editor){color:var(--lb-foreground-secondary)}:is(.lb-comment-body,.lb-composer-editor) :where(p){margin-block:.25em}:is(.lb-comment-body,.lb-composer-editor) :where(p):where(:first-of-type){margin-block-start:0}:is(.lb-comment-body,.lb-composer-editor) :where(p):where(:last-of-type){margin-block-end:0}:is(.lb-comment-body,.lb-composer-editor) :where(strong){font-weight:600}.lb-comment-mention,.lb-composer-mention{color:var(--lb-accent);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-weight:500}:is(.lb-comment-link,.lb-composer-link){color:var(--lb-foreground);text-decoration-line:underline;text-decoration-color:var(--lb-foreground-moderate);text-underline-offset:2px;outline:none;font-weight:500;transition-property:color,text-decoration-color}:is(.lb-comment-link,.lb-composer-link):where([href]):where(:hover,:focus-visible){color:var(--lb-accent);text-decoration-color:var(--lb-accent-moderate)}.lb-comment-mention:where([data-self]),.lb-composer-mention{border-radius:calc(.675*var(--lb-radius));background:var(--lb-accent-subtle);padding:.1em .3em}.lb-composer{background:var(--lb-dynamic-background);color:var(--lb-foreground);transition-property:background;position:relative}.lb-composer-form{margin:0}.lb-composer:where(:has(.lb-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]){--lb-button-background:var(--lb-foreground-subtle);color:var(--lb-foreground-tertiary)}.lb-composer:where(:has(.lb-composer-editor:not(:focus-visible))) :where(.lb-button[data-variant=primary]):where(:enabled:hover,:enabled:focus-visible){--lb-button-background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-composer-editor{padding:var(--lb-spacing);outline:none}.lb-composer-editor:where([data-disabled]){opacity:.5;cursor:not-allowed}:where(.lb-composer-editor-container:has(.lb-composer-attachments)) .lb-composer-editor{padding-block-end:calc(.25*var(--lb-spacing))}.lb-composer-editor :where([data-placeholder]){color:var(--lb-foreground-moderate)}.lb-composer-mention::-moz-selection{background:0 0}.lb-composer-mention::selection{background:0 0}.lb-composer-mention ::-moz-selection{background:0 0}.lb-composer-mention ::selection{background:0 0}.lb-composer-mention:where([data-selected]){background:var(--lb-accent);color:var(--lb-accent-foreground)}.lb-composer-footer{gap:calc(.75*var(--lb-spacing));block-size:calc(calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)) + var(--lb-spacing));padding:0 var(--lb-spacing)var(--lb-spacing);align-items:center;margin-block-start:calc(-.125*var(--lb-spacing));display:flex}.lb-composer-actions,.lb-composer-editor-actions{gap:calc(.125*var(--lb-spacing));align-items:center;display:flex}.lb-composer-editor-actions{margin-inline-end:auto}.lb-composer-attribution{color:var(--lb-foreground-moderate);outline:none;transition-property:color}.lb-composer-attribution:where(:hover,:focus-visible){color:var(--lb-foreground-tertiary)}.lb-composer-attribution :where(svg){block-size:calc(.75*calc(2*.25*var(--lb-spacing) + var(--lb-icon-size)))}.lb-composer-attachments{padding-inline:var(--lb-spacing);padding-block-start:calc(.75*var(--lb-spacing));padding-block-end:var(--lb-spacing)}.lb-composer-editor-container:where([data-drop]) *{pointer-events:none}.lb-composer-attachments-drop-area{color:var(--lb-accent);place-content:center;place-items:center;display:flex;position:absolute;inset:0}.lb-composer-attachments-drop-area:before,.lb-composer-attachments-drop-area:after{content:"";inset:calc(.5*var(--lb-spacing));z-index:0;border-radius:calc(.75*var(--lb-radius));position:absolute}.lb-composer-attachments-drop-area:before{opacity:calc(1*var(--lb-accent-contrast));background:currentColor}.lb-composer-attachments-drop-area:after{opacity:calc(2*var(--lb-accent-contrast));border:2px dashed}.lb-composer-attachments-drop-area-label{gap:calc(.25*var(--lb-spacing));padding:calc(.375*var(--lb-spacing))calc(.5*var(--lb-spacing));border-radius:calc(.75*var(--lb-radius));background:var(--lb-accent);color:var(--lb-accent-foreground);pointer-events:none;place-items:center;font-weight:500;display:flex;position:relative}.lb-comment{--lb-comment-avatar-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));padding:var(--lb-spacing);background:var(--lb-dynamic-background);color:var(--lb-foreground);scroll-margin:var(--lb-spacing);font-weight:400;position:relative}.lb-comment:where(:target,[data-target]){--lb-dynamic-background:var(--lb-background-accent-faint)}.lb-comment:where([data-editing]){--lb-dynamic-background:var(--lb-background-foreground-faint)}.lb-comment-header{gap:calc(.75*var(--lb-spacing));block-size:var(--lb-comment-avatar-size);align-items:center;margin-block-end:calc(.75*var(--lb-spacing));display:flex;position:relative}.lb-comment-details{gap:calc(.75*var(--lb-spacing));align-items:center;min-inline-size:0;display:flex}.lb-comment-avatar{inline-size:var(--lb-comment-avatar-size);flex:none}.lb-comment-details-labels{gap:calc(.5*var(--lb-spacing));align-items:baseline;min-inline-size:0;display:flex}.lb-comment-author,.lb-comment-date{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-comment-author:first-letter,.lb-comment-date:first-letter{text-transform:capitalize}.lb-comment-author{font-weight:500}.lb-comment-date{color:var(--lb-foreground-tertiary);font-size:.875em}.lb-comment-date-created,.lb-comment-date-edited{display:contents}.lb-comment-actions{gap:calc(.125*var(--lb-spacing));margin-inline-start:auto;display:flex}.lb-comment-composer{margin:calc(-1*var(--lb-spacing));background:unset}.lb-comment-body :where(p span:only-child:empty):before{content:"";-webkit-user-select:none;-moz-user-select:none;user-select:none}.lb-comment-attachments{margin-block-start:calc(.75*var(--lb-spacing))}.lb-comment-reactions{gap:calc(.375*var(--lb-spacing));flex-wrap:wrap;margin-block-start:calc(.75*var(--lb-spacing));display:flex}.lb-comment-reaction{gap:calc(.375*var(--lb-spacing));block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));padding-inline:calc(.575*var(--lb-spacing));border-radius:9999px}.lb-comment-reaction:where([data-self]){background:var(--lb-accent-subtle);color:var(--lb-accent-secondary);box-shadow:inset 0 0 0 1px var(--lb-accent-moderate)}.lb-comment-reaction:where([data-self]):where(:enabled:hover,:enabled:focus-visible,[aria-expanded=true],[aria-selected=true]){color:var(--lb-accent)}.lb-comment-reaction-count{font-variant-numeric:tabular-nums;font-size:.75em;font-weight:500}.lb-comment-reaction-tooltip{max-inline-size:200px}.lb-comment-deleted{color:var(--lb-foreground-tertiary);font-size:.875em}.lb-comment\:indent-content{min-block-size:calc(var(--lb-comment-avatar-size) + 2*var(--lb-spacing))}.lb-comment\:indent-content :where(.lb-comment-header){block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));margin-block-end:calc(.25*var(--lb-spacing))}.lb-comment\:indent-content :where(.lb-comment-avatar){position:absolute;inset-block-start:0;inset-inline-start:0}.lb-comment\:indent-content :where(.lb-comment-details-labels){margin-inline-start:calc(var(--lb-comment-avatar-size) + .75*var(--lb-spacing))}.lb-comment\:indent-content :where(.lb-comment-content){padding-inline-start:calc(var(--lb-comment-avatar-size) + .75*var(--lb-spacing))}.lb-thread{background:var(--lb-dynamic-background);color:var(--lb-foreground);transition-property:background}.lb-thread-comments{z-index:0;flex-direction:column;display:flex;position:relative}.lb-thread-comment{z-index:0;padding-block:calc(.6*var(--lb-spacing));transition-property:background}.lb-thread-comment:where(.lb-comment\:indent-content){min-block-size:calc(var(--lb-comment-avatar-size) + var(--lb-spacing))}.lb-thread-comment:where(:first-of-type,[data-editing]){padding-block-start:var(--lb-spacing)}.lb-thread-comment:where(:first-of-type,[data-editing]):where(.lb-comment\:indent-content){min-block-size:calc(var(--lb-comment-avatar-size) + 1.5*var(--lb-spacing))}.lb-thread-comment:where(:last-of-type,[data-editing]){padding-block-end:var(--lb-spacing)}.lb-thread-comment:where(:last-of-type,[data-editing]):where(.lb-comment\:indent-content){min-block-size:calc(var(--lb-comment-avatar-size) + 1.75*var(--lb-spacing))}.lb-thread-new-indicator{z-index:1;justify-content:center;align-items:center;block-size:0;display:flex;position:relative}.lb-thread-new-indicator:before,.lb-thread-new-indicator:after{content:"";z-index:0;border-block-start:1px solid var(--lb-foreground-subtle);flex:1;block-size:0;transition-property:border}.lb-thread-new-indicator-label{z-index:1;gap:calc(.325*var(--lb-spacing));padding:calc(.25*var(--lb-spacing))var(--lb-spacing);color:var(--lb-accent);text-transform:uppercase;flex:none;align-items:center;font-size:.675em;font-weight:600;display:flex}.lb-thread-new-indicator-label-icon{inline-size:calc(.6*var(--lb-icon-size));block-size:calc(.6*var(--lb-icon-size))}.lb-thread-composer{position:relative}.lb-thread-composer:after{content:"";border-block-start:1px solid var(--lb-foreground-subtle);pointer-events:none;block-size:100%;inline-size:100%;transition-property:border;position:absolute;inset:0}.lb-comment-attachments,.lb-composer-attachments{gap:calc(.75*var(--lb-spacing));flex-direction:column;display:flex}.lb-attachments{gap:calc(.75*var(--lb-spacing));grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.lb-attachment,.lb-attachment-delete{all:unset;box-sizing:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition-timing-function:var(--lb-transition-easing);transition-duration:var(--lb-transition-duration);-webkit-tap-highlight-color:transparent;outline:none;transition-property:background,color,opacity;position:relative}.lb-attachment:after,.lb-attachment-delete:after{content:"";border-radius:inherit;pointer-events:none;transition-property:box-shadow;position:absolute;inset:0}.lb-attachment:where(:focus-visible),.lb-attachment-delete:where(:focus-visible){z-index:1}.lb-attachment:where(:focus-visible):after,.lb-attachment-delete:where(:focus-visible):after{box-shadow:var(--lb-dynamic-background)0 0 0 2px,var(--lb-accent)0 0 0 4px}.lb-attachment{border-radius:var(--lb-radius);background:var(--lb-dynamic-background);box-shadow:inset 0 0 0 1px var(--lb-foreground-subtle);inline-size:100%;min-inline-size:0;display:flex;position:relative}.lb-attachment:where([tabindex="-1"]){cursor:default}.lb-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible){background:var(--lb-foreground-subtle)}.lb-attachment-delete{z-index:2;background:var(--lb-foreground-subtle);color:var(--lb-foreground-secondary);box-shadow:0 0 0 2px var(--lb-dynamic-background);opacity:0;border-radius:50%;justify-content:center;align-items:center;block-size:1.1rem;inline-size:1.1rem;display:flex;position:absolute;inset-block-start:-.35rem;inset-inline-end:-.35rem}.lb-attachment-delete:before{content:"";z-index:-1;border-radius:inherit;position:absolute;inset:-4px}.lb-attachment-delete:where(:hover,:focus-visible){background:var(--lb-foreground-secondary);color:var(--lb-dynamic-background)}:where(.lb-attachment:focus-within,.lb-attachment:hover) .lb-attachment-delete{opacity:1}.lb-attachment-delete :where(.lb-icon){inline-size:.75rem}.lb-attachment-details{gap:calc(.25*var(--lb-spacing));flex-direction:column;justify-content:center;min-inline-size:0;font-size:.875em;display:flex;position:relative}.lb-attachment-name{font-weight:500;display:flex}.lb-attachment-name-base,.lb-attachment-description{text-overflow:ellipsis;white-space:nowrap;transition-property:color;overflow:hidden}.lb-attachment-preview{background:color-mix(in srgb,transparent,var(--lb-foreground)var(--lb-foreground-contrast));color:var(--lb-foreground-tertiary);flex:none;justify-content:center;align-items:center;transition-property:background,color;display:flex;position:relative;overflow:hidden}.lb-attachment-preview-media{border-radius:inherit;transition-property:opacity}.lb-attachment-preview-media,.lb-attachment-preview-media:after,.lb-attachment-preview-media img,.lb-attachment-preview-media video{block-size:100%;inline-size:100%;position:absolute;inset:0}.lb-attachment-preview-media img,.lb-attachment-preview-media video{-o-object-fit:cover;object-fit:cover;pointer-events:none}.lb-attachment-preview-media:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--lb-highlight-shadow);pointer-events:none}.lb-attachment-preview-media:where([data-hidden]){opacity:0}.lb-attachment-icon{color:var(--lb-foreground);flex:none;overflow:visible}.lb-attachment-icon-glyph{fill:var(--lb-foreground-moderate)}.lb-attachment-icon-background{fill:var(--lb-background)}.lb-attachment-icon-fold{fill-opacity:calc(.75*var(--lb-foreground-contrast))}.lb-attachment-icon-shadow{filter:blur(6px);fill-opacity:var(--lb-foreground-contrast)}.lb-file-attachment{gap:calc(.5*var(--lb-spacing));padding:calc(.5*var(--lb-spacing));padding-inline-end:calc(.65*var(--lb-spacing))}.lb-file-attachment :where(.lb-attachment-preview){aspect-ratio:1;border-radius:calc(.5*var(--lb-radius));inline-size:2.5rem}.lb-file-attachment :where(.lb-attachment-name){color:var(--lb-foreground-secondary)}.lb-file-attachment :where(.lb-attachment-description){color:var(--lb-foreground-tertiary)}.lb-file-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible,:focus-within) :where(.lb-attachment-name){color:var(--lb-foreground)}.lb-file-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible,:focus-within) :where(.lb-attachment-description){color:var(--lb-foreground-secondary)}.lb-media-attachment{aspect-ratio:16/10}.lb-media-attachment :where(.lb-attachment-preview){border-radius:inherit;position:absolute;inset:0}.lb-media-attachment :where(.lb-attachment-details){padding:calc(.75*var(--lb-spacing));text-shadow:0 0 2px #0006;opacity:0;background:linear-gradient(#0000,#000c);border-end-end-radius:inherit;border-end-start-radius:inherit;transition-property:opacity;position:absolute;inset-block-end:0;inset-inline:0}.lb-media-attachment :where(.lb-attachment-name){color:#fff}.lb-media-attachment :where(.lb-attachment-description){color:#fffc}.lb-media-attachment:where(:not([tabindex="-1"])):where(:hover,:focus-visible,:focus-within) :where(.lb-attachment-details){opacity:1}.lb-attachment:where([data-error]) :where(.lb-attachment-preview){background:var(--lb-destructive);color:var(--lb-destructive-foreground)}.lb-inbox-notification{--lb-inbox-notification-aside-size:36px;gap:calc(.75*var(--lb-spacing));padding:var(--lb-spacing);background:var(--lb-dynamic-background);color:var(--lb-foreground);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:400;transition-property:background;display:flex;position:relative;overflow:hidden}.lb-inbox-notification:where([data-missing]){--lb-dynamic-background:var(--lb-background-accent-faint);--lb-accent:var(--lb-destructive)!important;--lb-accent-foreground:var(--lb-destructive-foreground)!important;--lb-accent-contrast:var(--lb-destructive-contrast)!important}.lb-inbox-notification:where([data-unread]){--lb-dynamic-background:var(--lb-background-accent-faint)}.lb-inbox-notification:where([href]){cursor:pointer}.lb-inbox-notification:where([href]):where(:hover,:focus-visible,:focus-within){--lb-dynamic-background:var(--lb-background-foreground-faint)}.lb-inbox-notification:where([href]):where([data-unread]):where(:hover,:focus-visible,:focus-within){--lb-dynamic-background:var(--lb-background-accent-subtle)}.lb-inbox-notification-aside{inline-size:var(--lb-inbox-notification-aside-size);flex:none}.lb-inbox-notification-icon{aspect-ratio:1;background:var(--lb-foreground-subtle);border-radius:50%;justify-content:center;place-items:center;display:flex}.lb-inbox-notification:where([data-missing]) :where(.lb-inbox-notification-icon){background:var(--lb-accent-subtle);color:var(--lb-accent)}.lb-inbox-notification-content{flex:1}.lb-inbox-notification-content,.lb-inbox-notification-body{min-inline-size:0;max-inline-size:100%}.lb-inbox-notification-header{gap:calc(.75*var(--lb-spacing));align-items:center;margin-block-start:calc(.25*var(--lb-spacing));margin-block-end:calc(.5*var(--lb-spacing));display:flex}.lb-inbox-notification-title{min-block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size))}.lb-inbox-notification-title:first-letter{text-transform:capitalize}.lb-inbox-notification-title :where(strong,.lb-list,.lb-name){font-weight:500}.lb-inbox-notification-details{block-size:calc(2*.25*var(--lb-spacing) + var(--lb-icon-size));flex:none;align-self:start;min-inline-size:0;margin-inline-start:auto}.lb-inbox-notification-details-labels{align-items:baseline;min-inline-size:0;display:flex}.lb-inbox-notification-details-labels:before{content:""}.lb-inbox-notification-actions{gap:calc(.125*var(--lb-spacing));grid-area:actions;align-self:start;display:flex}.lb-inbox-notification-comments{gap:var(--lb-spacing);flex-direction:column;display:flex}.lb-inbox-notification-comment{background:0 0;padding:0}.lb-inbox-notification-comment :where(.lb-comment-header){color:var(--lb-foreground-tertiary);block-size:auto;font-size:.875rem}.lb-inbox-notification-comment :where(.lb-comment-reaction),.lb-inbox-notification-comment :where(.lb-comment-attachment){pointer-events:none}.lb-inbox-notification-date{color:var(--lb-foreground-tertiary);font-size:.875em}.lb-inbox-notification-unread-indicator{background:var(--lb-accent);border-radius:50%;align-self:center;block-size:10px;inline-size:10px;margin-inline-start:calc(.5*var(--lb-spacing))}.lb-history-version-summary{gap:calc(.25*var(--lb-spacing));padding:var(--lb-spacing);background:var(--lb-dynamic-background);flex-direction:column;justify-content:center;inline-size:100%;min-inline-size:0;transition-property:background;display:flex;position:relative}.lb-history-version-summary:where(:hover,:focus-visible,:focus-within,[data-selected]){--lb-dynamic-background:var(--lb-background-foreground-faint)}.lb-history-version-summary-date,.lb-history-version-summary-authors{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;max-inline-size:100%;overflow:hidden}.lb-history-version-summary-date:first-letter,.lb-history-version-summary-authors:first-letter{text-transform:capitalize}.lb-history-version-summary-date{color:var(--lb-foreground-secondary);font-weight:500}.lb-history-version-summary-authors{color:var(--lb-foreground-tertiary)}.lb-history-version-preview{background:var(--lb-dynamic-background);flex-direction:column;display:flex;position:relative;overflow-y:auto}.lb-history-version-preview-content{padding:var(--lb-spacing);flex:1 0 auto}.lb-history-version-preview-footer{gap:var(--lb-spacing);padding:var(--lb-spacing);border-block-start:1px solid var(--lb-foreground-subtle);background:var(--lb-dynamic-background);flex:none;align-items:center;margin-block-start:auto;display:flex;position:sticky;inset-block-end:0}.lb-history-version-preview-authors{text-overflow:ellipsis;white-space:nowrap;color:var(--lb-foreground-tertiary);flex:auto;min-inline-size:0;overflow:hidden}.lb-history-version-preview-actions{gap:calc(.35*var(--lb-spacing));flex:none;align-items:center;margin-inline-start:auto;display:flex}.lb-inbox-notification-list,.lb-history-version-summary-list{margin:0;padding:0;list-style:none}.lb-inbox-notification-list-item:where(:not(:last-of-type)),.lb-history-version-summary-list-item:where(:not(:last-of-type)){border-block-end:1px solid var(--lb-foreground-subtle)}.lb-root :where(code){border-radius:calc(.75*var(--lb-radius));background:var(--lb-foreground-subtle);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.2em .4em;font-size:85%;line-height:1}.lb-root :where(span:has(code)+span code){border-start-start-radius:0;border-end-start-radius:0;padding-inline-start:0}.lb-root :where(span:has(code):has(+span code) code){border-start-end-radius:0;border-end-end-radius:0;padding-inline-end:0}:where(.lb-root code){font-family:ui-monospace,Menlo,Monaco,Roboto Mono,Cascadia Code,Source Code Pro,Consolas,DejaVu Sans Mono,monospace}.lb-elevation{border-radius:var(--lb-radius);background:var(--lb-dynamic-background);box-shadow:var(--lb-elevation-shadow);position:relative;overflow:hidden}.lb-elevation:after{content:"";z-index:1;border-radius:inherit;box-shadow:var(--lb-inset-shadow);pointer-events:none;position:absolute;inset:0}.lb-dropdown,.lb-composer-suggestions{padding:4px}.lb-dropdown-item,.lb-composer-suggestions-list-item{padding:calc(.25*var(--lb-spacing))calc(.5*var(--lb-spacing));align-items:center;font-size:.875rem;display:flex}.lb-dropdown-item,.lb-composer-suggestions-list-item,.lb-emoji-picker-emoji{border-radius:calc(var(--lb-radius) - .75*4px);color:var(--lb-foreground-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;transition-property:background,color,opacity}:is(.lb-dropdown-item,.lb-composer-suggestions-list-item,.lb-emoji-picker-emoji):where([data-highlighted],[data-selected]){background:var(--lb-foreground-subtle);transition-duration:calc(var(--lb-transition-duration)/2)}:is(.lb-dropdown-item,.lb-composer-suggestions-list-item,.lb-emoji-picker-emoji):where(:disabled,[data-disabled]){opacity:.5;cursor:not-allowed}.lb-dropdown,.lb-composer-suggestions,.lb-tooltip,.lb-emoji-picker{animation-duration:var(--lb-transition-duration);animation-timing-function:var(--lb-transition-easing);will-change:transform,opacity}:is(.lb-dropdown,.lb-emoji-picker,.lb-tooltip:where([data-state=delayed-open]),.lb-composer-suggestions):where([data-side=top]){animation-name:lb-animation-slide-up}:is(.lb-dropdown,.lb-emoji-picker,.lb-tooltip:where([data-state=delayed-open]),.lb-composer-suggestions):where([data-side=bottom]){animation-name:lb-animation-slide-down}:is(.lb-dropdown,.lb-emoji-picker,.lb-tooltip,.lb-composer-suggestions):where([data-state=closed]){animation-name:lb-animation-disappear}@keyframes lb-animation-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-animation-slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes lb-animation-appear{0%{opacity:0}to{opacity:1}}@keyframes lb-animation-disappear{0%{opacity:1}to{opacity:0}}@keyframes lb-animation-shimmer{0%,to{-webkit-mask-image:linear-gradient(90deg,#00000080,#000,#000,#00000080);mask-image:linear-gradient(90deg,#00000080,#000,#000,#00000080);-webkit-mask-size:400% 100%;mask-size:400% 100%}0%{-webkit-mask-position:200% 0;mask-position:200% 0}to{-webkit-mask-position:-200% 0;mask-position:-200% 0}}@keyframes lb-animation-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (hover:hover){.lb-comment:where(.lb-comment\:show-actions-hover) :where(.lb-comment-actions){opacity:0;transition-property:opacity;position:absolute;inset-inline-end:0}.lb-comment:where(.lb-comment\:show-actions-hover):where(:is(:hover,:focus-within,.lb-comment\:action-open)) :where(.lb-comment-actions){opacity:1;position:relative}.lb-thread:where(.lb-thread\:show-actions-hover :is(:hover,:focus-within)) :where(.lb-thread-actions){opacity:1}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-header){grid-template:"title secondary"/1fr max-content;display:grid}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-details){opacity:1;transition-property:opacity}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-actions){opacity:0;transition-property:opacity}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover):where(:is(:hover,:focus-within,.lb-inbox-notification\:action-open)) :where(.lb-inbox-notification-details){opacity:0}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover):where(:is(:hover,:focus-within,.lb-inbox-notification\:action-open)) :where(.lb-inbox-notification-actions){opacity:1}.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-details),.lb-inbox-notification:where(.lb-inbox-notification\:show-actions-hover) :where(.lb-inbox-notification-actions){grid-area:secondary;justify-self:end}}@media (prefers-reduced-motion){.lb-dropdown:where(:not([data-state=closed])),.lb-emoji-picker:where(:not([data-state=closed])),.lb-tooltip:where([data-state=delayed-open]:not([data-state=closed])),.lb-composer-suggestions:where(:not([data-state=closed])){animation-name:lb-animation-appear}}