*,
:before,
:after {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia: ;
}
::backdrop {
  --un-rotate: 0;
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-scale-x: 1;
  --un-scale-y: 1;
  --un-scale-z: 1;
  --un-skew-x: 0;
  --un-skew-y: 0;
  --un-translate-x: 0;
  --un-translate-y: 0;
  --un-translate-z: 0;
  --un-pan-x: ;
  --un-pan-y: ;
  --un-pinch-zoom: ;
  --un-scroll-snap-strictness: proximity;
  --un-ordinal: ;
  --un-slashed-zero: ;
  --un-numeric-figure: ;
  --un-numeric-spacing: ;
  --un-numeric-fraction: ;
  --un-border-spacing-x: 0;
  --un-border-spacing-y: 0;
  --un-ring-offset-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-shadow: 0 0 rgb(0 0 0 / 0);
  --un-shadow-inset: ;
  --un-shadow: 0 0 rgb(0 0 0 / 0);
  --un-ring-inset: ;
  --un-ring-offset-width: 0px;
  --un-ring-offset-color: #fff;
  --un-ring-width: 0px;
  --un-ring-color: rgb(147 197 253 / 0.5);
  --un-blur: ;
  --un-brightness: ;
  --un-contrast: ;
  --un-drop-shadow: ;
  --un-grayscale: ;
  --un-hue-rotate: ;
  --un-invert: ;
  --un-saturate: ;
  --un-sepia: ;
  --un-backdrop-blur: ;
  --un-backdrop-brightness: ;
  --un-backdrop-contrast: ;
  --un-backdrop-grayscale: ;
  --un-backdrop-hue-rotate: ;
  --un-backdrop-invert: ;
  --un-backdrop-opacity: ;
  --un-backdrop-saturate: ;
  --un-backdrop-sepia: ;
}
.divider,
[divider=""] {
  height: 1px;
  background-color: currentColor;
  opacity: 0.1;
}
.pretty-scrollbar::-webkit-scrollbar,
[pretty-scrollbar=""]::-webkit-scrollbar {
  width: var(--scrollbar-width);
  height: var(--scrollbar-height);
}
.pretty-scrollbar,
[pretty-scrollbar=""] {
  overflow: auto;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
  --scrollbar-track: #f5f5f5;
  --scrollbar-thumb: #ddd;
  --scrollbar-width: 8px;
  --scrollbar-height: 8px;
  --scrollbar-track-radius: 4px;
  --scrollbar-thumb-radius: 4px;
  --un-scrollbar-thumb-opacity: 1;
  --scrollbar-thumb: rgba(209, 213, 219, var(--un-scrollbar-thumb-opacity));
  --un-scrollbar-track-opacity: 1;
  --scrollbar-track: rgba(243, 244, 246, var(--un-scrollbar-track-opacity));
}
.pretty-scrollbar::-webkit-scrollbar-thumb,
[pretty-scrollbar=""]::-webkit-scrollbar-thumb {
  border-radius: var(--scrollbar-thumb-radius);
  background-color: var(--scrollbar-thumb);
}
.pretty-scrollbar::-webkit-scrollbar-track,
[pretty-scrollbar=""]::-webkit-scrollbar-track {
  border-radius: var(--scrollbar-track-radius);
  background-color: var(--scrollbar-track);
}
.dark .pretty-scrollbar,
.dark [pretty-scrollbar=""] {
  --un-scrollbar-thumb-opacity: 1;
  --scrollbar-thumb: rgba(66, 66, 66, var(--un-scrollbar-thumb-opacity));
  --un-scrollbar-track-opacity: 1;
  --scrollbar-track: rgba(104, 104, 104, var(--un-scrollbar-track-opacity));
}
.absolute,
[absolute=""] {
  position: absolute;
}
.fixed,
[fixed=""] {
  position: fixed;
}
.relative,
[relative=""] {
  position: relative;
}
.static {
  position: static;
}
.bottom-100\% {
  bottom: 100%;
}
.left-0,
[left-0=""] {
  left: 0;
}
.left-100\% {
  left: 100%;
}
.left-50\% {
  left: 50%;
}
.right-100\% {
  right: 100%;
}
.right-10px,
[right-10px=""] {
  right: 10px;
}
.top-0,
[top-0=""] {
  top: 0;
}
.top-100\% {
  top: 100%;
}
.top-10px,
[top-10px=""] {
  top: 10px;
}
.top-50\% {
  top: 50%;
}
.line-clamp-2,
[line-clamp~="2"] {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.z-10,
[z-10=""] {
  z-index: 10;
}
.grid,
[grid=""] {
  display: grid;
}
.grid-cols-1,
[grid-cols-1=""] {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2,
[grid-cols-2=""] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-5,
[grid-cols-5=""] {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.m-0,
[m-0=""] {
  margin: 0;
}
.m-x-auto,
.mx-auto,
[m-x-auto=""],
[mx-auto=""] {
  margin-left: auto;
  margin-right: auto;
}
.mx-1,
[mx-1=""] {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my,
.my-4,
[my-4=""] {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.my-16px,
[my-16px=""] {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-2,
[my-2=""] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.my-3,
[my-3=""] {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.my-5px {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-8,
[my-8=""] {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.mb-1,
[mb-1=""] {
  margin-bottom: 0.25rem;
}
.mb-10,
[mb-10=""] {
  margin-bottom: 2.5rem;
}
.mb-2,
[mb-2=""] {
  margin-bottom: 0.5rem;
}
.mb-3,
[mb-3=""] {
  margin-bottom: 0.75rem;
}
.mb-4,
[mb-4=""] {
  margin-bottom: 1rem;
}
.mb-5,
[mb-5=""] {
  margin-bottom: 1.25rem;
}
.mb-5px,
[mb-5px=""] {
  margin-bottom: 5px;
}
.mb-6,
[mb-6=""] {
  margin-bottom: 1.5rem;
}
.mb-8,
[mb-8=""] {
  margin-bottom: 2rem;
}
.me {
  margin-inline-end: 1rem;
}
.ml-2,
[ml-2=""] {
  margin-left: 0.5rem;
}
.ml-3,
[ml-3=""] {
  margin-left: 0.75rem;
}
.ml-5px {
  margin-left: 5px;
}
.ml-6px,
[ml-6px=""] {
  margin-left: 6px;
}
.ml-8px,
[ml-8px=""] {
  margin-left: 8px;
}
.mr-2,
[mr-2=""] {
  margin-right: 0.5rem;
}
.mr-3,
[mr-3=""] {
  margin-right: 0.75rem;
}
.mr-4,
[mr-4=""] {
  margin-right: 1rem;
}
.mr-5px {
  margin-right: 5px;
}
.mr-6px,
[mr-6px=""] {
  margin-right: 6px;
}
.ms {
  margin-inline-start: 1rem;
}
.mt-1,
[mt-1=""] {
  margin-top: 0.25rem;
}
.mt-12,
[mt-12=""] {
  margin-top: 3rem;
}
.mt-12px,
[mt-12px=""] {
  margin-top: 12px;
}
.mt-2,
[mt-2=""] {
  margin-top: 0.5rem;
}
.mt-20,
[mt-20=""] {
  margin-top: 5rem;
}
.mt-25px {
  margin-top: 25px;
}
.mt-3,
[mt-3=""] {
  margin-top: 0.75rem;
}
.mt-4,
[mt-4=""] {
  margin-top: 1rem;
}
.mt-5,
[mt-5=""] {
  margin-top: 1.25rem;
}
.mt-50px,
[mt-50px=""] {
  margin-top: 50px;
}
.mt-5px {
  margin-top: 5px;
}
.mt-60px,
[mt-60px=""] {
  margin-top: 60px;
}
.block,
.dark .dark\:block {
  display: block;
}
.inline-block,
[inline-block=""] {
  display: inline-block;
}
.dark .dark\:hidden,
.hidden,
[hidden=""] {
  display: none;
}
.h-1px {
  height: 1px;
}
.h-30px,
[h-30px=""] {
  height: 30px;
}
.h-600px,
[h-600px=""] {
  height: 600px;
}
.h-full,
[h-full=""] {
  height: 100%;
}
.h1 {
  height: 0.25rem;
}
.h2 {
  height: 0.5rem;
}
.h3 {
  height: 0.75rem;
}
.h6 {
  height: 1.5rem;
}
.important\:h-10,
[important\:h-10=""] {
  height: 2.5rem !important;
}
.important\:h-12,
[important\:h-12=""] {
  height: 3rem !important;
}
.important\:max-w-650px,
[important\:max-w-650px=""] {
  max-width: 650px !important;
}
.important\:w-10,
[important\:w-10=""] {
  width: 2.5rem !important;
}
.max-h-312px,
[max-h-312px=""] {
  max-height: 312px;
}
.max-h-full,
[max-h-full=""] {
  max-height: 100%;
}
.max-w-100px {
  max-width: 100px;
}
.max-w-2400px,
[max-w-2400px=""] {
  max-width: 2400px;
}
.max-w-600px,
[max-w-600px=""] {
  max-width: 600px;
}
.max-w-sm,
[max-w-sm=""] {
  max-width: 24rem;
}
.max-w-xl,
[max-w-xl=""] {
  max-width: 36rem;
}
.min-w-0,
[min-w-0=""] {
  min-width: 0;
}
.min-w-130px,
[min-w-130px=""] {
  min-width: 130px;
}
.min-w-fit,
[min-w-fit=""] {
  min-width: fit-content;
}
.w-100px,
[w-100px=""] {
  width: 100px;
}
.w-150px,
[w-150px=""] {
  width: 150px;
}
.w-200px,
[w-200px=""] {
  width: 200px;
}
.w-30px,
[w-30px=""] {
  width: 30px;
}
.w-75px,
[w-75px=""] {
  width: 75px;
}
.w-full,
[w-full=""] {
  width: 100%;
}
[w~="90%"] {
  width: 90%;
}
.flex,
[flex=""] {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.important\:flex-full,
[important\:flex-full=""] {
  flex: 100% !important;
}
.flex-1,
[flex-1=""] {
  flex: 1 1 0%;
}
.important\:flex-1,
[important\:flex-1=""] {
  flex: 1 1 0% !important;
}
.flex-shrink {
  flex-shrink: 1;
}
.important\:flex-shrink-0,
[important\:flex-shrink-0=""] {
  flex-shrink: 0 !important;
}
.shrink-0,
[shrink-0=""] {
  flex-shrink: 0;
}
.flex-grow,
[flex-grow=""] {
  flex-grow: 1;
}
.important\:flex-grow-0,
[important\:flex-grow-0=""] {
  flex-grow: 0 !important;
}
.important\:flex-grow-0\> {
  flex-grow: 1 !important;
}
.flex-basis-5xl,
[flex-basis-5xl=""] {
  flex-basis: 3rem;
}
.flex-row {
  flex-direction: row;
}
.flex-col,
[flex-col=""] {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap,
[flex-nowrap=""] {
  flex-wrap: nowrap;
}
.table {
  display: table;
}
.border-collapse {
  border-collapse: collapse;
}
.-translate-x-1\/2 {
  --un-translate-x: -50%;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.-translate-y-1\/2 {
  --un-translate-y: -50%;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.rotate-0 {
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-rotate: 0;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.rotate-90 {
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-rotate: 90deg;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.transform-rotate--90 {
  --un-rotate-x: 0;
  --un-rotate-y: 0;
  --un-rotate-z: 0;
  --un-rotate: -90deg;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.scale-0 {
  --un-scale-x: 0;
  --un-scale-y: 0;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.scale-100 {
  --un-scale-x: 1;
  --un-scale-y: 1;
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.transform {
  transform: translate(var(--un-translate-x)) translateY(var(--un-translate-y))
    translateZ(var(--un-translate-z)) rotate(var(--un-rotate))
    rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y))
    rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y))
    scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y))
    scaleZ(var(--un-scale-z));
}
.cursor-pointer,
[cursor-pointer=""] {
  cursor: pointer;
}
.resize {
  resize: both;
}
.items-center,
[items-center=""] {
  align-items: center;
}
.items-baseline,
[items-baseline=""] {
  align-items: baseline;
}
.important\:justify-start,
[important\:justify-start=""] {
  justify-content: flex-start !important;
}
.justify-center,
[justify-center=""] {
  justify-content: center;
}
.justify-between,
[justify-between=""] {
  justify-content: space-between;
}
.gap-10px,
[gap-10px=""] {
  gap: 10px;
}
.gap-12,
[gap-12=""] {
  gap: 3rem;
}
.gap-12px,
[gap-12px=""] {
  gap: 12px;
}
.gap-2,
[gap-2=""] {
  gap: 0.5rem;
}
.gap-3,
[gap-3=""] {
  gap: 0.75rem;
}
.gap-4,
[gap-4=""] {
  gap: 1rem;
}
.gap-5px,
[gap-5px=""] {
  gap: 5px;
}
.gap-8px,
[gap-8px=""] {
  gap: 8px;
}
.gap-y-2,
[gap-y-2=""] {
  row-gap: 0.5rem;
}
.overflow-auto,
[overflow-auto=""] {
  overflow: auto;
}
.overflow-hidden,
[overflow-hidden=""] {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto,
[overflow-y-auto=""] {
  overflow-y: auto;
}
.truncate,
[truncate=""] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.break-all,
[break-all=""] {
  word-break: break-all;
}
.break-anywhere,
[break-anywhere=""] {
  overflow-wrap: anywhere;
}
.\!border-2px {
  border-width: 2px !important;
}
.b,
.border,
[border=""],
[border~="1px"] {
  border-width: 1px;
}
.border-2px {
  border-width: 2px;
}
.important\:border-x,
[important\:border-x~="1px"] {
  border-left-width: 1px !important;
  border-right-width: 1px !important;
}
.b-r,
[b-r=""] {
  border-right-width: 1px;
}
.border-b,
[border-b~="1px"] {
  border-bottom-width: 1px;
}
.b-gray,
[b-gray=""] {
  --un-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--un-border-opacity));
}
.border-current,
[border-current=""],
[border~="current"] {
  border-color: currentColor;
}
.border-gray-300 {
  --un-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--un-border-opacity));
}
.border-primary {
  --un-border-opacity: 1;
  border-color: rgb(30 165 76 / var(--un-border-opacity));
}
.important\:border-primary,
.\!hover\:border-primary:hover,
.hover\:important\:border-primary:hover,
[hover\:important\:border-primary=""]:hover {
  --un-border-opacity: 1 !important;
  border-color: rgb(30 165 76 / var(--un-border-opacity)) !important;
}
[important\:border-x~="gray"] {
  --un-border-opacity: 1 !important;
  --un-border-left-opacity: var(--un-border-opacity) !important;
  border-left-color: rgb(
    156 163 175 / var(--un-border-left-opacity)
  ) !important;
  --un-border-right-opacity: var(--un-border-opacity) !important;
  border-right-color: rgb(
    156 163 175 / var(--un-border-right-opacity)
  ) !important;
}
.dark [border-b~="dark:#282828"] {
  --un-border-opacity: 1;
  --un-border-bottom-opacity: var(--un-border-opacity);
  border-bottom-color: rgb(40 40 40 / var(--un-border-bottom-opacity));
}
.dark [border-b~="dark:transparent"] {
  border-bottom-color: transparent;
}
[border-b~="#efeff5"] {
  --un-border-opacity: 1;
  --un-border-bottom-opacity: var(--un-border-opacity);
  border-bottom-color: rgb(239 239 245 / var(--un-border-bottom-opacity));
}
.b-op-10,
[b-op-10=""] {
  --un-border-opacity: 0.1;
}
.border-op-40,
[border-op-40=""] {
  --un-border-opacity: 0.4;
}
.border-opacity-100 {
  --un-border-opacity: 1;
}
.border-opacity-50 {
  --un-border-opacity: 0.5;
}
[border~="op-30"] {
  --un-border-opacity: 0.3;
}
[important\:border-x~="op-40"] {
  --un-border-left-opacity: 0.4 !important;
  --un-border-right-opacity: 0.4 !important;
}
.b-rd-4px,
[b-rd-4px=""] {
  border-radius: 4px;
}
.b-rd-xl,
[b-rd-xl=""] {
  border-radius: 0.75rem;
}
.important\:rounded-0,
[important\:rounded-0=""] {
  border-radius: 0 !important;
}
.rounded,
[rounded=""] {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md,
[rounded-md=""] {
  border-radius: 0.375rem;
}
.important\:rounded-l-none,
[important\:rounded-l-none=""] {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.important\:rounded-r-none,
[important\:rounded-r-none=""] {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.border-dashed {
  border-style: dashed;
}
.border-solid,
[border-solid=""],
[border~="solid"] {
  border-style: solid;
}
.important\:border-none,
[important\:border-none=""] {
  border-style: none !important;
}
[important\:border-x~="solid"] {
  border-left-style: solid !important;
  border-right-style: solid !important;
}
.b-r-solid,
[b-r-solid=""] {
  border-right-style: solid;
}
.important\:border-b-none {
  border-bottom-style: none !important;
}
[border-b~="solid"] {
  border-bottom-style: solid;
}
.bg-\#eeeeee {
  --un-bg-opacity: 1;
  background-color: rgb(238 238 238 / var(--un-bg-opacity));
}
.bg-\#ffffff,
.bg-white {
  --un-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--un-bg-opacity));
}
.bg-black {
  --un-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--un-bg-opacity));
}
.bg-gray-300 {
  --un-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--un-bg-opacity));
}
.bg-primary {
  --un-bg-opacity: 1;
  background-color: rgb(30 165 76 / var(--un-bg-opacity));
}
.dark .dark\:bg-\#232323 {
  --un-bg-opacity: 1;
  background-color: rgb(35 35 35 / var(--un-bg-opacity));
}
.dark .dark\:bg-\#333333 {
  --un-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--un-bg-opacity));
}
.hover\:bg-primary:hover,
[hover\:bg-primary=""]:hover {
  --un-bg-opacity: 1;
  background-color: rgb(30 165 76 / var(--un-bg-opacity));
}
.important\:p0,
[important\:p0=""],
[important\:pa-0=""] {
  padding: 0 !important;
}
.important\:pa-12px,
[important\:pa-12px=""] {
  padding: 12px !important;
}
.p-8,
[p-8=""] {
  padding: 2rem;
}
.pa-24px,
[pa-24px=""] {
  padding: 24px;
}
.pa-3,
[pa-3=""] {
  padding: 0.75rem;
}
.pa-5,
[pa-5=""] {
  padding: 1.25rem;
}
.important\:py-12,
[important\:py-12=""] {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.important\:py-8px,
[important\:py-8px=""] {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.px,
.px-4,
[px-4=""] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-10px {
  padding-left: 10px;
  padding-right: 10px;
}
.px-12px,
[px-12px=""] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-2,
[px-2=""] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-5px,
[px-5px=""] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-8px {
  padding-left: 8px;
  padding-right: 8px;
}
.px8,
[px8=""] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.py-1,
[py-1=""] {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2,
[py-2=""] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-2px {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-3px,
[py-3px=""] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6px {
  padding-top: 6px;
  padding-bottom: 6px;
}
[py-4px=""] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.important\:pl-10px,
[important\:pl-10px=""] {
  padding-left: 10px !important;
}
.important\:pr-5px,
[important\:pr-5px=""] {
  padding-right: 5px !important;
}
.pb6,
[pb6=""] {
  padding-bottom: 1.5rem;
}
.pl-4,
[pl-4=""] {
  padding-left: 1rem;
}
.pr-12px,
[pr-12px=""] {
  padding-right: 12px;
}
.pr-4,
[pr-4=""] {
  padding-right: 1rem;
}
.pt {
  padding-top: 1rem;
}
.pt-1,
[pt-1=""] {
  padding-top: 0.25rem;
}
.pt-50px {
  padding-top: 50px;
}
.text-center,
[text-center=""] {
  text-align: center;
}
.important\:text-left,
[important\:text-left=""] {
  text-align: left !important;
}
.text-left,
[text-left=""] {
  text-align: left;
}
.text-right,
[text-right=""] {
  text-align: right;
}
.text-justify,
[text-justify=""] {
  text-align: justify;
}
.indent {
  text-indent: 1.5rem;
}
[indent~="8"] {
  text-indent: 2rem;
}
.text-wrap,
[text-wrap=""] {
  text-wrap: wrap;
}
.important\:text-22px,
[important\:text-22px=""] {
  font-size: 22px !important;
}
.text-13px,
[text-13px=""] {
  font-size: 13px;
}
.text-15px,
[text-15px=""] {
  font-size: 15px;
}
.text-16px,
[text-16px=""] {
  font-size: 16px;
}
.text-20px,
[text-20px=""] {
  font-size: 20px;
}
.text-2xl,
[text-2xl=""] {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-30px,
[text-30px=""] {
  font-size: 30px;
}
.text-3xl,
[text-3xl=""] {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.text-40px,
[text-40px=""] {
  font-size: 40px;
}
.text-90px,
[text-90px=""] {
  font-size: 90px;
}
.text-lg,
[text-lg=""] {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm,
[text-sm=""] {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl,
[text-xl=""] {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs,
[text-xs=""] {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-500 {
  font-weight: 500;
}
.font-bold,
[font-bold=""] {
  font-weight: 700;
}
.fw-600,
[fw-600=""] {
  font-weight: 600;
}
.leading-5 {
  line-height: 1.25rem;
}
.lh-1,
[lh-1=""] {
  line-height: 0.25rem;
}
.lh-normal,
[lh-normal=""] {
  line-height: 1.5;
}
.lh-tight,
[lh-tight=""] {
  line-height: 1.25;
}
.\!font-mono,
.important\:font-mono,
[important\:font-mono=""] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace !important;
}
.font-mono,
[font-mono=""] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.italic,
[italic=""] {
  font-style: italic;
}
.color-black,
.text-black,
[color-black=""] {
  --un-text-opacity: 1;
  color: rgb(0 0 0 / var(--un-text-opacity));
}
.color-current,
.text-current,
[color-current=""] {
  color: currentColor;
}
.dark .dark\:color-white,
.dark .dark\:text-white,
.dark [dark\:color-white=""],
.text-white {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
[color~="#18a058"] {
  --un-text-opacity: 1;
  color: rgb(24 160 88 / var(--un-text-opacity));
}
.dark .dark\:text-gray-400,
.text-gray-400 {
  --un-text-opacity: 1;
  color: rgb(156 163 175 / var(--un-text-opacity));
}
.dark .dark\:text-neutral-400,
.text-neutral-400 {
  --un-text-opacity: 1;
  color: rgb(163 163 163 / var(--un-text-opacity));
}
.dark .dark\:text-neutral-600 {
  --un-text-opacity: 1;
  color: rgb(82 82 82 / var(--un-text-opacity));
}
.dark .dark\:text-neutral-800 {
  --un-text-opacity: 1;
  color: rgb(38 38 38 / var(--un-text-opacity));
}
.text-gray-500 {
  --un-text-opacity: 1;
  color: rgb(107 114 128 / var(--un-text-opacity));
}
.text-gray-700 {
  --un-text-opacity: 1;
  color: rgb(55 65 81 / var(--un-text-opacity));
}
.text-neutral-500 {
  --un-text-opacity: 1;
  color: rgb(115 115 115 / var(--un-text-opacity));
}
.text-primary,
[text-primary=""],
.hover\:text-primary:hover {
  --un-text-opacity: 1;
  color: rgb(30 165 76 / var(--un-text-opacity));
}
.hover\:text-white:hover {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
[hover\:text-primary=""]:hover {
  --un-text-opacity: 1;
  color: rgb(30 165 76 / var(--un-text-opacity));
}
[hover\:text-white=""]:hover {
  --un-text-opacity: 1;
  color: rgb(255 255 255 / var(--un-text-opacity));
}
.underline,
.hover\:underline:hover {
  text-decoration-line: underline;
}
.decoration-none {
  text-decoration: none;
}
.tab {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
}
.op-0 {
  opacity: 0;
}
.op-100 {
  opacity: 1;
}
.op-30 {
  opacity: 0.3;
}
.op-40,
[op-40=""] {
  opacity: 0.4;
}
.op-50,
[op-50=""] {
  opacity: 0.5;
}
.op-60,
[op-60=""] {
  opacity: 0.6;
}
.op-70,
.opacity-70,
[op-70=""],
[opacity-70=""] {
  opacity: 0.7;
}
.op-90,
[op-90=""] {
  opacity: 0.9;
}
.shadow {
  --un-shadow: var(--un-shadow-inset) 0 1px 3px 0
      var(--un-shadow-color, rgb(0 0 0 / 0.1)),
    var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-lg {
  --un-shadow: var(--un-shadow-inset) 0 10px 15px -3px var(--un-shadow-color, rgb(0
            0 0 / 0.1)),
    var(--un-shadow-inset) 0 4px 6px -4px var(--un-shadow-color, rgb(0 0 0 / 0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.shadow-xl,
[shadow-xl=""] {
  --un-shadow: var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0
            0 0 / 0.1)),
    var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 /
            0.1));
  box-shadow: var(--un-ring-offset-shadow), var(--un-ring-shadow),
    var(--un-shadow);
}
.outline {
  outline-style: solid;
}
.transition,
[transition=""] {
  transition-property: color, background-color, border-color, outline-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-colors {
  transition-property: color, background-color, border-color, outline-color,
    text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-transform,
[transition-transform=""] {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.15s;
}
.transition-duration-0\.2s {
  transition-duration: 0.2s;
}
.transition-duration-0\.5s {
  transition-duration: 0.5s;
}
.ease,
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 640px) {
  .sm\:grid-cols-2,
  [sm\:grid-cols-2=""] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:inline,
  [sm\:inline=""] {
    display: inline;
  }
  .sm\:block,
  [sm\:block=""] {
    display: block;
  }
  .sm\:hidden,
  [sm\:hidden=""] {
    display: none;
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-3,
  [md\:grid-cols-3=""] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:flex-row,
  [md\:flex-row=""] {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols-4,
  [lg\:grid-cols-4=""] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (min-width: 1280px) {
  .xl\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .xl\:grid-cols-6,
  [xl\:grid-cols-6=""] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
.c-modal--overlay[data-v-94793f53] {
  background-color: #00000080;
}
.c-modal--container[data-v-94793f53] {
  background-color: var(--f6e4b4d2);
}
.v-enter-active[data-v-94793f53],
.v-leave-active[data-v-94793f53] {
  transition: opacity 0.3s ease-in-out;
}
.v-enter-from[data-v-94793f53],
.v-leave-to[data-v-94793f53] {
  opacity: 0;
}
.c-button[data-v-147876cf] {
  line-height: 1;
  font-family: inherit;
  font-size: var(--9a468bfe);
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  height: var(--09441655);
  font-weight: 400;
  color: var(--e1cab870);
  padding: 0 14px;
  border-radius: 4px;
  transition: background-color cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  background-color: var(--645976e7);
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.c-button.round[data-v-147876cf] {
  border-radius: 100px;
}
.c-button.circle[data-v-147876cf] {
  border-radius: var(--09441655);
  width: var(--09441655);
  padding: 0;
}
.c-button[data-v-147876cf]:not(.disabled):hover {
  background-color: var(--cea95e96);
}
.c-button[data-v-147876cf]:not(.disabled):active {
  background-color: var(--369e4b1b);
}
.c-button[data-v-147876cf]:focus {
  outline: 1px solid var(--c8f65826);
}
.c-button.disabled[data-v-147876cf] {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-input-text[data-v-c4df69f5] {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
}
.c-input-text.label-left[data-v-c4df69f5] {
  flex-direction: row;
  align-items: baseline;
}
.c-input-text.error > .input[data-v-c4df69f5] {
  border-color: var(--1578999c);
}
.c-input-text.error > .input[data-v-c4df69f5]:hover,
.c-input-text.error > .input[data-v-c4df69f5]:focus {
  border-color: var(--1578999c);
}
.c-input-text.error > .input[data-v-c4df69f5]:focus {
  background-color: var(--b18512fa);
}
.c-input-text.error .feedback[data-v-c4df69f5] {
  color: var(--1578999c);
}
.c-input-text > .label[data-v-c4df69f5] {
  margin-bottom: 5px;
  flex: 0 0 var(--15951ced);
  text-align: var(--1460862c);
  padding-right: 12px;
}
.c-input-text .feedback-wrapper[data-v-c4df69f5] {
  flex: 1 1 0;
  min-width: 0;
}
.c-input-text .input-wrapper[data-v-c4df69f5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: var(--e1b5bfd6);
  color: transparent;
  border: 1px solid var(--e9ed6052);
  border-radius: 4px;
  padding: 0 4px 0 12px;
  transition: border-color 0.2s ease-in-out;
}
.multiline.c-input-text .input-wrapper[data-v-c4df69f5] {
  resize: vertical;
  overflow: hidden;
}
.multiline.c-input-text .input-wrapper > textarea[data-v-c4df69f5] {
  height: 100%;
  resize: none;
  word-break: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: inherit;
  color: var(--1728643c);
}
.multiline.c-input-text
  .input-wrapper
  > textarea[data-v-c4df69f5]::placeholder {
  color: var(--ffa9e664);
}
.c-input-text .input-wrapper > .input[data-v-c4df69f5] {
  flex: 1 1 0;
  min-width: 0;
  padding: 8px 0;
  outline: none;
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  color: var(--1728643c);
}
.c-input-text .input-wrapper > .input[data-v-c4df69f5]::placeholder {
  color: var(--ffa9e664);
}
.c-input-text .input-wrapper[data-v-c4df69f5]:hover {
  border-color: var(--ac68db28);
}
.c-input-text .input-wrapper[data-v-c4df69f5]:focus-within {
  border-color: var(--ac68db28);
  background-color: var(--0ab89a02);
}
.c-input-text.error .input-wrapper[data-v-c4df69f5] {
  border-color: var(--1578999c);
}
.c-input-text.error .input-wrapper[data-v-c4df69f5]:hover,
.c-input-text.error .input-wrapper[data-v-c4df69f5]:focus-within {
  border-color: var(--1578999c);
}
.c-input-text.error .input-wrapper[data-v-c4df69f5]:focus-within {
  background-color: var(--b18512fa);
}
.c-input-text.disabled .input-wrapper[data-v-c4df69f5] {
  opacity: 0.5;
}
.c-input-text.disabled .input-wrapper[data-v-c4df69f5]:hover,
.c-input-text.disabled .input-wrapper[data-v-c4df69f5]:focus-within {
  border-color: var(--e9ed6052);
}
.c-input-text.disabled .input-wrapper > .input[data-v-c4df69f5] {
  cursor: not-allowed;
}
.c-input-text[data-v-ae934b0a] {
  font-size: 18px;
}
.c-input-text[data-v-ae934b0a] .input-wrapper {
  padding: 4px 4px 4px 18px;
}
.c-modal--overlay[data-v-ae934b0a] {
  align-items: flex-start !important;
  padding-top: 80px;
}
.c-link[data-v-affd0f5f] {
  line-height: inherit;
  font-family: inherit;
  font-size: inherit;
  border: none;
  cursor: pointer;
  text-decoration: none;
  font-weight: 400;
  color: var(--1eb0d378);
  border-radius: 4px;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
  outline-offset: 1px;
}
.c-link[data-v-affd0f5f]:hover {
  color: var(--7db8d4dc);
}
.c-link[data-v-affd0f5f]:active {
  color: var(--1eb0d378);
}
.c-link[data-v-affd0f5f]:focus {
  color: var(--1fc91bc5);
}
.c-select .search-input[data-v-71119859] {
  all: unset;
}
.c-select .search-input[data-v-71119859]::placeholder {
  color: var(--787f8ac6);
}
.c-select .c-select-input[data-v-71119859] {
  background-color: var(--4cfa251d);
  border: 1px solid var(--2ffa18df);
  border-radius: 4px;
  padding: 0 12px;
  font-family: inherit;
  font-size: var(--bec124ac);
  height: var(--8725773e);
  transition: border-color 0.2s ease-in-out;
}
.c-select .c-select-input .placeholder[data-v-71119859],
.c-select .c-select-input .chevron[data-v-71119859] {
  color: var(--787f8ac6);
}
.c-select .c-select-dropdown[data-v-71119859] {
  background-color: var(--4cfa251d);
  border-radius: 4px;
  box-shadow: var(--c6aafd6e);
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  padding: 6px;
}
.c-select .c-select-dropdown .c-select-dropdown-option[data-v-71119859] {
  border-radius: 4px;
  padding: 8px 12px;
  background-color: transparent;
  transition: background-color 0.2s ease-in-out;
}
.c-select .c-select-dropdown .c-select-dropdown-option.active[data-v-71119859] {
  color: var(--5efae822);
}
.c-select .c-select-dropdown .c-select-dropdown-option[data-v-71119859]:hover,
.c-select .c-select-dropdown .c-select-dropdown-option.hover[data-v-71119859] {
  background-color: var(--3c0befbc);
}
.dropdown-enter-active[data-v-71119859],
.dropdown-leave-active[data-v-71119859] {
  transition: opacity 0.2s, transform 0.2s;
}
.dropdown-enter-from[data-v-71119859],
.dropdown-leave-to[data-v-71119859] {
  opacity: 0;
  transform: translateY(-10px);
}
.dropdown-enter-to[data-v-71119859],
.dropdown-leave-from[data-v-71119859] {
  opacity: 1;
  transform: translateY(0);
}
.overlay[data-v-63c31e01] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  cursor: pointer;
}
.content[data-v-63c31e01] .n-layout-scroll-container {
  padding: 26px;
}
.n-layout[data-v-63c31e01] {
  height: 100vh;
}
.n-button[data-v-4da9d297]:not(:last-child) {
  margin-right: 5px;
}
.menu-icon-item[data-v-962461ab] {
  position: relative;
}
.menu-icon-item .badge[data-v-962461ab] {
  position: absolute;
  background-color: var(--c9671612);
  border-radius: 10px;
  line-height: 1;
  top: 3px;
  left: -6px;
  font-size: 10px;
  height: 6px;
  width: 6px;
}
.menu-wrapper[data-v-50838923] {
  display: flex;
  flex-direction: row;
}
.menu-wrapper .menu[data-v-50838923] {
  flex: 1;
  margin-bottom: 5px;
}
.menu-wrapper .menu[data-v-50838923] .n-menu-item-content:before {
  left: 0;
  right: 13px;
}
.menu-wrapper .toggle-bar[data-v-50838923] {
  width: 24px;
  opacity: 0.1;
  transition: opacity ease 0.2s;
  position: relative;
  cursor: pointer;
}
.menu-wrapper .toggle-bar[data-v-50838923]:before {
  width: 2px;
  height: 100%;
  content: " ";
  background-color: var(--2adda884);
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 14px;
}
.menu-wrapper .toggle-bar[data-v-50838923]:hover {
  opacity: 0.5;
}
.support-button[data-v-6488e27f] {
  background: #25636c;
  background: linear-gradient(48deg, #25636c 0%, #3b956f 60%, #14a058 100%);
  color: #fff !important;
  transition: padding ease 0.2s !important;
}
.support-button[data-v-6488e27f]:hover {
  color: #fff;
  padding-left: 30px;
  padding-right: 30px;
}
.footer[data-v-6488e27f] {
  text-align: center;
  color: #838587;
  margin-top: 20px;
  padding: 20px 0;
}
.sider-content[data-v-6488e27f] {
  padding-top: 160px;
  padding-bottom: 200px;
}
.hero-wrapper[data-v-6488e27f] {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  z-index: 10;
  overflow: hidden;
}
.hero-wrapper .gradient[data-v-6488e27f] {
  margin-top: -65px;
}
.hero-wrapper .text-wrapper[data-v-6488e27f] {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: 16px;
  color: #fff;
}
.hero-wrapper .text-wrapper .title[data-v-6488e27f] {
  font-size: 25px;
  font-weight: 600;
}
.hero-wrapper .text-wrapper .divider[data-v-6488e27f] {
  width: 50px;
  height: 2px;
  border-radius: 4px;
  background-color: var(--09e441aa);
  margin: 0 auto 5px;
}
.hero-wrapper .text-wrapper .subtitle[data-v-6488e27f] {
  font-size: 16px;
}
.tool-content[data-v-5e9c8eb9] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
[data-v-5e9c8eb9] .tool-content > * {
  flex: 0 1 600px;
}
.tool-layout[data-v-5e9c8eb9] {
  max-width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
}
.tool-layout .tool-header[data-v-5e9c8eb9] {
  padding: 40px 0;
  width: 100%;
}
.tool-layout .tool-header .n-h1[data-v-5e9c8eb9] {
  opacity: 0.9;
  font-size: 40px;
  font-weight: 400;
  margin: 0;
  line-height: 1;
}
.tool-layout .tool-header .separator[data-v-5e9c8eb9] {
  width: 200px;
  height: 2px;
  background: #a1a1a1;
  opacity: 0.2;
  margin: 10px 0;
}
.tool-layout .tool-header .description[data-v-5e9c8eb9] {
  margin: 0;
  opacity: 0.7;
}
body {
  min-height: 100%;
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
  margin: 0;
  padding: 0;
}
* {
  box-sizing: border-box;
}
.c-card[data-v-236d2dc6] {
  background-color: var(--51386d66);
  border: 1px solid var(--1d9c24b0);
  border-radius: 4px;
  padding: 20px 24px;
}
.c-card-title[data-v-236d2dc6] {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 20px;
}
.colored-card[data-v-966d1647] {
  background: #25636c;
  background: linear-gradient(48deg, #25636c 0%, #3b956f 60%, #14a058 100%);
  color: #fff;
  border: none;
}
.colored-card .icon[data-v-966d1647] {
  opacity: 0.7;
}
.colored-card .title[data-v-966d1647] {
  color: #fff;
  margin: 5px 0;
}
.colored-card .description[data-v-966d1647] {
  opacity: 0.8;
  margin: 5px 0;
}
.colored-card .description[data-v-966d1647] a {
  color: inherit;
  text-decoration: underline;
  font-weight: 700;
  transition: color ease 0.2s;
}
.colored-card .description[data-v-966d1647] a:hover {
  color: #141414;
}
.height-enter-active[data-v-f5d12dac],
.height-leave-active[data-v-f5d12dac] {
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  max-height: 500px;
}
.height-enter-from[data-v-f5d12dac],
.height-leave-to[data-v-f5d12dac] {
  max-height: 42px;
  overflow: hidden;
  opacity: 0;
  margin-bottom: 0;
}
.c-alert[data-v-d1c7f863] {
  background-color: var(--2d6e05b1);
  color: var(--a966dbdc);
  font-size: inherit;
  line-height: 20px;
}