@import url("https://fonts.cdnfonts.com/css/space-grotesk");
@import url("https://fonts.cdnfonts.com/css/satoshi");
@import url("https://fonts.cdnfonts.com/css/geomanist");
/* @import "tailwindcss/base"; */
.\!container{
  width: 100% !important;
}
.container{
  width: 100%;
}
@media (min-width: 640px){
  .\!container{
    max-width: 640px !important;
  }
  .container{
    max-width: 640px;
  }
}
@media (min-width: 768px){
  .\!container{
    max-width: 768px !important;
  }
  .container{
    max-width: 768px;
  }
}
@media (min-width: 1024px){
  .\!container{
    max-width: 1024px !important;
  }
  .container{
    max-width: 1024px;
  }
}
@media (min-width: 1280px){
  .\!container{
    max-width: 1280px !important;
  }
  .container{
    max-width: 1280px;
  }
}
@media (min-width: 1536px){
  .\!container{
    max-width: 1536px !important;
  }
  .container{
    max-width: 1536px;
  }
}
.sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
.pointer-events-none{
  pointer-events: none;
}
.pointer-events-auto{
  pointer-events: auto;
}
.visible{
  visibility: visible;
}
.invisible{
  visibility: hidden;
}
.collapse{
  visibility: collapse;
}
.static{
  position: static;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.inset-0{
  inset: 0px;
}
.inset-y-0{
  top: 0px;
  bottom: 0px;
}
.-bottom-8{
  bottom: -2rem;
}
.-right-2{
  right: -0.5rem;
}
.-top-2{
  top: -0.5rem;
}
.-top-\[100\%\]{
  top: -100%;
}
.-top-\[10px\]{
  top: -10px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-20{
  bottom: 5rem;
}
.bottom-3{
  bottom: 0.75rem;
}
.bottom-\[140\%\]{
  bottom: 140%;
}
.bottom-\[60px\]{
  bottom: 60px;
}
.left-0{
  left: 0px;
}
.left-1\/2{
  left: 50%;
}
.left-2xl{
  left: 4rem;
}
.left-3{
  left: 0.75rem;
}
.left-4{
  left: 1rem;
}
.left-5{
  left: 1.25rem;
}
.left-6{
  left: 1.5rem;
}
.left-\[0\]{
  left: 0;
}
.left-\[140\%\]{
  left: 140%;
}
.left-\[20\%\]{
  left: 20%;
}
.left-\[259px\]{
  left: 259px;
}
.left-\[50\%\]{
  left: 50%;
}
.right-0{
  right: 0px;
}
.right-1{
  right: 0.25rem;
}
.right-10{
  right: 2.5rem;
}
.right-2{
  right: 0.5rem;
}
.right-4{
  right: 1rem;
}
.right-8{
  right: 2rem;
}
.right-\[-16px\]{
  right: -16px;
}
.right-\[-5px\]{
  right: -5px;
}
.right-\[0\.1rem\]{
  right: 0.1rem;
}
.right-\[0\.3rem\]{
  right: 0.3rem;
}
.right-\[140\%\]{
  right: 140%;
}
.right-\[1px\]{
  right: 1px;
}
.right-\[28px\]{
  right: 28px;
}
.right-\[44px\]{
  right: 44px;
}
.right-auto{
  right: auto;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-10{
  top: 2.5rem;
}
.top-24{
  top: 6rem;
}
.top-6{
  top: 1.5rem;
}
.top-\[-10px\]{
  top: -10px;
}
.top-\[-80px\]{
  top: -80px;
}
.top-\[0\]{
  top: 0;
}
.top-\[110\%\]{
  top: 110%;
}
.top-\[140\%\]{
  top: 140%;
}
.top-\[1px\]{
  top: 1px;
}
.top-\[24px\]{
  top: 24px;
}
.top-\[50\%\]{
  top: 50%;
}
.top-\[6px\]{
  top: 6px;
}
.top-auto{
  top: auto;
}
.-z-\[1\]{
  z-index: -1;
}
.z-10{
  z-index: 10;
}
.z-20{
  z-index: 20;
}
.z-30{
  z-index: 30;
}
.z-40{
  z-index: 40;
}
.z-50{
  z-index: 50;
}
.z-\[2\]{
  z-index: 2;
}
.z-\[9999\]{
  z-index: 9999;
}
.z-\[999\]{
  z-index: 999;
}
.col-span-2{
  grid-column: span 2 / span 2;
}
.-m-4{
  margin: -1rem;
}
.m-0{
  margin: 0px;
}
.m-1{
  margin: 0.25rem;
}
.m-auto{
  margin: auto;
}
.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.mx-auto{
  margin-left: auto;
  margin-right: auto;
}
.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-4{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-\[13px\]{
  margin-top: 13px;
  margin-bottom: 13px;
}
.my-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.my-base{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.-ml-1{
  margin-left: -0.25rem;
}
.-ml-5{
  margin-left: -1.25rem;
}
.-ml-6{
  margin-left: -1.5rem;
}
.-ml-8{
  margin-left: -2rem;
}
.-mt-6{
  margin-top: -1.5rem;
}
.-mt-\[1px\]{
  margin-top: -1px;
}
.-mt-\[8px\]{
  margin-top: -8px;
}
.mb-1{
  margin-bottom: 0.25rem;
}
.mb-14{
  margin-bottom: 3.5rem;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-2xs{
  margin-bottom: 0.25rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-4{
  margin-bottom: 1rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-6{
  margin-bottom: 1.5rem;
}
.mb-8{
  margin-bottom: 2rem;
}
.mb-\[10px\]{
  margin-bottom: 10px;
}
.mb-\[2px\]{
  margin-bottom: 2px;
}
.mb-lg{
  margin-bottom: 2rem;
}
.mb-xs{
  margin-bottom: 0.5rem;
}
.ml-0{
  margin-left: 0px;
}
.ml-2{
  margin-left: 0.5rem;
}
.ml-2xs{
  margin-left: 0.25rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-\[48px\]{
  margin-left: 48px;
}
.ml-\[68px\]{
  margin-left: 68px;
}
.ml-\[8px\]{
  margin-left: 8px;
}
.mr-10{
  margin-right: 2.5rem;
}
.mr-1xs{
  margin-right: 0.375rem;
}
.mr-2{
  margin-right: 0.5rem;
}
.mr-2xs{
  margin-right: 0.25rem;
}
.mr-3{
  margin-right: 0.75rem;
}
.mr-3\.5{
  margin-right: 0.875rem;
}
.mr-4{
  margin-right: 1rem;
}
.mr-\[-4px\]{
  margin-right: -4px;
}
.mt-0{
  margin-top: 0px;
}
.mt-1{
  margin-top: 0.25rem;
}
.mt-12{
  margin-top: 3rem;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-3{
  margin-top: 0.75rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt-\[18px\]{
  margin-top: 18px;
}
.mt-\[4px\]{
  margin-top: 4px;
}
.mt-\[62px\]{
  margin-top: 62px;
}
.mt-md{
  margin-top: 1.5rem;
}
.\!block{
  display: block !important;
}
.block{
  display: block;
}
.inline-block{
  display: inline-block;
}
.inline{
  display: inline;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.\!grid{
  display: grid !important;
}
.grid{
  display: grid;
}
.contents{
  display: contents;
}
.hidden{
  display: none;
}
.\!h-\[24px\]{
  height: 24px !important;
}
.\!h-full{
  height: 100% !important;
}
.h-1{
  height: 0.25rem;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-16{
  height: 4rem;
}
.h-2{
  height: 0.5rem;
}
.h-20{
  height: 5rem;
}
.h-2xl{
  height: 4rem;
}
.h-3{
  height: 0.75rem;
}
.h-4{
  height: 1rem;
}
.h-48{
  height: 12rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[10px\]{
  height: 10px;
}
.h-\[13px\]{
  height: 13px;
}
.h-\[160px\]{
  height: 160px;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[196px\]{
  height: 196px;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[250px\]{
  height: 250px;
}
.h-\[300px\]{
  height: 300px;
}
.h-\[30px\]{
  height: 30px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[42px\]{
  height: 42px;
}
.h-\[435px\]{
  height: 435px;
}
.h-\[50px\]{
  height: 50px;
}
.h-\[52px\]{
  height: 52px;
}
.h-\[56px\]{
  height: 56px;
}
.h-\[600px\]{
  height: 600px;
}
.h-\[620px\]{
  height: 620px;
}
.h-\[76px\]{
  height: 76px;
}
.h-\[calc\(100\%-60px\)\]{
  height: calc(100% - 60px);
}
.h-auto{
  height: auto;
}
.h-fit{
  height: -moz-fit-content;
  height: fit-content;
}
.h-full{
  height: 100%;
}
.h-lg{
  height: 2rem;
}
.max-h-0{
  max-height: 0px;
}
.max-h-48{
  max-height: 12rem;
}
.max-h-7{
  max-height: 1.75rem;
}
.max-h-8{
  max-height: 2rem;
}
.max-h-80{
  max-height: 20rem;
}
.max-h-\[30vh\]{
  max-height: 30vh;
}
.max-h-\[400px\]{
  max-height: 400px;
}
.min-h-10{
  min-height: 2.5rem;
}
.min-h-14{
  min-height: 3.5rem;
}
.min-h-24{
  min-height: 6rem;
}
.min-h-\[100vh\]{
  min-height: 100vh;
}
.min-h-\[80px\]{
  min-height: 80px;
}
.\!w-\[24px\]{
  width: 24px !important;
}
.\!w-full{
  width: 100% !important;
}
.w-1{
  width: 0.25rem;
}
.w-1\/2{
  width: 50%;
}
.w-10{
  width: 2.5rem;
}
.w-11{
  width: 2.75rem;
}
.w-12{
  width: 3rem;
}
.w-16{
  width: 4rem;
}
.w-2{
  width: 0.5rem;
}
.w-20{
  width: 5rem;
}
.w-24{
  width: 6rem;
}
.w-2xl{
  width: 4rem;
}
.w-3{
  width: 0.75rem;
}
.w-32{
  width: 8rem;
}
.w-4{
  width: 1rem;
}
.w-44{
  width: 11rem;
}
.w-48{
  width: 12rem;
}
.w-5{
  width: 1.25rem;
}
.w-5\/6{
  width: 83.333333%;
}
.w-6{
  width: 1.5rem;
}
.w-64{
  width: 16rem;
}
.w-7{
  width: 1.75rem;
}
.w-8{
  width: 2rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[1\%\]{
  width: 1%;
}
.w-\[138px\]{
  width: 138px;
}
.w-\[13px\]{
  width: 13px;
}
.w-\[140px\]{
  width: 140px;
}
.w-\[151px\]{
  width: 151px;
}
.w-\[156px\]{
  width: 156px;
}
.w-\[160px\]{
  width: 160px;
}
.w-\[16px\]{
  width: 16px;
}
.w-\[200\%\]{
  width: 200%;
}
.w-\[206px\]{
  width: 206px;
}
.w-\[208px\]{
  width: 208px;
}
.w-\[220px\]{
  width: 220px;
}
.w-\[261px\]{
  width: 261px;
}
.w-\[2px\]{
  width: 2px;
}
.w-\[30\%\]{
  width: 30%;
}
.w-\[320px\]{
  width: 320px;
}
.w-\[32px\]{
  width: 32px;
}
.w-\[400px\]{
  width: 400px;
}
.w-\[40px\]{
  width: 40px;
}
.w-\[520px\]{
  width: 520px;
}
.w-\[52px\]{
  width: 52px;
}
.w-\[56px\]{
  width: 56px;
}
.w-\[6px\]{
  width: 6px;
}
.w-\[700px\]{
  width: 700px;
}
.w-\[80\%\]{
  width: 80%;
}
.w-\[90\%\]{
  width: 90%;
}
.w-auto{
  width: auto;
}
.w-fit{
  width: -moz-fit-content;
  width: fit-content;
}
.w-full{
  width: 100%;
}
.w-lg{
  width: 2rem;
}
.w-max{
  width: -moz-max-content;
  width: max-content;
}
.min-w-10{
  min-width: 2.5rem;
}
.min-w-\[120px\]{
  min-width: 120px;
}
.min-w-\[240px\]{
  min-width: 240px;
}
.min-w-\[24px\]{
  min-width: 24px;
}
.min-w-\[500px\]{
  min-width: 500px;
}
.\!max-w-full{
  max-width: 100% !important;
}
.max-w-3xl{
  max-width: 48rem;
}
.max-w-\[180px\]{
  max-width: 180px;
}
.max-w-\[200px\]{
  max-width: 200px;
}
.max-w-\[240px\]{
  max-width: 240px;
}
.max-w-\[250px\]{
  max-width: 250px;
}
.max-w-\[320px\]{
  max-width: 320px;
}
.max-w-\[350px\]{
  max-width: 350px;
}
.max-w-\[400px\]{
  max-width: 400px;
}
.max-w-\[416px\]{
  max-width: 416px;
}
.max-w-\[700px\]{
  max-width: 700px;
}
.max-w-none{
  max-width: none;
}
.max-w-xs{
  max-width: 20rem;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-auto{
  flex: 1 1 auto;
}
.flex-shrink{
  flex-shrink: 1;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.flex-grow-0{
  flex-grow: 0;
}
.grow{
  flex-grow: 1;
}
.basis-0{
  flex-basis: 0px;
}
.basis-full{
  flex-basis: 100%;
}
.table-auto{
  table-layout: auto;
}
.border-collapse{
  border-collapse: collapse;
}
.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[30px\]{
  --tw-translate-x: -30px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[35px\]{
  --tw-translate-x: -35px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[40\%\]{
  --tw-translate-x: -40%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[48px\]{
  --tw-translate-x: -48px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[50\%\]{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-full{
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full{
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-0{
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-4{
  --tw-translate-x: 1rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[10px\]{
  --tw-translate-x: 10px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[15px\]{
  --tw-translate-x: 15px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-full{
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full{
  --tw-translate-y: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180{
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.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));
}
.transform-none{
  transform: none;
}
@keyframes skeleton{
  0%,100%{
    opacity: 1;
  }
  50%{
    opacity: 0.5;
  }
}
.animate-skeleton{
  animation: skeleton 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;;
}
.cursor-default{
  cursor: default;
}
.cursor-grab{
  cursor: grab;
}
.cursor-grabbing{
  cursor: grabbing;
}
.cursor-not-allowed{
  cursor: not-allowed;
}
.cursor-pointer{
  cursor: pointer;
}
.touch-auto{
  touch-action: auto;
}
.resize{
  resize: both;
}
.appearance-none{
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-7{
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-apps{
  grid-template-columns: 140px 140px;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.content-center{
  align-content: center;
}
.content-start{
  align-content: flex-start;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.items-center{
  align-items: center;
}
.items-stretch{
  align-items: stretch;
}
.justify-start{
  justify-content: flex-start;
}
.justify-end{
  justify-content: flex-end;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-items-center{
  justify-items: center;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-10{
  gap: 2.5rem;
}
.gap-12{
  gap: 3rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2sm{
  gap: 0.875rem;
}
.gap-2xs{
  gap: 0.25rem;
}
.gap-3{
  gap: 0.75rem;
}
.gap-4{
  gap: 1rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-\[10px\]{
  gap: 10px;
}
.gap-\[4px\]{
  gap: 4px;
}
.gap-\[6px\]{
  gap: 6px;
}
.gap-\[8px\]{
  gap: 8px;
}
.gap-base{
  gap: 1rem;
}
.gap-md{
  gap: 1.5rem;
}
.gap-sm{
  gap: 0.75rem;
}
.gap-xs{
  gap: 0.5rem;
}
.space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-3\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(0.875rem * var(--tw-space-x-reverse));
  margin-left: calc(0.875rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-divide-opacity));
}
.self-start{
  align-self: flex-start;
}
.self-center{
  align-self: center;
}
.self-stretch{
  align-self: stretch;
}
.self-baseline{
  align-self: baseline;
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.overflow-y-auto{
  overflow-y: auto;
}
.overflow-x-hidden{
  overflow-x: hidden;
}
.overflow-y-hidden{
  overflow-y: hidden;
}
.overflow-x-scroll{
  overflow-x: scroll;
}
.overflow-y-scroll{
  overflow-y: scroll;
}
.text-ellipsis{
  text-overflow: ellipsis;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.whitespace-pre-wrap{
  white-space: pre-wrap;
}
.text-wrap{
  text-wrap: wrap;
}
.break-words{
  overflow-wrap: break-word;
}
.break-all{
  word-break: break-all;
}
.\!rounded-none{
  border-radius: 0px !important;
}
.rounded{
  border-radius: 0.25rem;
}
.rounded-2xl{
  border-radius: 1rem;
}
.rounded-3xl{
  border-radius: 1.5rem;
}
.rounded-\[30px\]{
  border-radius: 30px;
}
.rounded-\[4px\]{
  border-radius: 4px;
}
.rounded-\[50\%\]{
  border-radius: 50%;
}
.rounded-\[6px\]{
  border-radius: 6px;
}
.rounded-\[7px\]{
  border-radius: 7px;
}
.rounded-\[8px\]{
  border-radius: 8px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: 0.5rem;
}
.rounded-md{
  border-radius: 0.375rem;
}
.rounded-sm{
  border-radius: 0.125rem;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-\[8px\]{
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.rounded-b-xl{
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.rounded-e-lg{
  border-start-end-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
}
.rounded-l-lg{
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.rounded-l-md{
  border-top-left-radius: 0.375rem;
  border-bottom-left-radius: 0.375rem;
}
.rounded-l-none{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-r-lg{
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.rounded-r-md{
  border-top-right-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.rounded-r-none{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.rounded-s-lg{
  border-start-start-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
}
.rounded-t{
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.rounded-t-\[10px\]{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.rounded-t-md{
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.rounded-t-xl{
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.rounded-br-xl{
  border-bottom-right-radius: 0.75rem;
}
.rounded-tr-xl{
  border-top-right-radius: 0.75rem;
}
.\!border{
  border-width: 1px !important;
}
.\!border-0{
  border-width: 0px !important;
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-\[1px\]{
  border-width: 1px;
}
.border-x{
  border-left-width: 1px;
  border-right-width: 1px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-b-\[1px\]{
  border-bottom-width: 1px;
}
.border-l{
  border-left-width: 1px;
}
.border-l-2{
  border-left-width: 2px;
}
.border-r{
  border-right-width: 1px;
}
.border-r-\[1px\]{
  border-right-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-solid{
  border-style: solid;
}
.border-dashed{
  border-style: dashed;
}
.\!border-transparent{
  border-color: transparent !important;
}
.border-\[\#878787\]{
  --tw-border-opacity: 1;
  border-color: rgb(135 135 135 / var(--tw-border-opacity));
}
.border-\[\#B6D8FA\]{
  --tw-border-opacity: 1;
  border-color: rgb(182 216 250 / var(--tw-border-opacity));
}
.border-\[\#B8E7CB\]{
  --tw-border-opacity: 1;
  border-color: rgb(184 231 203 / var(--tw-border-opacity));
}
.border-\[\#C4CAD0\]{
  --tw-border-opacity: 1;
  border-color: rgb(196 202 208 / var(--tw-border-opacity));
}
.border-\[\#DEE2E6\]{
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
}
.border-\[\#E9C5B3\]{
  --tw-border-opacity: 1;
  border-color: rgb(233 197 179 / var(--tw-border-opacity));
}
.border-\[\#F2F2F2\]{
  --tw-border-opacity: 1;
  border-color: rgb(242 242 242 / var(--tw-border-opacity));
}
.border-\[\#F4E3DA\]{
  --tw-border-opacity: 1;
  border-color: rgb(244 227 218 / var(--tw-border-opacity));
}
.border-\[\#F68433\]{
  --tw-border-opacity: 1;
  border-color: rgb(246 132 51 / var(--tw-border-opacity));
}
.border-\[\#F8ECE6\]{
  --tw-border-opacity: 1;
  border-color: rgb(248 236 230 / var(--tw-border-opacity));
}
.border-\[\#F9D8B3\]{
  --tw-border-opacity: 1;
  border-color: rgb(249 216 179 / var(--tw-border-opacity));
}
.border-\[\#FAD2D3\]{
  --tw-border-opacity: 1;
  border-color: rgb(250 210 211 / var(--tw-border-opacity));
}
.border-\[\#d9d9d9\]{
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
}
.border-\[rgba\(200\2c 23\2c 32\2c 0\.1\)\]{
  border-color: rgba(200,23,32,0.1);
}
.border-\[rgba\(26\2c 136\2c 60\2c 0\.1\)\]{
  border-color: rgba(26,136,60,0.1);
}
.border-blue-600{
  --tw-border-opacity: 1;
  border-color: rgb(28 100 242 / var(--tw-border-opacity));
}
.border-blue-700{
  --tw-border-opacity: 1;
  border-color: rgb(26 86 219 / var(--tw-border-opacity));
}
.border-core-400{
  --tw-border-opacity: 1;
  border-color: rgb(233 197 179 / var(--tw-border-opacity));
}
.border-core_color{
  border-color: rgba(243, 115, 53, 0.15);
}
.border-danger_border{
  border-color: rgba(200, 23, 32, 0.10);
}
.border-danger_text{
  --tw-border-opacity: 1;
  border-color: rgb(200 23 32 / var(--tw-border-opacity));
}
.border-exit_color_bg{
  --tw-border-opacity: 1;
  border-color: rgb(225 175 173 / var(--tw-border-opacity));
}
.border-gray-100{
  --tw-border-opacity: 1;
  border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-light{
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
}
.border-gray-light_bg{
  --tw-border-opacity: 1;
  border-color: rgb(230 233 236 / var(--tw-border-opacity));
}
.border-gray-lighter3{
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
}
.border-handling_color{
  border-color: rgba(68, 48, 147, 0.15);
}
.border-hubs_color{
  border-color: rgba(0, 114, 255, 0.15);
}
.border-impact-300{
  --tw-border-opacity: 1;
  border-color: rgb(230 240 236 / var(--tw-border-opacity));
}
.border-informative-400{
  --tw-border-opacity: 1;
  border-color: rgb(179 214 249 / var(--tw-border-opacity));
}
.border-primary-dark-10{
  border-color:  rgba(181, 60, 0, 0.1);
}
.border-primary-dark\/10{
  border-color: rgb(181 60 0 / 0.1);
}
.border-store_color{
  border-color: rgba(56, 238, 125, 0.15);
}
.border-submission_color{
  border-color: rgba(255, 171, 56, 0.15);
}
.border-transparent{
  border-color: transparent;
}
.border-validation_color{
  border-color: rgba(5, 153, 153, 0.15);
}
.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-\[\#DEE2E6\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(222 226 230 / var(--tw-border-opacity));
}
.border-b-\[\#F8ECE6\]{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(248 236 230 / var(--tw-border-opacity));
}
.border-b-gray-light{
  --tw-border-opacity: 1;
  border-bottom-color: rgb(222 226 230 / var(--tw-border-opacity));
}
.border-l-informative-400{
  --tw-border-opacity: 1;
  border-left-color: rgb(179 214 249 / var(--tw-border-opacity));
}
.\!bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
}
.bg-\[\#DC3524\]{
  --tw-bg-opacity: 1;
  background-color: rgb(220 53 36 / var(--tw-bg-opacity));
}
.bg-\[\#DEE2E6\]{
  --tw-bg-opacity: 1;
  background-color: rgb(222 226 230 / var(--tw-bg-opacity));
}
.bg-\[\#E0FFEF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 239 / var(--tw-bg-opacity));
}
.bg-\[\#E3F1FF\]{
  --tw-bg-opacity: 1;
  background-color: rgb(227 241 255 / var(--tw-bg-opacity));
}
.bg-\[\#E88600\]{
  --tw-bg-opacity: 1;
  background-color: rgb(232 134 0 / var(--tw-bg-opacity));
}
.bg-\[\#ECEFF2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 242 / var(--tw-bg-opacity));
}
.bg-\[\#F2F2F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-\[\#F8F9FA\]{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
}
.bg-\[\#FBF5F2\]{
  --tw-bg-opacity: 1;
  background-color: rgb(251 245 242 / var(--tw-bg-opacity));
}
.bg-\[\#FDF9F4\]{
  --tw-bg-opacity: 1;
  background-color: rgb(253 249 244 / var(--tw-bg-opacity));
}
.bg-\[\#FFE7E7\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
}
.bg-\[\#FFEEE1\]{
  --tw-bg-opacity: 1;
  background-color: rgb(255 238 225 / var(--tw-bg-opacity));
}
.bg-\[\#f5f5f5\]{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-\[var\(--app-800-primary\)\]{
  background-color: var(--app-800-primary);
}
.bg-background{
  background-color: rgba(181, 60, 0, 0.05);
}
.bg-blue-700{
  --tw-bg-opacity: 1;
  background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}
.bg-core-200{
  --tw-bg-opacity: 1;
  background-color: rgb(251 245 242 / var(--tw-bg-opacity));
}
.bg-core-300{
  --tw-bg-opacity: 1;
  background-color: rgb(248 236 230 / var(--tw-bg-opacity));
}
.bg-core_color_opacity{
  background-color: rgba(243, 115, 53, 0.3);
}
.bg-danger_bg{
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
}
.bg-danger_text{
  --tw-bg-opacity: 1;
  background-color: rgb(200 23 32 / var(--tw-bg-opacity));
}
.bg-exit_color_opacity{
  --tw-bg-opacity: 1;
  background-color: rgb(244 225 225 / var(--tw-bg-opacity));
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-200{
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}
.bg-gray-50{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}
.bg-gray-800{
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
.bg-gray-900\/50{
  background-color: rgb(17 24 39 / 0.5);
}
.bg-gray-bg{
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 236 / var(--tw-bg-opacity));
}
.bg-gray-dark\/60{
  background-color: rgb(73 80 87 / 0.6);
}
.bg-gray-light{
  --tw-bg-opacity: 1;
  background-color: rgb(222 226 230 / var(--tw-bg-opacity));
}
.bg-gray-light_bg{
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 236 / var(--tw-bg-opacity));
}
.bg-gray-lightest{
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
}
.bg-gray_micro_nodes{
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.bg-green-50{
  --tw-bg-opacity: 1;
  background-color: rgb(243 250 247 / var(--tw-bg-opacity));
}
.bg-handling_color_opacity{
  background-color: rgba(68, 48, 147, 0.3);
}
.bg-hubs_color_opacity{
  background-color: rgba(0, 114, 255, 0.3);
}
.bg-impact-opacity5\/5{
  background-color: rgb(64 167 127 / 0.05);
}
.bg-informative-200{
  --tw-bg-opacity: 1;
  background-color: rgb(242 247 253 / var(--tw-bg-opacity));
}
.bg-neutral_bg{
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
}
.bg-notice-200{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-primary-dark{
  --tw-bg-opacity: 1;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity));
}
.bg-primary-dark-10{
  background-color:  rgba(181, 60, 0, 0.1);
}
.bg-primary-dark\/5{
  background-color: rgb(181 60 0 / 0.05);
}
.bg-red-50{
  --tw-bg-opacity: 1;
  background-color: rgb(253 242 242 / var(--tw-bg-opacity));
}
.bg-store_color_opacity{
  background-color: rgba(56, 238, 125, 0.3);
}
.bg-submission_color_opacity{
  background-color: rgba(255, 171, 56, 0.3);
}
.bg-success_bg{
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 239 / var(--tw-bg-opacity));
}
.bg-transparent{
  background-color: transparent;
}
.bg-validation_color_opacity{
  background-color: rgba(5, 153, 153, 0.3);
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-white\/40{
  background-color: rgb(255 255 255 / 0.4);
}
.bg-white\/50{
  background-color: rgb(255 255 255 / 0.5);
}
.bg-white\/60{
  background-color: rgb(255 255 255 / 0.6);
}
.bg-white\/90{
  background-color: rgb(255 255 255 / 0.9);
}
.bg-opacity-40{
  --tw-bg-opacity: 0.4;
}
.bg-opacity-45{
  --tw-bg-opacity: 0.45;
}
.bg-\[url\(\"core-background\.png\"\)\]{
  background-image: url(https:/assets/core-background-575fb053dc5cbd749643c2570fd277d9c725de66f405db0abf646cbb07fd4ed2.png);
}
.bg-none{
  background-image: none;
}
.fill-black{
  fill: #000000;
}
.fill-gray-darkest{
  fill: #212529;
}
.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}
.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-2xs{
  padding: 0.25rem;
}
.p-3{
  padding: 0.75rem;
}
.p-4{
  padding: 1rem;
}
.p-6{
  padding: 1.5rem;
}
.p-md{
  padding: 1.5rem;
}
.px-0{
  padding-left: 0px;
  padding-right: 0px;
}
.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-1xs{
  padding-left: 0.375rem;
  padding-right: 0.375rem;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2base{
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}
.px-2xs{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[10px\]{
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[112px\]{
  padding-left: 112px;
  padding-right: 112px;
}
.px-\[244px\]{
  padding-left: 244px;
  padding-right: 244px;
}
.px-\[344px\]{
  padding-left: 344px;
  padding-right: 344px;
}
.px-\[6px\]{
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[8px\]{
  padding-left: 8px;
  padding-right: 8px;
}
.px-base{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-md{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-sm{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-xs{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-0{
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2\.5{
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}
.py-2xs{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[1px\]{
  padding-top: 1px;
  padding-bottom: 1px;
}
.py-\[2px\]{
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[4px\]{
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[6px\]{
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[8px\]{
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-base{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-lg{
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-md{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-xs{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.pb-2{
  padding-bottom: 0.5rem;
}
.pb-3{
  padding-bottom: 0.75rem;
}
.pb-4{
  padding-bottom: 1rem;
}
.pb-5{
  padding-bottom: 1.25rem;
}
.pb-60{
  padding-bottom: 15rem;
}
.pb-\[58px\]{
  padding-bottom: 58px;
}
.pb-base{
  padding-bottom: 1rem;
}
.pl-1{
  padding-left: 0.25rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-2{
  padding-left: 0.5rem;
}
.pl-3{
  padding-left: 0.75rem;
}
.pl-\[\<\%\=list_padding\%\>px\]{
  padding-left: <%=list padding%>px;
}
.pl-\[\<\%\=title_padding\%\>px\]{
  padding-left: <%=title padding%>px;
}
.pr-2{
  padding-right: 0.5rem;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-4{
  padding-right: 1rem;
}
.pt-16{
  padding-top: 4rem;
}
.pt-2{
  padding-top: 0.5rem;
}
.pt-3{
  padding-top: 0.75rem;
}
.pt-4{
  padding-top: 1rem;
}
.pt-6{
  padding-top: 1.5rem;
}
.pt-\[26px\]{
  padding-top: 26px;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}
.align-top{
  vertical-align: top;
}
.font-flow{
  font-family: Inter, sans-serif;
}
.font-satoshi{
  font-family: Satoshi, sans-serif;
}
.font-spacegrotesk{
  font-family: Space Grotesk, sans-serif;
}
.\!text-xs{
  font-size: 10px !important;
}
.text-2xl{
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-3xlarge{
  font-size: 32px;
}
.text-5xl{
  font-size: 3rem;
  line-height: 1;
}
.text-\[0\.6rem\]{
  font-size: 0.6rem;
}
.text-\[10px\]{
  font-size: 10px;
}
.text-\[12px\]{
  font-size: 12px;
}
.text-\[14px\]{
  font-size: 14px;
}
.text-\[16px\]{
  font-size: 16px;
}
.text-\[32px\]{
  font-size: 32px;
}
.text-\[4px\]{
  font-size: 4px;
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 10px;
}
.text-xxs{
  font-size: 8px;
}
.text-xxxs{
  font-size: 6px;
}
.\!font-normal{
  font-weight: 400 !important;
}
.font-bold{
  font-weight: 700;
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.font-thin{
  font-weight: 100;
}
.uppercase{
  text-transform: uppercase;
}
.lowercase{
  text-transform: lowercase;
}
.capitalize{
  text-transform: capitalize;
}
.italic{
  font-style: italic;
}
.leading-3{
  line-height: .75rem;
}
.leading-4{
  line-height: 1rem;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-6{
  line-height: 1.5rem;
}
.leading-9{
  line-height: 2.25rem;
}
.leading-\[10px\]{
  line-height: 10px;
}
.leading-\[150\%\]{
  line-height: 150%;
}
.leading-\[21px\]{
  line-height: 21px;
}
.leading-none{
  line-height: 1;
}
.leading-tight{
  line-height: 1.25;
}
.text-\[\#0172E4\]{
  --tw-text-opacity: 1;
  color: rgb(1 114 228 / var(--tw-text-opacity));
}
.text-\[\#1A883C\]{
  --tw-text-opacity: 1;
  color: rgb(26 136 60 / var(--tw-text-opacity));
}
.text-\[\#212529\]{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.text-\[\#495057\]{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.text-\[\#565656\]{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}
.text-\[\#5F5F5F\]{
  --tw-text-opacity: 1;
  color: rgb(95 95 95 / var(--tw-text-opacity));
}
.text-\[\#78818A\]{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.text-\[\#878787\]{
  --tw-text-opacity: 1;
  color: rgb(135 135 135 / var(--tw-text-opacity));
}
.text-\[\#AE171E\]{
  --tw-text-opacity: 1;
  color: rgb(174 23 30 / var(--tw-text-opacity));
}
.text-\[\#B53C00\]{
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}
.text-\[\#C81720\]{
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
}
.text-\[\#DF6420\]{
  --tw-text-opacity: 1;
  color: rgb(223 100 32 / var(--tw-text-opacity));
}
.text-\[\#E05D00\]{
  --tw-text-opacity: 1;
  color: rgb(224 93 0 / var(--tw-text-opacity));
}
.text-black{
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-600{
  --tw-text-opacity: 1;
  color: rgb(28 100 242 / var(--tw-text-opacity));
}
.text-core-800{
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}
.text-danger-800{
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
}
.text-danger_text{
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
}
.text-global-black{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.text-gray-400{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-600{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
.text-gray-700{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-800{
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-gray-900{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-gray-base{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.text-gray-dark{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.text-gray-dark_text{
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.text-gray-darkest{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.text-gray-light_dark{
  --tw-text-opacity: 1;
  color: rgb(119 136 153 / var(--tw-text-opacity));
}
.text-gray-text{
  --tw-text-opacity: 1;
  color: rgb(95 109 126 / var(--tw-text-opacity));
}
.text-green-500{
  --tw-text-opacity: 1;
  color: rgb(14 159 110 / var(--tw-text-opacity));
}
.text-neutral_text{
  --tw-text-opacity: 1;
  color: rgb(95 95 95 / var(--tw-text-opacity));
}
.text-notice_text{
  --tw-text-opacity: 1;
  color: rgb(223 134 32 / var(--tw-text-opacity));
}
.text-orange-700{
  --tw-text-opacity: 1;
  color: rgb(180 52 3 / var(--tw-text-opacity));
}
.text-primary-dark{
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}
.text-red-500{
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}
.text-red-600{
  --tw-text-opacity: 1;
  color: rgb(224 36 36 / var(--tw-text-opacity));
}
.text-success-800{
  --tw-text-opacity: 1;
  color: rgb(26 136 63 / var(--tw-text-opacity));
}
.text-success_text{
  --tw-text-opacity: 1;
  color: rgb(26 136 60 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.underline{
  text-decoration-line: underline;
}
.no-underline{
  text-decoration-line: none;
}
.opacity-0{
  opacity: 0;
}
.opacity-100{
  opacity: 1;
}
.opacity-20{
  opacity: 0.2;
}
.opacity-30{
  opacity: 0.3;
}
.opacity-45{
  opacity: 0.45;
}
.opacity-50{
  opacity: 0.5;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-md{
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-medium{
  --tw-shadow: 0 1px 4px 0 rgb(33 37 41 / 0.20);
  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.outline{
  outline-style: solid;
}
.ring-0{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.ring-transparent{
  --tw-ring-color: transparent;
}
.blur{
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter{
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-\[19px\]{
  --tw-backdrop-blur: blur(19px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-\[4px\]{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-lg{
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-md{
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.backdrop-filter{
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.transition{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity{
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform{
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.delay-150{
  transition-delay: 150ms;
}
.duration-1000{
  transition-duration: 1000ms;
}
.duration-300{
  transition-duration: 300ms;
}
.duration-700{
  transition-duration: 700ms;
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-linear{
  transition-timing-function: linear;
}
.ease-out{
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.\[box-shadow\:0px_51px_14px_0px_rgba\(0\2c _0\2c _0\2c _0\)\2c _0px_33px_13px_0px_rgba\(0\2c _0\2c _0\2c _0\.01\)\2c _0px_18px_11px_0px_rgba\(0\2c _0\2c _0\2c _0\.05\)\2c _0px_8px_8px_0px_rgba\(0\2c _0\2c _0\2c _0\.09\)\2c _0px_2px_4px_0px_rgba\(0\2c _0\2c _0\2c _0\.1\)\]{
  box-shadow: 0px 51px 14px 0px rgba(0, 0, 0, 0), 0px 33px 13px 0px rgba(0, 0, 0, 0.01), 0px 18px 11px 0px rgba(0, 0, 0, 0.05), 0px 8px 8px 0px rgba(0, 0, 0, 0.09), 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.apps-menu{
  position: relative;
  display: flex;
  height: 4rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
}
.apps-menu__dropdown{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  display: none;
  width: auto;
  flex-direction: column;
  gap: 1rem;
  border-top-right-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-property: all;
  transition-delay: 150ms;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.apps-menu__top-wrapper{
  display: flex;
  height: 4rem;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.apps-menu__top-wrapper,
.ai-node-container > div > div.apps-menu__top-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.apps-menu__top-wrapper .react-flow__handle,
.ai-node-container > div > div.apps-menu__top-wrapper .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.apps-menu__top-left{
  display: flex;
  height: 4rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
}
.apps-menu__top-right{
  margin-right: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.apps-menu__top-right:hover{
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 4px 0 rgb(33 37 41 / 0.20);
  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.apps-menu__apps-wrapper{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}
.apps-menu__apps-grid{
  display: grid;
  grid-template-columns: 140px 140px;
  gap: 0.5rem;
}
.apps-menu:hover .apps-menu__dropdown{
  display: flex;
}
.apps-menu__app-btn{
  width: 140px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.apps-menu__app-btn:hover{
  cursor: pointer;
  border-radius: 0.25rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
  --tw-shadow: 0 1px 4px 0 rgb(33 37 41 / 0.20);
  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.topbar{
  display: flex;
  height: 4rem;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}

.serv-tool-node-container > div > div.topbar,
.ai-node-container > div > div.topbar {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.topbar .react-flow__handle,
.ai-node-container > div > div.topbar .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.topbar__logo-container{
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.topbar__beta-tag{
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(246 132 51 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 238 225 / var(--tw-bg-opacity));
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(224 93 0 / var(--tw-text-opacity));
}

.sidebar{
  position: fixed;
  z-index: 10;
  display: flex;
  height: calc(100% - 60px);
  width: 4rem;
  flex-direction: column;
  align-items: center;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
}
.sidebar__apps-wrapper{
  width: 100%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.sidebar__main-wrapper{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.sidebar__navigation{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.sidebar__link{
  position: relative !important;
  background-color: transparent !important;
  color: unset !important;
}
.sidebar__link:hover .tooltip{
  display: block;
}
.sidebar__bottom{
  display: flex;
  height: 2.75rem;
  width: 2.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  --tw-shadow: 0 1px 4px 0 rgb(33 37 41 / 0.10);
  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.sidebar__bottom:hover{
  cursor: pointer;
  --tw-shadow: 0 1px 4px 0 rgb(33 37 41 / 0.20);
  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.sidebar__drawer{
  position: fixed;
  left: 4rem;
  height: 100%;
  width: 320px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.9);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.sidebar__header{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  padding-bottom: 1rem;
}
.serv-tool-node-container > div > div.sidebar__header,
.ai-node-container > div > div.sidebar__header {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.sidebar__header .react-flow__handle,
.ai-node-container > div > div.sidebar__header .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.sidebar__header{
  border-bottom-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.sidebar__header-title{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  display: flex;
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: 0px;
  align-items: center;
  gap: 6px;
  align-self: stretch;
}
.sidebar__header-description{
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-self: stretch;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.flow__wrapper,
.app__content {
  width: 100%;
  height: 100%;
}

.react-flow__node-custom{
  width: 208px;
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.react-flow__node-custom:hover{
  width: 208px;
  border-radius: 0.75rem;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.custom-node:hover{
  border-radius: 0.75rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(135 135 135 / var(--tw-border-opacity));
}

.wait-cursor {
  cursor: wait !important;
}

.react-flow__node-custom .react-flow__handle{
  top: 24px;
  right: -16px;
  height: 10px;
  width: 6px;
  border-radius: 0.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(119 136 153 / var(--tw-bg-opacity));
}

.react-flow__node.circle{
  display: flex;
  height: 56px;
  width: 56px;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}

.react-flow__node.annotation .react-flow__handle{
  display: none;
}

.serv-tool-node__handle-wrapper .custom-drag-handle-icon{
  display: none;
}
.serv-tool-node__handle-wrapper:hover .custom-drag-handle-icon{
  pointer-events: none;
  position: absolute;
  display: flex;
  border-radius: 9999px;
}

.custom-node__macro--default{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 236 / var(--tw-bg-opacity));
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}

.core-table td.custom-node__macro--default {
  text-align: center;
}
.custom-node__macro--service{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 236 / var(--tw-bg-opacity));
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--service {
  text-align: center;
}
.custom-node__macro--tool{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 236 / var(--tw-bg-opacity));
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--tool {
  text-align: center;
}
.custom-node__macro--hubs{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-color: rgba(0, 114, 255, 0.15);
  background-color: rgba(0, 114, 255, 0.3);
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--hubs {
  text-align: center;
}
.custom-node__macro--core{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-color: rgba(243, 115, 53, 0.15);
  background-color: rgba(243, 115, 53, 0.3);
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--core {
  text-align: center;
}
.custom-node__macro--handling{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-color: rgba(68, 48, 147, 0.15);
  background-color: rgba(68, 48, 147, 0.3);
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--handling {
  text-align: center;
}
.custom-node__macro--validation{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-color: rgba(5, 153, 153, 0.15);
  background-color: rgba(5, 153, 153, 0.3);
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--validation {
  text-align: center;
}
.custom-node__macro--submission{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-color: rgba(255, 171, 56, 0.15);
  background-color: rgba(255, 171, 56, 0.3);
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--submission {
  text-align: center;
}
.custom-node__macro--store{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  border-color: rgba(56, 238, 125, 0.15);
  background-color: rgba(56, 238, 125, 0.3);
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--store {
  text-align: center;
}
.custom-node__macro--exit{
  display: flex;
  height: 76px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(225 175 173 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(244 225 225 / var(--tw-bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 100;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.core-table td.custom-node__macro--exit {
  text-align: center;
}

.custom-node__micro-container--default{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--service{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--tool{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--hubs{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  border-color: rgba(0, 114, 255, 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--core{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  border-color: rgba(243, 115, 53, 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--handling{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  border-color: rgba(68, 48, 147, 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--validation{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  border-color: rgba(5, 153, 153, 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--submission{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  border-color: rgba(255, 171, 56, 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--store{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  border-color: rgba(56, 238, 125, 0.15);
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}
.custom-node__micro-container--exit{
  display: flex;
  flex-direction: column;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(225 175 173 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
}

.custom-node__micro{
  position: absolute;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}

.serv-tool-node-container > div > div.custom-node__micro,
.ai-node-container > div > div.custom-node__micro {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.custom-node__micro .react-flow__handle,
.ai-node-container > div > div.custom-node__micro .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.core-table td.custom-node__micro {
  text-align: center;
}

.custom-node__micro:first-child{
  position: absolute;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-width: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}

.serv-tool-node-container > div > div.custom-node__micro:first-child,
.ai-node-container > div > div.custom-node__micro:first-child {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.custom-node__micro:first-child .react-flow__handle,
.ai-node-container > div > div.custom-node__micro:first-child .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.core-table td.custom-node__micro:first-child {
  text-align: center;
}

.custom-node__micro-collapse{
  position: absolute;
  display: none;
}

.custom-node__micro-collapse:last-child{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-width: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}

.serv-tool-node-container > div > div.custom-node__micro-collapse:last-child,
.ai-node-container > div > div.custom-node__micro-collapse:last-child {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.custom-node__micro-collapse:last-child .react-flow__handle,
.ai-node-container > div > div.custom-node__micro-collapse:last-child .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.core-table td.custom-node__micro-collapse:last-child {
  text-align: center;
}

.custom-node__body{
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
}

.custom-node__select{
  position: relative;
  margin-bottom: 10px;
}

.custom-node__select select{
  margin-top: 4px;
  width: 100%;
  font-size: 10px;
}

.custom-node__macro-settings{
  position: absolute;
  right: 44px;
  top: 6px;
  height: 0.5rem;
  width: 0.5rem;
  cursor: pointer;
  padding-left: 0.25rem;
  padding-bottom: 1.25rem;
  padding-right: 0.625rem;
  padding-top: 0px;
}

.custom-node__macro-trash{
  position: absolute;
  right: 28px;
  top: 6px;
  height: 0.5rem;
  width: 0.5rem;
  cursor: pointer;
  padding-left: 0.25rem;
  padding-bottom: 1.25rem;
  padding-right: 0.625rem;
  padding-top: 0px;
}

.value-box{
  margin-left: 8px;
  display: flex;
  height: 16px;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 0.25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(209 217 226 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 236 / var(--tw-bg-opacity));
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(95 109 126 / var(--tw-text-opacity));
}

.core-table td.value-box {
  text-align: center;
}

.value-box-null{
  margin-left: 8px;
  display: flex;
  height: 16px;
  width: 16px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 0.25rem;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  text-align: center;
  font-family: Inter, sans-serif;
  font-size: 10px;
}

.core-table td.value-box-null {
  text-align: center;
}

.context-item{
  display: flex;
  width: 100%;
  cursor: pointer;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}

.serv-tool-node-container > div > div.context-item,
.ai-node-container > div > div.context-item {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.context-item .react-flow__handle,
.ai-node-container > div > div.context-item .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.context-item:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.context-container{
  position: absolute;
  z-index: 10;
  display: flex;
  width: 220px;
  cursor: pointer;
  flex-direction: column;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.context-subcontainer{
  position: absolute;
  z-index: 10;
  display: flex;
  max-height: 30vh;
  width: 220px;
  cursor: pointer;
  flex-direction: column;
  overflow-y: scroll;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.context-bckg{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 10;
  height: 100%;
  width: 100%;
}

.flow__wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
}

.dndflow {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}

.dndflow aside {
  border-right: 1px solid #eee;
  padding: 15px 10px;
  font-size: 12px;
  background: #fcfcfc;
}

.dndflow, .reactflow-wrapper {
  flex-grow: 1;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.dndflow .selectall {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .dndflow {
    flex-direction: row;
  }
  .dndflow aside {
    width: 20%;
    max-width: 250px;
  }
}
.custom-edge-show {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: block;
  z-index: 1000 !important;
  position: absolute;
  top: -50px;
  left: -50px;
  box-shadow: 0px 1px 4px 0px rgba(33, 37, 41, 0.2);
  border-radius: 8px;
}

.react-flow__node {
  z-index: 1 !important;
  position: relative;
}

.react-flow__edge {
  z-index: 0 !important;
}

.react-flow__edge-interaction {
  z-index: -1 !important;
}

.react-flow__handle {
  min-width: 0px !important;
}

.serv-tool-node-container .serv-tool-node__handle-wrapper,
.ai-node-container .serv-tool-node__handle-wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
}
.serv-tool-node-container .serv-tool-node__handle-wrapper .react-flow__handle,
.ai-node-container .serv-tool-node__handle-wrapper .react-flow__handle {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
}
.serv-tool-node-container .serv-tool-node__handle-wrapper .custom-drag-handle-icon,
.ai-node-container .serv-tool-node__handle-wrapper .custom-drag-handle-icon {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
}
.serv-tool-node-container > div > div.flex-row,
.ai-node-container > div > div.flex-row {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}
.serv-tool-node-container > div > div.flex-row .react-flow__handle,
.ai-node-container > div > div.flex-row .react-flow__handle {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin-top: 0 !important;
}

.custom-edge-hide {
  display: none;
}

.custom-node__errormsg{
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  display: flex;
  height: -moz-fit-content;
  height: fit-content;
  width: 83.333333%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(135 135 135 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(249 251 253 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
}

.core-table td.custom-node__errormsg {
  text-align: center;
}

.edgebutton {
  width: 30px;
  height: 30px;
  background: #eee;
  border: 1px solid #fff;
  cursor: pointer;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
}

.edgebutton:hover {
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.08);
}

.serv-tool-node {
  font-family: "Space Grotesk" !important;
  display: flex;
  width: 100%;
  flex-direction: row;
}

.serv-tool-node-container > div > div.serv-tool-node,
.ai-node-container > div > div.serv-tool-node {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.serv-tool-node .react-flow__handle,
.ai-node-container > div > div.serv-tool-node .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.serv-tool-node__logic-tokens{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  gap: 0.25rem;
}

.serv-tool-node-container > div > div.serv-tool-node__logic-tokens,
.ai-node-container > div > div.serv-tool-node__logic-tokens {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.serv-tool-node__logic-tokens .react-flow__handle,
.ai-node-container > div > div.serv-tool-node__logic-tokens .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.serv-tool-node__logic-tokens {
  font-family: "Space Grotesk" !important;
}

.serv-tool-node__collapsed--last {
  flex-basis: auto;
  max-width: 100%;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
}

.serv-tool-node-container > div > div.serv-tool-node__collapsed--last,
.ai-node-container > div > div.serv-tool-node__collapsed--last {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.serv-tool-node__collapsed--last .react-flow__handle,
.ai-node-container > div > div.serv-tool-node__collapsed--last .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.serv-tool-node__collapsed{
  display: flex;
  width: 100%;
  flex-direction: row;
}

.serv-tool-node-container > div > div.serv-tool-node__collapsed,
.ai-node-container > div > div.serv-tool-node__collapsed {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.serv-tool-node__collapsed .react-flow__handle,
.ai-node-container > div > div.serv-tool-node__collapsed .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.node-collapsed {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25px, 1fr));
  grid-gap: 16px;
}

.node-grid-item {
  display: flex;
  flex-direction: column;
}

.serv-tool-node__controller {
  display: flex;
  height: 20px;
  width: 20px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.serv-tool-node__controller:hover {
  box-shadow: 0px 1px 4px 0px rgba(33, 37, 41, 0.2);
  border-radius: var(--Spacings-1, 4px);
  background: var(--General-Gray-100, #f8f9fa);
}

.serv-tool-node__controller:active {
  border-radius: var(--Spacings-1, 4px);
  border: 2px solid var(--General-Gray-300, #dee2e6);
  background: var(--General-Gray-100, #f8f9fa);
  box-shadow: 0px 1px 4px 0px rgba(33, 37, 41, 0.2);
}

.service-header{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.75rem;
}
.service-header__header{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.service-header__header,
.ai-node-container > div > div.service-header__header {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.service-header__header .react-flow__handle,
.ai-node-container > div > div.service-header__header .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.service-header__header--logo{
  display: flex;
  align-items: center;
}
.service-header__header--controls{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  gap: 0.25rem;
}
.serv-tool-node-container > div > div.service-header__header--controls,
.ai-node-container > div > div.service-header__header--controls {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.service-header__header--controls .react-flow__handle,
.ai-node-container > div > div.service-header__header--controls .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.service-header__icon-btn{
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
}
.service-header__title-container{
  display: flex;
  width: 100%;
  flex-direction: column;
}
.service-header__subtitle{
  font-size: 10px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.service-header__title{
  font-family: Satoshi, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}

.tool-header{
  display: flex;
  width: 100%;
  flex-direction: column;
}
.tool-header__row{
  display: flex;
  width: 100%;
  flex-direction: row;
  gap: 0.75rem;
}
.serv-tool-node-container > div > div.tool-header__row,
.ai-node-container > div > div.tool-header__row {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.tool-header__row .react-flow__handle,
.ai-node-container > div > div.tool-header__row .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.tool-header__logo{
  display: flex;
  align-items: center;
}
.tool-header__content{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.tool-header__content-top{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.tool-header__content-top,
.ai-node-container > div > div.tool-header__content-top {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.tool-header__content-top .react-flow__handle,
.ai-node-container > div > div.tool-header__content-top .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.tool-header__content-bottom{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.tool-header__content-bottom,
.ai-node-container > div > div.tool-header__content-bottom {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.tool-header__content-bottom .react-flow__handle,
.ai-node-container > div > div.tool-header__content-bottom .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.tool-header__app-title{
  font-size: 10px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
  font-family: "Space Grotesk" !important;
}
.tool-header__app-name{
  font-family: Satoshi, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}
.tool-header__controls{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 0.25rem;
}
.serv-tool-node-container > div > div.tool-header__controls,
.ai-node-container > div > div.tool-header__controls {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.tool-header__controls .react-flow__handle,
.ai-node-container > div > div.tool-header__controls .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.tool-header__icon-btn{
  display: flex;
  height: 1rem;
  width: 1rem;
  align-items: center;
  justify-content: center;
}

.serv-tool-node-container{
  margin-top: 18px;
  display: flex;
  min-width: 240px;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-family: "Space Grotesk" !important;
}

.ai-node-container{
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  border-radius: 7px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-family: "Space Grotesk" !important;
}

.modal_wrapper {
  left: 0;
  top: 0;
  opacity: 1.5;
  border-radius: 8px;
  position: absolute !important;
}

.drawer{
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.drawer__header{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  padding-bottom: 1rem;
}
.drawer__options-wrapper{
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding: 1rem;
}
.drawer__item{
  cursor: pointer;
  border-left-width: 2px;
  border-color: transparent;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 120%;
}
.drawer__item:hover{
  border-left-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(181 60 0 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}

.tooltip{
  position: absolute;
  z-index: 50;
  display: none;
  width: -moz-max-content;
  width: max-content;
  border-radius: 0.375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  box-shadow: 0px 1px 4px 0px rgba(33, 37, 41, 0.1);
}
.tooltip--right{
  left: 140%;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tooltip--left{
  right: 140%;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tooltip--top{
  bottom: 140%;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tooltip--bottom{
  top: 140%;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tooltip--bottom-right{
  top: 110%;
  left: 20%;
}
.tooltip--bottom-right-taglist{
  top: 140%;
  left: 20%;
}
.tooltip--top-right{
  top: -100%;
  left: 140%;
}
.tooltip--top-left{
  top: -100%;
  right: 140%;
}
.tooltip--top__first-column{
  bottom: 140%;
  left: 0px;
  max-width: 700px;
  --tw-translate-x: 0px;
  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));
}
.tooltip--top__first-column p{
  overflow: hidden;
  text-overflow: ellipsis;
}

.tooltip-wrapper{
  position: relative;
  cursor: pointer;
}
.tooltip-wrapper--inline-block{
  display: inline-block;
}
.tooltip-wrapper--inline-flex{
  display: inline-flex;
}
.tooltip-wrapper:hover .tooltip{
  display: block;
}
.tooltip-wrapper--icon-small {
  font-size: 12px;
}

.dropkiq_preview{
  position: relative;
  z-index: 999;
  max-width: 250px;
  word-break: break-all;
}

.loopos-core-search-btn{
  display: flex;
  height: 52px;
  width: 52px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background-color: var(--app-800-primary);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  box-shadow: 0px 51px 14px 0px rgba(0, 0, 0, 0), 0px 33px 13px 0px rgba(0, 0, 0, 0.01), 0px 18px 11px 0px rgba(0, 0, 0, 0.05), 0px 8px 8px 0px rgba(0, 0, 0, 0.09), 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.core-switch input{
  display: none;
}

.core-switch input:focus{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.core-switch{
  position: relative;
  margin: 0.25rem;
  display: inline-block;
  height: 1rem;
  width: 1.75rem;
}
.core-switch--small{
  height: 1rem;
  width: 1.75rem;
}
.core-switch--base{
  height: 1.25rem;
  width: 2.25rem;
}

.core-slider{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 30px;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  box-shadow: 0 0 0 2px #dee2e6, 0 0 4px #dee2e6;
}

.core-slider:before{
  position: absolute;
  height: 100%;
  width: 100%;
  --tw-translate-x: -30px;
  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));
  border-radius: 1.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  content: "";
}

input:checked + .core-slider--small::before{
  --tw-translate-x: 0px;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity));
}

input:checked + .core-slider--base:before{
  --tw-translate-x: 1rem;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity));
}

.core-switch200 .core-slider:before{
  width: 200%;
  --tw-translate-x: -35px;
  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));
}

.core-switch200.core-switch--base .core-slider:before{
  width: 200%;
  --tw-translate-x: -48px;
  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));
}

.core-switch200.core-switch--base input:checked + .core-slider:before{
  width: 200%;
  --tw-translate-x: 15px;
  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));
}

.core-switch200 input:checked + .core-slider:before{
  --tw-translate-x: 10px;
  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));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.core-switch200 input + .core-slider{
  --tw-bg-opacity: 1;
  background-color: rgb(222 226 230 / var(--tw-bg-opacity));
}

.core-switch200 input:checked + .core-slider{
  --tw-bg-opacity: 1;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity));
}

.element{
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.serv-tool-node-container > div > div.element,
.ai-node-container > div > div.element {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.element .react-flow__handle,
.ai-node-container > div > div.element .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.element__number{
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  -o-object-fit: contain;
     object-fit: contain;
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 150%;
}
.element__wrapper{
  display: grid;
  width: 100%;
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 120%;
}
.element__header{
  display: flex;
  height: 100%;
  min-height: 2.5rem;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
}
.serv-tool-node-container > div > div.element__header,
.ai-node-container > div > div.element__header {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.element__header .react-flow__handle,
.ai-node-container > div > div.element__header .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.element__header-left{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.element__header-left,
.ai-node-container > div > div.element__header-left {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.element__header-left .react-flow__handle,
.ai-node-container > div > div.element__header-left .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.element__toggle-wrapper{
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-right-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.element__header-right{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.element__protocol-element-type{
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.element__protocol-element-type--input{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(184 231 203 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 239 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(26 136 60 / var(--tw-text-opacity));
}
.element__protocol-element-type--info{
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(182 216 250 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(227 241 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(1 114 228 / var(--tw-text-opacity));
}

.filter{
  position: absolute;
  z-index: 50;
  margin-top: 0.25rem;
  display: none;
  width: 160px;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-shadow: 0 1px 4px 0 rgb(33 37 41 / 0.20);
  --tw-shadow-colored: 0 1px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.filter--left{
  right: 0px;
}
.filter__option{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.filter__option-text{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}

.loading-outter{
  position: absolute;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
}

.loading-inner{
  position: absolute;
  display: flex;
  height: 3rem;
  width: 3rem;
  align-items: center;
  justify-content: center;
}
.loading-inner__container{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  align-items: center;
}

.custom-rotate-reversed {
  animation: rotationR 1s infinite linear;
}

@keyframes rotationR {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}
.custom-rotate-normal {
  animation: rotationN 2s infinite linear;
}

@keyframes rotationN {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.edit-submit{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.edit-submit,
.ai-node-container > div > div.edit-submit {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.edit-submit .react-flow__handle,
.ai-node-container > div > div.edit-submit .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.edit-submit--negative-margin{
  position: relative;
  top: -0.5rem;
}
.edit-submit--small-gap{
  gap: 0.25rem;
}

.action-button{
  display: flex;
  align-items: center;
  justify-content: center;
}
.action-button--neutral{
  border-width: 1px;
  border-color: rgba(95, 95, 95, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(95 95 95 / var(--tw-text-opacity));
}
.action-button--danger{
  border-width: 1px;
  border-color: rgba(200, 23, 32, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
}
.action-button--success{
  border-width: 1px;
  border-color: rgba(26, 136, 60, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 239 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(26 136 60 / var(--tw-text-opacity));
}
.action-button--small{
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.25rem;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 8px;
}
.action-button--base{
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.375rem;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 10px;
}
.action-button--negative-margin{
  position: relative;
  top: -0.5rem;
}

.flash{
  position: fixed;
  top: 6rem;
  right: 1rem;
  display: flex;
  width: 20rem;
  flex-direction: column;
  gap: 0.5rem;
  z-index: 100000;
}
.flash__content{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 700ms;
}
.flash__content--success{
  border-width: 1px;
  border-color: rgba(26, 136, 60, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 239 / var(--tw-bg-opacity));
}
.flash__content--notice{
  border-color: rgba(26, 136, 60, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 239 / var(--tw-bg-opacity));
}
.flash__content--alert{
  border-color: rgba(200, 23, 32, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
}
.flash__content--danger{
  border-color: rgba(200, 23, 32, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
}
.flash__icon-field{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.flash__icon-field,
.ai-node-container > div > div.flash__icon-field {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.flash__icon-field .react-flow__handle,
.ai-node-container > div > div.flash__icon-field .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.flash__icon{
  display: flex;
  font-size: 1rem;
  line-height: 1.5rem;
}
.flash__icon--success{
  --tw-text-opacity: 1;
  color: rgb(26 136 60 / var(--tw-text-opacity));
}
.flash__icon--notice{
  --tw-text-opacity: 1;
  color: rgb(26 136 60 / var(--tw-text-opacity));
}
.flash__icon--alert{
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
}
.flash__icon--danger{
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
}
.flash__title{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.flash__flash-message{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}

.modal{
  min-width: 500px;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1.5rem;
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.modal__wrapper{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.modal__text-wrapper{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
}
.modal__title-wrapper{
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.modal__title-wrapper,
.ai-node-container > div > div.modal__title-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.modal__title-wrapper .react-flow__handle,
.ai-node-container > div > div.modal__title-wrapper .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.modal__title{
  width: 100%;
}
.modal__close{
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.core-table td.modal__close {
  text-align: center;
}
.dealbreaker p.modal__close.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.modal__subtitle{
  margin-bottom: 1.5rem;
  width: 100%;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.modal__subtitle.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.modal__submit-wrapper{
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.modal__submit{
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(180 52 3 / var(--tw-text-opacity));
}
.core-table td.modal__submit {
  text-align: center;
}

.react-modal-container {
  z-index: 9999;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: -webkit-fill-available;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  position: fixed;
}

.__talkjs_launcher{
  display: none !important;
}

.__talkjs_popup{
  position: fixed !important;
  right: auto !important;
  top: auto !important;
  bottom: 0px !important;
  height: 600px !important;
  width: 100% !important;
}

@media (min-width: 640px){
  .__talkjs_popup{
    right: 0px !important;
    height: 650px !important;
    width: 600px !important;
  }
}

.chat__open-button{
  position: relative;
  display: flex;
  height: 30px;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.chat__open-button i{
  font-size: 1rem;
  line-height: 1.5rem;
}
.chat__open-button--label{
  display: flex;
  gap: 0.25rem;
  text-wrap: nowrap;
}
.chat__open-button--notification{
  position: absolute;
  top: -10px;
  right: -5px;
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  --tw-bg-opacity: 1;
  background-color: rgb(232 134 0 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 1rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.core-table td.chat__open-button--notification {
  text-align: center;
}
.chat__subtitle{
  width: 80%;
  font-family: Satoshi, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}

.chat-parent iframe {
  width: 100%;
}

.card-labels{
  display: flex;
  flex-direction: row;
  gap: 1rem;
}

.serv-tool-node-container > div > div.card-labels,
.ai-node-container > div > div.card-labels {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.card-labels .react-flow__handle,
.ai-node-container > div > div.card-labels .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.card-labels__label-element{
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
.serv-tool-node-container > div > div.card-labels__label-element,
.ai-node-container > div > div.card-labels__label-element {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.card-labels__label-element .react-flow__handle,
.ai-node-container > div > div.card-labels__label-element .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.card-labels__label-element__text{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 120%;
}

.pricing-table td {
  border-left: 1px solid rgba(181, 60, 0, 0.1);
  border-right: 1px solid rgba(181, 60, 0, 0.1);
}

.reactgrid{
  height: auto !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
.reactgrid.columns-overflow{
  overflow-x: scroll !important;
}

.reactgrid-content {
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 120%;
  /* border da table */
}
.reactgrid-content :first-of-type.rg-header-cell {
  border-top-left-radius: 12px;
}
.reactgrid-content :last-of-type.rg-header-cell {
  border-bottom-right-radius: 12px;
}

.reactgrid-content .rg-pane-shadow,
.reactgrid-content .rg-pane-shadow.shadow-top-left-corner {
  box-shadow: none !important;
}

.reactgrid-content .rg-pane .rg-cell.reactgrid-header-row {
  font-size: 12px;
  font-weight: 600;
}

.reactgrid-content .rg-pane .rg-cell.reactgrid-cell-body {
  font-size: 14px;
  cursor: pointer;
}

.rg-protocol-cell,
.rg-catalog-cell,
.rg-header-cell{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
  padding-left: 0.5rem !important;
  padding-right: 1rem !important;
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.header-cell-wrapper {
  width: -webkit-fill-available;
  height: inherit;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.rg-string-cell{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.rg-pricing-h-cell{
  border-left-width: 1px !important;
  border-color: rgb(179 214 249 / var(--tw-border-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(179 214 249 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 247 253 / var(--tw-bg-opacity)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.rg-decision-h-cell{
  border-left-width: 1px !important;
  border-color: rgb(179 214 249 / var(--tw-border-opacity)) !important;
  --tw-border-opacity: 1 !important;
  border-left-color: rgb(179 214 249 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(242 247 253 / var(--tw-bg-opacity)) !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-size: 14px !important;
  --tw-text-opacity: 1 !important;
  color: rgb(55 65 81 / var(--tw-text-opacity)) !important;
}

.rg-add-cell,
.rg-remove-cell,
.rg-addDropdown-cell{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
}

.rg-dropdown-cell,
.rg-pricing-cell,
.rg-decision-cell,
.rg-text-cell{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}

.rg-text-cell{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.rg-add-cell,
.rg-remove-cell,
.rg-addDropdown-cell{
  justify-content: center !important;
}

.rg-addDropdown-cell {
  overflow: visible !important;
}

.rg-dropdown-menu {
  overflow: visible;
  top: auto !important;
  max-width: 188px !important;
  position: fixed !important;
}

.rg-dropdown-option:hover {
  background: rgba(181, 60, 0, 0.05) !important;
}

.rg-dropdown-option.focused {
  background: rgba(181, 60, 0, 0.05) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 60 0 / var(--tw-text-opacity)) !important;
}

.rg-dropdown-option.selected {
  background: rgba(181, 60, 0, 0.05) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 60 0 / var(--tw-text-opacity)) !important;
}

.rg-cell-focus,
.rg-celleditor{
  position: absolute !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(233 197 179 / var(--tw-border-opacity)) !important;
}

.rg-line{
  --tw-border-opacity: 1 !important;
  border-color: rgb(233 197 179 / var(--tw-border-opacity)) !important;
}

.rg-column-resize-hint,
.rg-line{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.rg-resize-handle:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

.rg-context-menu {
  box-shadow: 0px 1px 4px 0px #dee2e6 !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(222 226 230 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.rg-context-menu-option{
  min-width: 120px !important;
  max-width: 320px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.25rem !important;
  --tw-text-opacity: 1 !important;
  color: rgb(73 80 87 / var(--tw-text-opacity)) !important;
}
.rg-context-menu-option:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.rg-cell{
  overflow: auto;
}

.rg-partial-area.rg-partial-area-selected-range {
  background: rgba(181, 60, 0, 0.05) !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(233 197 179 / var(--tw-border-opacity)) !important;
}

.rg-selection-element{
  pointer-events: none;
  position: absolute;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(248 236 230 / var(--tw-bg-opacity));
}
.rg-selection-element__row{
  left: 0px;
  width: 13px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(233 197 179 / var(--tw-border-opacity));
}
.rg-selection-element__column{
  top: 0px;
  height: 13px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(233 197 179 / var(--tw-border-opacity));
}
.rg-selection-element i{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}

.rnd{
  z-index: 10 !important;
}
.rnd__menu{
  left: 1.25rem !important;
  z-index: 20 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(73 80 87 / var(--tw-text-opacity)) !important;
}
.rnd__submenu{
  left: 259px !important;
}

.rnd__submenu--opened{
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 416px !important;
}
.rnd__submenu--opened .rnd__option-label{
  text-wrap: wrap !important;
  font-family: Satoshi, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(73 80 87 / var(--tw-text-opacity)) !important;
}
.rnd__submenu--opened .rnd__option:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  fill: #212529 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}
.rnd__submenu--opened .rnd__option:hover .rnd__option-icon, .rnd__submenu--opened .rnd__option:hover .rnd__option-label{
  fill: #212529 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}

.rnd__option-label{
  text-wrap: wrap !important;
  font-family: Satoshi, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(73 80 87 / var(--tw-text-opacity)) !important;
}

.rnd__option:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  fill: #212529 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}
.rnd__option:hover > .rnd__option-icon,
.rnd__option:hover > .rnd__option-label{
  fill: #212529 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}

.rnd2{
  position: absolute !important;
  left: 1rem !important;
}
.rnd2 .rnd__root-menu,
.rnd2 .rnd__submenu{
  display: none !important;
}
.rnd2 .rnd2--open {
  box-shadow: 0px 1px 4px 0px #dee2e6;
  position: fixed !important;
  z-index: 30 !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(222 226 230 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.rnd2 .rnd__submenu--opened{
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 416px !important;
}
.rnd2 .rnd__option-label{
  text-wrap: wrap !important;
  font-family: Satoshi, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(73 80 87 / var(--tw-text-opacity)) !important;
}
.rnd2 .rnd__option:hover{
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  fill: #212529 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}
.rnd2 .rnd__option:hover .rnd__option-icon,
.rnd2 .rnd__option:hover .rnd__option-label{
  fill: #212529 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(33 37 41 / var(--tw-text-opacity)) !important;
}

.custom-rnd{
  position: absolute !important;
}
.custom-rnd .rnd2--open {
  box-shadow: 0px 1px 4px 0px #dee2e6;
  position: fixed !important;
  z-index: 30 !important;
  border-radius: 0.5rem !important;
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(222 226 230 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  max-height: 400px !important;
  overflow-y: auto !important;
}
.custom-rnd .rnd__submenu--opened{
  width: -moz-max-content !important;
  width: max-content !important;
  max-width: 416px !important;
}
.custom-rnd .rnd__option-label{
  text-wrap: wrap !important;
  font-family: Satoshi, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(73 80 87 / var(--tw-text-opacity)) !important;
}
.custom-rnd .rnd__option--with-menu:hover{
  border-radius: 0.5rem !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.custom-rnd .rnd__option--with-menu:hover .rnd__option-icon:first-child, .custom-rnd .rnd__option--with-menu:hover .rnd__option-label:first-child{
  fill: #000000 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
}

.rnd__root--fixed {
  position: fixed !important;
  z-index: 9999;
}

.pgrid-select__container{
  width: 100%;
}

.pgrid-select__control {
  background: transparent !important;
  border: none !important;
}

.pgrid-select__indicator-separator {
  visibility: hidden;
}

.pgrid-select__menu-list{
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
  border-radius: 8px !important;
  padding: 0.5rem !important;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
}

.pgrid-select__option {
  cursor: pointer !important;
  width: 100%;
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  border-radius: 6px;
  word-break: break-all !important;
}

.pgrid-select__option p {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 22ch !important;
}

.pgrid-select__option:hover,
.pgrid-select__option--focus,
.pgrid-select__option--active,
.pgrid-select__option--is-focused,
.pgrid-select__option--is-selected{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(251 245 242 / var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 60 0 / var(--tw-text-opacity)) !important;
}

.pgrid-select__option,
.pgrid-select__option--is-selected {
  border-radius: 6px !important;
  font-size: 12px !important;
}

.rg-pricing-cell,
.rg-decision-cell{
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.rg-shadow{
  display: none !important;
}

.rg-pane-shadow.shadow-top,
.rg-catalog-cell{
  pointer-events: auto !important;
  touch-action: auto !important;
}

.rg-cell-nonEditable{
  --tw-text-opacity: 1 !important;
  color: rgb(107 114 128 / var(--tw-text-opacity)) !important;
}

.rg-celleditor-input, .rg-celleditor .rg-input {
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 1em;
  outline: none;
}

.rg-celleditor {
  box-sizing: border-box;
  z-index: 5;
  background-color: #ffffff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.06);
  display: flex;
  border-style: solid;
  border-color: #3579f8;
  border-width: 2px;
  padding: 0 4px;
}

.rg-number-celleditor input {
  text-align: right;
}

.reactgrid-content .rg-pane .rg-cell.rg-number-cell,
.reactgrid-content .rg-pane .rg-cell .rg-time-cell,
.reactgrid-content .rg-pane .rg-cell .rg-date-cell {
  justify-content: flex-end;
}

.reactgrid-content .rg-pane .rg-cell.rg-email-cell.rg-invalid {
  color: rgb(255, 0, 0);
}

.reactgrid-content .rg-pane .rg-cell.rg-text-cell.placeholder {
  color: #999;
  font-size: 0.8em;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell {
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  background: transparent;
  pointer-events: auto;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell input {
  width: 20px;
  height: 20px;
}

.reactgrid-content .rg-pane .rg-cell.rg-chevron-cell .chevron {
  pointer-events: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-right: 0.1em;
  cursor: pointer;
  transition: 200ms all ease-in-out;
  height: 1em;
  width: 1em;
}

.reactgrid-content .rg-pane .rg-cell.rg-chevron-cell .no-child {
  width: 0.5em;
}

.reactgrid-content .rg-pane .rg-cell.rg-chevron-cell.expanded .chevron {
  transform: rotate(90deg);
}

.reactgrid-content .rg-pane .rg-cell.rg-chevron-cell.collapsed .chevron {
  transform: rotate(0deg);
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell {
  justify-content: center;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell label {
  position: relative;
  height: 18px;
  width: 18px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  height: 18px;
  width: 18px;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell span {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eeeeee;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell label:hover input ~ span {
  background-color: #cccccc;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell label input:checked ~ span {
  background-color: #3579f8;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell span:after {
  content: "";
  position: absolute;
  display: none;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell label input:checked ~ span:after {
  display: block;
}

.reactgrid-content .rg-pane .rg-cell.rg-checkbox-cell label span:after {
  left: 7px;
  top: 2px;
  width: 4px;
  height: 12px;
  border: solid #ffffff;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.reactgrid-content .rg-pane .rg-cell.rg-dropdown-cell {
  padding: 0;
  overflow: visible;
}

.reactgrid-content .rg-pane .rg-cell.rg-dropdown-cell .rg-dropdown-menu {
  top: 100%;
  background-color: #ffffff;
  border-radius: 4px;
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.5);
  margin-bottom: 8px;
  margin-top: 2px;
  position: absolute;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
}

.reactgrid-content .rg-pane .rg-cell.rg-dropdown-cell .rg-dropdown-option {
  padding: 0.3em 0.5em;
  min-height: 1.5em;
  display: flex;
  align-items: center;
}

.reactgrid-content .rg-pane .rg-cell.rg-dropdown-cell .rg-dropdown-option.selected::before {
  content: "✓";
  padding-right: 0.2em;
}

.reactgrid-content .rg-pane .rg-cell.rg-dropdown-cell .rg-dropdown-option.focused {
  color: black;
  background-color: #e2ebfe;
}

.rg-copy-container[contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
}

.reactgrid-content {
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  color: #000000;
}

.reactgrid-content .rg-pane.rg-pane-top, .reactgrid-content .rg-pane.rg-pane-bottom, .reactgrid-content .rg-pane.rg-pane-left, .reactgrid-content .rg-pane.rg-pane-right {
  position: sticky;
  position: -webkit-sticky;
  background-color: #ffffff;
}

.reactgrid-content .rg-pane.rg-pane-top {
  top: 0;
}

.reactgrid-content .rg-pane.rg-pane-bottom {
  bottom: 0;
}

.reactgrid-content .rg-pane.rg-pane-left {
  left: 0;
}

.reactgrid-content .rg-pane.rg-pane-right {
  right: 0;
}

.reactgrid-content .rg-pane .rg-cell {
  font-size: 1em;
  box-sizing: border-box;
  white-space: nowrap;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  padding: 0 4px;
  outline: none;
  touch-action: auto;
  border-color: #e8e8e8;
  color: #000000;
}

.reactgrid-content .rg-pane .rg-cell .rg-touch-resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
  pointer-events: auto;
}

.reactgrid-content .rg-pane .rg-cell .rg-touch-resize-handle .rg-resize-handle {
  position: absolute;
  right: 0;
  width: 6px;
  height: 100%;
}

.reactgrid-content .rg-pane .rg-cell .rg-touch-resize-handle .rg-resize-handle:hover {
  cursor: col-resize;
  background-color: #3579f8;
}

.reactgrid-content .rg-pane .rg-cell .rg-groupId {
  font-size: 0.8em;
  position: absolute;
  right: 4px;
  top: 4px;
}

.reactgrid-content .rg-pane .rg-cell-focus,
.reactgrid-content .rg-pane .rg-cell-highlight {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
  border-style: solid;
  border-width: 2px;
  border-color: #3579f8;
}

.reactgrid-content .rg-pane .rg-touch-fill-handle {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.01);
  touch-action: none;
  pointer-events: auto;
}

.reactgrid-content .rg-pane .rg-touch-fill-handle .rg-fill-handle {
  position: absolute;
  cursor: crosshair;
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% - 0.5px), calc(-50% - 0.5px));
  width: 6.5px;
  height: 6.5px;
  background-color: #3579f8;
  border-width: 1px;
  border-style: solid;
  border-color: #ffffff;
  background-clip: content-box;
}

.reactgrid-content .rg-pane .rg-partial-area {
  position: absolute;
  pointer-events: none;
  box-sizing: border-box;
}

.reactgrid-content .rg-pane .rg-partial-area.rg-partial-area-part {
  border-width: 1px;
  border-style: dashed;
  border-color: #000000;
}

.reactgrid-content .rg-pane .rg-partial-area.rg-partial-area-selected-range {
  border-width: 1px;
  border-style: solid;
  border-color: #3579f8;
  background-color: rgba(53, 121, 248, 0.35);
}

.reactgrid-content .rg-pane-shadow {
  position: sticky;
}

.reactgrid-content .rg-pane-shadow.shadow-top {
  pointer-events: none;
  top: 0;
  box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-pane-shadow.shadow-left {
  pointer-events: none;
  left: 0;
  box-shadow: 5px 0 3px -2px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-pane-shadow.shadow-bottom {
  pointer-events: none;
  bottom: 0;
  box-shadow: 2px -1px 3px 1px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-pane-shadow.shadow-right {
  pointer-events: none;
  right: 0;
  box-shadow: -5px 0 3px -2px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-pane-shadow.shadow-top-left-corner {
  box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-pane-shadow.shadow-top-right-corner {
  box-shadow: -2px 2px 3px 1px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-pane-shadow.shadow-bottom-left-corner {
  box-shadow: 2px -2px 3px 1px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-pane-shadow.shadow-bottom-right-corner {
  box-shadow: -2px -2px 3px 1px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-context-menu {
  position: fixed;
  z-index: 1000;
  background-color: #ffffff;
  font-size: 1em;
  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.06);
}

.reactgrid-content .rg-context-menu .rg-context-menu-option {
  padding: 8px 20px 8px 15px;
  cursor: pointer;
}

.reactgrid-content .rg-context-menu .rg-context-menu-option:hover {
  background-color: #f2f2f2;
}

.reactgrid-content .rg-shadow {
  position: absolute;
  background-color: #000000;
  opacity: 0.1;
  z-index: 4;
}

.reactgrid-content .rg-column-resize-hint {
  background-color: #74b9ff;
  position: absolute;
  padding: 5px;
  border-radius: 0 5px 5px 0;
}

.reactgrid-content .rg-line {
  position: absolute;
  background-color: #74b9ff;
  z-index: 4;
}

.reactgrid-content .rg-line-horizontal {
  left: 0;
  height: 2px;
}

.reactgrid-content .rg-line-vertical {
  top: 0;
  width: 2px;
}

.reactgrid-content .rg-hidden-element {
  border: 0;
  padding: 0;
  margin: 0;
  position: fixed;
  width: 1px;
  height: 1px;
  opacity: 0;
  top: 50%;
  left: 50%;
}

.impacts-table{
  --tw-border-opacity: 1;
  border-color: rgb(230 240 236 / var(--tw-border-opacity));
}
.impacts-table thead{
  --tw-border-opacity: 1;
  border-color: rgb(230 240 236 / var(--tw-border-opacity));
  background-color: rgb(64 167 127 / 0.05);
}
.impacts-table tbody tr:hover{
  background-color: rgb(64 167 127 / 0.05);
}
.impacts-table tbody tr:not(:last-of-type){
  --tw-border-opacity: 1;
  border-color: rgb(230 240 236 / var(--tw-border-opacity));
}

.impacts-table__pagination{
  --tw-border-opacity: 1 !important;
  border-color: rgb(230 240 236 / var(--tw-border-opacity)) !important;
  background-color: rgb(64 167 127 / 0.05) !important;
}

.impact-settings{
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}

.serv-tool-node-container > div > div.impact-settings,
.ai-node-container > div > div.impact-settings {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.impact-settings .react-flow__handle,
.ai-node-container > div > div.impact-settings .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.impact-settings__text{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 120%;
}
.impact-settings__container{
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}
.serv-tool-node-container > div > div.impact-settings__container,
.ai-node-container > div > div.impact-settings__container {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impact-settings__container .react-flow__handle,
.ai-node-container > div > div.impact-settings__container .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.custom-select-wrapper .select2__control {
  background-color: #FFF !important;
}

.select-form .select2__menu-portal {
  top: 0px !important;
  left: 0px !important;
}

.select-form {
  position: relative;
}

.css-13jht8w-MM {
  overflow-y: unset !important;
}

.admin-details{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.admin-details__header{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.admin-details__header_text{
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.admin-details__section{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.admin-details__section__content-section{
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.admin-details__section__content-section_title{
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.admin-details__section__content-section__content-separator{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.admin-details__section__content-section__content-separator_text{
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}

#service_blocks_card .loopos-card{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-bg-opacity: 0.45;
  --tw-backdrop-blur: blur(19px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.app{
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
}
.app__main-container{
  margin-top: 62px;
  display: flex;
  width: 100%;
  flex: 1 1 0%;
  flex-direction: row;
}
.serv-tool-node-container > div > div.app__main-container,
.ai-node-container > div > div.app__main-container {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.app__main-container .react-flow__handle,
.ai-node-container > div > div.app__main-container .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.app__content-wrapper{
  position: relative;
  margin-left: 68px;
  width: 100%;
}
.app__background{
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: -1;
  height: 100%;
}
.app__content{
  position: relative;
  padding-left: 1.125rem;
  padding-right: 1.125rem;
  padding-top: 2rem;
  padding-bottom: 5rem;
}
.app__logo-bg{
  background-image: url(https:/assets/core-background-575fb053dc5cbd749643c2570fd277d9c725de66f405db0abf646cbb07fd4ed2.png);
  background-size: cover;
}

.listing{
  width: 100%;
}
.listing__header{
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.listing__header-left{
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.listing__header-left,
.ai-node-container > div > div.listing__header-left {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.listing__header-left .react-flow__handle,
.ai-node-container > div > div.listing__header-left .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.listing__header-right{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.listing__header-right,
.ai-node-container > div > div.listing__header-right {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.listing__header-right .react-flow__handle,
.ai-node-container > div > div.listing__header-right .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.listing__filtering{
  margin-bottom: 2rem;
}
.listing__filters-wrapper{
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.listing__filters-wrapper,
.ai-node-container > div > div.listing__filters-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.listing__filters-wrapper .react-flow__handle,
.ai-node-container > div > div.listing__filters-wrapper .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.listing__pagination-wrapper{
  margin-top: -1px;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  border-bottom-right-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
  border-width: 1px;
  border-color:  rgba(181, 60, 0, 0.1);
  background-color: rgb(255 255 255 / 0.6);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.serv-tool-node-container > div > div.listing__pagination-wrapper,
.ai-node-container > div > div.listing__pagination-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.listing__pagination-wrapper .react-flow__handle,
.ai-node-container > div > div.listing__pagination-wrapper .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.primary-heading-regular{
  font-family: Satoshi, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
}

.primary-heading-medium{
  font-family: Satoshi, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.primary-heading-bold, .protocol__title{
  font-family: Satoshi, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.primary-subheading-regular{
  font-family: Satoshi, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 120%;
}

.primary-subheading-medium{
  font-family: Satoshi, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 120%;
}

.primary-subheading-bold{
  font-family: Satoshi, sans-serif;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 120%;
}

.primary-heading-regular-2{
  font-family: Satoshi, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 120%;
}

.primary-heading-medium-2{
  font-family: Satoshi, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.primary-heading-bold-2{
  font-family: Satoshi, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  line-height: 120%;
}

.primary-subheading-regular-2{
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  line-height: 120%;
}

.primary-subheading-medium-2, .modal__title{
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 120%;
}

.primary-subheading-bold-2{
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 120%;
}

.primary-body-regular{
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 150%;
}

.primary-body-medium{
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 150%;
}

.primary-body-bold{
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 150%;
}

.primary-body-regular-2, .form-layout__admin-details-value, .flash__flash-message, .modal__subtitle{
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 120%;
}

.primary-body-medium-2, .core-table table, .pricing-card__tag, .tabs__empty, .tabs__subtitle{
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 120%;
}

.primary-body-bold-2, .flash__title{
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  line-height: 120%;
}

.primary-label-regular{
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

.primary-label-medium, .core-table thead{
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.primary-label-bold{
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
}

.primary-label-regular-2{
  font-family: Satoshi, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}

.primary-label-medium-2{
  font-family: Satoshi, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.primary-label-bold-2{
  font-family: Satoshi, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.secondary-heading-regular{
  font-family: Space Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 120%;
}

.secondary-heading-medium{
  font-family: Space Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
}

.secondary-heading-bold{
  font-family: Space Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.secondary-heading-regular-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 120%;
}

.secondary-heading-medium-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  line-height: 120%;
}

.secondary-heading-bold-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  line-height: 120%;
}

.secondary-label-regular{
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}

.secondary-label-medium{
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.secondary-label-bold{
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.secondary-label-regular-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}

.secondary-label-medium-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.secondary-label-bold-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
}

.secondary-label-regular-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 6px;
  font-weight: 400;
  line-height: 1;
}

.secondary-label-medium-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 6px;
  font-weight: 500;
  line-height: 1;
}

.secondary-label-bold-2{
  font-family: Space Grotesk, sans-serif;
  font-size: 6px;
  font-weight: 700;
  line-height: 1;
}

.tabs{
  font-family: Satoshi, sans-serif;
}
.tabs--double{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.tabs--double,
.ai-node-container > div > div.tabs--double {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.tabs--double .react-flow__handle,
.ai-node-container > div > div.tabs--double .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.tabs--two-cols{
  display: flex;
}
.tabs__content, .form-layout__error-details, .form-layout__admin-details{
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.4);
  padding: 1.5rem;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.tabs__content--protocols {
  overflow-x: unset !important;
}
.tabs__content--pricing_rules{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tabs__header{
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.tabs__body--small{
  max-width: 56rem;
}
.tabs__title, .form-layout__error-details-value, .form-layout__error-details-title, .form-layout__admin-details-title{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  line-height: 120%;
}
.tabs__title i, .form-layout__error-details-value i, .form-layout__error-details-title i, .form-layout__admin-details-title i{
  vertical-align: super;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.tabs__subtitle{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.tabs__empty{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.tabs__empty.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.tabs__description{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}

.impacts__card {
  border-radius: 12px;
  border: 1px solid var(--Colors-General-Grays-200, #ECEFF2);
  background: white;
  padding: 1.5rem;
}

.options-tab{
  width: 100%;
  max-width: 48rem;
}
.options-tab__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(222 226 230 / var(--tw-border-opacity));
  padding-bottom: 0.75rem;
}
.options-tab__title{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.options-tab__list{
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.options-tab__list--show{
  margin-top: 0px;
}
.options-tab__item{
  border-radius: 0.5rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.3);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 1rem;
}
.options-tab__item-header{
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  vertical-align: top;
}
.options-tab__item-header i{
  cursor: pointer;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.options-tab__item-title{
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.options-tab__pills{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.options-tab__pill{
  display: flex;
  height: 1.5rem;
  align-items: center;
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.options-tab__pills-add-btn{
  margin-left: 0.5rem;
  flex-shrink: 0;
  flex-grow: 0;
}
.options-tab__internal-notes{
  overflow: auto;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}

.protocol{
  height: 100%;
}
.protocol__header{
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.protocol__header,
.ai-node-container > div > div.protocol__header {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.protocol__header .react-flow__handle,
.ai-node-container > div > div.protocol__header .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.protocol__main-info{
  margin-bottom: 3rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.serv-tool-node-container > div > div.protocol__main-info,
.ai-node-container > div > div.protocol__main-info {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.protocol__main-info .react-flow__handle,
.ai-node-container > div > div.protocol__main-info .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.protocol__image-wrapper{
  display: flex;
  height: 160px;
  width: 160px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
}
.protocol__image{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.protocol__details{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.protocol__title-wrapper{
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.protocol__title-wrapper,
.ai-node-container > div > div.protocol__title-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.protocol__title-wrapper .react-flow__handle,
.ai-node-container > div > div.protocol__title-wrapper .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.protocol__date-wrapper{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 120%;
}
.dealbreaker p.protocol__date-wrapper.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.protocol__categories-wrapper{
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.protocol__categories-wrapper:hover .tooltip{
  display: block;
}
.protocol__products-wrapper{
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.protocol__products-wrapper:hover .tooltip{
  display: block;
}
.protocol__details-section{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.protocol__details-section,
.ai-node-container > div > div.protocol__details-section {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.protocol__details-section .react-flow__handle,
.ai-node-container > div > div.protocol__details-section .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.protocol__details-section input{
  font-size: 32px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.protocol__tabs-content{
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.4);
  padding: 1.5rem;
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.protocol__tabs-content--preview{
  border-width: 1px;
  border-color:  rgba(181, 60, 0, 0.1);
  background-color: rgba(181, 60, 0, 0.05);
}
.protocol__content-title{
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.protocol__content-wrapper{
  display: flex;
  width: 100%;
  max-width: 48rem;
  flex-direction: column;
  gap: 1.5rem;
}
.protocol__content-section{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.form-layout{
  height: 100%;
}
.form-layout__header{
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.form-layout__header,
.ai-node-container > div > div.form-layout__header {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.form-layout__header .react-flow__handle,
.ai-node-container > div > div.form-layout__header .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.form-layout__main-info{
  position: relative;
  margin-bottom: 3.5rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
}
.serv-tool-node-container > div > div.form-layout__main-info,
.ai-node-container > div > div.form-layout__main-info {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.form-layout__main-info .react-flow__handle,
.ai-node-container > div > div.form-layout__main-info .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.form-layout__image-wrapper{
  display: flex;
  height: 160px;
  width: 160px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
}
.form-layout__image-wrapper--rounded{
  height: 3rem;
  width: 3rem;
  border-radius: 9999px;
}
.form-layout__image{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.form-layout__details{
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.form-layout__status{
  display: flex;
  align-items: center;
  gap: 0.5rem;
  align-self: baseline;
}
.form-layout__details-section{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
}
.serv-tool-node-container > div > div.form-layout__details-section,
.ai-node-container > div > div.form-layout__details-section {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.form-layout__details-section .react-flow__handle,
.ai-node-container > div > div.form-layout__details-section .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.form-layout__details-section:first-child{
  margin-bottom: 1.5rem;
}
.form-layout__details-section:last-child{
  margin-bottom: 0px;
}
.form-layout__details-section--title{
  gap: 1rem;
}
.form-layout__details-section input{
  border-radius: 0.5rem;
  font-size: 32px;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.form-layout__details-section--branded{
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.form-layout__details-section-row{
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.form-layout__separator{
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(120 129 138 / var(--tw-bg-opacity));
}
.form-layout__admin-details{
  position: relative;
  right: 0px;
  width: 400px;
}
.form-layout__admin-details-token{
  margin-bottom: 0.25rem;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 150%;
}
.form-layout__admin-details-title{
  margin-bottom: 0.5rem;
}
.form-layout__admin-details-link{
  word-break: break-all;
  text-decoration-line: underline;
}
.form-layout__admin-details-value{
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.form-layout__admin-details-value--margin-b{
  margin-bottom: 0.5rem;
}
.form-layout__error-details{
  position: relative;
  right: 0px;
  margin-bottom: 1rem;
  width: 400px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(174 23 30 / var(--tw-text-opacity));
  word-wrap: break-word;
}
.form-layout__error-details-title{
  margin-bottom: 0.5rem;
  gap: 0.25rem;
  --tw-border-opacity: 1;
  border-color: rgb(200 23 32 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(174 23 30 / var(--tw-text-opacity));
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 10px;
  border-radius: 5px;
}
.form-layout__error-details-value{
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(174 23 30 / var(--tw-text-opacity));
  color: #000;
  font-weight: 100;
}

.is-admin-with-errors{
  position: absolute;
  right: 0px;
  top: -80px;
}

.info-tab{
  display: flex;
  width: 100%;
  max-width: 48rem;
  flex-direction: column;
  gap: 1.5rem;
}
.info-tab--padding-right{
  padding-right: 1.5rem;
}
.info-tab--timeline{
  display: grid;
  width: 100%;
  max-width: none;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.info-tab__section{
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.info-tab__section--flow{
  height: 620px;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.6);
  padding: 1.5rem;
}
.info-tab__title, .form-layout__admin-details-token{
  padding-bottom: 0.25rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  line-height: 150%;
}
.info-tab__image-content{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.info-tab__image-wrapper{
  position: relative;
  height: 5rem;
  width: 5rem;
  border-radius: 0.5rem;
  border-width: 1px;
}
.info-tab__image-wrapper img{
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.info-tab--right{
  border-left-width: 1px;
  padding-left: 1.5rem;
}
.info-tab__settings{
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.info-tab__settings--ml{
  margin-left: 1.5rem;
}
.info-tab__settings-top{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}
.serv-tool-node-container > div > div.info-tab__settings-top,
.ai-node-container > div > div.info-tab__settings-top {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.info-tab__settings-top .react-flow__handle,
.ai-node-container > div > div.info-tab__settings-top .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.info-tab__settings-form{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
}
.info-tab__settings-title{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.info-tab__settings-title-wrapper{
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.serv-tool-node-container > div > div.info-tab__settings-title-wrapper,
.ai-node-container > div > div.info-tab__settings-title-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.info-tab__settings-title-wrapper .react-flow__handle,
.ai-node-container > div > div.info-tab__settings-title-wrapper .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.info-tab__settings-subtitle{
  margin-left: 48px;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}

.protocol-answer__header{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.protocol-answer__wrapper-image{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.protocol-answer__wrapper-image__inactive{
  opacity: 0.4;
}
.protocol-answer__user{
  font-family: Satoshi, sans-serif;
  font-size: 0.6rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.protocol-answer__date{
  font-family: Satoshi, sans-serif;
  font-size: 10px;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.protocol-answer__label label{
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}
.protocol-answer__label p{
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}

.pricing-tab{
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}
.pricing-tab__header{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 1px;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(222 226 230 / var(--tw-border-opacity));
  background-color: rgba(181, 60, 0, 0.05);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.pricing-tab__title h2{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.pricing-tab__column{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.pricing-tab__body{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.pricing-card{
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(248 236 230 / var(--tw-border-opacity));
}
.pricing-card p:first-child{
  font-size: 12px;
  font-weight: 500;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.pricing-card__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-bottom-color: rgb(248 236 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 245 242 / var(--tw-bg-opacity));
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.pricing-card__header--title-section{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.25rem;
}
.pricing-card__header--actions{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pricing-card__header--actions--disabled{
  cursor: not-allowed;
  opacity: 0.5;
}
.pricing-card__header .settings-tooltip-wrapper__container{
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}
.pricing-card__header .settings-tooltip-wrapper__container a {
  width: -moz-max-content;
  width: max-content;
}
.pricing-card__header--readonly{
  --tw-bg-opacity: 1;
  background-color: rgb(230 233 236 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.pricing-card__header--readonly.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.pricing-card__header--readonly .settings-tooltip-wrapper__container{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.pricing-card__header--readonly .settings-tooltip-wrapper__container.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.pricing-card__header label{
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.pricing-card__tag{
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(244 227 218 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 245 242 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}
.pricing-card__tag--disabled{
  --tw-border-opacity: 1;
  border-color: rgb(217 217 217 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(95 95 95 / var(--tw-text-opacity));
}
.pricing-card--readonly .action-button{
  display: none !important;
}
.pricing-card--readonly .pricing-card__delete-btn{
  display: none !important;
}
.pricing-card--readonly .pricing-card__value{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.pricing-card--readonly .pricing-card__value.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.pricing-card__content{
  display: flex;
  flex-direction: column;
  gap: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.pricing-card__field{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.pricing-card__label{
  grid-column: span 2 / span 2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.pricing-card__label--big{
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.pricing-card__label--list{
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.pricing-card__label--disabled{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.pricing-card__label--disabled.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.pricing-card__value{
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.pricing-card__value--disabled{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.pricing-card__value--disabled.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.pricing-card__value--list{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  word-break: break-all;
}
.serv-tool-node-container > div > div.pricing-card__value--list,
.ai-node-container > div > div.pricing-card__value--list {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.pricing-card__value--list .react-flow__handle,
.ai-node-container > div > div.pricing-card__value--list .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.pricing-card-form{
  width: 100%;
}
.pricing-card-form__container{
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.pricing-card-form__content{
  width: 100%;
}

.pricing-card-modal{
  display: flex;
}
.pricing-card-modal__delete-btn{
  display: flex;
  height: 32px;
  width: 32px;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(250 210 211 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
}

.rg-addDropdown-cell,
.rg-remove-cell{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 249 250 / var(--tw-bg-opacity)) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  --tw-text-opacity: 1 !important;
  color: rgb(73 80 87 / var(--tw-text-opacity)) !important;
}

.rg-header-cell{
  font-weight: 500 !important;
}

.rg-cell{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  font-family: Satoshi, sans-serif;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}

.rg-cell-warning{
  border-width: 1px !important;
  --tw-border-opacity: 1 !important;
  border-color: rgb(249 216 179 / var(--tw-border-opacity)) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(253 249 244 / var(--tw-bg-opacity)) !important;
}

.pricing-table{
  overflow: hidden;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 242 / var(--tw-bg-opacity));
}
.pricing-table__header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(236 239 242 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.pricing-table__header--table-section{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.pricing-table__header--actions{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.pricing-table__header--actions--disabled{
  cursor: not-allowed;
  opacity: 0.5;
}
.pricing-table__field{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.pricing-layout{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.pricing-layout__container{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.pricing-layout__main-section{
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 6px;
  border-radius: 0.75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(233 197 179 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(251 245 242 / var(--tw-bg-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}
.pricing-layout__main-section--title{
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pricing-layout__main-section--title span{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.pricing-layout__nested-section{
  display: flex;
  gap: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.pricing-layout__nested-section--info{
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.pricing-layout__nested-section--info__title{
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
}
.pricing-layout__nested-section--info__description{
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1rem;
}

.tippy-tooltip[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

.tippy-iOS {
  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}

.tippy-popper {
  pointer-events: none;
  max-width: calc(100vw - 10px);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform;
}

.tippy-tooltip {
  position: relative;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  background-color: #333;
  transition-property: visibility, opacity, transform;
  outline: 0;
}

.tippy-tooltip[data-placement^=top] > .tippy-arrow {
  border-width: 8px 8px 0;
  border-top-color: #333;
  margin: 0 3px;
  transform-origin: 50% 0;
  bottom: -7px;
}

.tippy-tooltip[data-placement^=bottom] > .tippy-arrow {
  border-width: 0 8px 8px;
  border-bottom-color: #333;
  margin: 0 3px;
  transform-origin: 50% 7px;
  top: -7px;
}

.tippy-tooltip[data-placement^=left] > .tippy-arrow {
  border-width: 8px 0 8px 8px;
  border-left-color: #333;
  margin: 3px 0;
  transform-origin: 0 50%;
  right: -7px;
}

.tippy-tooltip[data-placement^=right] > .tippy-arrow {
  border-width: 8px 8px 8px 0;
  border-right-color: #333;
  margin: 3px 0;
  transform-origin: 7px 50%;
  left: -7px;
}

.tippy-tooltip[data-interactive][data-state=visible] {
  pointer-events: auto;
}

.tippy-tooltip[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  padding: 5px 9px;
}

#dropkiq-autosuggest-menu {
  display: none;
  width: 300px;
  position: absolute;
  background: white;
  border: 1px solid #CBCCCC;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.18);
  z-index: 8888;
  font-size: 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen, Ubuntu, Cantarell, “Fira Sans”, “Droid Sans”, “Helvetica Neue”, sans-serif;
}

#dropkiq-autosuggest-menu .dropkiq-header {
  padding: 5px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: rgba(44, 46, 47, 0.05);
}

#dropkiq-autosuggest-menu .right-arrow {
  margin-right: 5px;
  display: inline-block;
  position: relative;
  width: 13px;
  height: 8px;
  top: 1px;
}

#dropkiq-autosuggest-menu .icon {
  margin-right: 5px;
}

#dropkiq-autosuggest-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  color: #718096;
  overflow-y: scroll;
  max-height: 300px;
}

#dropkiq-autosuggest-menu ul li {
  padding: 5px;
  position: relative;
}

#dropkiq-autosuggest-menu ul li .hint-icon {
  z-index: 100;
  position: absolute;
  float: right;
  right: 10px;
  top: 3px;
  display: inline-block;
}

#dropkiq-autosuggest-menu ul li .hint-icon img {
  width: 12px;
  height: 13px;
}

#dropkiq-autosuggest-menu ul li .first-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
}

#dropkiq-autosuggest-menu ul li .extra {
  margin-left: 41px;
  padding: 3px;
  margin-top: 3px;
  display: none;
  font-size: 12px;
}

#dropkiq-autosuggest-menu ul li .extra p {
  margin: 0px;
  font-weight: lighter;
  font-size: 10px;
}

#dropkiq-autosuggest-menu ul li .extra samp {
  font-weight: bolder;
}

#dropkiq-autosuggest-menu ul li:hover {
  cursor: pointer;
}

#dropkiq-autosuggest-menu ul li.active {
  background: #EBF8FF;
}

#dropkiq-autosuggest-menu ul li.active .extra {
  display: block;
}

.services-index{
  display: flex;
}
.services-index__title-container{
  flex-direction: row;
  gap: 1rem;
}
.serv-tool-node-container > div > div.services-index__title-container,
.ai-node-container > div > div.services-index__title-container {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.services-index__title-container .react-flow__handle,
.ai-node-container > div > div.services-index__title-container .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.services-index__filters-container{
  margin-bottom: 1rem;
  width: 100%;
}

.show-layout__title-edit_container{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

.serv-tool-node-container > div > div.show-layout__title-edit_container,
.ai-node-container > div > div.show-layout__title-edit_container {
  display: flex;
  align-items: center;
  position: relative;
}

.serv-tool-node-container > div > div.show-layout__title-edit_container .react-flow__handle,
.ai-node-container > div > div.show-layout__title-edit_container .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.show-layout__title-edit_container__title{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}
.show-layout__top_page__right_side_container{
  display: inline-flex;
  height: 50px;
  width: 151px;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 0.5rem;
}
.show-layout__top_page__right_side_container__items{
  overflow-wrap: break-word;
  text-align: left;
  font-family: Satoshi, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.show-layout__top_page__right_side_container__items.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.show-layout__description-container{
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  gap: 0.25rem;
}
.show-layout__description-container__label{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.show-layout__description-container__text{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.show-layout__description-container__text.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}

.impact-cards{
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.impact-cards__top-card{
  display: flex;
}
.impact-cards__list-cards{
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.impact-item{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
}
.impact-item__col-group{
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.impact-item__col-group__elem{
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}
.serv-tool-node-container > div > div.impact-item__col-group__elem,
.ai-node-container > div > div.impact-item__col-group__elem {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impact-item__col-group__elem .react-flow__handle,
.ai-node-container > div > div.impact-item__col-group__elem .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}

.impact-form__header{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  line-height: 150%;
}
.impact-form__container{
  display: flex;
  flex-basis: 100%;
  justify-content: space-between;
  gap: 1.5rem;
  padding-right: 1.5rem;
}
.impact-form__container__edit{
  display: flex;
  flex-direction: row;
  gap: 0.75rem;
}
.serv-tool-node-container > div > div.impact-form__container__edit,
.ai-node-container > div > div.impact-form__container__edit {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impact-form__container__edit .react-flow__handle,
.ai-node-container > div > div.impact-form__container__edit .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.impact-form__container__edit__header{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  line-height: 120%;
}
.impact-form__container__tags{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.serv-tool-node-container > div > div.impact-form__container__tags,
.ai-node-container > div > div.impact-form__container__tags {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impact-form__container__tags .react-flow__handle,
.ai-node-container > div > div.impact-form__container__tags .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.impact-form__container__settings-text{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  line-height: 150%;
}
.impact-form__container__settings{
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  flex-direction: row;
  align-items: center;
  gap: 0.25rem;
}
.serv-tool-node-container > div > div.impact-form__container__settings,
.ai-node-container > div > div.impact-form__container__settings {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impact-form__container__settings .react-flow__handle,
.ai-node-container > div > div.impact-form__container__settings .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.impact-form__container__settings{
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}
.impact-form__modal-edit{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
}
.serv-tool-node-container > div > div.impact-form__modal-edit,
.ai-node-container > div > div.impact-form__modal-edit {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impact-form__modal-edit .react-flow__handle,
.ai-node-container > div > div.impact-form__modal-edit .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.impact-form__modal-edit__text{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 120%;
}

.loopos-core-table {
  margin-bottom: 12px;
}

.loopos-core-table > a {
  border: 1px solid #e9c5b3;
  border-bottom: none;
  padding: 2px 10px;
  font-family: "Satoshi";
  font-size: 14px;
  font-weight: 500;
  color: #212529;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.loopos-core-table > a:hover {
  background-color: #fbf5f2;
  cursor: pointer;
}

.loopos-core-table > a:first-child {
  border-radius: 8px 8px 0 0;
}

.loopos-core-table > a:last-child {
  border-radius: 0 0 8px 8px;
  border-bottom: 1px solid #e9c5b3;
}

.loopos-core-table > a:first-child:last-child {
  border-radius: 8px;
}

.not-found-page__container{
  width: 100%;
}

@media (min-width: 640px){
  .not-found-page__container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .not-found-page__container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .not-found-page__container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .not-found-page__container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .not-found-page__container{
    max-width: 1536px;
  }
}

.not-found-page__container{
  margin-left: auto;
  margin-right: auto;
}
.not-found-page__card{
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 2rem;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  background-color: rgb(255 255 255 / 0.4);
  padding: 1rem;
  --tw-backdrop-blur: blur(16px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.not-found-card__image{
  max-width: 20rem;
}
.not-found-card__content{
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.not-found-card__title{
  font-family: Satoshi, sans-serif;
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.not-found-card__subtitle{
  margin-bottom: 0.75rem;
  font-family: Satoshi, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.not-found-card__error{
  font-family: Satoshi, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.not-found-card__body{
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}

.impacts__notice{
  margin-bottom: 1.25rem;
  display: inline-block;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(243 250 247 / var(--tw-bg-opacity));
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(14 159 110 / var(--tw-text-opacity));
}
.impacts__image-container{
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.impacts__image-container__text{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  line-height: 120%;
}
.dealbreaker p.impacts__image-container__text.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.impacts__container{
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.serv-tool-node-container > div > div.impacts__container,
.ai-node-container > div > div.impacts__container {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impacts__container .react-flow__handle,
.ai-node-container > div > div.impacts__container .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.impacts__container__width{
  width: 100%;
}
@media (min-width: 768px){
  .impacts__container__width{
    width: 60%;
  }
}
.impacts__container__width__card-container{
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.impacts__container__width__card-container__header{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.serv-tool-node-container > div > div.impacts__container__width__card-container__header,
.ai-node-container > div > div.impacts__container__width__card-container__header {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.impacts__container__width__card-container__header .react-flow__handle,
.ai-node-container > div > div.impacts__container__width__card-container__header .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.impacts__container__width__card-container__header__text{
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
  font-family: Satoshi, sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 500;
  line-height: 120%;
}
.impacts__container-cards{
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 1.5rem;
}

.loopos-core-overview-card .loopos-card .loopos-card__content {
  align-items: flex-start;
}

.loopos-core-action-card {
  display: flex;
  flex: 1;
}

.loopos-core-action-card .loopos-card {
  border: 1px dashed #c4cad0;
}

/* this gets exported as style.css and can be used for the default theming */
/* these are the necessary styles for React Flow, they get used by base.css and style.css */
.react-flow {
  direction: ltr;
}

.react-flow__container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.react-flow__pane {
  z-index: 1;
  cursor: grab;
}

.react-flow__pane.selection {
  cursor: pointer;
}

.react-flow__pane.dragging {
  cursor: grabbing;
}

.react-flow__viewport {
  transform-origin: 0 0;
  z-index: 2;
  pointer-events: none;
}

.react-flow__renderer {
  z-index: 4;
}

.react-flow__selection {
  z-index: 6;
}

.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible {
  outline: none;
}

.react-flow .react-flow__edges {
  pointer-events: none;
  overflow: visible;
}

.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #b1b1b7;
  stroke-width: 1;
  fill: none;
}

.react-flow__edge {
  pointer-events: visibleStroke;
  cursor: pointer;
}

.react-flow__edge.animated path {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite;
}

.react-flow__edge.animated path.react-flow__edge-interaction {
  stroke-dasharray: none;
  animation: none;
}

.react-flow__edge.inactive {
  pointer-events: none;
}

.react-flow__edge.selected,
.react-flow__edge:focus,
.react-flow__edge:focus-visible {
  outline: none;
}

.react-flow__edge.selected .react-flow__edge-path,
.react-flow__edge:focus .react-flow__edge-path,
.react-flow__edge:focus-visible .react-flow__edge-path {
  stroke: #555;
}

.react-flow__edge-textwrapper {
  pointer-events: all;
}

.react-flow__edge-textbg {
  fill: white;
}

.react-flow__edge .react-flow__edge-text {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

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

.react-flow__connection .animated {
  stroke-dasharray: 5;
  animation: dashdraw 0.5s linear infinite;
}

.react-flow__connectionline {
  z-index: 1001;
}

.react-flow__nodes {
  pointer-events: none;
  transform-origin: 0 0;
}

.react-flow__node {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  pointer-events: all;
  transform-origin: 0 0;
  box-sizing: border-box;
  cursor: grab;
}

.react-flow__node.dragging {
  cursor: grabbing;
}

.react-flow__nodesselection {
  z-index: 3;
  transform-origin: left top;
  pointer-events: none;
}

.react-flow__nodesselection-rect {
  position: absolute;
  pointer-events: all;
  cursor: grab;
}

.react-flow__handle {
  position: absolute;
  pointer-events: none;
  min-width: 5px;
  min-height: 5px;
  width: 6px;
  height: 6px;
  background: #1a192b;
  border: 1px solid white;
  border-radius: 100%;
}

.react-flow__handle.connectionindicator {
  pointer-events: all;
  cursor: crosshair;
}

.react-flow__handle-bottom {
  top: auto;
  left: 50%;
  bottom: -4px;
  transform: translate(-50%, 0);
}

.react-flow__handle-top {
  left: 50%;
  top: -4px;
  transform: translate(-50%, 0);
}

.react-flow__handle-left {
  top: 50%;
  left: -4px;
  transform: translate(0, -50%);
}

.react-flow__handle-right {
  right: -4px;
  top: 50%;
  transform: translate(0, -50%);
}

.react-flow__edgeupdater {
  cursor: move;
  pointer-events: all;
}

.react-flow__panel {
  position: absolute;
  z-index: 5;
  margin: 15px;
}

.react-flow__panel.top {
  top: 0;
}

.react-flow__panel.bottom {
  bottom: 0;
}

.react-flow__panel.left {
  left: 0;
}

.react-flow__panel.right {
  right: 0;
}

.react-flow__panel.center {
  left: 50%;
  transform: translateX(-50%);
}

.react-flow__attribution {
  font-size: 10px;
  background: rgba(255, 255, 255, 0.5);
  padding: 2px 3px;
  margin: 0;
}

.react-flow__attribution a {
  text-decoration: none;
  color: #999;
}
@keyframes dashdraw {
  from {
    stroke-dashoffset: 10;
  }
}
.react-flow__edgelabel-renderer {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.react-flow__edge.updating .react-flow__edge-path {
  stroke: #777;
}

.react-flow__edge-text {
  font-size: 10px;
}

.react-flow__node.selectable:focus,
.react-flow__node.selectable:focus-visible {
  outline: none;
}

.react-flow__node-default,
.react-flow__node-input,
.react-flow__node-output,
.react-flow__node-group {
  padding: 10px;
  border-radius: 3px;
  width: 150px;
  font-size: 12px;
  color: #222;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-color: #1a192b;
  background-color: white;
}

.react-flow__node-default.selectable:hover, .react-flow__node-input.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.08);
}

.react-flow__node-default.selectable.selected,
.react-flow__node-default.selectable:focus,
.react-flow__node-default.selectable:focus-visible,
.react-flow__node-input.selectable.selected,
.react-flow__node-input.selectable:focus,
.react-flow__node-input.selectable:focus-visible,
.react-flow__node-output.selectable.selected,
.react-flow__node-output.selectable:focus,
.react-flow__node-output.selectable:focus-visible,
.react-flow__node-group.selectable.selected,
.react-flow__node-group.selectable:focus,
.react-flow__node-group.selectable:focus-visible {
  box-shadow: 0 0 0 0.5px #1a192b;
}

.react-flow__node-group {
  background-color: rgba(240, 240, 240, 0.25);
}

.react-flow__nodesselection-rect,
.react-flow__selection {
  background: rgba(0, 89, 220, 0.08);
  border: 1px dotted rgba(0, 89, 220, 0.8);
}

.react-flow__nodesselection-rect:focus,
.react-flow__nodesselection-rect:focus-visible,
.react-flow__selection:focus,
.react-flow__selection:focus-visible {
  outline: none;
}

.react-flow__controls {
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);
}

.react-flow__controls-button {
  border: none;
  background: #fefefe;
  border-bottom: 1px solid #eee;
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  padding: 5px;
}

.react-flow__controls-button:hover {
  background: #f4f4f4;
}

.react-flow__controls-button svg {
  width: 100%;
  max-width: 12px;
  max-height: 12px;
}

.react-flow__controls-button:disabled {
  pointer-events: none;
}

.react-flow__controls-button:disabled svg {
  fill-opacity: 0.4;
}

.react-flow__minimap {
  background-color: #fff;
}

.react-flow__minimap svg {
  display: block;
}

.react-flow__resize-control {
  position: absolute;
}

.react-flow__resize-control.left,
.react-flow__resize-control.right {
  cursor: ew-resize;
}

.react-flow__resize-control.top,
.react-flow__resize-control.bottom {
  cursor: ns-resize;
}

.react-flow__resize-control.top.left,
.react-flow__resize-control.bottom.right {
  cursor: nwse-resize;
}

.react-flow__resize-control.bottom.left,
.react-flow__resize-control.top.right {
  cursor: nesw-resize;
}

/* handle styles */
.react-flow__resize-control.handle {
  width: 4px;
  height: 4px;
  border: 1px solid #fff;
  border-radius: 1px;
  background-color: #3367d9;
  transform: translate(-50%, -50%);
}

.react-flow__resize-control.handle.left {
  left: 0;
  top: 50%;
}

.react-flow__resize-control.handle.right {
  left: 100%;
  top: 50%;
}

.react-flow__resize-control.handle.top {
  left: 50%;
  top: 0;
}

.react-flow__resize-control.handle.bottom {
  left: 50%;
  top: 100%;
}

.react-flow__resize-control.handle.top.left {
  left: 0;
}

.react-flow__resize-control.handle.bottom.left {
  left: 0;
}

.react-flow__resize-control.handle.top.right {
  left: 100%;
}

.react-flow__resize-control.handle.bottom.right {
  left: 100%;
}

/* line styles */
.react-flow__resize-control.line {
  border-color: #3367d9;
  border-width: 0;
  border-style: solid;
}

.react-flow__resize-control.line.left,
.react-flow__resize-control.line.right {
  width: 1px;
  transform: translate(-50%, 0);
  top: 0;
  height: 100%;
}

.react-flow__resize-control.line.left {
  left: 0;
  border-left-width: 1px;
}

.react-flow__resize-control.line.right {
  left: 100%;
  border-right-width: 1px;
}

.react-flow__resize-control.line.top,
.react-flow__resize-control.line.bottom {
  height: 1px;
  transform: translate(0, -50%);
  left: 0;
  width: 100%;
}

.react-flow__resize-control.line.top {
  top: 0;
  border-top-width: 1px;
}

.react-flow__resize-control.line.bottom {
  border-bottom-width: 1px;
  top: 100%;
}

/* TODO: Move to flow page */
html,
body{
  height: 100%;
}

.core-table th{
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: left;
}
.core-table td{
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-align: left;
  vertical-align: middle;
}
.core-table td.text-center {
  text-align: center;
}
.core-table table{
  width: 100%;
  table-layout: auto;
  background-color: rgb(255 255 255 / 0.4);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
}
.core-table .table--bordered{
  border-radius: 1rem;
  border-width: 1px;
  border-color:  rgba(181, 60, 0, 0.1);
}
.core-table thead{
  border-bottom-width: 1px;
  border-color: rgb(181 60 0 / 0.1);
  background-color: rgb(181 60 0 / 0.05);
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}
.core-table tbody{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.core-table tbody.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.core-table tbody tr{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.core-table tbody tr:hover{
  background-color: rgb(181 60 0 / 0.05);
}
.core-table tr :not(:first-child){
  text-align: left;
}
.core-table tbody tr:not(:last-of-type){
  border-bottom-width: 1px;
  border-color:  rgba(181, 60, 0, 0.1);
}

.table-actions{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
}
.table-actions a{
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  border-width: 1px;
  border-color: transparent;
  background-color: transparent;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(119 136 153 / var(--tw-text-opacity));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.table-actions a:hover{
  border-color:  rgba(181, 60, 0, 0.1);
  background-color: rgba(181, 60, 0, 0.05);
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}

input[type=checkbox]{
  border-radius: 0.25rem;
}
input[type=checkbox]:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

[type=checkbox]:indeterminate {
  color: #b53c00;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='2' x='4' y='7' rx='1'/%3E%3C/svg%3E");
}

[type=text]:focus,
[type=email]:focus,
[type=url]:focus,
[type=password]:focus,
[type=number]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=month]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=time]:focus,
[type=week]:focus,
[multiple]:focus,
textarea:focus,
select:focus{
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-ring-color: transparent;
}

[type=text]:focus:focus,
[type=email]:focus:focus,
[type=url]:focus:focus,
[type=password]:focus:focus,
[type=number]:focus:focus,
[type=date]:focus:focus,
[type=datetime-local]:focus:focus,
[type=month]:focus:focus,
[type=search]:focus:focus,
[type=tel]:focus:focus,
[type=time]:focus:focus,
[type=week]:focus:focus,
[multiple]:focus:focus,
textarea:focus:focus,
select:focus:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

:root {
  --primary: #b53c00;
  --secondary: rgba(181, 60, 0, 0.1);
}

.dropkiq-preview {
  background-color: #f2f2f2;
  font-weight: 200;
  font-size: small;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  margin-top: 5px;
  display: block;
  visibility: hidden;
  word-break: break-all;
}

.disabled-interactions {
  pointer-events: none;
  opacity: 0.2;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.hint{
  position: relative;
  margin-top: 1rem;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(230 233 236 / var(--tw-border-opacity));
  padding: 1rem;
}
.hint__title-wrapper{
  position: absolute;
  top: -10px;
  left: 0.75rem;
  display: inline-flex;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 1px;
  padding-bottom: 1px;
}
.hint__hint-presenter{
  display: block !important;
  max-width: 200px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
  padding: 0.25rem !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  height: 24px !important;
}
.hint__title{
  font-size: 12px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(46 54 70 / var(--tw-text-opacity));
}
.hint__form{
  width: 100%;
}
.hint__input-field{
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
}
.serv-tool-node-container > div > div.hint__input-field,
.ai-node-container > div > div.hint__input-field {
  display: flex;
  align-items: center;
  position: relative;
}
.serv-tool-node-container > div > div.hint__input-field .react-flow__handle,
.ai-node-container > div > div.hint__input-field .react-flow__handle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
}
.hint__input-label{
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}
.hint__section{
  margin-bottom: 0.75rem;
  display: block;
}
.hint__section:last-child{
  margin-bottom: 0px;
}

:root {
  --app-900-hover: #933100;
  --app-800-primary: #b53c00;
  --app-400: #e9c5b3;
  --app-300: #f8ece6;
  --app-200: #fbf5f2;
  --app-100: #fdfbfa;
  --app-opacity5: rgba(181, 60, 0, 0.05);
}

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

.los-manager-header {
  position: fixed !important;
  z-index: 12 !important;
}

.tags-container {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}

.tags-input {
  padding: 0 5px;
  height: 100%;
  font-weight: 400 !important;
}

.tags-label-badge {
  font-feature-settings: "clig" off, "liga" off !important;
  font-family: "Space Grotesk" !important;
  font-size: 10px !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 100% !important; /* 10px */
}

.core-button-danger{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(181 60 0 / var(--tw-bg-opacity)) !important;
}
.core-button-danger--disabled{
  opacity: 0.4;
}

.core-button-borderless:hover{
  background-color:  rgba(181, 60, 0, 0.1) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 60 0 / var(--tw-text-opacity)) !important;
}

.core-button-borderless--active{
  background-color:  rgba(181, 60, 0, 0.1) !important;
  --tw-text-opacity: 1 !important;
  color: rgb(181 60 0 / var(--tw-text-opacity)) !important;
}

.core-input-box-borderless{
  width: 100%;
}
.core-input-box-borderless input{
  width: 100%;
}

.temp-core-button-secondary{
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  border-color:  rgba(181, 60, 0, 0.1);
  background-color: rgba(181, 60, 0, 0.05);
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}

.temp-add-protocol-button{
  display: flex;
  height: 1.5rem;
  width: 1.5rem;
  min-width: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(222 226 230 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(222 226 230 / var(--tw-bg-opacity));
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}

.core-input-box{
  width: 100%;
}

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

.tab-flow-sidebar {
  border-radius: none;
  width: 100%;
  padding: 8px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  cursor: pointer;
}

.tab-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px 12px;
  gap: 6px;
  width: -moz-fit-content;
  width: fit-content;
  height: 40px;
  flex: none;
  order: 1;
  flex-grow: 0;
  cursor: pointer;
}

.tab-disabled.tab-selected {
  background: rgba(181, 60, 0, 0.05);
  border: 1px solid rgba(181, 60, 0, 0.1);
  border-radius: 8px;
  color: #b53c00;
}
.tab-disabled.tab-selected:hover {
  color: #b53c00;
}
.tab-disabled.tab-selected p {
  color: #b53c00;
}
.tab-disabled.tab-selected--core {
  background: #FBF5F2;
  border-bottom: 1px solid #933100;
  color: #933100;
}

.settings-tooltip-wrapper{
  position: relative;
}
.settings-tooltip-wrapper:hover .tooltip{
  display: block;
}

.app-logo{
  position: relative;
}
.app-logo .tooltip{
  overflow: visible;
}
.app-logo:hover .tooltip{
  display: block;
}

.dealbreaker{
  position: relative;
}
.dealbreaker .tooltip{
  overflow: visible;
}
.dealbreaker:hover .tooltip{
  display: block;
}
.dealbreaker p.text-gray-base.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}

.select-options {
  grid-column-start: 1;
  grid-column-end: 3;
}

.protocol-input {
  padding: 4px 12px;
  font-size: 12px;
  border-radius: 6px;
  border: 1px solid #dee2e6;
  background-color: white;
  width: 100%;
  font-weight: 400;
  color: #212529;
}

.add-protocol{
  position: relative;
}
.add-protocol .tooltip{
  overflow: visible;
}
.add-protocol:hover .tooltip{
  display: block;
}

.tagList-dropdown {
  width: -moz-max-content;
  width: max-content;
}

.tooltip-parent-wrapper{
  position: relative;
}
.tooltip-parent-wrapper .tooltip{
  overflow: visible;
}
.tooltip-parent-wrapper:hover .tooltip{
  display: block;
}

.container-toggle{
  display: flex !important;
}
.container-toggle input{
  opacity: 0;
}

.tooltip-hover:hover .tooltip{
  display: block;
}

.select-list-container{
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.pricing-card__field .select-list-container{
  width: 100% !important;
}

.general_alert-default_text {
  white-space: pre-wrap;
}

.link-underline-temp:hover{
  text-decoration-line: underline;
}

.categories-add-child{
  opacity: 0;
}

.categories-add-child-selected{
  opacity: 1;
}

.lui-ant-table-row:hover .categories-add-child{
  opacity: 1;
}

@keyframes passing-through {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30%, 70% {
    opacity: 1;
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    transform: translateY(-40px);
  }
}
@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  30% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(1.1);
  }
  20% {
    transform: scale(1);
  }
}
.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  min-height: 150px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  padding: 20px 20px;
}

.dropzone.dz-clickable {
  cursor: pointer;
}

.dropzone.dz-clickable * {
  cursor: default;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer;
}

.dropzone.dz-started .dz-message {
  display: none;
}

.dropzone.dz-drag-hover {
  border-style: solid;
}

.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5;
}

.dropzone .dz-message {
  text-align: center;
  margin: 3em 0;
}

.dropzone .dz-message .dz-button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px;
}

.dropzone .dz-preview:hover {
  z-index: 1000;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd);
}

.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1;
}

.dropzone .dz-preview.dz-image-preview {
  background: #fff;
}

.dropzone .dz-preview.dz-image-preview .dz-details {
  transition: opacity 0.2s linear;
}

.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
}

.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details {
  opacity: 1;
}

.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 2em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px;
}

.dropzone .dz-preview:hover .dz-image img {
  transform: scale(1.05, 1.05);
  filter: blur(8px);
}

.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10;
}

.dropzone .dz-preview .dz-image img {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
}

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px;
  fill: #fff;
}

.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  transition: all 0.2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  animation: pulse 6s ease infinite;
}

.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  left: 15%;
  right: 15%;
  border: 3px solid rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  background: #fff;
  display: block;
  position: relative;
  height: 100%;
  width: 0;
  transition: width 300ms ease-in-out;
  border-radius: 17px;
}

.dropzone .dz-preview.dz-error .dz-error-message {
  display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #b10606;
  padding: 0.5em 1em;
  color: #fff;
}

.dropzone .dz-preview .dz-error-message:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #b10606;
}

.dropzone, .dropzone * {
  box-sizing: border-box;
}

.dropzone {
  position: relative;
}

.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  width: 120px;
  margin: 0.5em;
}

.dropzone .dz-preview .dz-progress {
  display: block;
  height: 15px;
  border: 1px solid #aaa;
}

.dropzone .dz-preview .dz-progress .dz-upload {
  display: block;
  height: 100%;
  width: 0;
  background: green;
}

.dropzone .dz-preview .dz-error-message {
  color: red;
  display: none;
}

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
  display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
  display: block;
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
  position: absolute;
  display: none;
  left: 30px;
  top: 30px;
  width: 54px;
  height: 58px;
  left: 50%;
  margin-left: -27px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.dropzone{
  display: flex;
  gap: 0.75rem;
  border-color: transparent;
  padding: 0px;
}
.dropzone .dz-message{
  display: none;
}
.dropzone.dz-drag-hover{
  border-color: transparent;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.9;
}
.dropzone .dz-preview{
  margin: 0px;
  height: 5rem;
  width: 5rem;
  overflow: hidden;
  border-radius: 0.5rem;
}
.dropzone .dz-preview .dz-remove{
  margin-top: 1.5rem;
  background-image: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 10px;
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}
.dealbreaker p.dropzone .dz-preview .dz-remove.primary-label-regular{
  --tw-text-opacity: 1 !important;
  color: rgb(174 23 30 / var(--tw-text-opacity)) !important;
}
.dropzone .dz-preview.dz-success .dz-success-mark{
  display: flex;
  border-width: 1px;
  border-color: rgba(26, 136, 60, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(224 255 239 / var(--tw-bg-opacity));
}
.dropzone .dz-preview.dz-success .dz-success-mark svg{
  height: 1.5rem;
  width: 1.5rem;
  fill: #1A883C;
}
.dropzone .dz-preview.dz-error .dz-error-mark{
  display: flex;
  border-width: 1px;
  border-color: rgba(200, 23, 32, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
}
.dropzone .dz-preview.dz-error .dz-error-mark svg{
  height: 1.5rem;
  width: 1.5rem;
  fill: #C81720;
}
.dropzone .dz-preview .dz-image{
  height: 5rem;
  width: 5rem;
  border-radius: 0.5rem;
}
.dropzone .dz-preview .dz-image img{
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.dropzone .dz-preview .dz-success-mark{
  left: 50%;
  margin: 0px;
  margin: -1rem;
  display: none;
  height: 42px;
  width: 40px;
  --tw-translate-x: -40%;
  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));
  align-items: center;
  justify-content: center;
}
.dropzone .dz-preview .dz-error-mark{
  left: 50%;
  margin: 0px;
  margin: -1rem;
  display: none;
  height: 42px;
  width: 40px;
  --tw-translate-x: -40%;
  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));
  align-items: center;
  justify-content: center;
}
.dropzone .dz-preview.dz-error .dz-error-message{
  display: none;
}
.dropzone .dz-preview:hover .dz-remove{
  bottom: 0.75rem;
}
.dropzone .dz-preview:hover .custom-clickable-area{
  --tw-border-opacity: 1;
  border-color: rgb(119 136 153 / var(--tw-border-opacity));
}
.dropzone .dz-preview .dz-remove{
  position: absolute;
  bottom: -2rem;
  left: 50%;
  z-index: 50;
  width: 90%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 4px;
  border-width: 1px;
  border-color: rgba(200, 23, 32, 0.10);
  --tw-bg-opacity: 1;
  background-color: rgb(255 231 231 / var(--tw-bg-opacity));
  padding: 0.25rem;
  text-align: center;
  font-family: Satoshi, sans-serif;
  font-size: 12px;
  --tw-text-opacity: 1;
  color: rgb(200 23 32 / var(--tw-text-opacity));
  text-decoration-line: none;
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.core-table td.dropzone .dz-preview .dz-remove {
  text-align: center;
}
.dropzone .dz-preview .dz-remove:hover{
  text-decoration-line: none;
}
.dropzone .dz-preview .dz-details{
  padding: 0.5rem;
}
.dropzone .dz-preview .dz-details .dz-size{
  margin-bottom: 2px;
  font-size: 12px;
}
.dropzone .dz-preview .dz-details .dz-filename{
  font-size: 10px;
}

.dropzone-msg-title{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.dropzone-msg-desc{
  font-size: 10px;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.grid-stack {
  position: relative;
}

.grid-stack-rtl {
  direction: ltr;
}

.grid-stack-rtl > .grid-stack-item {
  direction: rtl;
}

.grid-stack-placeholder > .placeholder-content {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
}

.grid-stack > .grid-stack-item {
  position: absolute;
  padding: 0;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}

.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
  overflow-y: hidden;
}

.grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  touch-action: none;
}

.grid-stack-item.ui-resizable-autohide > .ui-resizable-handle, .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle {
  display: none;
}

.grid-stack-item > .ui-resizable-ne, .grid-stack-item > .ui-resizable-nw, .grid-stack-item > .ui-resizable-se, .grid-stack-item > .ui-resizable-sw {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
}

.grid-stack-item > .ui-resizable-ne {
  transform: translate(0, 10px) rotate(45deg);
}

.grid-stack-item > .ui-resizable-sw {
  transform: rotate(45deg);
}

.grid-stack-item > .ui-resizable-nw {
  transform: translate(0, 10px) rotate(-45deg);
}

.grid-stack-item > .ui-resizable-se {
  transform: rotate(-45deg);
}

.grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  top: 0;
}

.grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: 0;
  left: 25px;
  right: 25px;
}

.grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  top: 0;
}

.grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}

.grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
}

.grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: 0;
  right: 25px;
}

.grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
}

.grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
}

.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}

.grid-stack-item.ui-draggable-dragging {
  will-change: left, top;
  cursor: move;
}

.grid-stack-item.ui-resizable-resizing {
  will-change: width, height;
}

.ui-draggable-dragging, .ui-resizable-resizing {
  z-index: 10000;
}

.ui-draggable-dragging > .grid-stack-item-content, .ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack-animate, .grid-stack-animate .grid-stack-item {
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack-animate .grid-stack-item.grid-stack-placeholder, .grid-stack-animate .grid-stack-item.ui-draggable-dragging, .grid-stack-animate .grid-stack-item.ui-resizable-resizing {
  transition: left 0s, top 0s, height 0s, width 0s;
}

.grid-stack > .grid-stack-item[gs-y="0"] {
  top: 0;
}

.grid-stack > .grid-stack-item[gs-x="0"] {
  left: 0;
}

.gs-12 > .grid-stack-item {
  width: 8.333%;
}

.gs-12 > .grid-stack-item[gs-x="1"] {
  left: 8.333%;
}

.gs-12 > .grid-stack-item[gs-w="2"] {
  width: 16.667%;
}

.gs-12 > .grid-stack-item[gs-x="2"] {
  left: 16.667%;
}

.gs-12 > .grid-stack-item[gs-w="3"] {
  width: 25%;
}

.gs-12 > .grid-stack-item[gs-x="3"] {
  left: 25%;
}

.gs-12 > .grid-stack-item[gs-w="4"] {
  width: 33.333%;
}

.gs-12 > .grid-stack-item[gs-x="4"] {
  left: 33.333%;
}

.gs-12 > .grid-stack-item[gs-w="5"] {
  width: 41.667%;
}

.gs-12 > .grid-stack-item[gs-x="5"] {
  left: 41.667%;
}

.gs-12 > .grid-stack-item[gs-w="6"] {
  width: 50%;
}

.gs-12 > .grid-stack-item[gs-x="6"] {
  left: 50%;
}

.gs-12 > .grid-stack-item[gs-w="7"] {
  width: 58.333%;
}

.gs-12 > .grid-stack-item[gs-x="7"] {
  left: 58.333%;
}

.gs-12 > .grid-stack-item[gs-w="8"] {
  width: 66.667%;
}

.gs-12 > .grid-stack-item[gs-x="8"] {
  left: 66.667%;
}

.gs-12 > .grid-stack-item[gs-w="9"] {
  width: 75%;
}

.gs-12 > .grid-stack-item[gs-x="9"] {
  left: 75%;
}

.gs-12 > .grid-stack-item[gs-w="10"] {
  width: 83.333%;
}

.gs-12 > .grid-stack-item[gs-x="10"] {
  left: 83.333%;
}

.gs-12 > .grid-stack-item[gs-w="11"] {
  width: 91.667%;
}

.gs-12 > .grid-stack-item[gs-x="11"] {
  left: 91.667%;
}

.gs-12 > .grid-stack-item[gs-w="12"] {
  width: 100%;
}

.gs-1 > .grid-stack-item {
  width: 100%;
}

.rnd {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

.rnd * {
  box-sizing: border-box;
}

.rnd__root-menu {
  position: absolute;
  top: 100%;
  right: 0;
  margin: 7px 0;
  z-index: 10;
}

.rnd__root-menu.rnd__menu--top {
  top: auto;
  bottom: 100%;
}

.rnd__root-menu.rnd__menu--bottom {
  top: 100%;
  bottom: auto;
}

.rnd__root-menu.rnd__menu--right {
  left: 0;
  right: auto;
}

.rnd__root-menu.rnd__menu--left {
  right: 0;
  left: auto;
}

.rnd__menu {
  background-color: #fff;
  border: 1px solid hsl(0, 0%, 90%);
  box-shadow: 0 4px 17px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  padding: 4px 0;
  list-style: none;
}

.rnd__submenu {
  position: absolute;
  display: none;
  opacity: 0;
  left: 100%;
  top: 0;
}

.rnd__submenu--opened {
  opacity: 1;
}

.rnd__submenu.rnd__menu--top {
  top: auto;
  bottom: 0;
}

.rnd__submenu.rnd__menu--bottom {
  top: 0;
  bottom: auto;
}

.rnd__submenu.rnd__menu--right {
  left: 100%;
  right: auto;
}

.rnd__submenu.rnd__menu--left {
  right: 100%;
  left: auto;
}

.rnd__option {
  padding: 12px 15px;
  cursor: pointer;
  word-break: break-word;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
}

.rnd__option--with-menu:hover > .rnd__submenu {
  display: block;
}

.rnd__option:not(.rnd__option--disabled):hover {
  background-color: hsl(0, 0%, 90%);
}

.rnd__option--disabled {
  cursor: not-allowed;
  opacity: 0.4;
}

.rnd__option-icon {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.rnd__option-icon--left {
  margin-right: 7px;
}

.rnd__option-icon--right {
  margin-left: auto;
}

.rnd__option-label {
  font-weight: 600;
  font-size: 11px;
  margin: 0;
}

/* app/assets/stylesheets/star_rating.css */
/* Quando readonly, desativa hover e clique */
.star-rating.readonly label:hover,
.star-rating.readonly label:focus {
  transform: none;
  filter: none;
  cursor: default;
  color: white !important;
}

/* Preenchimento fixo das estrelas */
.star-rating.readonly input[type=radio]:checked + label,
.star-rating.readonly input[type=radio]:checked + label ~ label {
  color: black;
}

.star-rating.readonly input[type=radio]:checked + label .star,
.star-rating.readonly input[type=radio]:checked + label ~ label .star {
  fill: black;
  stroke: none;
}

.star-rating.readonly label:hover .star,
.star-rating.readonly label:hover ~ label .star {
  fill: white;
  stroke: black;
  stroke-width: 0.3;
}

/* Opcional: remover outline de foco */
.star-rating.readonly label:focus {
  outline: none;
}

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

/* Container */
.star-rating {
  display: inline-flex;
  gap: 0.25rem;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  flex-direction: row-reverse;
  /* Optional: change direction if you want reverse visual order */
}

/* Hide native radio visually but keep accessible */
.star-rating input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* Label styling (the clickable star) */
.star-rating label {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1rem;
  height: 1rem;
  border-radius: 0.35rem;
  transition: transform 0.08s ease, filter 0.08s ease;
}

/* SVG size and default appearance (outline star) */
.star-rating .star {
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  fill: none; /* default: outline */
  stroke: black;
  stroke-width: 0.3;
  transform-origin: 50% 50%;
}

/* Default color */
.star-rating {
  color: #cfcfcf; /* cor das estrelas vazias */
}

/* Hover effect on label */
.star-rating label:hover,
.star-rating label:focus {
  transform: scale(1.08);
  filter: brightness(1.05);
}

/* When an input is checked, color the corresponding label and all previous labels (stars) */
/* Because we rendered inputs in descending order (5->1), we can use the general sibling selector
   to color labels that come after the checked input in DOM order. */
/* color filled stars */
.star-rating input[type=radio]:checked + label,
.star-rating input[type=radio]:checked + label ~ label {
  color: black; /* cor das estrelas cheias */
}

/* Make filled star visually filled: change SVG fill and remove stroke */
.star-rating input[type=radio]:checked + label .star,
.star-rating input[type=radio]:checked + label ~ label .star {
  fill: black;
  stroke: none;
}

/* Hover: preview effect - when hovering a label, color that label and labels after it */
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: black;
}

.star-rating label:hover .star,
.star-rating label:hover ~ label .star {
  fill: black;
  stroke: none;
}

/* Focus outline for accessibility (when tabbing to label) */
.star-rating label:focus,
.star-rating label:focus-within {
  outline: 2px solid rgba(0, 0, 0, 0.12);
  outline-offset: 3px;
}

/* Small responsive tweak */
@media (max-width: 480px) {
  .star-rating label {
    width: 1.9rem;
    height: 1.9rem;
  }
  .star-rating .star {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.marketplace .lui-modal__footer .lui-button--neutral--tertiary {
  display: none;
}
.marketplace .lui-chip-active {
  background-color: #000;
  color: #fff;
}

.marketplace-share {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing) * 2.5);
  border-radius: var(--radius-md);
  border-style: solid;
  border-width: 1px;
  border-color: #dee2e6;
  padding: 5px;
  width: 115px;
}

.share-content {
  float: left;
  padding-left: 5px;
}
.share-content a {
  padding: 7px 7px 0 0 !important;
}
.share-content .a2a_s__default {
  background-color: #fff !important;
  width: 16px !important;
}
.share-content .a2a_s__default path {
  fill: #000 !important;
}
.share-content .share-content-text {
  color: #000 !important;
  font-weight: 400 !important;
}

.lui-input__error {
  text-align: left;
}

.group:hover .group-hover\:invisible.tooltip > .tooltip-arrow:before{
  visibility: hidden;
}

.group:hover .group-hover\:invisible[role="tooltip"] > [data-popper-arrow]:before{
  visibility: hidden;
}

.group:hover .group-hover\:invisible[role="tooltip"] > [data-popper-arrow]:after{
  visibility: hidden;
}

.placeholder\:font-normal::-moz-placeholder{
  font-weight: 400;
}

.placeholder\:font-normal:-ms-input-placeholder{
  font-weight: 400;
}

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

.placeholder\:text-gray-base::-moz-placeholder{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}

.placeholder\:text-gray-base:-ms-input-placeholder{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}

.placeholder\:text-gray-base::placeholder{
  --tw-text-opacity: 1;
  color: rgb(120 129 138 / var(--tw-text-opacity));
}

.first\:rounded-tl-xl:first-child{
  border-top-left-radius: 0.75rem;
}

.last\:rounded-tr-xl:last-child{
  border-top-right-radius: 0.75rem;
}

.hover\:border:hover{
  border-width: 1px;
}

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

.hover\:border-gray-base:hover{
  --tw-border-opacity: 1;
  border-color: rgb(120 129 138 / var(--tw-border-opacity));
}

.hover\:border-gray-light_dark:hover{
  --tw-border-opacity: 1;
  border-color: rgb(119 136 153 / var(--tw-border-opacity));
}

.hover\:border-primary-dark-10:hover{
  border-color:  rgba(181, 60, 0, 0.1);
}

.hover\:bg-background:hover{
  background-color: rgba(181, 60, 0, 0.05);
}

.hover\:bg-blue-800:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(30 66 159 / var(--tw-bg-opacity));
}

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

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

.hover\:text-\[\#565656\]:hover{
  --tw-text-opacity: 1;
  color: rgb(86 86 86 / var(--tw-text-opacity));
}

.hover\:text-blue-600:hover{
  --tw-text-opacity: 1;
  color: rgb(28 100 242 / var(--tw-text-opacity));
}

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

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

.hover\:grayscale-0:hover{
  --tw-grayscale: grayscale(0);
  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);
}

.focus\:border-blue-500:focus{
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

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

.focus\:text-gray-700:focus{
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}

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

.focus\:ring-0:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-4:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-blue-300:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(164 202 254 / var(--tw-ring-opacity));
}

.focus\:ring-blue-500:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.focus\:ring-gray-200:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity));
}

.focus\:ring-gray-50:focus{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(249 250 251 / var(--tw-ring-opacity));
}

.focus\:ring-offset-0:focus{
  --tw-ring-offset-width: 0px;
}

.focus-visible\:ring-0:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.active\:ring-0:active{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.active\:ring-offset-0:active{
  --tw-ring-offset-width: 0px;
}

.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}

.disabled\:opacity-50:disabled{
  opacity: 0.5;
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.group:hover .group-hover\:invisible{
  visibility: hidden;
}

.group:hover .group-hover\:text-gray-dark{
  --tw-text-opacity: 1;
  color: rgb(73 80 87 / var(--tw-text-opacity));
}

.group:hover .group-hover\:text-primary-dark{
  --tw-text-opacity: 1;
  color: rgb(181 60 0 / var(--tw-text-opacity));
}

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

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

.dark\:border-blue-500:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

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

.dark\:border-gray-700:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

.dark\:border-gray-900:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

.dark\:border-transparent:is(.dark *){
  border-color: transparent;
}

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

.dark\:bg-blue-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(28 100 242 / var(--tw-bg-opacity));
}

.dark\:bg-gray-600:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

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

.dark\:bg-gray-800:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:bg-gray-800\/50:is(.dark *){
  background-color: rgb(31 41 55 / 0.5);
}

.dark\:bg-gray-900\/80:is(.dark *){
  background-color: rgb(17 24 39 / 0.8);
}

.dark\:text-blue-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

.dark\:text-gray-200:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(229 231 235 / var(--tw-text-opacity));
}

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

.dark\:text-gray-500:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.dark\:text-gray-darkest:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(33 37 41 / var(--tw-text-opacity));
}

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

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

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

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

.dark\:hover\:bg-blue-700:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(26 86 219 / var(--tw-bg-opacity));
}

.dark\:hover\:bg-gray-600:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
}

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

.dark\:hover\:bg-gray-800:hover:is(.dark *){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark\:hover\:text-blue-500:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(63 131 248 / var(--tw-text-opacity));
}

.dark\:hover\:text-gray-300:hover:is(.dark *){
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}

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

.dark\:focus\:border-blue-500:focus:is(.dark *){
  --tw-border-opacity: 1;
  border-color: rgb(63 131 248 / var(--tw-border-opacity));
}

.dark\:focus\:ring-blue-500:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(63 131 248 / var(--tw-ring-opacity));
}

.dark\:focus\:ring-blue-800:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(30 66 159 / var(--tw-ring-opacity));
}

.dark\:focus\:ring-gray-600:focus:is(.dark *){
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(75 85 99 / var(--tw-ring-opacity));
}

@media (min-width: 640px){
  .sm\:right-0{
    right: 0px;
  }
  .sm\:block{
    display: block;
  }
  .sm\:hidden{
    display: none;
  }
  .sm\:h-\[650px\]{
    height: 650px;
  }
  .sm\:w-\[600px\]{
    width: 600px;
  }
  .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .sm\:pb-56{
    padding-bottom: 14rem;
  }
}

@media (min-width: 768px){
  .md\:h-14{
    height: 3.5rem;
  }
  .md\:w-2\/3{
    width: 66.666667%;
  }
  .md\:w-64{
    width: 16rem;
  }
  .md\:w-8\/12{
    width: 66.666667%;
  }
  .md\:flex-row{
    flex-direction: row;
  }
  .md\:items-center{
    align-items: center;
  }
  .md\:px-\[112px\]{
    padding-left: 112px;
    padding-right: 112px;
  }
  .md\:pb-0{
    padding-bottom: 0px;
  }
  .md\:pt-0{
    padding-top: 0px;
  }
  .md\:pt-16{
    padding-top: 4rem;
  }
  .md\:text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .md\:text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px){
  .lg\:mt-0{
    margin-top: 0px;
  }
  .lg\:block{
    display: block;
  }
  .lg\:flex{
    display: flex;
  }
  .lg\:hidden{
    display: none;
  }
  .lg\:w-64{
    width: 16rem;
  }
  .lg\:flex-row{
    flex-direction: row;
  }
  .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(0px * var(--tw-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
  }
  .lg\:px-4{
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .lg\:pl-4{
    padding-left: 1rem;
  }
}

@media (min-width: 1280px){
  .xl\:px-\[244px\]{
    padding-left: 244px;
    padding-right: 244px;
  }
}

@media (min-width: 1536px){
  .\32xl\:px-\[344px\]{
    padding-left: 344px;
    padding-right: 344px;
  }
}

.rtl\:rotate-180:where([dir="rtl"], [dir="rtl"] *){
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 1;
}

@media print{
  .print\:hidden{
    display: none;
  }
}